focus and placeholder for ProseMirrorEditor

ng-app/src/apps/ProseMirrorEditor.svelte

@@ -24,6 +24,7 @@
         cur_tab_deregister_on_save,
         cur_tab_branch_class
     } from "../tab";
+    import { t } from "svelte-i18n";
     
     import * as Y from 'yjs'
     // @ts-ignore
@@ -38,6 +39,8 @@
     const ydoc = new Y.Doc()
     const yxml = ydoc.getXmlFragment('ng')
 
+    let view;
+
     ydoc.on('update', async (update, origin) => {
         console.log(update,origin);
       if (!origin.local) {
@@ -82,6 +85,8 @@
         for (const h of history) {
             Y.applyUpdate(ydoc, h.YXml, {local:true})
         }
+        view.focus()
+
     });
 
     onDestroy(()=>{
@@ -94,6 +99,8 @@
         className="prosemirror-editor"
         {editorState} 
         debounceChangeEventsInterval=2000
+        placeholder={$t("doc.type_your_text_here")}
+        bind:view={view}
     />
     
   </div>

ng-app/src/apps/ProseMirrorViewer.svelte

@@ -68,6 +68,7 @@
   
   </script>
   <div class="grow p-5">
+    
     {#if source}
       
         <div class="post-rich-text">

ng-app/src/locales/en.json

@@ -44,6 +44,7 @@
     "view_graph": "View Graph",
     "results": "Results",
     "empty": "Empty",
+    "type_your_text_here": "Type your text here",
     "sparql_update": "SPARQL Update",
     "no_triples": "No triples in this Graph.",
     "start_editing": "Start editing",