@dxos/plugin-markdown 0.8.4-main.c1de068 → 0.8.4-main.c4373fc

package/dist/lib/browser/{MarkdownContainer-F3WEEIBX.mjs → MarkdownContainer-XDYFBDCI.mjs}

@@ -1,17 +1,18 @@
-import "./chunk-PHTD5DTR.mjs";
+import "./chunk-EVQGTH3P.mjs";
+import "./chunk-VZU7BRGW.mjs";
 import {
   MarkdownCapabilities
-} from "./chunk-777RIED6.mjs";
+} from "./chunk-OY6CGPOO.mjs";
 import {
   getFallbackName,
   setFallbackName
-} from "./chunk-LFML7LC6.mjs";
+} from "./chunk-XYQDM6PM.mjs";
 import {
-  DocumentType
-} from "./chunk-UANWRJZU.mjs";
+  Markdown_exports
+} from "./chunk-PMBWHKDI.mjs";
 import {
-  MARKDOWN_PLUGIN
-} from "./chunk-EPTSAJZM.mjs";
+  meta
+} from "./chunk-ODB2PTBP.mjs";
 
 // src/components/MarkdownContainer.tsx
 import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
@@ -22,42 +23,247 @@ import { Capabilities, Surface, useAppGraph, useCapabilities as useCapabilities2
 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 { useClient } from "@dxos/react-client";
+import { fullyQualifiedId as fullyQualifiedId2, getSpace as getSpace2 } 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, createDataExtensions, decorateMarkdown, documentId, folding, formattingKeymap, linkTooltip, listener, preview, selectionState, typewriter } from "@dxos/react-ui-editor";
+import { defaultTx } from "@dxos/react-ui-theme";
+import { isTruthy } 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(isTruthy), [
+    baseExtensions,
+    pluginExtensions,
+    document,
+    document?.content?.target,
+    text,
+    id,
+    space,
+    identity
+  ]);
+};
+var createBaseExtensions = ({ document, id, dispatch, 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.
+        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 (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: 263,
+        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 React, { forwardRef, useMemo as useMemo2, useEffect, useCallback, useImperativeHandle, useRef } from "react";
+import React2, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo as useMemo3, useRef } from "react";
 import { useDropzone } from "react-dropzone";
-import { invariant as invariant2 } from "@dxos/invariant";
-import { toLocalizedString, useThemeContext, useTranslation } from "@dxos/react-ui";
-import { CommandMenu, EditorToolbar, RefPopover, addLink, createElement, coreSlashCommands, createBasicExtensions, createMarkdownExtensions, createThemeExtensions, dropFile, editorGutter, editorSlots, filterItems, linkSlashCommands, processEditorPayload, stackItemContentEditorClassNames, useEditorToolbarState, useFormattingState, useTextEditor, useCommandMenu } from "@dxos/react-ui-editor";
+import { invariant as invariant3 } from "@dxos/invariant";
+import { Domino, toLocalizedString, useThemeContext, useTranslation } from "@dxos/react-ui";
+import { CommandMenuProvider, EditorToolbar, addLink, coreSlashCommands, createBasicExtensions, 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 { isNotFalsy, isNonNullable } from "@dxos/util";
+import { isNonNullable, isTruthy as isTruthy2 } from "@dxos/util";
 
 // src/hooks/useSelectCurrentThread.tsx
-import { EditorView } from "@codemirror/view";
-import { Schema } from "effect";
-import { useMemo } from "react";
-import { createResolver, LayoutAction, useIntentResolver } from "@dxos/app-framework";
-import { invariant } from "@dxos/invariant";
-import { Cursor, setSelection } from "@dxos/react-ui-editor";
-var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-markdown/src/hooks/useSelectCurrentThread.tsx";
+import { EditorView as EditorView2 } from "@codemirror/view";
+import * as Schema from "effect/Schema";
+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 = useMemo(() => createResolver({
-    intent: LayoutAction.UpdateLayout,
+  const scrollIntoViewResolver = useMemo2(() => createResolver({
+    intent: LayoutAction2.UpdateLayout,
     position: "hoist",
     filter: (data) => {
-      if (!Schema.is(LayoutAction.ScrollIntoView.fields.input)(data)) {
+      if (!Schema.is(LayoutAction2.ScrollIntoView.fields.input)(data)) {
         return false;
       }
       return !!editorView && data.subject === documentId2 && !!data.options?.cursor;
     },
     resolve: ({ options: { cursor } }) => {
-      invariant(editorView, "Editor view is not defined.", {
-        F: __dxlog_file,
+      invariant2(editorView, "Editor view is not defined.", {
+        F: __dxlog_file2,
         L: 32,
         S: void 0,
         A: [
@@ -65,14 +271,14 @@ var useSelectCurrentThread = (editorView, documentId2) => {
           "'Editor view is not defined.'"
         ]
       });
-      const range = Cursor.getRangeFromCursor(editorView.state, cursor);
+      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.
-          EditorView.scrollIntoView(range.from, {
+          EditorView2.scrollIntoView(range.from, {
             y: "start",
             yMargin: 96
           })
@@ -94,33 +300,35 @@ var useSelectCurrentThread = (editorView, documentId2) => {
     documentId2,
     editorView
   ]);
-  useIntentResolver(MARKDOWN_PLUGIN, scrollIntoViewResolver);
+  useIntentResolver(meta.id, scrollIntoViewResolver);
 };
 
 // src/components/MarkdownEditor/MarkdownEditor.tsx
-var __dxlog_file2 = "/__w/dxos/dxos/packages/plugins/plugin-markdown/src/components/MarkdownEditor/MarkdownEditor.tsx";
-var MarkdownEditor = ({ extensions: _extensions, slashCommandGroups, onLinkQuery, ...props }) => {
+var __dxlog_file3 = "/__w/dxos/dxos/packages/plugins/plugin-markdown/src/components/MarkdownEditor/MarkdownEditor.tsx";
+var MarkdownEditor = ({ extensions: extensionsParam, slashCommandGroups, onLinkQuery, ...props }) => {
   var _effect = _useSignals();
   try {
     const { t } = useTranslation();
-    const viewRef = useRef();
+    const viewRef = useRef(null);
     const getMenu = useCallback((trigger, query) => {
       switch (trigger) {
-        case "@":
+        case "@": {
           return onLinkQuery?.(query) ?? [];
+        }
         case "/":
-        default:
+        default: {
           return filterItems([
             coreSlashCommands,
             linkSlashCommands,
             ...slashCommandGroups ?? []
           ], (item) => query ? toLocalizedString(item.label, t).toLowerCase().includes(query.toLowerCase()) : true);
+        }
       }
     }, [
       onLinkQuery,
       slashCommandGroups
     ]);
-    const options = useMemo2(() => {
+    const options = useMemo3(() => {
       const trigger = onLinkQuery ? [
         "/",
         "@"
@@ -132,45 +340,29 @@ var MarkdownEditor = ({ extensions: _extensions, slashCommandGroups, onLinkQuery
         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."
-              })
-            ]);
-          }
+          content: () => Domino.of("div").children(Domino.of("span").text("Press"), ...trigger.map((text) => Domino.of("span").classNames("border border-separator rounded-sm mx-1 px-1.5 pt-[1px] pb-[2px]").text(text)), Domino.of("span").text("for commands.")).build()
         },
         getMenu
       };
     }, [
+      onLinkQuery,
       getMenu
     ]);
-    const { commandMenu, groupsRef, currentItem, onSelect, ...refPopoverProps } = useCommandMenu(options);
-    const extensions = useMemo2(() => [
-      _extensions,
+    const { groupsRef, commandMenu, ...commandMenuProps } = useCommandMenu(options);
+    const extensions = useMemo3(() => [
+      extensionsParam,
       commandMenu
-    ].filter(isNotFalsy), [
-      _extensions,
+    ].filter(isTruthy2), [
+      extensionsParam,
       commandMenu
     ]);
-    return /* @__PURE__ */ React.createElement(RefPopover, {
-      modal: false,
-      ...refPopoverProps
-    }, /* @__PURE__ */ React.createElement(MarkdownEditorImpl, {
+    return /* @__PURE__ */ React2.createElement(CommandMenuProvider, {
+      groups: groupsRef.current,
+      ...commandMenuProps
+    }, /* @__PURE__ */ React2.createElement(MarkdownEditorImpl, {
       ref: viewRef,
       ...props,
       extensions
-    }), /* @__PURE__ */ React.createElement(CommandMenu, {
-      groups: groupsRef.current,
-      currentItem,
-      onSelect
     }));
   } finally {
     _effect.f();
@@ -179,16 +371,16 @@ var MarkdownEditor = ({ extensions: _extensions, slashCommandGroups, onLinkQuery
 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(MARKDOWN_PLUGIN);
+    const { t } = useTranslation(meta.id);
     const { themeMode } = useThemeContext();
     const toolbarState = useEditorToolbarState({
       viewMode
     });
     const formattingObserver = useFormattingState(toolbarState);
-    const { scrollTo, selection } = useMemo2(() => editorStateStore?.getState(id) ?? {}, [
+    const { scrollTo, selection } = useMemo3(() => editorStateStore?.getState(id) ?? {}, [
       id
     ]);
-    const providerExtensions = useMemo2(() => extensionProviders?.flatMap((provider) => provider({})).filter(isNonNullable), [
+    const providerExtensions = useMemo3(() => extensionProviders?.flatMap((provider) => provider({})).filter(isNonNullable), [
       extensionProviders
     ]);
     const handleDrop = async (view, { files }) => {
@@ -208,11 +400,10 @@ var MarkdownEditorImpl = /* @__PURE__ */ forwardRef(({ id, role = "article", ini
         createBasicExtensions({
           readOnly: viewMode === "readonly",
           placeholder: t("editor placeholder"),
-          scrollPastEnd: role === "section" ? false : scrollPastEnd
-        }),
-        createMarkdownExtensions({
-          themeMode
+          scrollPastEnd: role === "section" ? false : scrollPastEnd,
+          search: true
         }),
+        createMarkdownExtensions(),
         createThemeExtensions({
           themeMode,
           syntaxHighlighting: true,
@@ -224,7 +415,7 @@ var MarkdownEditorImpl = /* @__PURE__ */ forwardRef(({ id, role = "article", ini
         }),
         providerExtensions,
         extensions
-      ].filter(isNotFalsy),
+      ].filter(isTruthy2),
       ...role !== "section" && {
         id,
         scrollTo,
@@ -283,8 +474,8 @@ var MarkdownEditorImpl = /* @__PURE__ */ forwardRef(({ id, role = "article", ini
       onFileUpload
     ]);
     const getView = useCallback(() => {
-      invariant2(editorView, void 0, {
-        F: __dxlog_file2,
+      invariant3(editorView, void 0, {
+        F: __dxlog_file3,
         L: 240,
         S: void 0,
         A: [
@@ -307,9 +498,9 @@ var MarkdownEditorImpl = /* @__PURE__ */ forwardRef(({ id, role = "article", ini
     }, [
       onFileUpload
     ]);
-    return /* @__PURE__ */ React.createElement(StackItem.Content, {
+    return /* @__PURE__ */ React2.createElement(StackItem.Content, {
       toolbar: !!toolbar
-    }, toolbar && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(EditorToolbar, {
+    }, toolbar && /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(EditorToolbar, {
       attendableId: id,
       role,
       state: toolbarState,
@@ -317,7 +508,7 @@ var MarkdownEditorImpl = /* @__PURE__ */ forwardRef(({ id, role = "article", ini
       getView,
       image: handleImageUpload,
       viewMode: handleViewModeChange
-    }), /* @__PURE__ */ React.createElement("input", getInputProps())), /* @__PURE__ */ React.createElement("div", {
+    }), /* @__PURE__ */ React2.createElement("input", getInputProps())), /* @__PURE__ */ React2.createElement("div", {
       role: "none",
       ref: parentRef,
       "data-testid": "composer.markdownRoot",
@@ -341,228 +532,13 @@ var useTest = (view) => {
   ]);
 };
 
-// src/extensions.tsx
-import React2, { useMemo as useMemo3 } from "react";
-import { createRoot } from "react-dom/client";
-import { createIntent, LayoutAction as LayoutAction2, useCapabilities, useIntentDispatcher } from "@dxos/app-framework";
-import { debounceAndThrottle } from "@dxos/async";
-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, 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 = "/__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 = useMemo3(() => 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 = useMemo3(() => {
-    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 useMemo3(() => [
-    // 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(isNotFalsy2), [
-    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(isNotFalsy2);
-  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(LayoutAction2.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(isNotFalsy2);
-      }
-    }));
-  }
-  if (settings.debug) {
-    const items = settings.typewriter?.split(/[,\n]/) ?? "";
-    if (items) {
-      extensions.push(typewriter({
-        items
-      }));
-    }
-  }
-  return extensions;
-};
-var selectionChange = (selectionManager) => {
-  return EditorView2.updateListener.of(debounceAndThrottle((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);
-    }
-  }, 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);
-      invariant3(qualifiedId, "Invalid link format.", {
-        F: __dxlog_file3,
-        L: 291,
-        S: void 0,
-        A: [
-          "qualifiedId",
-          "'Invalid link format.'"
-        ]
-      });
-      onSelectObject(qualifiedId);
-    }
-  } : {
-    href: url,
-    rel: "noreferrer",
-    target: "_blank"
-  };
-  renderRoot(el, /* @__PURE__ */ React2.createElement("a", {
-    ...options,
-    className: style.hover
-  }, /* @__PURE__ */ React2.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__ */ React2.createElement("a", {
-    href: url,
-    rel: "noreferrer",
-    target: "_blank",
-    className: style.hover
-  }, web.origin, /* @__PURE__ */ React2.createElement(Icon, {
-    icon: "ph--arrow-square-out--bold",
-    size: 4,
-    classNames: style.icon
-  })));
-};
-var renderRoot = (root, node) => {
-  createRoot(root).render(/* @__PURE__ */ React2.createElement(ThemeProvider, {
-    tx: defaultTx
-  }, node));
-  return root;
-};
-
 // 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(DocumentType, object) ? object : void 0;
+    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(() => ({
@@ -600,7 +576,7 @@ var MarkdownContainer = ({ id, role, object, settings, selectionManager, viewMod
       objectForms,
       schemaWhiteList
     ]);
-    const onLinkQuery = useCallback2(async (query) => {
+    const handleLinkQuery = 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) => {
@@ -626,7 +602,7 @@ var MarkdownContainer = ({ id, role, object, settings, selectionManager, viewMod
           label,
           icon: metadata.icon,
           onSelect: (view, head) => {
-            const link = `[${label}][${Obj.getDXN(object2)}]`;
+            const link = `[${label}](${Obj.getDXN(object2)})`;
             if (query?.startsWith("@")) {
               insertAtLineStart(view, head, `!${link}
 `);
@@ -656,7 +632,7 @@ var MarkdownContainer = ({ id, role, object, settings, selectionManager, viewMod
       settings,
       scrollPastEnd,
       onViewModeChange,
-      onLinkQuery: space ? onLinkQuery : void 0
+      onLinkQuery: space ? handleLinkQuery : void 0
     }) : text ? /* @__PURE__ */ React3.createElement(MarkdownEditor, {
       id,
       role,
@@ -667,22 +643,19 @@ var MarkdownContainer = ({ id, role, object, settings, selectionManager, viewMod
       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
-      })
-    );
+      onLinkQuery: space ? handleLinkQuery : void 0
+    }) : /* @__PURE__ */ React3.createElement(MarkdownEditor, {
+      id,
+      role,
+      initialValue: object.text,
+      extensions,
+      viewMode,
+      toolbar: settings.toolbar,
+      inputMode: settings.editorInputMode,
+      scrollPastEnd,
+      onViewModeChange,
+      onLinkQuery: space ? handleLinkQuery : void 0
+    });
     return /* @__PURE__ */ React3.createElement(React3.Fragment, null, editor, previewBlocks.map(({ link, el }) => /* @__PURE__ */ React3.createElement(PreviewBlock, {
       key: link.ref,
       link,
@@ -695,11 +668,9 @@ var MarkdownContainer = ({ id, role, object, settings, selectionManager, viewMod
 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 client = useClient();
+    const dxn = DXN.parse(link.ref);
+    const subject = client.graph.ref(dxn).target;
     const data = useMemo4(() => ({
       subject
     }), [
@@ -773,6 +744,7 @@ var DocumentEditor = ({ id, document: doc, settings, viewMode, ...props }) => {
 var MarkdownContainer_default = MarkdownContainer;
 export {
   DocumentEditor,
+  MarkdownContainer,
   MarkdownContainer_default as default
 };
-//# sourceMappingURL=MarkdownContainer-F3WEEIBX.mjs.map
+//# sourceMappingURL=MarkdownContainer-XDYFBDCI.mjs.map