@dxos/plugin-markdown 0.8.2-main.fbd8ed0 → 0.8.2-staging.42af850

package/dist/lib/node-esm/{MarkdownContainer-62XZY5EP.mjs → MarkdownContainer-UZSLXMWO.mjs}

@@ -1,34 +1,35 @@
 import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-import "./chunk-T5Z5BIOF.mjs";
+import "./chunk-EIUTPXGL.mjs";
+import {
+  MarkdownCapabilities
+} from "./chunk-JXXDCSMW.mjs";
 import {
   getFallbackName,
   setFallbackName
-} from "./chunk-PDD5B7EO.mjs";
-import {
-  MarkdownCapabilities
-} from "./chunk-ETXPC5VP.mjs";
+} from "./chunk-6RPARLIK.mjs";
 import {
   DocumentType
-} from "./chunk-66XM3JMR.mjs";
+} from "./chunk-NCMPVEXO.mjs";
 import {
   MARKDOWN_PLUGIN
 } from "./chunk-RX63ZNML.mjs";
 
 // packages/plugins/plugin-markdown/src/components/MarkdownContainer.tsx
+import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
+import { Rx } from "@effect-rx/rx-react";
 import React3, { useEffect as useEffect2, useMemo as useMemo4 } from "react";
-import { Capabilities, useCapabilities as useCapabilities2 } from "@dxos/app-framework";
+import { Capabilities, useAppGraph, useCapabilities as useCapabilities2 } from "@dxos/app-framework";
 import { isInstanceOf } from "@dxos/echo-schema";
 import { fullyQualifiedId as fullyQualifiedId2, getSpace as getSpace2 } from "@dxos/react-client/echo";
 import { DataType } from "@dxos/schema";
 
 // packages/plugins/plugin-markdown/src/components/MarkdownEditor/MarkdownEditor.tsx
+import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
 import React, { useMemo as useMemo2, useEffect, useCallback } from "react";
 import { useDropzone } from "react-dropzone";
-import { createIntent, useIntentDispatcher } from "@dxos/app-framework";
 import { invariant as invariant2 } from "@dxos/invariant";
-import { ATTENDABLE_PATH_SEPARATOR, DeckAction } from "@dxos/plugin-deck/types";
 import { useThemeContext, useTranslation } from "@dxos/react-ui";
-import { EditorToolbar, createBasicExtensions, createMarkdownExtensions, createThemeExtensions, dropFile, editorContent, editorGutter, processEditorPayload, stackItemContentEditorClassNames, useCommentState, useCommentClickListener, useFormattingState, useTextEditor, useEditorToolbarState, addLink } from "@dxos/react-ui-editor";
+import { EditorToolbar, createBasicExtensions, createMarkdownExtensions, createThemeExtensions, dropFile, editorSlots, editorGutter, processEditorPayload, stackItemContentEditorClassNames, useFormattingState, useTextEditor, useEditorToolbarState, addLink } from "@dxos/react-ui-editor";
 import { StackItem } from "@dxos/react-ui-stack";
 import { isNotFalsy, isNonNullable } from "@dxos/util";
 
@@ -40,7 +41,7 @@ import { createResolver, LayoutAction, useIntentResolver } from "@dxos/app-frame
 import { invariant } from "@dxos/invariant";
 import { Cursor, setSelection } from "@dxos/react-ui-editor";
 var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-markdown/src/hooks/useSelectCurrentThread.tsx";
