@a3s-lab/office 0.2.2 → 0.4.0

package/dist/0~markdown-editor.js

@@ -12,9 +12,10 @@ import starter_kit from "@tiptap/starter-kit";
 import { Bold, Code2, Columns2, Image, Italic, Link2, List, ListChecks, ListOrdered, Minus, PencilLine, Quote, Redo2, Strikethrough, Table2, Undo2, Unlink } from "lucide-react";
 import { mergeOfficeTiptapExtensions, documentPlainTextAsHtml, customSelectionMenuItems } from "./0~5050.js";
 import { OfficeSelect, isWorkspaceContextMenuKeyboardEvent, WorkOfficeZoomControls, WorkOfficeStatusBar, Dialog, WorkOfficeRibbon, workspaceContextMenuPosition, WorkspaceContextMenu, WorkOfficeRibbonGroup, WorkOfficeRibbonButton, WorkOfficePreviewBar } from "./0~4595.js";
-import { button_Button, stepOfficeZoom, useOfficeEditorWheelZoom, office_text_field_OfficeTextField } from "./0~9512.js";
+import { button_Button, OfficeTiptapPresenceLayer, useOfficePublishPresenceLocation, stepOfficeZoom, office_text_field_OfficeTextField, useOfficeEditorWheelZoom, MarkdownSourcePresenceLayer } from "./0~6090.js";
 import { normalizeDocumentHref, DOCUMENT_LINK_VALIDATION_MESSAGE } from "./0~work-document-links.js";
-import { WorkEditorLoadingState } from "./432.js";
+import { readOfficeMarkdownCollaboration as readWorkOfficeMarkdownCollaboration, createOfficeMarkdownCollaborationBinding as createWorkOfficeMarkdownCollaborationBinding } from "./2591.js";
+import { useOfficeEditorInitialFocus, useOfficeCollaborationLocationNavigator, WorkEditorLoadingState } from "./432.js";
 var markdown_editor_namespaceObject = {};
 __webpack_require__.r(markdown_editor_namespaceObject);
 __webpack_require__.d(markdown_editor_namespaceObject, {
@@ -112,7 +113,7 @@ const WorkMarkdown = Extension.create({
         };
     }
 });
