From 0a5c03ebd10e22e767e1441907539e690b6a6549 Mon Sep 17 00:00:00 2001
From: Niko PLP <niko@nextgraph.org>
Date: Mon, 5 Aug 2024 18:48:31 +0300
Subject: [PATCH] focus and placeholder for ProseMirrorEditor

---
 ng-app/src/apps/ProseMirrorEditor.svelte | 7 +++++++
 ng-app/src/apps/ProseMirrorViewer.svelte | 1 +
 ng-app/src/locales/en.json               | 1 +
 3 files changed, 9 insertions(+)

diff --git a/ng-app/src/apps/ProseMirrorEditor.svelte b/ng-app/src/apps/ProseMirrorEditor.svelte
index aa817e6..fd838ee 100644
--- a/ng-app/src/apps/ProseMirrorEditor.svelte
+++ b/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>
\ No newline at end of file
diff --git a/ng-app/src/apps/ProseMirrorViewer.svelte b/ng-app/src/apps/ProseMirrorViewer.svelte
index a8915fb..9827107 100644
--- a/ng-app/src/apps/ProseMirrorViewer.svelte
+++ b/ng-app/src/apps/ProseMirrorViewer.svelte
@@ -68,6 +68,7 @@
   
   </script>
   <div class="grow p-5">
+    
     {#if source}
       
         <div class="post-rich-text">
diff --git a/ng-app/src/locales/en.json b/ng-app/src/locales/en.json
index 55d7650..6ae836a 100644
--- a/ng-app/src/locales/en.json
+++ b/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",