-var useSelectCurrentThread = (editorView, documentId) => {
+var useSelectCurrentThread = (editorView, documentId2) => {
   const scrollIntoViewResolver = useMemo(() => createResolver({
     intent: LayoutAction.UpdateLayout,
     position: "hoist",
@@ -48,7 +49,7 @@ var useSelectCurrentThread = (editorView, documentId) => {
       if (!Schema.is(LayoutAction.ScrollIntoView.fields.input)(data)) {
         return false;
       }
-      return !!editorView && data.subject === documentId && !!data.options?.cursor;
+      return !!editorView && data.subject === documentId2 && !!data.options?.cursor;
     },
     resolve: ({ options: { cursor } }) => {
       invariant(editorView, "Editor view is not defined.", {
@@ -74,7 +75,7 @@ var useSelectCurrentThread = (editorView, documentId) => {
         ];
         if (selection) {
           effects.push(setSelection.of({
-            current: documentId
+            current: documentId2
           }));
         }
         editorView.dispatch({
@@ -86,7 +87,7 @@ var useSelectCurrentThread = (editorView, documentId) => {
       }
     }
   }), [
-    documentId,
+    documentId2,
     editorView
   ]);
   useIntentResolver(MARKDOWN_PLUGIN, scrollIntoViewResolver);
@@ -94,169 +95,156 @@ var useSelectCurrentThread = (editorView, documentId) => {
 
 // packages/plugins/plugin-markdown/src/components/MarkdownEditor/MarkdownEditor.tsx
 var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-markdown/src/components/MarkdownEditor/MarkdownEditor.tsx";
-var MarkdownEditor = ({ id, role = "article", initialValue, extensions, extensionProviders, scrollPastEnd, toolbar, comment = true, viewMode, editorStateStore, onFileUpload, onViewModeChange }) => {
-  const { t } = useTranslation(MARKDOWN_PLUGIN);
-  const { themeMode } = useThemeContext();
-  const { dispatchPromise: dispatch } = useIntentDispatcher();
-  const toolbarState = useEditorToolbarState({
-    viewMode
-  });
-  const formattingObserver = useFormattingState(toolbarState);
-  const { scrollTo, selection } = useMemo2(() => editorStateStore?.getState(id) ?? {}, [
-    id
-  ]);
-  const providerExtensions = useMemo2(() => extensionProviders?.flatMap((provider) => provider({})).filter(isNonNullable), [
-    extensionProviders
-  ]);
-  const commentObserver = useCommentState(toolbarState);
-  const onCommentClick = useCallback(async () => {
-    await dispatch(createIntent(DeckAction.ChangeCompanion, {
-      primary: id,
-      companion: `${id}${ATTENDABLE_PATH_SEPARATOR}comments`
-    }));
-  }, [
-    dispatch
-  ]);
-  const commentClickObserver = useCommentClickListener(onCommentClick);
-  const handleDrop = async (view, { files }) => {
-    const file = files[0];
-    const info = file && onFileUpload ? await onFileUpload(file) : void 0;
-    if (info) {
-      processEditorPayload(view, {
-        type: "image",
-        data: info.url
-      });
-    }
-  };
-  const { parentRef, view: editorView, focusAttributes } = useTextEditor(() => ({
-    initialValue,
-    extensions: [
+var MarkdownEditor = ({ id, role = "article", initialValue, extensions, extensionProviders, scrollPastEnd, toolbar, customActions, viewMode, editorStateStore, onFileUpload, onViewModeChange }) => {
+  var _effect = _useSignals();
+  try {
+    const { t } = useTranslation(MARKDOWN_PLUGIN);
+    const { themeMode } = useThemeContext();
+    const toolbarState = useEditorToolbarState({
+      viewMode
+    });
+    const formattingObserver = useFormattingState(toolbarState);
+    const { scrollTo, selection } = useMemo2(() => editorStateStore?.getState(id) ?? {}, [
+      id
+    ]);
+    const providerExtensions = useMemo2(() => extensionProviders?.flatMap((provider) => provider({})).filter(isNonNullable), [
+      extensionProviders
+    ]);
+    const handleDrop = async (view, { files }) => {
+      const file = files[0];
+      const info = file && onFileUpload ? await onFileUpload(file) : void 0;
+      if (info) {
+        processEditorPayload(view, {
+          type: "image",
+          data: info.url
+        });
+      }
+    };
+    const { parentRef, view: editorView, focusAttributes } = useTextEditor(() => ({
+      initialValue,
+      extensions: [
+        formattingObserver,
+        createBasicExtensions({
+          readOnly: viewMode === "readonly",
+          placeholder: t("editor placeholder"),
+          scrollPastEnd: role === "section" ? false : scrollPastEnd
+        }),
+        createMarkdownExtensions({
+          themeMode
+        }),
+        createThemeExtensions({
+          themeMode,
+          syntaxHighlighting: true,
+          slots: editorSlots
+        }),
+        editorGutter,
+        role !== "section" && onFileUpload && dropFile({
+          onDrop: handleDrop
+        }),
+        providerExtensions,
+        extensions
+      ].filter(isNotFalsy),
+      ...role !== "section" && {
+        id,
+        scrollTo,
+        selection,
+        // TODO(wittjosiah): Autofocus based on layout is racy.
+        // autoFocus: layoutPlugin?.provides.layout ? layoutPlugin?.provides.layout.scrollIntoView === id : true,
+        moveToEndOfLine: true
+      }
+    }), [
+      id,
       formattingObserver,
-      comment && commentObserver,
-      comment && commentClickObserver,
-      createBasicExtensions({
-        readOnly: viewMode === "readonly",
-        placeholder: t("editor placeholder"),
-        scrollPastEnd: role === "section" ? false : scrollPastEnd
-      }),
-      createMarkdownExtensions({
-        themeMode
-      }),
-      createThemeExtensions({
-        themeMode,
-        syntaxHighlighting: true,
-        slots: {
-          content: {
-            className: editorContent
+      viewMode,
+      themeMode,
+      extensions,
+      providerExtensions
+    ]);
+    useTest(editorView);
+    useSelectCurrentThread(editorView, id);
+    const { acceptedFiles, getInputProps, open } = useDropzone({
+      multiple: false,
+      noDrag: true,
+      accept: {
+        "image/*": [
+          ".jpg",
+          ".jpeg",
+          ".png",
+          ".gif"
+        ]
+      }
+    });
+    useEffect(() => {
+      if (editorView && onFileUpload && acceptedFiles.length) {
+        requestAnimationFrame(async () => {
+          const f = acceptedFiles[0];
+          const file = new File([
+            f
+          ], f.name, {
+            type: f.type,
+            lastModified: f.lastModified
+          });
+          const info = await onFileUpload(file);
+          if (info) {
+            addLink({
+              url: info.url,
+              image: true
+            })(editorView);
           }
-        }
-      }),
-      editorGutter,
-      role !== "section" && onFileUpload && dropFile({
-        onDrop: handleDrop
-      }),
-      providerExtensions,
-      extensions
-    ].filter(isNotFalsy),
-    ...role !== "section" && {
-      id,
-      scrollTo,
-      selection,
-      // TODO(wittjosiah): Autofocus based on layout is racy.
-      // autoFocus: layoutPlugin?.provides.layout ? layoutPlugin?.provides.layout.scrollIntoView === id : true,
-      moveToEndOfLine: true
-    }
-  }), [
-    id,
-    formattingObserver,
-    comment,
-    viewMode,
-    themeMode,
-    extensions,
-    providerExtensions
-  ]);
-  useTest(editorView);
-  useSelectCurrentThread(editorView, id);
-  const { acceptedFiles, getInputProps, open } = useDropzone({
-    multiple: false,
-    noDrag: true,
-    accept: {
-      "image/*": [
-        ".jpg",
-        ".jpeg",
-        ".png",
-        ".gif"
-      ]
-    }
-  });
-  useEffect(() => {
-    if (editorView && onFileUpload && acceptedFiles.length) {
-      requestAnimationFrame(async () => {
-        const f = acceptedFiles[0];
-        const file = new File([
-          f
-        ], f.name, {
-          type: f.type,
-          lastModified: f.lastModified
         });
-        const info = await onFileUpload(file);
-        if (info) {
-          addLink({
-            url: info.url,
-            image: true
-          })(editorView);
-        }
+      }
+    }, [
+      acceptedFiles,
+      editorView,
+      onFileUpload
+    ]);
+    const getView = useCallback(() => {
+      invariant2(editorView, void 0, {
+        F: __dxlog_file2,
+        L: 165,
+        S: void 0,
+        A: [
+          "editorView",
+          ""
+        ]
       });
-    }
-  }, [
-    acceptedFiles,
-    editorView,
-    onFileUpload
-  ]);
-  const getView = useCallback(() => {
-    invariant2(editorView, void 0, {
-      F: __dxlog_file2,
-      L: 186,
-      S: void 0,
-      A: [
-        "editorView",
-        ""
-      ]
-    });
-    return editorView;
-  }, [
-    editorView
-  ]);
-  const handleViewModeChange = useCallback((mode) => onViewModeChange?.(id, mode), [
-    id,
-    onViewModeChange
-  ]);
-  const handleImageUpload = useCallback(() => {
-    if (onFileUpload) {
-      open();
-    }
-  }, [
-    onFileUpload
-  ]);
-  return /* @__PURE__ */ React.createElement(StackItem.Content, {
-    toolbar: !!toolbar
-  }, toolbar && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(EditorToolbar, {
-    attendableId: id,
-    role,
-    state: toolbarState,
-    getView,
-    comment,
-    image: handleImageUpload,
-    viewMode: handleViewModeChange
-  }), /* @__PURE__ */ React.createElement("input", getInputProps())), /* @__PURE__ */ React.createElement("div", {
-    role: "none",
-    ref: parentRef,
-    "data-testid": "composer.markdownRoot",
-    "data-toolbar": toolbar ? "enabled" : "disabled",
-    className: stackItemContentEditorClassNames(role),
-    "data-popover-collision-boundary": true,
-    ...focusAttributes
-  }));
+      return editorView;
+    }, [
+      editorView
+    ]);
+    const handleViewModeChange = useCallback((mode) => onViewModeChange?.(id, mode), [
+      id,
+      onViewModeChange
+    ]);
+    const handleImageUpload = useCallback(() => {
+      if (onFileUpload) {
+        open();
+      }
+    }, [
+      onFileUpload
+    ]);
+    return /* @__PURE__ */ React.createElement(StackItem.Content, {
+      toolbar: !!toolbar
+    }, toolbar && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(EditorToolbar, {
+      attendableId: id,
+      role,
+      state: toolbarState,
+      customActions,
+      getView,
+      image: handleImageUpload,
+      viewMode: handleViewModeChange
+    }), /* @__PURE__ */ React.createElement("input", getInputProps())), /* @__PURE__ */ React.createElement("div", {
+      role: "none",
+      ref: parentRef,
+      "data-testid": "composer.markdownRoot",
+      "data-toolbar": toolbar ? "enabled" : "disabled",
+      className: stackItemContentEditorClassNames(role),
+      "data-popover-collision-boundary": true,
+      ...focusAttributes
+    }));
+  } finally {
+    _effect.f();
+  }
 };
 var useTest = (view) => {
   useEffect(() => {
@@ -272,17 +260,17 @@ var useTest = (view) => {
 // packages/plugins/plugin-markdown/src/extensions.tsx
 import React2, { useMemo as useMemo3 } from "react";
 import { createRoot } from "react-dom/client";
-import { createIntent as createIntent2, LayoutAction as LayoutAction2, useCapabilities, useIntentDispatcher as useIntentDispatcher2 } from "@dxos/app-framework";
+import { createIntent, LayoutAction as LayoutAction2, useCapabilities, useIntentDispatcher } from "@dxos/app-framework";
 import { invariant as invariant3 } from "@dxos/invariant";
 import { createDocAccessor, fullyQualifiedId, getSpace } from "@dxos/react-client/echo";
 import { useIdentity } from "@dxos/react-client/halo";
 import { Icon, ThemeProvider } from "@dxos/react-ui";
-import { InputModeExtensions, createDataExtensions, autocomplete, decorateMarkdown, folding, formattingKeymap, linkTooltip, listener, preview, selectionState, typewriter } from "@dxos/react-ui-editor";
+import { InputModeExtensions, createDataExtensions, autocomplete, decorateMarkdown, folding, formattingKeymap, linkTooltip, listener, preview, selectionState, typewriter, EditorView as EditorView2, documentId, Cursor as Cursor2 } from "@dxos/react-ui-editor";
 import { defaultTx } from "@dxos/react-ui-theme";
 import { isNotFalsy as isNotFalsy2 } from "@dxos/util";
 var __dxlog_file3 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-markdown/src/extensions.tsx";
-var useExtensions = ({ document, id, text, settings, viewMode, editorStateStore }) => {
-  const { dispatchPromise: dispatch } = useIntentDispatcher2();
+var useExtensions = ({ document, id, text, settings, selectionManager, viewMode, editorStateStore }) => {
+  const { dispatchPromise: dispatch } = useIntentDispatcher();
   const identity = useIdentity();
   const space = getSpace(document) ?? getSpace(text);
   const baseExtensions = useMemo3(() => createBaseExtensions({
@@ -290,6 +278,7 @@ var useExtensions = ({ document, id, text, settings, viewMode, editorStateStore
     id,
     text,
     settings,
+    selectionManager,
     viewMode,
     dispatch
   }), [
@@ -303,18 +292,24 @@ var useExtensions = ({ document, id, text, settings, viewMode, editorStateStore
     settings.folding,
     settings.numberedHeadings,
     settings.debug,
-    settings.typewriter
+    settings.typewriter,
+    selectionManager
   ]);
   const extensionProviders = useCapabilities(MarkdownCapabilities.Extensions);
-  const pluginExtensions = useMemo3(() => extensionProviders.flat().reduce((acc, provider) => {
-    const extension = typeof provider === "function" ? provider({
-      document
-    }) : provider;
-    if (extension) {
-      acc.push(extension);
+  const pluginExtensions = useMemo3(() => {
+    if (!document) {
+      return [];
     }
-    return acc;
-  }, []), [
+    return extensionProviders.flat().reduce((acc, provider) => {
+      const extension = typeof provider === "function" ? provider({
+        document
+      }) : provider;
+      if (extension) {
+        acc.push(extension);
+      }
+      return acc;
+    }, []);
+  }, [
     extensionProviders,
     document
   ]);
@@ -353,8 +348,9 @@ var useExtensions = ({ document, id, text, settings, viewMode, editorStateStore
     identity
   ]);
 };
-var createBaseExtensions = ({ document, id, dispatch, settings, query, viewMode }) => {
+var createBaseExtensions = ({ document, id, dispatch, settings, selectionManager, query, viewMode }) => {
   const extensions = [
+    selectionManager && selectionChange(selectionManager),
     settings.editorInputMode && InputModeExtensions[settings.editorInputMode],
     settings.folding && folding()
   ].filter(isNotFalsy2);
@@ -368,7 +364,7 @@ var createBaseExtensions = ({ document, id, dispatch, settings, query, viewMode
         } : void 0,
         // TODO(wittjosiah): For internal links, consider ignoring the link text and rendering the label of the object being linked to.
         renderLinkButton: dispatch && (document || id) ? createLinkRenderer((id2) => {
-          void dispatch(createIntent2(LayoutAction2.Open, {
+          void dispatch(createIntent(LayoutAction2.Open, {
             part: "main",
             subject: [
               id2
@@ -404,6 +400,20 @@ var createBaseExtensions = ({ document, id, dispatch, settings, query, viewMode
   }
   return extensions;
 };
+var selectionChange = (selectionManager) => {
+  return EditorView2.updateListener.of((update) => {
+    if (update.selectionSet) {
+      const id = update.state.facet(documentId);
+      const cursorConverter = update.state.facet(Cursor2.converter);
+      const selection = update.state.selection;
+      const ranges = selection.ranges.map((range) => ({
+        from: cursorConverter.toCursor(range.from),
+        to: cursorConverter.toCursor(range.to)
+      })).filter(({ from, to }) => to > from);
+      selectionManager.updateMultiRange(id, ranges);
+    }
+  });
+};
 var style = {
   hover: "rounded-sm text-primary-500 hover:text-primary-600 dark:text-primary-500 hover:dark:text-primary-400",
   icon: "inline-block leading-none mis-1 cursor-pointer"
@@ -416,7 +426,7 @@ var createLinkRenderer = (onSelectObject) => (el, { url }) => {
       const qualifiedId = url.split("/").at(-1);
       invariant3(qualifiedId, "Invalid link format.", {
         F: __dxlog_file3,
-        L: 252,
+        L: 281,
         S: void 0,
         A: [
           "qualifiedId",
@@ -460,93 +470,120 @@ var renderRoot = (root, node) => {
 };
 
 // packages/plugins/plugin-markdown/src/components/MarkdownContainer.tsx
-var MarkdownContainer = ({ id, role, object, settings, viewMode, editorStateStore, onViewModeChange }) => {
-  const scrollPastEnd = role === "article";
-  const doc = isInstanceOf(DocumentType, object) ? object : void 0;
-  const text = isInstanceOf(DataType.Text, object) ? object : void 0;
-  const extensions = useExtensions({
-    document: doc,
-    text,
-    id,
-    settings,
-    viewMode,
-    editorStateStore
-  });
-  if (doc) {
-    return /* @__PURE__ */ React3.createElement(DocumentEditor, {
-      id: fullyQualifiedId2(object),
-      role,
+var MarkdownContainer = ({ id, role, object, settings, selectionManager, viewMode, editorStateStore, onViewModeChange }) => {
+  var _effect = _useSignals2();
+  try {
+    const scrollPastEnd = role === "article";
+    const doc = isInstanceOf(DocumentType, object) ? object : void 0;
+    const text = isInstanceOf(DataType.Text, object) ? object : void 0;
+    const extensions = useExtensions({
       document: doc,
-      extensions,
-      viewMode,
-      settings,
-      scrollPastEnd,
-      onViewModeChange
-    });
-  } else if (text) {
-    return /* @__PURE__ */ React3.createElement(MarkdownEditor, {
+      text,
       id,
-      role,
-      initialValue: text.content,
-      extensions,
+      settings,
+      selectionManager,
       viewMode,
-      toolbar: settings.toolbar,
-      comment: false,
-      inputMode: settings.editorInputMode,
-      scrollPastEnd,
-      onViewModeChange
+      editorStateStore
     });
-  } else {
+    if (doc) {
+      return /* @__PURE__ */ React3.createElement(DocumentEditor, {
+        id: fullyQualifiedId2(object),
+        role,
+        document: doc,
+        extensions,
+        viewMode,
+        settings,
+        scrollPastEnd,
+        onViewModeChange
+      });
+    } else if (text) {
+      return /* @__PURE__ */ React3.createElement(MarkdownEditor, {
+        id,
+        role,
+        initialValue: text.content,
+        extensions,
+        viewMode,
+        toolbar: settings.toolbar,
+        inputMode: settings.editorInputMode,
+        scrollPastEnd,
+        onViewModeChange
+      });
+    } else {
+      return /* @__PURE__ */ React3.createElement(MarkdownEditor, {
+        id,
+        role,
+        initialValue: object.text,
+        extensions,
+        viewMode,
+        toolbar: settings.toolbar,
+        inputMode: settings.editorInputMode,
+        scrollPastEnd,
+        onViewModeChange
+      });
+    }
+  } finally {
+    _effect.f();
+  }
+};
+var DocumentEditor = ({ id, document: doc, settings, viewMode, ...props }) => {
+  var _effect = _useSignals2();
+  try {
+    const space = getSpace2(doc);
+    useEffect2(() => {
+      if (typeof doc.fallbackName === "string") {
+        return;
+      }
+      const fallbackName = doc.content?.target?.content ? getFallbackName(doc.content.target.content) : void 0;
+      if (fallbackName) {
+        doc.fallbackName = fallbackName;
+      }
+    }, [
+      doc,
+      doc.content
+    ]);
+    const [upload] = useCapabilities2(Capabilities.FileUploader);
+    const handleFileUpload = useMemo4(() => {
+      if (space === void 0 || upload === void 0) {
+        return void 0;
+      }
+      return async (file) => upload(file, space);
+    }, [
+      space,
+      upload
+    ]);
+    const { graph } = useAppGraph();
+    const customActions = useMemo4(() => {
+      return Rx.make((get) => {
+        const actions = get(graph.actions(id));
+        const nodes = actions.filter((action) => action.properties.disposition === "toolbar");
+        return {
+          nodes,
+          edges: nodes.map((node) => ({
+            source: "root",
+            target: node.id
+          }))
+        };
+      });
+    }, [
+      graph
+    ]);
     return /* @__PURE__ */ React3.createElement(MarkdownEditor, {
       id,
-      role,
-      initialValue: object.text,
-      extensions,
+      initialValue: doc.content?.target?.content,
       viewMode,
       toolbar: settings.toolbar,
+      customActions,
       inputMode: settings.editorInputMode,
-      scrollPastEnd,
-      onViewModeChange
+      onFileUpload: handleFileUpload,
+      ...props
     });
+  } finally {
+    _effect.f();
   }
 };
-var DocumentEditor = ({ id, document: doc, settings, viewMode, ...props }) => {
-  const space = getSpace2(doc);
-  useEffect2(() => {
-    if (typeof doc.fallbackName === "string") {
-      return;
-    }
-    const fallbackName = doc.content?.target?.content ? getFallbackName(doc.content.target.content) : void 0;
-    if (fallbackName) {
-      doc.fallbackName = fallbackName;
-    }
-  }, [
-    doc,
-    doc.content
-  ]);
-  const [upload] = useCapabilities2(Capabilities.FileUploader);
-  const handleFileUpload = useMemo4(() => {
-    if (space === void 0 || upload === void 0) {
-      return void 0;
-    }
-    return async (file) => upload(file, space);
-  }, [
-    space,
-    upload
-  ]);
-  return /* @__PURE__ */ React3.createElement(MarkdownEditor, {
-    id,
-    initialValue: doc.content?.target?.content,
-    viewMode,
-    toolbar: settings.toolbar,
-    inputMode: settings.editorInputMode,
-    onFileUpload: handleFileUpload,
-    ...props
-  });
-};
 var MarkdownContainer_default = MarkdownContainer;
 export {
   DocumentEditor,
   MarkdownContainer_default as default
 };
-//# sourceMappingURL=MarkdownContainer-62XZY5EP.mjs.map
+//# sourceMappingURL=MarkdownContainer-UZSLXMWO.mjs.map