-function createWorkMarkdownExtensions() {
+function createWorkMarkdownExtensions(options = {}) {
     return [
         starter_kit.configure({
             link: {
@@ -120,7 +121,10 @@ function createWorkMarkdownExtensions() {
                 defaultProtocol: 'https',
                 openOnClick: false
             },
-            underline: false
+            underline: false,
+            ...options.collaborative ? {
+                undoRedo: false
+            } : {}
         }),
         TaskList,
         TaskItem.configure({
@@ -723,8 +727,8 @@ async function copyMarkdownSelection(text) {
     }
 }
 const MARKDOWN_SURFACE_FOCUS_RETRY_FRAMES = 4;
-function restoreMarkdownEditingSurfaceFocus(getTarget) {
-    const commandTrigger = document.activeElement;
+function restoreMarkdownEditingSurfaceFocus(getTarget, focusOrigin = document.activeElement) {
+    const commandTrigger = focusOrigin;
     let remainingFrames = MARKDOWN_SURFACE_FOCUS_RETRY_FRAMES;
     const restore = ()=>{
         if (remainingFrames <= 0) return;
@@ -951,7 +955,7 @@ const markdownToolbarShortcuts = {
         label: 'Cmd/Ctrl+Z'
     }
 };
-function MarkdownToolbar({ editor, fileActions, sourceEditing, canSourceRedo, canSourceUndo, viewMode, getSourceFocusTarget, getSourceSelection, onSourceCommand, onSourceRedo, onSourceReplace, onSourceUndo, onViewModeChange }) {
+function MarkdownToolbar({ editor, fileActions, collaborative, sourceEditing, canSourceRedo, canSourceUndo, viewMode, getSourceFocusTarget, getSourceSelection, onSourceCommand, onSourceRedo, onSourceReplace, onSourceUndo, onViewModeChange }) {
     const [activeTab, setActiveTab] = useState('home');
     const [insertDialog, setInsertDialog] = useState(null);
     const sourceSelection = sourceEditing ? getSourceSelection() : null;
@@ -965,8 +969,9 @@ function MarkdownToolbar({ editor, fileActions, sourceEditing, canSourceRedo, ca
         level: 3
     }) ? 'h3' : 'paragraph';
     const linkActive = sourceEditing ? Boolean(sourceLink) : editor.isActive('link');
-    const canUndo = sourceEditing ? canSourceUndo : canRunVisualEditorCommand(editor, ()=>editor.can().chain().focus().undo().run());
-    const canRedo = sourceEditing ? canSourceRedo : canRunVisualEditorCommand(editor, ()=>editor.can().chain().focus().redo().run());
+    const usesSharedHistory = sourceEditing || collaborative;
+    const canUndo = usesSharedHistory ? canSourceUndo : canRunVisualEditorCommand(editor, ()=>editor.can().chain().focus().undo().run());
+    const canRedo = usesSharedHistory ? canSourceRedo : canRunVisualEditorCommand(editor, ()=>editor.can().chain().focus().redo().run());
     const runCommand = (sourceCommand, visualCommand)=>{
         if (sourceEditing) return void onSourceCommand(sourceCommand);
         visualCommand();
@@ -1132,7 +1137,7 @@ function MarkdownToolbar({ editor, fileActions, sourceEditing, canSourceRedo, ca
                                         shortcut: markdownToolbarShortcuts.undo,
                                         disabled: !canUndo,
                                         onClick: ()=>{
-                                            if (sourceEditing) onSourceUndo();
+                                            if (usesSharedHistory) onSourceUndo();
                                             else editor.chain().focus().undo().run();
                                         },
                                         children: /*#__PURE__*/ jsx(Undo2, {
@@ -1144,7 +1149,7 @@ function MarkdownToolbar({ editor, fileActions, sourceEditing, canSourceRedo, ca
                                         shortcut: markdownToolbarShortcuts.redo,
                                         disabled: !canRedo,
                                         onClick: ()=>{
-                                            if (sourceEditing) onSourceRedo();
+                                            if (usesSharedHistory) onSourceRedo();
                                             else editor.chain().focus().redo().run();
                                         },
                                         children: /*#__PURE__*/ jsx(Redo2, {
@@ -1436,6 +1441,7 @@ function proportionalMarkdownScrollTop(sourceScrollTop, sourceScrollHeight, sour
 function MarkdownWorkspace({ editor, markdown, mode, readOnly = false, visualReadOnly = readOnly, sourceRef, sourceSelectionRequest, onSourceChange, onSourceCommand, onSourceContextMenu, onSourceIntent, onSourceRedo, onSourceSelectionChange, onSourceUndo, onVisualContextMenu, onVisualIntent }) {
     const workspaceRef = useRef(null);
     const visualRef = useRef(null);
+    const visualCanvasRef = useRef(null);
     const synchronizedTargetRef = useRef(null);
     const releaseFrameRef = useRef(null);
     const sourceInputTypeRef = useRef(void 0);
@@ -1633,6 +1639,10 @@ function MarkdownWorkspace({ editor, markdown, mode, readOnly = false, visualRea
                             onSourceSelectionChange?.(markdown_workspace_sourceSelection(event.currentTarget));
                         },
                         onScroll: handleSourceScroll
+                    }),
+                    /*#__PURE__*/ jsx(MarkdownSourcePresenceLayer, {
+                        markdown: markdown,
+                        sourceRef: sourceRef
                     })
                 ]
             }),
@@ -1671,11 +1681,20 @@ function MarkdownWorkspace({ editor, markdown, mode, readOnly = false, visualRea
                         className: "work-markdown-pane-label",
                         children: "预览"
                     }),
-                    /*#__PURE__*/ jsx("div", {
+                    /*#__PURE__*/ jsxs("div", {
+                        ref: visualCanvasRef,
                         className: "work-markdown-canvas",
-                        children: /*#__PURE__*/ jsx(EditorContent, {
-                            editor: editor
-                        })
+                        children: [
+                            /*#__PURE__*/ jsx(EditorContent, {
+                                editor: editor
+                            }),
+                            /*#__PURE__*/ jsx(OfficeTiptapPresenceLayer, {
+                                containerRef: visualCanvasRef,
+                                editor: editor,
+                                kind: "markdown",
+                                markdownSurface: "visual"
+                            })
+                        ]
                     })
                 ]
             })
@@ -1838,33 +1857,51 @@ function sameSelection(left, right) {
 }
 const MARKDOWN_PREVIEW_SYNC_DELAY = 160;
 const EMPTY_MARKDOWN_EXTENSIONS = [];
-function MarkdownEditor({ content, extensions: additionalExtensions = EMPTY_MARKDOWN_EXTENSIONS, preview, saveStatus, fileActions, getSelectionMenuItems, onChange }) {
-    const contentRef = useRef(content);
+function MarkdownEditor({ autoFocus = true, collaboration, content, extensions: additionalExtensions = EMPTY_MARKDOWN_EXTENSIONS, preview, saveStatus, fileActions, getSelectionMenuItems, onChange }) {
+    const collaborationRef = useRef(collaboration);
+    if (collaborationRef.current !== collaboration) throw new Error('MarkdownEditor collaboration sessions cannot be replaced while mounted. Remount the editor for another shared document.');
+    const collaborationBindingRef = useRef(void 0);
+    const collaborative = void 0 !== collaboration;
+    const collaborationEditable = !collaboration || 'edit' === collaboration.mode;
+    const readOnly = preview || !collaborationEditable;
+    const initialContent = collaboration ? readWorkOfficeMarkdownCollaboration(collaboration) : content;
+    const contentRef = useRef(initialContent);
     const onChangeRef = useRef(onChange);
     const receivedContentRef = useRef(content);
-    const appliedMarkdownRef = useRef(content.markdown);
+    const appliedMarkdownRef = useRef(initialContent.markdown);
     const emittedMarkdownRef = useRef(null);
-    const sourceMarkdownRef = useRef(content.markdown);
-    const initialMarkdownRef = useRef(content.markdown);
+    const sourceMarkdownRef = useRef(initialContent.markdown);
+    const initialMarkdownRef = useRef(initialContent.markdown);
     const previewTimerRef = useRef(null);
     const sourceTextareaRef = useRef(null);
     const markdownRootRef = useRef(null);
-    const [sourceMarkdown, setSourceMarkdown] = useState(content.markdown);
+    const [sourceMarkdown, setSourceMarkdown] = useState(initialContent.markdown);
     const [selectionMenu, setSelectionMenu] = useState(null);
     const [sourceSelectionRequest, setSourceSelectionRequest] = useState();
     const [viewMode, setViewMode] = useState('split');
     const [zoom, setZoom] = useState(100);
-    const [, setSelectionVersion] = useState(0);
-    const { canRedo: canRedoSource, canUndo: canUndoSource, record: recordSourceHistory, redo: redoSourceHistory, reset: resetSourceHistory, undo: undoSourceHistory, updateSelection: updateSourceHistorySelection } = useMarkdownSourceHistory(content.markdown);
-    contentRef.current = content;
+    const [selectionVersion, setSelectionVersion] = useState(0);
+    const [presenceSurface, setPresenceSurface] = useState(preview ? 'visual' : 'source');
+    const [sourcePresenceSelection, setSourcePresenceSelection] = useState({
+        start: 0,
+        end: 0,
+        direction: 'none'
+    });
+    const { canRedo: canRedoSource, canUndo: canUndoSource, record: recordSourceHistory, redo: redoSourceHistory, reset: resetSourceHistory, undo: undoSourceHistory, updateSelection: updateSourceHistorySelection } = useMarkdownSourceHistory(initialContent.markdown);
+    if (!collaborative) contentRef.current = content;
     onChangeRef.current = onChange;
+    const [, refreshCollaborationHistory] = useState(0);
+    const [collaborationReady, setCollaborationReady] = useState(!collaborative);
     const cancelPreviewSync = useCallback(()=>{
         if (null === previewTimerRef.current) return;
         clearTimeout(previewTimerRef.current);
         previewTimerRef.current = null;
     }, []);
-    const extensions = useMemo(()=>mergeOfficeTiptapExtensions('MarkdownEditor', createWorkMarkdownExtensions(), additionalExtensions), [
-        additionalExtensions
+    const extensions = useMemo(()=>mergeOfficeTiptapExtensions('MarkdownEditor', createWorkMarkdownExtensions({
+            collaborative
+        }), additionalExtensions), [
+        additionalExtensions,
+        collaborative
     ]);
     const editorProps = useMemo(()=>({
             attributes: {
@@ -1872,18 +1909,40 @@ function MarkdownEditor({ content, extensions: additionalExtensions = EMPTY_MARK
                 'aria-multiline': 'true',
                 role: 'textbox',
                 spellcheck: 'true'
+            },
+            handleKeyDown: (_view, event)=>{
+                if (!collaborative || readOnly || event.altKey || !(event.metaKey || event.ctrlKey)) return false;
+                const key = event.key.toLocaleLowerCase();
+                if ('z' === key) {
+                    if (event.shiftKey) collaborationBindingRef.current?.redo();
+                    else collaborationBindingRef.current?.undo();
+                    return true;
+                }
+                if ('y' === key && !event.shiftKey) {
+                    collaborationBindingRef.current?.redo();
+                    return true;
+                }
+                return false;
             }
-        }), []);
+        }), [
+        collaborative,
+        readOnly
+    ]);
     const editor = useEditor({
         extensions,
         content: initialMarkdownRef.current,
         contentType: 'markdown',
-        editable: !preview && 'visual' === viewMode,
+        editable: !readOnly && 'visual' === viewMode,
         editorProps,
         onUpdate: ({ editor: current })=>{
             const markdown = current.getMarkdown();
             if (markdown === appliedMarkdownRef.current) return;
             cancelPreviewSync();
+            if (collaborative) {
+                appliedMarkdownRef.current = markdown;
+                collaborationBindingRef.current?.replace(markdown);
+                return;
+            }
             const next = {
                 ...contentRef.current,
                 markdown
@@ -1924,12 +1983,54 @@ function MarkdownEditor({ content, extensions: additionalExtensions = EMPTY_MARK
         cancelPreviewSync,
         editor
     ]);
+    useEffect(()=>{
+        if (!collaboration) return;
+        const binding = createWorkOfficeMarkdownCollaborationBinding(collaboration);
+        collaborationBindingRef.current = binding;
+        setCollaborationReady(true);
+        return ()=>{
+            if (collaborationBindingRef.current === binding) collaborationBindingRef.current = void 0;
+            binding.destroy();
+        };
+    }, [
+        collaboration
+    ]);
+    useEffect(()=>{
+        if (!collaboration) return;
+        const binding = collaborationBindingRef.current;
+        if (!binding) return;
+        const unsubscribeContent = binding.subscribe(({ content: next })=>{
+            contentRef.current = next;
+            sourceMarkdownRef.current = next.markdown;
+            setSourceMarkdown(next.markdown);
+            if (preview || 'source' !== viewMode) queueMarkdownPreview(next.markdown, 'visual' === viewMode);
+            onChangeRef.current(next);
+        });
+        const unsubscribeHistory = binding.subscribeHistory(()=>refreshCollaborationHistory((value)=>value + 1));
+        const current = binding.content();
+        if (current.markdown !== sourceMarkdownRef.current) {
+            contentRef.current = current;
+            sourceMarkdownRef.current = current.markdown;
+            setSourceMarkdown(current.markdown);
+            if (preview || 'source' !== viewMode) queueMarkdownPreview(current.markdown, 'visual' === viewMode);
+            onChangeRef.current(current);
+        }
+        return ()=>{
+            unsubscribeContent();
+            unsubscribeHistory();
+        };
+    }, [
+        collaboration,
+        preview,
+        queueMarkdownPreview,
+        viewMode
+    ]);
     useEffect(()=>cancelPreviewSync, [
         cancelPreviewSync
     ]);
     useEffect(()=>{
         if (!editor) return;
-        const visualEditorReadOnly = preview || 'visual' !== viewMode;
+        const visualEditorReadOnly = readOnly || 'visual' !== viewMode;
         let checkboxFrame = null;
         const applyTaskCheckboxState = ()=>{
             for (const checkbox of editor.view.dom.querySelectorAll('li[data-type="taskItem"] > label input[type="checkbox"]')){
@@ -1978,10 +2079,11 @@ function MarkdownEditor({ content, extensions: additionalExtensions = EMPTY_MARK
         };
     }, [
         editor,
-        preview,
+        readOnly,
         viewMode
     ]);
     useEffect(()=>{
+        if (collaborative) return;
         if (!editor || receivedContentRef.current === content) return;
         receivedContentRef.current = content;
         const markdown = content.markdown;
@@ -1995,17 +2097,19 @@ function MarkdownEditor({ content, extensions: additionalExtensions = EMPTY_MARK
         }
         emittedMarkdownRef.current = null;
         resetSourceHistory(markdown, textareaSelection(sourceTextareaRef.current, markdown.length));
-        if (preview || 'source' !== viewMode) queueMarkdownPreview(markdown, true);
+        if (readOnly || 'source' !== viewMode) queueMarkdownPreview(markdown, true);
     }, [
         content,
+        collaborative,
         editor,
-        preview,
+        readOnly,
         queueMarkdownPreview,
         resetSourceHistory,
         viewMode
     ]);
     const updateSource = useCallback((markdown)=>{
         if (markdown === sourceMarkdownRef.current) return;
+        if (collaborative) return void collaborationBindingRef.current?.replace(markdown);
         sourceMarkdownRef.current = markdown;
         setSourceMarkdown(markdown);
         const next = {
@@ -2017,6 +2121,7 @@ function MarkdownEditor({ content, extensions: additionalExtensions = EMPTY_MARK
         onChangeRef.current(next);
         if ('source' !== viewMode) queueMarkdownPreview(markdown);
     }, [
+        collaborative,
         queueMarkdownPreview,
         viewMode
     ]);
@@ -2037,11 +2142,12 @@ function MarkdownEditor({ content, extensions: additionalExtensions = EMPTY_MARK
             }));
     }, []);
     const applySourceEdit = useCallback((edit)=>{
-        recordSourceHistory(edit);
+        if (!collaborative) recordSourceHistory(edit);
         updateSource(edit.markdown);
         requestSourceSelection(edit.selection);
         return true;
     }, [
+        collaborative,
         recordSourceHistory,
         requestSourceSelection,
         updateSource
@@ -2051,12 +2157,15 @@ function MarkdownEditor({ content, extensions: additionalExtensions = EMPTY_MARK
             markdown,
             selection
         };
-        if (!recordSourceHistory(edit, {
-            typing: true,
-            inputType
-        })) return;
+        if (!collaborative) {
+            if (!recordSourceHistory(edit, {
+                typing: true,
+                inputType
+            })) return;
+        }
         updateSource(markdown);
     }, [
+        collaborative,
         recordSourceHistory,
         updateSource
     ]);
@@ -2069,12 +2178,20 @@ function MarkdownEditor({ content, extensions: additionalExtensions = EMPTY_MARK
         requestSourceSelection,
         updateSource
     ]);
-    const undoSource = useCallback(()=>applySourceHistory(undoSourceHistory()), [
+    const undoSource = useCallback(()=>{
+        if (collaborative) return collaborationBindingRef.current?.undo() ?? false;
+        return applySourceHistory(undoSourceHistory());
+    }, [
         applySourceHistory,
+        collaborative,
         undoSourceHistory
     ]);
-    const redoSource = useCallback(()=>applySourceHistory(redoSourceHistory()), [
+    const redoSource = useCallback(()=>{
+        if (collaborative) return collaborationBindingRef.current?.redo() ?? false;
+        return applySourceHistory(redoSourceHistory());
+    }, [
         applySourceHistory,
+        collaborative,
         redoSourceHistory
     ]);
     const runSourceCommand = useCallback((command)=>{
@@ -2095,16 +2212,22 @@ function MarkdownEditor({ content, extensions: additionalExtensions = EMPTY_MARK
         getSourceSelection
     ]);
     const handleSourceSelectionChange = useCallback((selection)=>{
-        updateSourceHistorySelection(selection);
+        if (!collaborative) updateSourceHistorySelection(selection);
+        setSourcePresenceSelection(selection);
         setSelectionVersion((value)=>value + 1);
     }, [
+        collaborative,
         updateSourceHistorySelection
     ]);
     const handleVisualIntent = useCallback(()=>{
+        setPresenceSurface('visual');
         applyMarkdownToEditor(sourceMarkdownRef.current);
     }, [
         applyMarkdownToEditor
     ]);
+    const handleSourceIntent = useCallback(()=>{
+        setPresenceSurface('source');
+    }, []);
     const openSourceSelectionMenu = useCallback((event)=>{
         if (!getSelectionMenuItems) return false;
         const current = getSourceSelection();
@@ -2150,6 +2273,7 @@ function MarkdownEditor({ content, extensions: additionalExtensions = EMPTY_MARK
     ]);
     const changeViewMode = useCallback((mode)=>{
         const focusSurface = 'visual' === mode ? 'visual' : 'source';
+        setPresenceSurface(focusSurface);
         if ('source' !== mode) applyMarkdownToEditor(sourceMarkdownRef.current);
         setViewMode(mode);
         restoreMarkdownEditingSurfaceFocus(()=>{
@@ -2160,7 +2284,79 @@ function MarkdownEditor({ content, extensions: additionalExtensions = EMPTY_MARK
         applyMarkdownToEditor,
         editor
     ]);
+    const markdownPresenceLocation = useMemo(()=>{
+        const surface = readOnly ? 'visual' : presenceSurface;
+        if ('source' === surface) {
+            const maximum = sourceMarkdownRef.current.length;
+            const start = Math.max(0, Math.min(maximum, sourcePresenceSelection.start));
+            const end = Math.max(0, Math.min(maximum, sourcePresenceSelection.end));
+            const backward = 'backward' === sourcePresenceSelection.direction;
+            return {
+                kind: 'markdown',
+                surface,
+                anchor: backward ? end : start,
+                head: backward ? start : end
+            };
+        }
+        if (!editor || editor.isDestroyed) return null;
+        const { anchor, head } = editor.state.selection;
+        return {
+            kind: 'markdown',
+            surface,
+            anchor,
+            head
+        };
+    }, [
+        editor,
+        presenceSurface,
+        readOnly,
+        selectionVersion,
+        sourcePresenceSelection
+    ]);
+    useOfficePublishPresenceLocation(markdownPresenceLocation);
+    const navigateToMarkdownParticipant = useCallback((participant)=>{
+        const location = participant.location;
+        if (!editor || editor.isDestroyed || location?.kind !== 'markdown') return false;
+        const surface = location.surface ?? 'source';
+        if ('source' === surface) {
+            if (readOnly || location.anchor > sourceMarkdownRef.current.length || location.head > sourceMarkdownRef.current.length) return false;
+            setPresenceSurface('source');
+            if ('visual' === viewMode) setViewMode('source');
+            requestSourceSelection({
+                start: Math.min(location.anchor, location.head),
+                end: Math.max(location.anchor, location.head),
+                direction: location.anchor > location.head ? 'backward' : 'forward'
+            });
+            return true;
+        }
+        const maximum = editor.state.doc.content.size;
+        if (location.anchor > maximum || location.head > maximum) return false;
+        setPresenceSurface('visual');
+        if ('visual' !== viewMode) {
+            applyMarkdownToEditor(sourceMarkdownRef.current);
+            setViewMode('visual');
+        }
+        const from = Math.min(location.anchor, location.head);
+        const to = Math.max(location.anchor, location.head);
+        requestAnimationFrame(()=>{
+            if (editor.isDestroyed) return;
+            editor.chain().focus().setTextSelection({
+                from,
+                to
+            }).scrollIntoView().run();
+        });
+        return true;
+    }, [
+        applyMarkdownToEditor,
+        editor,
+        readOnly,
+        requestSourceSelection,
+        viewMode
+    ]);
+    useOfficeCollaborationLocationNavigator(navigateToMarkdownParticipant);
     const deferredMarkdown = useDeferredValue(sourceMarkdown);
+    const canUndoMarkdown = collaborative ? collaborationBindingRef.current?.canUndo() ?? false : canUndoSource;
+    const canRedoMarkdown = collaborative ? collaborationBindingRef.current?.canRedo() ?? false : canRedoSource;
     const metrics = useMemo(()=>markdownMetrics(deferredMarkdown), [
         deferredMarkdown
     ]);
@@ -2179,10 +2375,18 @@ function MarkdownEditor({ content, extensions: additionalExtensions = EMPTY_MARK
                     maximum: 180
                 }))
     });
-    if (!editor) return /*#__PURE__*/ jsx(WorkEditorLoadingState, {
+    useOfficeEditorInitialFocus({
+        enabled: autoFocus && !readOnly && collaborationReady && Boolean(editor && !editor.isDestroyed),
+        getTarget: ()=>{
+            if ('visual' !== viewMode) return sourceTextareaRef.current;
+            return !editor || editor.isDestroyed ? null : editor.view.dom;
+        },
+        isTargetReady: (target)=>target instanceof HTMLTextAreaElement ? !target.disabled && !target.readOnly : 'true' === target.getAttribute('contenteditable')
+    });
+    if (!editor || !collaborationReady) return /*#__PURE__*/ jsx(WorkEditorLoadingState, {
         title: "正在准备 Markdown 编辑器"
     });
-    if (preview) return /*#__PURE__*/ jsxs("section", {
+    if (readOnly) return /*#__PURE__*/ jsxs("section", {
         ref: markdownRootRef,
         className: "work-markdown-editor preview",
         style: editorStyle,
@@ -2220,9 +2424,10 @@ function MarkdownEditor({ content, extensions: additionalExtensions = EMPTY_MARK
             /*#__PURE__*/ jsx(MarkdownToolbar, {
                 editor: editor,
                 fileActions: fileActions,
+                collaborative: collaborative,
                 sourceEditing: 'visual' !== viewMode,
-                canSourceRedo: canRedoSource,
-                canSourceUndo: canUndoSource,
+                canSourceRedo: canRedoMarkdown,
+                canSourceUndo: canUndoMarkdown,
                 viewMode: viewMode,
                 getSourceFocusTarget: ()=>sourceTextareaRef.current,
                 getSourceSelection: getSourceSelection,
@@ -2243,6 +2448,7 @@ function MarkdownEditor({ content, extensions: additionalExtensions = EMPTY_MARK
                 onSourceCommand: runSourceCommand,
                 onSourceContextMenu: getSelectionMenuItems ? openSourceSelectionMenu : void 0,
                 onSourceRedo: redoSource,
+                onSourceIntent: handleSourceIntent,
                 onSourceSelectionChange: handleSourceSelectionChange,
                 onSourceUndo: undoSource,
                 onVisualContextMenu: getSelectionMenuItems ? openVisualSelectionMenu : void 0,