v1.5, sync works no initial content

Author: yoen-velt

apps/react/text-editors/libraries/tiptap/tiptap-demo/components/document/TipTapComponent/TipTapComponent.tsx

@@ -10,17 +10,14 @@ import { useCommentAnnotations, useVeltEventCallback } from '@veltdev/react'
 import { TiptapVeltComments, addComment, renderComments } from '@veltdev/tiptap-velt-comments'
 import { EditorToolbar } from './ui/EditorToolbar'
 import { TipTapComponentProps } from './types'
-import { initialContent } from './constants'
 import { useCurrentDocument } from '@/app/document/useCurrentDocument'
 import { InlineH1, InlineH2, InlineH3 } from './extensions'
 
 export default function TipTapComponent({ scrollContainerRef }: TipTapComponentProps) {
   const { documentId } = useCurrentDocument()
   const veltUser = useVeltEventCallback('userUpdate')
-  const [hasInitialized, setHasInitialized] = React.useState(false)
 
   // Initialize CRDT extension without initialContent to avoid encryption errors
-  // We'll set initial content manually after the editor is ready
   const { VeltCrdt, isLoading } = useVeltTiptapCrdtExtension({
     editorId: documentId,
     onSynced: (doc) => {
@@ -31,7 +28,7 @@ export default function TipTapComponent({ scrollContainerRef }: TipTapComponentP
     }
   })
 
-  // Initialize the editor with empty content
+  // Initialize the editor - content will be managed by CRDT after sync
   const editor = useEditor({
     extensions: [
       StarterKit.configure({
@@ -48,29 +45,13 @@ export default function TipTapComponent({ scrollContainerRef }: TipTapComponentP
       TiptapVeltComments,
       ...(VeltCrdt ? [VeltCrdt] : []),
     ],
-    content: '', // Start with empty content
     immediatelyRender: false,
   }, [VeltCrdt])
 
-  // Set initial content if document is empty after editor initializes
-  useEffect(() => {
-    if (editor && !isLoading && !hasInitialized) {
-      // Small delay to ensure CRDT has fully loaded
-      const timer = setTimeout(() => {
-        const currentText = editor.getText()
-        console.log('Current editor text:', currentText)
-
-        // If document is completely empty, set initial content
-        if (!currentText || currentText.trim().length === 0) {
-          console.log('Setting initial content...')
-          editor.commands.setContent(initialContent)
-        }
-        setHasInitialized(true)
-      }, 1000) // Wait 1 second for CRDT to fully sync
-
-      return () => clearTimeout(timer)
-    }
-  }, [editor, isLoading, hasInitialized])
+  // Note: Initial content insertion has been disabled due to Velt encryption limitations
+  // Large HTML content causes "Maximum call stack size exceeded" errors during encryption
+  // For now, documents start empty. Users can paste content or type manually.
+  // TODO: Investigate chunking or alternative content loading strategies with Velt team
 
   // Comment annotations
   const commentAnnotations = useCommentAnnotations()