fix: Do not insert initial value when input is empty in editor

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

@@ -149,7 +149,10 @@ export const PageEditor = React.memo((props: Props): JSX.Element => {
  // set to ref
  initialValueRef.current = initialValue;
  }, [initialValue]);
- const [markdownToPreview, setMarkdownToPreview] = useState<string>(initialValue);
+
+ const { data: codeMirrorEditor } = useCodeMirrorEditorIsolated(GlobalCodeMirrorEditorKey.MAIN);
+
+ const [markdownToPreview, setMarkdownToPreview] = useState<string>(codeMirrorEditor?.getDoc() ?? '');
  const setMarkdownPreviewWithDebounce = useMemo(() => debounce(100, throttle(150, (value: string) => {
  setMarkdownToPreview(value);
  })), []);
@@ -159,8 +162,6 @@ export const PageEditor = React.memo((props: Props): JSX.Element => {
  }, [setMarkdownPreviewWithDebounce]);
 
 
- const { data: codeMirrorEditor } = useCodeMirrorEditorIsolated(GlobalCodeMirrorEditorKey.MAIN);
-
  const { scrollEditorHandler, scrollPreviewHandler } = useScrollSync(GlobalCodeMirrorEditorKey.MAIN, previewRef);
 
  const scrollEditorHandlerThrottle = useMemo(() => throttle(25, scrollEditorHandler), [scrollEditorHandler]);

apps/app/src/server/service/yjs-connection-manager.ts

@@ -59,10 +59,9 @@ class YjsConnectionManager {
 
  await this.mdb.flushDocument(pageId);
 
- const persistedCodeMirrorText = persistedYdoc.getText('codemirror').toString();
- const currentCodeMirrorText = currentYdoc.getText('codemirror').toString();
-
- if (persistedCodeMirrorText === '' && currentCodeMirrorText === '') {
+ // If no write operation has been performed, insert initial value
+ const clientsSize = currentYdoc.store.clients.size;
+ if (clientsSize === 0) {
  currentYdoc.getText('codemirror').insert(0, initialValue);
  }