@dxos/plugin-markdown 0.8.4-main.3eb6e50203 → 0.8.4-main.3fbcb4aa9b

package/dist/lib/node-esm/chunk-D46D75SK.mjs

@@ -1,797 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-import {
-  Markdown_exports,
-  meta
-} from "./chunk-USKAPINH.mjs";
-
-// src/util.tsx
-import { debounce } from "@dxos/async";
-import { Obj } from "@dxos/echo";
-var isEditorModel = (data) => data && typeof data === "object" && "id" in data && typeof data.id === "string" && "text" in data && typeof data.text === "string";
-var isMarkdownProperties = (data) => Obj.isObject(data) ? true : data && typeof data === "object" ? "title" in data && typeof data.title === "string" : false;
-var nonTitleChars = /[^\w ]/g;
-var skipPatterns = [
-  /^!\[/,
-  /^---\s*$/,
-  /^```/,
-  /^\s*$/
-];
-var titlePatterns = [
-  /^#{1,6}\s+(.+)/
-];
-var getFallbackName = (content = "") => {
-  const len = content.length;
-  let i = 0;
-  while (i < len) {
-    let lineEnd = i;
-    while (lineEnd < len && content[lineEnd] !== "\n") {
-      lineEnd++;
-    }
-    const line = content.slice(i, lineEnd).trim();
-    i = lineEnd + 1;
-    if (skipPatterns.some((pattern) => pattern.test(line))) {
-      continue;
-    }
-    for (const pattern of titlePatterns) {
-      const match = pattern.exec(line);
-      if (match) {
-        const text2 = match[1].replaceAll(nonTitleChars, "").trim();
-        if (text2.length > 0) {
-          return text2;
-        }
-      }
-    }
-    const maxLen = 32;
-    const text = line.replaceAll(nonTitleChars, "").trim();
-    if (text.length > 0) {
-      if (text.length > maxLen) {
-        const words = text.split(/\s+/);
-        let result = "";
-        for (const word of words) {
-          const next = result.length === 0 ? word : result + " " + word;
-          if (next.length > maxLen) {
-            break;
-          }
-          result = next;
-        }
-        return result + "\u2026";
-      }
-      return text;
-    }
-  }
-  return "";
-};
-var getContentSnippet = (content = "") => {
-  const abstract = content.split("\n").filter((line) => !line.startsWith("!")).filter((line) => line.trim() !== "");
-  return abstract.slice(0, 3).join("\n") ?? "";
-};
-var setFallbackName = debounce((doc, content = "") => {
-  const name = getFallbackName(content);
-  if (doc.fallbackName !== name) {
-    Obj.change(doc, (d) => {
-      d.fallbackName = name;
-    });
-  }
-}, 200);
-var serializer = {
-  serialize: async ({ object }) => {
-    const { content } = await object.content.load();
-    return JSON.stringify({
-      name: object.name,
-      fallbackName: object.fallbackName,
-      content
-    });
-  },
-  deserialize: async ({ content: serialized }) => {
-    const { name, fallbackName, content } = JSON.parse(serialized);
-    return Markdown_exports.make({
-      name,
-      fallbackName,
-      content
-    });
-  }
-};
-
-// src/hooks/useLinkQuery.ts
-import * as Option from "effect/Option";
-import { useCallback, useMemo } from "react";
-import { usePluginManager } from "@dxos/app-framework/ui";
-import { AppCapabilities } from "@dxos/app-toolkit";
-import { Filter, Obj as Obj2, Query, Type } from "@dxos/echo";
-import { EntityKind, SystemTypeAnnotation, getTypeAnnotation } from "@dxos/echo/internal";
-import { toLocalizedString, useTranslation } from "@dxos/react-ui";
-import { insertAtCursor, insertAtLineStart } from "@dxos/ui-editor";
-var useLinkQuery = (db) => {
-  const { t } = useTranslation();
-  const manager = usePluginManager();
-  const resolve = useCallback((typename) => manager.capabilities.getAll(AppCapabilities.Metadata).find(({ id }) => id === typename)?.metadata ?? {}, [
-    manager
-  ]);
-  const filter = useMemo(() => Filter.or(...(db?.schemaRegistry.query({
-    location: [
-      "database",
-      "runtime"
-    ]
-  }).runSync() ?? []).filter((schema) => getTypeAnnotation(schema)?.kind !== EntityKind.Relation).filter((schema) => !SystemTypeAnnotation.get(schema).pipe(Option.getOrElse(() => false))).map((schema) => Filter.typename(Type.getTypename(schema)))), [
-    db
-  ]);
-  const handleLinkQuery = useCallback(async (query) => {
-    const name = query?.startsWith("@") ? query.slice(1).toLowerCase() : query?.toLowerCase() ?? "";
-    const results = await db?.query(Query.select(filter)).run();
-    const getLabel = (object) => {
-      const label = Obj2.getLabel(object);
-      if (label) {
-        return label;
-      }
-      const type = Obj2.getTypename(object);
-      const metadata = resolve(type);
-      return metadata.label?.(object) || [
-        "object name placeholder",
-        {
-          ns: type,
-          default: "New object"
-        }
-      ];
-    };
-    const items = results?.filter((object) => toLocalizedString(getLabel(object), t).toLowerCase().includes(name)).map((object) => {
-      const metadata = resolve(Obj2.getTypename(object));
-      const label = toLocalizedString(getLabel(object), t);
-      return {
-        id: object.id,
-        label,
-        icon: metadata.icon,
-        onSelect: ({ view, head }) => {
-          const link = `[${label}](${Obj2.getDXN(object)})`;
-          if (query?.startsWith("@")) {
-            insertAtLineStart(view, head, `!${link}
-`);
-          } else {
-            insertAtCursor(view, head, `${link} `);
-          }
-        }
-      };
-    }) ?? [];
-    return [
-      {
-        id: "echo",
-        items
-      }
-    ];
-  }, [
-    db,
-    filter,
-    resolve
-  ]);
-  return handleLinkQuery;
-};
-
-// src/hooks/useEditorMenuOptions.ts
-import { useCallback as useCallback2, useMemo as useMemo2, useRef } from "react";
-import { toLocalizedString as toLocalizedString2, useTranslation as useTranslation2 } from "@dxos/react-ui";
-import { filterMenuGroups, formattingCommands, linkSlashCommands } from "@dxos/react-ui-editor";
-import { Domino } from "@dxos/ui";
-var useEditorMenuOptions = ({ editorView, slashCommandGroups, onLinkQuery }) => {
-  const { t } = useTranslation2(meta.id);
-  const getMenu = useCallback2(({ text, trigger }) => {
-    switch (trigger) {
-      case "@": {
-        return onLinkQuery?.(text) ?? [];
-      }
-      case "/":
-      default: {
-        return filterMenuGroups([
-          formattingCommands,
-          linkSlashCommands,
-          ...slashCommandGroups ?? []
-        ], (item) => text ? toLocalizedString2(item.label, t).toLowerCase().includes(text.toLowerCase()) : true);
-      }
-    }
-  }, [
-    slashCommandGroups,
-    onLinkQuery
-  ]);
-  const viewRef = useRef(editorView);
-  return useMemo2(() => {
-    const trigger = onLinkQuery ? [
-      "/",
-      "@"
-    ] : [
-      "/"
-    ];
-    const placeholder = {
-      delay: 3e3,
-      content: () => {
-        const pressEl = Domino.of("span").text("Press");
-        const triggerEls = trigger.map((text) => Domino.of("span").classNames("mx-1 pli-1.5 pt-[1px] pb-[2px] border border-separator rounded-sm").text(text));
-        const forCommandsEl = Domino.of("span").text("for commands.");
-        return Domino.of("div").children(pressEl, ...triggerEls, forCommandsEl).root;
-      }
-    };
-    return {
-      viewRef,
-      getMenu,
-      trigger,
-      placeholder
-    };
-  }, [
-    getMenu,
-    onLinkQuery
-  ]);
-};
-
-// src/hooks/useExtensions.tsx
-import React, { useMemo as useMemo3 } from "react";
-import { createRoot } from "react-dom/client";
-import { useOperationInvoker } from "@dxos/app-framework/ui";
-import { LayoutOperation } from "@dxos/app-toolkit";
-import { debounceAndThrottle } from "@dxos/async";
-import { Obj as Obj3 } from "@dxos/echo";
-import { createDocAccessor } from "@dxos/echo-db";
-import { invariant } from "@dxos/invariant";
-import { getSpace, useObject } from "@dxos/react-client/echo";
-import { useIdentity } from "@dxos/react-client/halo";
-import { Icon, ThemeProvider } from "@dxos/react-ui";
-import { Text } from "@dxos/schema";
-import { Cursor, EditorView, InputModeExtensions, createDataExtensions, decorateMarkdown, documentId, folding, formattingKeymap, linkTooltip, listener, preview, replacer, selectionState, typewriter } from "@dxos/ui-editor";
-import { defaultTx } from "@dxos/ui-theme";
-import { isTruthy } from "@dxos/util";
-var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-markdown/src/hooks/useExtensions.tsx";
-var useExtensions = ({ id, object, settings, selectionManager, viewMode, editorStateStore, previewOptions }) => {
-  const { invokePromise } = useOperationInvoker();
-  const identity = useIdentity();
-  const space = getSpace(object);
-  const contentRef = Obj3.instanceOf(Markdown_exports.Document, object) ? object.content : void 0;
-  useObject(contentRef);
-  const target = contentRef?.target ?? (Obj3.instanceOf(Text.Text, object) ? object : void 0);
-  const baseExtensions = useMemo3(() => createBaseExtensions({
-    id,
-    object,
-    settings,
-    selectionManager,
-    viewMode,
-    previewOptions,
-    invokePromise
-  }), [
-    id,
-    object,
-    viewMode,
-    invokePromise,
-    previewOptions,
-    settings,
-    settings?.debug,
-    settings?.editorInputMode,
-    settings?.folding,
-    settings?.numberedHeadings,
-    settings?.typewriter,
-    selectionManager
-  ]);
-  return useMemo3(() => [
-    // TODO(burdon): Pass this in?
-    // NOTE: Data extensions must be first so that automerge is updated before other extensions compute their state.
-    target && createDataExtensions({
-      id,
-      text: createDocAccessor(target, [
-        "content"
-      ]),
-      messenger: space,
-      identity
-    }),
-    // TODO(burdon): Reconcile with effect in parent.
-    Obj3.instanceOf(Markdown_exports.Document, object) && listener({
-      onChange: ({ text }) => {
-        setFallbackName(object, text);
-      }
-    }),
-    baseExtensions,
-    selectionState(editorStateStore)
-  ].filter(isTruthy), [
-    identity,
-    space,
-    id,
-    object,
-    target,
-    baseExtensions
-  ]);
-};
-var createBaseExtensions = ({ id, object, invokePromise, settings, selectionManager, viewMode, previewOptions }) => {
-  const extensions = [
-    selectionManager && selectionChange(selectionManager),
-    settings?.editorInputMode && InputModeExtensions[settings.editorInputMode],
-    settings?.folding && folding()
-  ].filter(isTruthy);
-  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.
-        // TODO(burdon): Create dx-tag.
-        renderLinkButton: invokePromise && (object || id) ? createLinkRenderer((targetId) => {
-          void invokePromise(LayoutOperation.Open, {
-            subject: [
-              targetId
-            ],
-            pivotId: object && Obj3.isObject(object) ? Obj3.getDXN(object).toString() : id
-          });
-        }) : void 0
-      }),
-      linkTooltip(renderLinkTooltip),
-      preview(previewOptions),
-      replacer()
-    ]);
-  }
-  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: 238,
-        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/hooks/useSelectCurrentThread.tsx
-import { EditorView as EditorView2 } from "@codemirror/view";
-import * as Effect from "effect/Effect";
-import { useMemo as useMemo4 } from "react";
-import { useOperationResolver } from "@dxos/app-framework/ui";
-import { LayoutOperation as LayoutOperation2 } from "@dxos/app-toolkit";
-import { invariant as invariant2 } from "@dxos/invariant";
-import { OperationResolver } from "@dxos/operation";
-import { Cursor as Cursor2, setSelection } from "@dxos/ui-editor";
-var __dxlog_file2 = "/__w/dxos/dxos/packages/plugins/plugin-markdown/src/hooks/useSelectCurrentThread.tsx";
-var useSelectCurrentThread = (editorView, documentId2) => {
-  const scrollIntoViewHandler = useMemo4(() => OperationResolver.make({
-    operation: LayoutOperation2.ScrollIntoView,
-    position: "hoist",
-    filter: (input) => !!editorView && input.subject === documentId2 && !!input.cursor,
-    handler: (input) => Effect.sync(() => {
-      invariant2(editorView, "Editor view is not defined.", {
-        F: __dxlog_file2,
-        L: 29,
-        S: void 0,
-        A: [
-          "editorView",
-          "'Editor view is not defined.'"
-        ]
-      });
-      const cursor = input.cursor;
-      if (!cursor) {
-        return;
-      }
-      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
-  ]);
-  useOperationResolver(meta.id, scrollIntoViewHandler);
-};
-
-// src/components/MarkdownEditor/MarkdownEditor.tsx
-import { createContext } from "@radix-ui/react-context";
-import React5, { useMemo as useMemo6, useState as useState2 } from "react";
-import { createPortal as createPortal2 } from "react-dom";
-import { Surface } from "@dxos/app-framework/ui";
-import { DXN } from "@dxos/keys";
-import { useClient } from "@dxos/react-client";
-import { EditorMenuProvider, useEditorMenu, useEditorToolbar } from "@dxos/react-ui-editor";
-import { isNonNullable } from "@dxos/util";
-
-// src/components/MarkdownEditor/MarkdownEditorContent.tsx
-import { RegistryContext } from "@effect-atom/atom-react";
-import React2, { forwardRef, useCallback as useCallback3, useContext, useEffect, useImperativeHandle, useMemo as useMemo5 } from "react";
-import { useThemeContext, useTranslation as useTranslation3 } from "@dxos/react-ui";
-import { useTextEditor } from "@dxos/react-ui-editor";
-import { createBasicExtensions, createMarkdownExtensions, createThemeExtensions, dropFile, editorSlots, formattingListener, processEditorPayload, stackItemContentEditorClassNames } from "@dxos/ui-editor";
-import { mx } from "@dxos/ui-theme";
-import { isTruthy as isTruthy2 } from "@dxos/util";
-var MarkdownEditorContent = /* @__PURE__ */ forwardRef(({ classNames, id, role, viewMode, initialValue, editorStateStore, toolbarState, extensions, scrollPastEnd, slots = editorSlots, onFileUpload }, forwardedRef) => {
-  const { t } = useTranslation3(meta.id);
-  const { themeMode } = useThemeContext();
-  const registry = useContext(RegistryContext);
-  const updateToolbarState = useCallback3((formatting) => {
-    if (toolbarState) {
-      registry.set(toolbarState, {
-        ...registry.get(toolbarState),
-        ...formatting
-      });
-    }
-  }, [
-    registry,
-    toolbarState
-  ]);
-  const { scrollTo, selection } = useMemo5(() => editorStateStore?.getState(id) ?? {}, [
-    id
-  ]);
-  const { parentRef, view: editorView, focusAttributes } = useTextEditor(() => ({
-    ...role !== "section" && {
-      id,
-      scrollTo,
-      selection,
-      // TODO(wittjosiah): Autofocus based on layout is racy.
-      // autoFocus: layoutPlugin?.provides.layout ? layoutPlugin?.provides.layout.scrollIntoView === id : true,
-      selectionEnd: true
-    },
-    initialValue,
-    extensions: [
-      createBasicExtensions({
-        readOnly: viewMode === "readonly",
-        placeholder: t("editor placeholder"),
-        scrollPastEnd: scrollPastEnd && role !== "section",
-        search: true
-      }),
-      createThemeExtensions({
-        themeMode,
-        slots,
-        syntaxHighlighting: true
-      }),
-      createMarkdownExtensions(),
-      toolbarState && formattingListener(updateToolbarState),
-      role !== "section" && onFileUpload && dropFile({
-        // TODO(wittjosiah): Factor out to file uploader plugin.
-        onDrop: 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
-            });
-          }
-        }
-      }),
-      extensions
-    ].filter(isTruthy2)
-  }), [
-    id,
-    viewMode,
-    themeMode,
-    extensions
-  ]);
-  useImperativeHandle(forwardedRef, () => editorView, [
-    editorView
-  ]);
-  useSelectCurrentThread(editorView, id);
-  useTest(editorView);
-  return /* @__PURE__ */ React2.createElement("div", {
-    role: "none",
-    ref: parentRef,
-    "data-testid": "composer.markdownRoot",
-    className: mx(stackItemContentEditorClassNames(role), classNames),
-    "data-popover-collision-boundary": true,
-    ...focusAttributes
-  });
-});
-var useTest = (view) => {
-  useEffect(() => {
-    const composer = window.composer;
-    if (composer) {
-      composer.editorView = view;
-    }
-  }, [
-    view
-  ]);
-};
-
-// src/components/MarkdownEditor/MarkdownEditorToolbar.tsx
-import React4, { useCallback as useCallback4, useState } from "react";
-import { invariant as invariant3 } from "@dxos/invariant";
-import { EditorToolbar } from "@dxos/react-ui-editor";
-
-// src/components/MarkdownEditor/FileUpload.tsx
-import React3, { forwardRef as forwardRef2, useEffect as useEffect2, useImperativeHandle as useImperativeHandle2 } from "react";
-import { createPortal } from "react-dom";
-import { useDropzone } from "react-dropzone";
-import { addLink } from "@dxos/ui-editor";
-var IMAGE_FILES = [
-  ".jpg",
-  ".jpeg",
-  ".png",
-  ".gif"
-];
-var FileUpload = /* @__PURE__ */ forwardRef2(({ editorView, onFileUpload }, forwardedRef) => {
-  const { acceptedFiles, open, inputRef } = useDropzone({
-    disabled: !onFileUpload,
-    multiple: false,
-    noDrag: true,
-    accept: {
-      "image/*": IMAGE_FILES
-    }
-  });
-  useImperativeHandle2(forwardedRef, () => open, []);
-  useEffect2(() => {
-    if (editorView && acceptedFiles.length && onFileUpload) {
-      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);
-        }
-      });
-    }
-  }, [
-    editorView,
-    acceptedFiles,
-    onFileUpload
-  ]);
-  if (!onFileUpload) {
-    return null;
-  }
-  return /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ createPortal(/* @__PURE__ */ React3.createElement("input", {
-    ref: inputRef
-  }), document.body), " ");
-});
-
-// src/components/MarkdownEditor/MarkdownEditorToolbar.tsx
-var __dxlog_file3 = "/__w/dxos/dxos/packages/plugins/plugin-markdown/src/components/MarkdownEditor/MarkdownEditorToolbar.tsx";
-var MarkdownEditorToolbar = ({ classNames, id, role, state, editorView, customActions, onAction, onFileUpload, onViewModeChange }) => {
-  const [upload, setUpload] = useState(null);
-  const uploadRef = useCallback4((next) => setUpload(() => next), []);
-  const handleViewModeChange = useCallback4((mode) => onViewModeChange?.(mode), [
-    onViewModeChange
-  ]);
-  const getView = useCallback4(() => {
-    invariant3(editorView, void 0, {
-      F: __dxlog_file3,
-      L: 41,
-      S: void 0,
-      A: [
-        "editorView",
-        ""
-      ]
-    });
-    return editorView;
-  }, [
-    editorView
-  ]);
-  if (!editorView) {
-    return /* @__PURE__ */ React4.createElement("div", null);
-  }
-  return /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement(EditorToolbar, {
-    classNames,
-    attendableId: id,
-    role,
-    state,
-    customActions,
-    getView,
-    onAction,
-    onImageUpload: upload ?? void 0,
-    onViewModeChange: handleViewModeChange
-  }), onFileUpload && /* @__PURE__ */ React4.createElement(FileUpload, {
-    ref: uploadRef,
-    editorView,
-    onFileUpload
-  }));
-};
-
-// src/components/MarkdownEditor/MarkdownEditor.tsx
-var [MarkdownEditorContextProvider, useMarkdownEditorContext] = createContext("MarkdownEditor.Context");
-var MarkdownEditorRoot = ({ children, id, object, editorStateStore, selectionManager, settings, viewMode, extensions: extensionsProp, slashCommandGroups, onLinkQuery, ...props }) => {
-  const [editorView, setEditorView] = useState2();
-  const [previewBlocks, setPreviewBlocks] = useState2([]);
-  const previewOptions = useMemo6(() => ({
-    addBlockContainer: (block) => {
-      setPreviewBlocks((prev) => [
-        ...prev,
-        block
-      ]);
-    },
-    removeBlockContainer: ({ link }) => {
-      setPreviewBlocks((prev) => prev.filter(({ link: prevLink }) => prevLink.dxn !== link.dxn));
-    }
-  }), []);
-  const toolbarState = useEditorToolbar({
-    viewMode
-  });
-  const menuOptions = useEditorMenuOptions({
-    editorView,
-    slashCommandGroups,
-    onLinkQuery
-  });
-  const { extension: menuExtension, ...menuProps } = useEditorMenu(menuOptions);
-  const coreExtensions = useExtensions({
-    id,
-    object,
-    editorStateStore,
-    previewOptions,
-    selectionManager,
-    settings,
-    viewMode
-  });
-  const extensions = useMemo6(() => [
-    coreExtensions,
-    menuExtension,
-    extensionsProp
-  ].filter(isNonNullable), [
-    coreExtensions,
-    menuExtension,
-    extensionsProp
-  ]);
-  return /* @__PURE__ */ React5.createElement(MarkdownEditorContextProvider, {
-    id,
-    editorView,
-    setEditorView,
-    extensions,
-    previewBlocks,
-    toolbarState,
-    popoverMenu: menuProps,
-    viewMode,
-    ...props
-  }, children);
-};
-MarkdownEditorRoot.displayName = "MarkdownEditor.Root";
-var MARKDOWN_EDITOR_CONTENT_NAME = "MarkdownEditor.Content";
-var MarkdownEditorContent2 = (props) => {
-  const { id, editorView, setEditorView, viewMode, toolbarState, extensions, popoverMenu: { groupsRef, ...menuProps } } = useMarkdownEditorContext(MARKDOWN_EDITOR_CONTENT_NAME);
-  return /* @__PURE__ */ React5.createElement(EditorMenuProvider, {
-    view: editorView,
-    groups: groupsRef.current,
-    ...menuProps
-  }, /* @__PURE__ */ React5.createElement(MarkdownEditorContent, {
-    ...props,
-    id,
-    viewMode,
-    toolbarState,
-    extensions,
-    ref: setEditorView
-  }));
-};
-MarkdownEditorContent2.displayName = MARKDOWN_EDITOR_CONTENT_NAME;
-var MARKDOWN_EDITOR_TOOLBAR_NAME = "MarkdownEditor.Toolbar";
-var MarkdownEditorToolbar2 = (props) => {
-  const { toolbarState, ...rootProps } = useMarkdownEditorContext(MARKDOWN_EDITOR_TOOLBAR_NAME);
-  return /* @__PURE__ */ React5.createElement(MarkdownEditorToolbar, {
-    ...props,
-    ...rootProps,
-    state: toolbarState
-  });
-};
-MarkdownEditorToolbar2.displayName = MARKDOWN_EDITOR_TOOLBAR_NAME;
-var MARKDOWN_EDITOR_BLOCKS_NAME = "MarkdownEditor.Blocks";
-var MarkdownEditorBlocks = (_props) => {
-  const { previewBlocks } = useMarkdownEditorContext(MARKDOWN_EDITOR_BLOCKS_NAME);
-  return /* @__PURE__ */ React5.createElement(React5.Fragment, null, previewBlocks.map(({ link, el }) => /* @__PURE__ */ React5.createElement(PreviewBlock, {
-    key: link.dxn,
-    link,
-    el
-  })));
-};
-MarkdownEditorBlocks.displayName = MARKDOWN_EDITOR_BLOCKS_NAME;
-var PreviewBlock = ({ el, link }) => {
-  const client = useClient();
-  const dxn = DXN.parse(link.dxn);
-  const subject = client.graph.makeRef(dxn).target;
-  const data = useMemo6(() => ({
-    subject
-  }), [
-    subject
-  ]);
-  return /* @__PURE__ */ createPortal2(/* @__PURE__ */ React5.createElement(Surface.Surface, {
-    role: "card--transclusion",
-    data,
-    limit: 1
-  }), el);
-};
-var MarkdownEditor = {
-  Root: MarkdownEditorRoot,
-  Content: MarkdownEditorContent2,
-  Toolbar: MarkdownEditorToolbar2,
-  Blocks: MarkdownEditorBlocks
-};
-
-export {
-  isEditorModel,
-  isMarkdownProperties,
-  getFallbackName,
-  getContentSnippet,
-  setFallbackName,
-  serializer,
-  useLinkQuery,
-  MarkdownEditor
-};
-//# sourceMappingURL=chunk-D46D75SK.mjs.map