@dxos/plugin-markdown 0.8.4-main.fd6878d → 0.9.0

package/dist/lib/browser/MarkdownContainer-VGJPHMVG.mjs

@@ -1,780 +0,0 @@
-import "./chunk-JHH7VL52.mjs";
-import {
-  MarkdownCapabilities
-} from "./chunk-LMJPXTPL.mjs";
-import {
-  getFallbackName,
-  setFallbackName
-} from "./chunk-JMBQG2ZC.mjs";
-import {
-  Markdown_exports
-} from "./chunk-JTIGSUMB.mjs";
-import {
-  meta
-} from "./chunk-IKPZHFTW.mjs";
-
-// src/components/MarkdownContainer.tsx
-import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
-import { Rx } from "@effect-rx/rx-react";
-import React3, { useCallback as useCallback2, useEffect as useEffect2, useMemo as useMemo4, useState } from "react";
-import { createPortal } from "react-dom";
-import { Capabilities, Surface, useAppGraph, useCapabilities as useCapabilities2, usePluginManager } from "@dxos/app-framework";
-import { DXN, Filter, Obj, Query, Type } from "@dxos/echo";
-import { ClientCapabilities } from "@dxos/plugin-client";
-import { SpaceCapabilities } from "@dxos/plugin-space";
-import { fullyQualifiedId as fullyQualifiedId2, getSpace as getSpace2, useQuery, useSpace } from "@dxos/react-client/echo";
-import { toLocalizedString as toLocalizedString2, useTranslation as useTranslation2 } from "@dxos/react-ui";
-import { insertAtCursor, insertAtLineStart } from "@dxos/react-ui-editor";
-import { DataType } from "@dxos/schema";
-
-// src/extensions.tsx
-import React, { useMemo } from "react";
-import { createRoot } from "react-dom/client";
-import { LayoutAction, createIntent, useCapabilities, useIntentDispatcher } from "@dxos/app-framework";
-import { debounceAndThrottle } from "@dxos/async";
-import { invariant } 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 { Cursor, EditorView, InputModeExtensions, autocomplete, createDataExtensions, decorateMarkdown, documentId, folding, formattingKeymap, linkTooltip, listener, preview, selectionState, typewriter } from "@dxos/react-ui-editor";
-import { defaultTx } from "@dxos/react-ui-theme";
-import { isNotFalsy } from "@dxos/util";
-var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-markdown/src/extensions.tsx";
-var useExtensions = ({ document, id, text, settings, selectionManager, viewMode, editorStateStore, previewOptions }) => {
-  const { dispatchPromise: dispatch } = useIntentDispatcher();
-  const identity = useIdentity();
-  const space = getSpace(document) ?? getSpace(text);
-  const baseExtensions = useMemo(() => createBaseExtensions({
-    document,
-    id,
-    text,
-    settings,
-    selectionManager,
-    viewMode,
-    previewOptions,
-    dispatch
-  }), [
-    document,
-    id,
-    text,
-    viewMode,
-    dispatch,
-    previewOptions,
-    settings,
-    settings.editorInputMode,
-    settings.folding,
-    settings.numberedHeadings,
-    settings.debug,
-    settings.typewriter,
-    selectionManager
-  ]);
-  const extensionProviders = useCapabilities(MarkdownCapabilities.Extensions);
-  const pluginExtensions = useMemo(() => {
-    if (!document) {
-      return [];
-    }
-    return extensionProviders.flat().reduce((acc, provider) => {
-      const extension = typeof provider === "function" ? provider({
-        document
-      }) : provider;
-      if (extension) {
-        acc.push(extension);
-      }
-      return acc;
-    }, []);
-  }, [
-    extensionProviders,
-    document
-  ]);
-  return useMemo(() => [
-    // NOTE: Data extensions must be first so that automerge is updated before other extensions compute their state.
-    document && createDataExtensions({
-      id: document.id,
-      text: document.content.target && createDocAccessor(document.content.target, [
-        "content"
-      ]),
-      space,
-      identity
-    }),
-    text && id && createDataExtensions({
-      id,
-      text: createDocAccessor(text, [
-        "content"
-      ]),
-      space,
-      identity
-    }),
-    selectionState(editorStateStore),
-    document && listener({
-      onChange: (text2) => setFallbackName(document, text2)
-    }),
-    baseExtensions,
-    pluginExtensions
-  ].filter(isNotFalsy), [
-    baseExtensions,
-    pluginExtensions,
-    document,
-    document?.content?.target,
-    text,
-    id,
-    space,
-    identity
-  ]);
-};
-var createBaseExtensions = ({ document, id, dispatch, settings, selectionManager, query, viewMode, previewOptions }) => {
-  const extensions = [
-    selectionManager && selectionChange(selectionManager),
-    settings.editorInputMode && InputModeExtensions[settings.editorInputMode],
-    settings.folding && folding()
-  ].filter(isNotFalsy);
-  if (viewMode !== "source") {
-    extensions.push(...[
-      formattingKeymap(),
-      decorateMarkdown({
-        selectionChangeDelay: 100,
-        numberedHeadings: settings.numberedHeadings ? {
-          from: 2
-        } : 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(createIntent(LayoutAction.Open, {
-            part: "main",
-            subject: [
-              id2
-            ],
-            options: {
-              pivotId: document ? fullyQualifiedId(document) : id2
-            }
-          }));
-        }) : void 0
-      }),
-      linkTooltip(renderLinkTooltip),
-      preview(previewOptions)
-    ]);
-  }
-  if (query) {
-    extensions.push(autocomplete({
-      onSearch: (text) => {
-        return query.objects.map((object) => object.name?.length && object.id !== document?.id ? {
-          label: object.name,
-          // TODO(burdon): Factor out URL builder.
-          apply: `[${object.name}](/${fullyQualifiedId(object)})`
-        } : void 0).filter(isNotFalsy);
-      }
-    }));
-  }
-  if (settings.debug) {
-    const items = settings.typewriter?.split(/[,\n]/) ?? "";
-    if (items) {
-      extensions.push(typewriter({
-        items
-      }));
-    }
-  }
-  return extensions;
-};
-var selectionChange = (selectionManager) => {
-  return EditorView.updateListener.of(debounceAndThrottle((update) => {
-    if (update.selectionSet) {
-      const id = update.state.facet(documentId);
-      const cursorConverter = update.state.facet(Cursor.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);
-    }
-  }, 100));
-};
-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"
-};
-var createLinkRenderer = (onSelectObject) => (el, { url }) => {
-  const isInternal = url.startsWith("/") || // TODO(wittjosiah): This should probably be parsed out on paste?
-  url.startsWith(window.location.origin);
-  const options = isInternal ? {
-    onClick: () => {
-      const qualifiedId = url.split("/").at(-1);
-      invariant(qualifiedId, "Invalid link format.", {
-        F: __dxlog_file,
-        L: 291,
-        S: void 0,
-        A: [
-          "qualifiedId",
-          "'Invalid link format.'"
-        ]
-      });
-      onSelectObject(qualifiedId);
-    }
-  } : {
-    href: url,
-    rel: "noreferrer",
-    target: "_blank"
-  };
-  renderRoot(el, /* @__PURE__ */ React.createElement("a", {
-    ...options,
-    className: style.hover
-  }, /* @__PURE__ */ React.createElement(Icon, {
-    icon: isInternal ? "ph--arrow-square-down--bold" : "ph--arrow-square-out--bold",
-    size: 4,
-    classNames: style.icon
-  })));
-};
-var renderLinkTooltip = (el, { url }) => {
-  const web = new URL(url);
-  renderRoot(el, /* @__PURE__ */ React.createElement("a", {
-    href: url,
-    rel: "noreferrer",
-    target: "_blank",
-    className: style.hover
-  }, web.origin, /* @__PURE__ */ React.createElement(Icon, {
-    icon: "ph--arrow-square-out--bold",
-    size: 4,
-    classNames: style.icon
-  })));
-};
-var renderRoot = (root, node) => {
-  createRoot(root).render(/* @__PURE__ */ React.createElement(ThemeProvider, {
-    tx: defaultTx
-  }, node));
-  return root;
-};
-
-// src/components/MarkdownEditor/MarkdownEditor.tsx
-import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
-import React2, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo as useMemo3, useRef } from "react";
-import { useDropzone } from "react-dropzone";
-import { invariant as invariant3 } from "@dxos/invariant";
-import { toLocalizedString, useThemeContext, useTranslation } from "@dxos/react-ui";
-import { CommandMenu, EditorToolbar, RefPopover, addLink, coreSlashCommands, createBasicExtensions, createElement, createMarkdownExtensions, createThemeExtensions, dropFile, editorGutter, editorSlots, filterItems, linkSlashCommands, processEditorPayload, stackItemContentEditorClassNames, useCommandMenu, useEditorToolbarState, useFormattingState, useTextEditor } from "@dxos/react-ui-editor";
-import { StackItem } from "@dxos/react-ui-stack";
-import { isNonNullable, isNotFalsy as isNotFalsy2 } from "@dxos/util";
-
-// src/hooks/useSelectCurrentThread.tsx
-import { EditorView as EditorView2 } from "@codemirror/view";
-import { Schema } from "effect";
-import { useMemo as useMemo2 } from "react";
-import { LayoutAction as LayoutAction2, createResolver, useIntentResolver } from "@dxos/app-framework";
-import { invariant as invariant2 } from "@dxos/invariant";
-import { Cursor as Cursor2, setSelection } from "@dxos/react-ui-editor";
-var __dxlog_file2 = "/__w/dxos/dxos/packages/plugins/plugin-markdown/src/hooks/useSelectCurrentThread.tsx";
-var useSelectCurrentThread = (editorView, documentId2) => {
-  const scrollIntoViewResolver = useMemo2(() => createResolver({
-    intent: LayoutAction2.UpdateLayout,
-    position: "hoist",
-    filter: (data) => {
-      if (!Schema.is(LayoutAction2.ScrollIntoView.fields.input)(data)) {
-        return false;
-      }
-      return !!editorView && data.subject === documentId2 && !!data.options?.cursor;
-    },
-    resolve: ({ options: { cursor } }) => {
-      invariant2(editorView, "Editor view is not defined.", {
-        F: __dxlog_file2,
-        L: 32,
-        S: void 0,
-        A: [
-          "editorView",
-          "'Editor view is not defined.'"
-        ]
-      });
-      const range = Cursor2.getRangeFromCursor(editorView.state, cursor);
-      if (range) {
-        const selection = editorView.state.selection.main.from !== range.from ? {
-          anchor: range.from
-        } : void 0;
-        const effects = [
-          // NOTE: This does not use the DOM scrollIntoView function.
-          EditorView2.scrollIntoView(range.from, {
-            y: "start",
-            yMargin: 96
-          })
-        ];
-        if (selection) {
-          effects.push(setSelection.of({
-            current: documentId2
-          }));
-        }
-        editorView.dispatch({
-          effects,
-          selection: selection ? {
-            anchor: range.from
-          } : void 0
-        });
-      }
-    }
-  }), [
-    documentId2,
-    editorView
-  ]);
-  useIntentResolver(meta.id, scrollIntoViewResolver);
-};
-
-// src/components/MarkdownEditor/MarkdownEditor.tsx
-var __dxlog_file3 = "/__w/dxos/dxos/packages/plugins/plugin-markdown/src/components/MarkdownEditor/MarkdownEditor.tsx";
-var MarkdownEditor = ({ extensions: _extensions, slashCommandGroups, onLinkQuery, ...props }) => {
-  var _effect = _useSignals();
-  try {
-    const { t } = useTranslation();
-    const viewRef = useRef();
-    const getMenu = useCallback((trigger, query) => {
-      switch (trigger) {
-        case "@":
-          return onLinkQuery?.(query) ?? [];
-        case "/":
-        default:
-          return filterItems([
-            coreSlashCommands,
-            linkSlashCommands,
-            ...slashCommandGroups ?? []
-          ], (item) => query ? toLocalizedString(item.label, t).toLowerCase().includes(query.toLowerCase()) : true);
-      }
-    }, [
-      onLinkQuery,
-      slashCommandGroups
-    ]);
-    const options = useMemo3(() => {
-      const trigger = onLinkQuery ? [
-        "/",
-        "@"
-      ] : [
-        "/"
-      ];
-      return {
-        viewRef,
-        trigger,
-        placeholder: {
-          delay: 3e3,
-          content: () => {
-            return createElement("div", void 0, [
-              createElement("span", {
-                text: "Press"
-              }),
-              ...trigger.map((text) => createElement("span", {
-                className: "border border-separator rounded-sm mx-1 px-1.5 pt-[1px] pb-[2px]",
-                text
-              })),
-              createElement("span", {
-                text: "for commands."
-              })
-            ]);
-          }
-        },
-        getMenu
-      };
-    }, [
-      getMenu
-    ]);
-    const { commandMenu, groupsRef, currentItem, onSelect, ...refPopoverProps } = useCommandMenu(options);
-    const extensions = useMemo3(() => [
-      _extensions,
-      commandMenu
-    ].filter(isNotFalsy2), [
-      _extensions,
-      commandMenu
-    ]);
-    return /* @__PURE__ */ React2.createElement(RefPopover, {
-      modal: false,
-      ...refPopoverProps
-    }, /* @__PURE__ */ React2.createElement(MarkdownEditorImpl, {
-      ref: viewRef,
-      ...props,
-      extensions
-    }), /* @__PURE__ */ React2.createElement(CommandMenu, {
-      groups: groupsRef.current,
-      currentItem,
-      onSelect
-    }));
-  } finally {
-    _effect.f();
-  }
-};
-var MarkdownEditorImpl = /* @__PURE__ */ forwardRef(({ id, role = "article", initialValue, customActions, editorStateStore, extensions, extensionProviders, scrollPastEnd, toolbar, viewMode, onFileUpload, onViewModeChange }, forwardedRef) => {
-  var _effect = _useSignals();
-  try {
-    const { t } = useTranslation(meta.id);
-    const { themeMode } = useThemeContext();
-    const toolbarState = useEditorToolbarState({
-      viewMode
-    });
-    const formattingObserver = useFormattingState(toolbarState);
-    const { scrollTo, selection } = useMemo3(() => editorStateStore?.getState(id) ?? {}, [
-      id
-    ]);
-    const providerExtensions = useMemo3(() => 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,
-          search: true
-        }),
-        createMarkdownExtensions({
-          themeMode
-        }),
-        createThemeExtensions({
-          themeMode,
-          syntaxHighlighting: true,
-          slots: editorSlots
-        }),
-        editorGutter,
-        role !== "section" && onFileUpload && dropFile({
-          onDrop: handleDrop
-        }),
-        providerExtensions,
-        extensions
-      ].filter(isNotFalsy2),
-      ...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,
-      viewMode,
-      themeMode,
-      extensions,
-      providerExtensions
-    ]);
-    useImperativeHandle(forwardedRef, () => editorView, [
-      editorView
-    ]);
-    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(() => {
-      invariant3(editorView, void 0, {
-        F: __dxlog_file3,
-        L: 241,
-        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__ */ React2.createElement(StackItem.Content, {
-      toolbar: !!toolbar
-    }, toolbar && /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(EditorToolbar, {
-      attendableId: id,
-      role,
-      state: toolbarState,
-      customActions,
-      getView,
-      image: handleImageUpload,
-      viewMode: handleViewModeChange
-    }), /* @__PURE__ */ React2.createElement("input", getInputProps())), /* @__PURE__ */ React2.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(() => {
-    const composer = window.composer;
-    if (composer) {
-      composer.editorView = view;
-    }
-  }, [
-    view
-  ]);
-};
-
-// src/components/MarkdownContainer.tsx
-var MarkdownContainer = ({ id, role, object, settings, selectionManager, viewMode, editorStateStore, onViewModeChange }) => {
-  var _effect = _useSignals2();
-  try {
-    const { t } = useTranslation2();
-    const scrollPastEnd = role === "article";
-    const doc = Obj.instanceOf(Markdown_exports.Document, object) ? object : void 0;
-    const text = Obj.instanceOf(DataType.Text, object) ? object : void 0;
-    const [previewBlocks, setPreviewBlocks] = useState([]);
-    const previewOptions = useMemo4(() => ({
-      addBlockContainer: (link, el) => {
-        setPreviewBlocks((prev) => [
-          ...prev,
-          {
-            link,
-            el
-          }
-        ]);
-      },
-      removeBlockContainer: (link) => {
-        setPreviewBlocks((prev) => prev.filter(({ link: prevLink }) => prevLink.ref !== link.ref));
-      }
-    }), []);
-    const extensions = useExtensions({
-      document: doc,
-      text,
-      id,
-      settings,
-      selectionManager,
-      viewMode,
-      editorStateStore,
-      previewOptions
-    });
-    const manager = usePluginManager();
-    const resolve = useCallback2((typename) => manager.context.getCapabilities(Capabilities.Metadata).find(({ id: id2 }) => id2 === typename)?.metadata ?? {}, [
-      manager
-    ]);
-    const space = getSpace2(object);
-    const objectForms = useCapabilities2(SpaceCapabilities.ObjectForm);
-    const schemaWhiteList = useCapabilities2(ClientCapabilities.SchemaWhiteList);
-    const filter = useMemo4(() => Filter.or(...objectForms.map((form) => Filter.type(form.objectSchema)), ...schemaWhiteList.flat().map((schema) => Filter.typename(Type.getTypename(schema)))), [
-      objectForms,
-      schemaWhiteList
-    ]);
-    const onLinkQuery = useCallback2(async (query) => {
-      const name = query?.startsWith("@") ? query.slice(1).toLowerCase() : query?.toLowerCase() ?? "";
-      const results = await space?.db.query(Query.select(filter)).run();
-      const getLabel = (object2) => {
-        const label = Obj.getLabel(object2);
-        if (label) {
-          return label;
-        }
-        const type = Obj.getTypename(object2);
-        const metadata = resolve(type);
-        return metadata.label?.(object2) || [
-          "object name placeholder",
-          {
-            ns: type,
-            default: "New object"
-          }
-        ];
-      };
-      const items = results?.objects.filter((object2) => toLocalizedString2(getLabel(object2), t).toLowerCase().includes(name)).map((object2) => {
-        const metadata = resolve(Obj.getTypename(object2));
-        const label = toLocalizedString2(getLabel(object2), t);
-        return {
-          id: object2.id,
-          label,
-          icon: metadata.icon,
-          onSelect: (view, head) => {
-            const link = `[${label}][${Obj.getDXN(object2)}]`;
-            if (query?.startsWith("@")) {
-              insertAtLineStart(view, head, `!${link}
-`);
-            } else {
-              insertAtCursor(view, head, `${link} `);
-            }
-          }
-        };
-      }) ?? [];
-      return [
-        {
-          id: "echo",
-          items
-        }
-      ];
-    }, [
-      filter,
-      resolve,
-      space
-    ]);
-    const editor = doc ? /* @__PURE__ */ React3.createElement(DocumentEditor, {
-      id: fullyQualifiedId2(object),
-      role,
-      document: doc,
-      extensions,
-      viewMode,
-      settings,
-      scrollPastEnd,
-      onViewModeChange,
-      onLinkQuery: space ? onLinkQuery : void 0
-    }) : text ? /* @__PURE__ */ React3.createElement(MarkdownEditor, {
-      id,
-      role,
-      initialValue: text.content,
-      extensions,
-      viewMode,
-      toolbar: settings.toolbar,
-      inputMode: settings.editorInputMode,
-      scrollPastEnd,
-      onViewModeChange,
-      onLinkQuery: space ? onLinkQuery : void 0
-    }) : (
-      // TODO(burdon): Normalize with above.
-      /* @__PURE__ */ React3.createElement(MarkdownEditor, {
-        id,
-        role,
-        initialValue: object.text,
-        extensions,
-        viewMode,
-        toolbar: settings.toolbar,
-        inputMode: settings.editorInputMode,
-        scrollPastEnd,
-        onViewModeChange,
-        onLinkQuery: space ? onLinkQuery : void 0
-      })
-    );
-    return /* @__PURE__ */ React3.createElement(React3.Fragment, null, editor, previewBlocks.map(({ link, el }) => /* @__PURE__ */ React3.createElement(PreviewBlock, {
-      key: link.ref,
-      link,
-      el
-    })));
-  } finally {
-    _effect.f();
-  }
-};
-var PreviewBlock = ({ link, el }) => {
-  var _effect = _useSignals2();
-  try {
-    const echoDXN = useMemo4(() => DXN.parse(link.ref).asEchoDXN(), [
-      link.ref
-    ]);
-    const space = useSpace(echoDXN?.spaceId);
-    const [subject] = useQuery(space, Query.select(Filter.ids(echoDXN?.echoId ?? "")));
-    const data = useMemo4(() => ({
-      subject
-    }), [
-      subject
-    ]);
-    return /* @__PURE__ */ createPortal(/* @__PURE__ */ React3.createElement(Surface, {
-      role: "card--transclusion",
-      data,
-      limit: 1
-    }), el);
-  } 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,
-      initialValue: doc.content?.target?.content,
-      viewMode,
-      toolbar: settings.toolbar,
-      customActions,
-      inputMode: settings.editorInputMode,
-      onFileUpload: handleFileUpload,
-      ...props
-    });
-  } finally {
-    _effect.f();
-  }
-};
-var MarkdownContainer_default = MarkdownContainer;
-export {
-  DocumentEditor,
-  MarkdownContainer,
-  MarkdownContainer_default as default
-};
-//# sourceMappingURL=MarkdownContainer-VGJPHMVG.mjs.map