wip setcaret

apps/app/src/client/components/PageEditor/PageEditor.tsx

@@ -303,9 +303,6 @@ export const PageEditor = React.memo((props: Props): JSX.Element => {
   // set handler to set caret line
   useEffect(() => {
     const handler = (lineNumber?: number) => {
-      if (currentPageYjsData?.hasRevisionBodyDiff) {
-        return;
-      }
       codeMirrorEditor?.setCaretLine(lineNumber);
     };
     globalEmitter.on('setCaretLine', handler);

apps/app/src/client/components/ReactMarkdownComponents/Header.tsx

@@ -116,7 +116,7 @@ export const Header = (props: HeaderProps): JSX.Element => {
     };
   }, [activateByHash, router.events]);
 
-  const showEditButton = !isGuestUser && !isReadOnlyUser && !isSharedUser && shareLinkId == null && currentPageYjsData?.hasRevisionBodyDiff === true;
+  const showEditButton = !isGuestUser && !isReadOnlyUser && !isSharedUser && shareLinkId == null && currentPageYjsData?.hasRevisionBodyDiff === false;
 
   return (
     <>

packages/editor/src/client/services/use-codemirror-editor/utils/set-caret-line.ts

@@ -1,27 +1,77 @@
 import { useCallback } from 'react';
 
-import type { EditorView } from '@codemirror/view';
+import { Compartment, StateEffect } from '@codemirror/state';
+import { EditorView } from '@codemirror/view';
+import type { ViewUpdate } from '@codemirror/view';
 
 export type SetCaretLine = (lineNumber?: number) => void;
 
+const setCaretLine = (view?: EditorView, lineNumber?: number): void => {
+  const doc = view?.state.doc;
+
+  if (doc == null || view == null) {
+    throw RangeError;
+  }
+
+  const posOfLineEnd = doc.line(lineNumber ?? 1).to;
+  view?.dispatch({
+    selection: {
+      anchor: posOfLineEnd,
+      head: posOfLineEnd,
+    },
+    scrollIntoView: true,
+    effects: EditorView.scrollIntoView(posOfLineEnd, {
+      x: 'start',
+      y: 'start',
+    }),
+  });
+  // focus
+  view?.focus();
+
+};
+
 export const useSetCaretLine = (view?: EditorView): SetCaretLine => {
 
   return useCallback((lineNumber) => {
-    const doc = view?.state.doc;
 
-    if (doc == null) {
-      return;
+    try {
+      setCaretLine(view, lineNumber);
+    }
+    catch (_: unknown) {
+      //
     }
 
-    const posOfLineEnd = doc.line(lineNumber ?? 1).to;
+    console.log('Oooops');
+
+    // support Yjs lazy load doc
+    const compartment = new Compartment();
+
+    const initDocListenerExtension = EditorView.updateListener.of((v: ViewUpdate) => {
+
+      console.log(v);
+      // TODO: change conditional statement
+      if (v.docChanged && v.changes.desc.length === 0) {
+
+        try {
+          setCaretLine(view, lineNumber);
+        }
+        catch (_: unknown) {
+          // if posOfLineEnd is not found.
+        }
+
+        view?.dispatch({
+          effects: compartment.reconfigure([]),
+        });
+      }
+    });
+
     view?.dispatch({
-      selection: {
-        anchor: posOfLineEnd,
-        head: posOfLineEnd,
-      },
+      effects: StateEffect.appendConfig.of(
+        compartment.of(initDocListenerExtension),
+      ),
     });
-    // focus
-    view?.focus();
+
+
   }, [view]);
 
 };