@dxos/plugin-markdown 0.6.11 → 0.6.12-main.5a87ad5

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

@@ -0,0 +1,87 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  createBaseExtensions
+} from "./chunk-RO5FEVW6.mjs";
+import {
+  MARKDOWN_PLUGIN
+} from "./chunk-2BGTVWHN.mjs";
+
+// packages/plugins/plugin-markdown/src/components/DocumentCard.tsx
+import React, { forwardRef } from "react";
+import { createDocAccessor } from "@dxos/react-client/echo";
+import { DropdownMenu, Input, useThemeContext, useTranslation } from "@dxos/react-ui";
+import { Card } from "@dxos/react-ui-card";
+import { createBasicExtensions, createDataExtensions, createThemeExtensions, useTextEditor } from "@dxos/react-ui-editor";
+import { focusRing, mx } from "@dxos/react-ui-theme";
+var DocumentCard = /* @__PURE__ */ forwardRef(({ classNames, isDragging, draggableStyle, draggableProps, item: { id, object, color }, grow, settings, onSelect, onAction }, forwardRef2) => {
+  const { t } = useTranslation(MARKDOWN_PLUGIN);
+  const { themeMode } = useThemeContext();
+  const { parentRef, focusAttributes } = useTextEditor(() => ({
+    initialValue: object.content?.content,
+    extensions: [
+      createBasicExtensions({
+        placeholder: t("editor placeholder")
+      }),
+      createThemeExtensions({
+        themeMode
+      }),
+      createDataExtensions({
+        id: object.id,
+        text: object.content && createDocAccessor(object.content, [
+          "content"
+        ])
+      }),
+      createBaseExtensions({
+        document: object,
+        debug: settings.debug,
+        experimental: settings.experimental
+      })
+    ]
+  }), [
+    object,
+    object.content,
+    themeMode
+  ]);
+  return /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    ref: forwardRef2,
+    className: "flex w-full",
+    style: draggableStyle
+  }, /* @__PURE__ */ React.createElement(Card.Root, {
+    classNames: mx("w-full snap-center", color, isDragging && "opacity-20", classNames),
+    grow
+  }, /* @__PURE__ */ React.createElement(Card.Header, {
+    onDoubleClick: () => onSelect?.()
+  }, /* @__PURE__ */ React.createElement(Card.DragHandle, draggableProps), /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.TextInput, {
+    variant: "subdued",
+    classNames: "p-0",
+    placeholder: t("document title placeholder"),
+    value: object.name,
+    onChange: (event) => object.name = event.target.value
+  })), /* @__PURE__ */ React.createElement(Card.Menu, null, /* @__PURE__ */ React.createElement(DropdownMenu.Item, {
+    onClick: () => onAction?.({
+      id,
+      action: "delete"
+    })
+  }, /* @__PURE__ */ React.createElement("span", {
+    className: "grow"
+  }, "Delete")), /* @__PURE__ */ React.createElement(DropdownMenu.Item, {
+    onClick: () => onAction?.({
+      id,
+      action: "set-color"
+    })
+  }, /* @__PURE__ */ React.createElement("span", {
+    className: "grow"
+  }, "Change color")))), /* @__PURE__ */ React.createElement(Card.Body, null, /* @__PURE__ */ React.createElement("div", {
+    ...focusAttributes,
+    ref: parentRef,
+    className: mx(focusRing, "rounded-sm h-full p-1 text-sm")
+  }))));
+});
+var DocumentCard_default = DocumentCard;
+
+export {
+  DocumentCard,
+  DocumentCard_default
+};
+//# sourceMappingURL=chunk-OE3CMI5X.mjs.map

package/dist/lib/node-esm/chunk-OE3CMI5X.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/DocumentCard.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { forwardRef } from 'react';\n\nimport { createDocAccessor } from '@dxos/react-client/echo';\nimport { DropdownMenu, Input, useThemeContext, useTranslation } from '@dxos/react-ui';\nimport { Card } from '@dxos/react-ui-card';\nimport {\n  createBasicExtensions,\n  createDataExtensions,\n  createThemeExtensions,\n  useTextEditor,\n} from '@dxos/react-ui-editor';\nimport type { MosaicTileComponent } from '@dxos/react-ui-mosaic';\nimport { focusRing, mx } from '@dxos/react-ui-theme';\n\nimport { createBaseExtensions } from '../extensions';\nimport { MARKDOWN_PLUGIN } from '../meta';\nimport { type DocumentType, type MarkdownSettingsProps } from '../types';\n\nexport type DocumentItemProps = {\n  id: string;\n  object: DocumentType;\n  color?: string;\n};\n\nexport type DocumentCardProps = {\n  settings: MarkdownSettingsProps;\n};\n\n/**\n * @deprecated\n */\n// TODO(wittjosiah): Unify with DocumentEditor.\nexport const DocumentCard: MosaicTileComponent<DocumentItemProps, HTMLDivElement, DocumentCardProps> = forwardRef(\n  (\n    {\n      classNames,\n      isDragging,\n      draggableStyle,\n      draggableProps,\n      item: { id, object, color },\n      grow,\n      settings,\n      onSelect,\n      onAction,\n    },\n    forwardRef,\n  ) => {\n    const { t } = useTranslation(MARKDOWN_PLUGIN);\n    const { themeMode } = useThemeContext();\n    const { parentRef, focusAttributes } = useTextEditor(\n      () => ({\n        initialValue: object.content?.content,\n        extensions: [\n          createBasicExtensions({ placeholder: t('editor placeholder') }),\n          createThemeExtensions({ themeMode }),\n          createDataExtensions({\n            id: object.id,\n            text: object.content && createDocAccessor(object.content, ['content']),\n          }),\n          createBaseExtensions({\n            document: object,\n            debug: settings.debug,\n            experimental: settings.experimental,\n          }),\n        ],\n      }),\n      [object, object.content, themeMode],\n    );\n\n    return (\n      <div role='none' ref={forwardRef} className='flex w-full' style={draggableStyle}>\n        <Card.Root classNames={mx('w-full snap-center', color, isDragging && 'opacity-20', classNames)} grow={grow}>\n          <Card.Header onDoubleClick={() => onSelect?.()}>\n            <Card.DragHandle {...draggableProps} />\n            <Input.Root>\n              <Input.TextInput\n                variant='subdued'\n                classNames='p-0'\n                placeholder={t('document title placeholder')}\n                value={object.name}\n                onChange={(event) => (object.name = event.target.value)}\n              />\n            </Input.Root>\n            <Card.Menu>\n              {/* TODO(burdon): Handle events/intents? */}\n              <DropdownMenu.Item onClick={() => onAction?.({ id, action: 'delete' })}>\n                <span className='grow'>Delete</span>\n              </DropdownMenu.Item>\n              <DropdownMenu.Item onClick={() => onAction?.({ id, action: 'set-color' })}>\n                <span className='grow'>Change color</span>\n              </DropdownMenu.Item>\n            </Card.Menu>\n          </Card.Header>\n          <Card.Body>\n            <div {...focusAttributes} ref={parentRef} className={mx(focusRing, 'rounded-sm h-full p-1 text-sm')} />\n          </Card.Body>\n        </Card.Root>\n      </div>\n    );\n  },\n);\n\nexport default DocumentCard;\n"],
+  "mappings": ";;;;;;;;;AAIA,OAAOA,SAASC,kBAAkB;AAElC,SAASC,yBAAyB;AAClC,SAASC,cAAcC,OAAOC,iBAAiBC,sBAAsB;AACrE,SAASC,YAAY;AACrB,SACEC,uBACAC,sBACAC,uBACAC,qBACK;AAEP,SAASC,WAAWC,UAAU;AAoBvB,IAAMC,eAA0FC,2BACrG,CACE,EACEC,YACAC,YACAC,gBACAC,gBACAC,MAAM,EAAEC,IAAIC,QAAQC,MAAK,GACzBC,MACAC,UACAC,UACAC,SAAQ,GAEVZ,gBAAAA;AAEA,QAAM,EAAEa,EAAC,IAAKC,eAAeC,eAAAA;AAC7B,QAAM,EAAEC,UAAS,IAAKC,gBAAAA;AACtB,QAAM,EAAEC,WAAWC,gBAAe,IAAKC,cACrC,OAAO;IACLC,cAAcd,OAAOe,SAASA;IAC9BC,YAAY;MACVC,sBAAsB;QAAEC,aAAaZ,EAAE,oBAAA;MAAsB,CAAA;MAC7Da,sBAAsB;QAAEV;MAAU,CAAA;MAClCW,qBAAqB;QACnBrB,IAAIC,OAAOD;QACXsB,MAAMrB,OAAOe,WAAWO,kBAAkBtB,OAAOe,SAAS;UAAC;SAAU;MACvE,CAAA;MACAQ,qBAAqB;QACnBC,UAAUxB;QACVyB,OAAOtB,SAASsB;QAChBC,cAAcvB,SAASuB;MACzB,CAAA;;EAEJ,IACA;IAAC1B;IAAQA,OAAOe;IAASN;GAAU;AAGrC,SACE,sBAAA,cAACkB,OAAAA;IAAIC,MAAK;IAAOC,KAAKpC;IAAYqC,WAAU;IAAcC,OAAOnC;KAC/D,sBAAA,cAACoC,KAAKC,MAAI;IAACvC,YAAYwC,GAAG,sBAAsBjC,OAAON,cAAc,cAAcD,UAAAA;IAAaQ;KAC9F,sBAAA,cAAC8B,KAAKG,QAAM;IAACC,eAAe,MAAMhC,WAAAA;KAChC,sBAAA,cAAC4B,KAAKK,YAAexC,cAAAA,GACrB,sBAAA,cAACyC,MAAML,MAAI,MACT,sBAAA,cAACK,MAAMC,WAAS;IACdC,SAAQ;IACR9C,YAAW;IACXwB,aAAaZ,EAAE,4BAAA;IACfmC,OAAOzC,OAAO0C;IACdC,UAAU,CAACC,UAAW5C,OAAO0C,OAAOE,MAAMC,OAAOJ;OAGrD,sBAAA,cAACT,KAAKc,MAAI,MAER,sBAAA,cAACC,aAAaC,MAAI;IAACC,SAAS,MAAM5C,WAAW;MAAEN;MAAImD,QAAQ;IAAS,CAAA;KAClE,sBAAA,cAACC,QAAAA;IAAKrB,WAAU;KAAO,QAAA,CAAA,GAEzB,sBAAA,cAACiB,aAAaC,MAAI;IAACC,SAAS,MAAM5C,WAAW;MAAEN;MAAImD,QAAQ;IAAY,CAAA;KACrE,sBAAA,cAACC,QAAAA;IAAKrB,WAAU;KAAO,cAAA,CAAA,CAAA,CAAA,GAI7B,sBAAA,cAACE,KAAKoB,MAAI,MACR,sBAAA,cAACzB,OAAAA;IAAK,GAAGf;IAAiBiB,KAAKlB;IAAWmB,WAAWI,GAAGmB,WAAW,+BAAA;;AAK7E,CAAA;AAGF,IAAA,uBAAe7D;",
+  "names": ["React", "forwardRef", "createDocAccessor", "DropdownMenu", "Input", "useThemeContext", "useTranslation", "Card", "createBasicExtensions", "createDataExtensions", "createThemeExtensions", "useTextEditor", "focusRing", "mx", "DocumentCard", "forwardRef", "classNames", "isDragging", "draggableStyle", "draggableProps", "item", "id", "object", "color", "grow", "settings", "onSelect", "onAction", "t", "useTranslation", "MARKDOWN_PLUGIN", "themeMode", "useThemeContext", "parentRef", "focusAttributes", "useTextEditor", "initialValue", "content", "extensions", "createBasicExtensions", "placeholder", "createThemeExtensions", "createDataExtensions", "text", "createDocAccessor", "createBaseExtensions", "document", "debug", "experimental", "div", "role", "ref", "className", "style", "Card", "Root", "mx", "Header", "onDoubleClick", "DragHandle", "Input", "TextInput", "variant", "value", "name", "onChange", "event", "target", "Menu", "DropdownMenu", "Item", "onClick", "action", "span", "Body", "focusRing"]
+}

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

@@ -0,0 +1,221 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  MARKDOWN_PLUGIN
+} from "./chunk-2BGTVWHN.mjs";
+
+// packages/plugins/plugin-markdown/src/components/MarkdownEditor.tsx
+import { openSearchPanel } from "@codemirror/search";
+import React, { useMemo, useEffect, useCallback as useCallback2 } from "react";
+import { LayoutAction as LayoutAction2, useResolvePlugin, parseLayoutPlugin, useIntentDispatcher } from "@dxos/app-framework";
+import { useThemeContext, useTranslation } from "@dxos/react-ui";
+import { useIsDirectlyAttended } from "@dxos/react-ui-attention";
+import { Toolbar, createBasicExtensions, createMarkdownExtensions, createThemeExtensions, dropFile, processAction, useActionHandler, useCommentState, useCommentClickListener, useFormattingState, useTextEditor, editorContent, editorGutter } from "@dxos/react-ui-editor";
+import { sectionToolbarLayout } from "@dxos/react-ui-stack";
+import { textBlockWidth, focusRing, mx } from "@dxos/react-ui-theme";
+import { isNotFalsy, nonNullable } from "@dxos/util";
+
+// packages/plugins/plugin-markdown/src/hooks/useSelectCurrentThread.tsx
+import { EditorView } from "@codemirror/view";
+import { useCallback } from "react";
+import { LayoutAction, useIntentResolver } from "@dxos/app-framework";
+import { Cursor, setSelection } from "@dxos/react-ui-editor";
+var useSelectCurrentThread = (editorView, documentId) => {
+  const handleScrollIntoView = useCallback(({ action, data }) => {
+    if (action === LayoutAction.SCROLL_INTO_VIEW) {
+      if (editorView && data?.id === documentId && data?.cursor) {
+        const range = Cursor.getRangeFromCursor(editorView.state, data.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, {
+              y: "start",
+              yMargin: 96
+            })
+          ];
+          if (selection) {
+            effects.push(setSelection.of({
+              current: documentId
+            }));
+          }
+          editorView.dispatch({
+            effects,
+            selection: selection ? {
+              anchor: range.from
+            } : void 0
+          });
+        }
+      }
+    }
+  }, [
+    documentId,
+    editorView
+  ]);
+  useIntentResolver(MARKDOWN_PLUGIN, handleScrollIntoView);
+};
+
+// packages/plugins/plugin-markdown/src/components/MarkdownEditor.tsx
+var attentionFragment = mx("group-focus-within/editor:attention-surface group-[[aria-current]]/editor:attention-surface", "group-focus-within/editor:border-separator");
+var DEFAULT_VIEW_MODE = "preview";
+var MarkdownEditor = ({ id, role = "article", initialValue, extensions, extensionProviders, scrollPastEnd, scrollTo, selection, toolbar, viewMode, onFileUpload, onViewModeChange }) => {
+  const { t } = useTranslation(MARKDOWN_PLUGIN);
+  const { themeMode } = useThemeContext();
+  const dispatch = useIntentDispatcher();
+  const layoutPlugin = useResolvePlugin(parseLayoutPlugin);
+  const [formattingState, formattingObserver] = useFormattingState();
+  const isDirectlyAttended = useIsDirectlyAttended(id);
+  const providerExtensions = useMemo(
+    // TODO(burdon): Must pass object to provider.
+    () => extensionProviders?.flatMap((provider) => provider({})).filter(nonNullable),
+    [
+      extensionProviders
+    ]
+  );
+  const [commentsState, commentObserver] = useCommentState();
+  const onCommentClick = useCallback2(() => {
+    void dispatch({
+      action: LayoutAction2.SET_LAYOUT,
+      data: {
+        element: "complementary",
+        state: true
+      }
+    });
+  }, [
+    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) {
+      processAction(view, {
+        type: "image",
+        data: info.url
+      });
+    }
+  };
+  const { parentRef, view: editorView, focusAttributes } = useTextEditor(() => ({
+    initialValue,
+    extensions: [
+      formattingObserver,
+      commentObserver,
+      commentClickObserver,
+      createBasicExtensions({
+        readonly: viewMode === "readonly",
+        placeholder: t("editor placeholder"),
+        scrollPastEnd: role === "section" ? false : scrollPastEnd
+      }),
+      createMarkdownExtensions({
+        themeMode
+      }),
+      createThemeExtensions({
+        themeMode,
+        syntaxHighlighting: true,
+        slots: {
+          content: {
+            className: editorContent
+          }
+        }
+      }),
+      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,
+    initialValue,
+    formattingObserver,
+    viewMode,
+    themeMode,
+    extensions,
+    providerExtensions
+  ]);
+  useTest(editorView);
+  useSelectCurrentThread(editorView, id);
+  const handleToolbarAction = useActionHandler(editorView);
+  const handleAction = (action) => {
+    switch (action.type) {
+      case "search": {
+        if (editorView) {
+          openSearchPanel(editorView);
+        }
+        return;
+      }
+      case "view-mode": {
+        onViewModeChange?.(id, action.data);
+        return;
+      }
+    }
+    handleToolbarAction?.(action);
+  };
+  return /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    ...role === "section" ? {
+      className: "flex flex-col"
+    } : {
+      className: "contents group/editor",
+      ...isDirectlyAttended && {
+        "aria-current": "location"
+      }
+    }
+  }, toolbar && /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: mx("flex shrink-0 justify-center overflow-x-auto", attentionFragment)
+  }, /* @__PURE__ */ React.createElement(Toolbar.Root, {
+    classNames: role === "section" ? [
+      textBlockWidth,
+      "z-[2] group-focus-within/section:visible",
+      !isDirectlyAttended && "invisible",
+      sectionToolbarLayout
+    ] : [
+      textBlockWidth,
+      "group-focus-within/editor:border-separator group-[[aria-current]]/editor:border-separator"
+    ],
+    state: formattingState && {
+      ...formattingState,
+      ...commentsState
+    },
+    onAction: handleAction
+  }, /* @__PURE__ */ React.createElement(Toolbar.Markdown, null), onFileUpload && /* @__PURE__ */ React.createElement(Toolbar.Custom, {
+    onUpload: onFileUpload
+  }), /* @__PURE__ */ React.createElement(Toolbar.Separator, null), /* @__PURE__ */ React.createElement(Toolbar.View, {
+    mode: viewMode ?? DEFAULT_VIEW_MODE
+  }), /* @__PURE__ */ React.createElement(Toolbar.Actions, null))), /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    ref: parentRef,
+    "data-testid": "composer.markdownRoot",
+    "data-toolbar": toolbar ? "enabled" : "disabled",
+    className: role === "section" ? mx("flex flex-col flex-1 min-bs-[12rem]", focusRing) : mx("flex is-full bs-full overflow-hidden", focusRing, attentionFragment, "focus-visible:ring-inset", "data-[toolbar=disabled]:pbs-2 data-[toolbar=disabled]:row-span-2"),
+    ...focusAttributes
+  }));
+};
+var useTest = (view) => {
+  useEffect(() => {
+    const composer = window.composer;
+    if (composer) {
+      composer.editorView = view;
+    }
+  }, [
+    view
+  ]);
+};
+var MarkdownEditor_default = MarkdownEditor;
+
+export {
+  MarkdownEditor,
+  MarkdownEditor_default
+};
+//# sourceMappingURL=chunk-QARGBUBS.mjs.map

package/dist/lib/node-esm/chunk-QARGBUBS.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/MarkdownEditor.tsx", "../../../src/hooks/useSelectCurrentThread.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { openSearchPanel } from '@codemirror/search';\nimport { type EditorView } from '@codemirror/view';\nimport React, { useMemo, useEffect, useCallback } from 'react';\n\nimport {\n  type FileInfo,\n  LayoutAction,\n  type LayoutCoordinate,\n  useResolvePlugin,\n  parseLayoutPlugin,\n  useIntentDispatcher,\n} from '@dxos/app-framework';\nimport { useThemeContext, useTranslation } from '@dxos/react-ui';\nimport { useIsDirectlyAttended } from '@dxos/react-ui-attention';\nimport {\n  type Action,\n  type DNDOptions,\n  type EditorViewMode,\n  type EditorInputMode,\n  type UseTextEditorProps,\n  Toolbar,\n  createBasicExtensions,\n  createMarkdownExtensions,\n  createThemeExtensions,\n  dropFile,\n  processAction,\n  useActionHandler,\n  useCommentState,\n  useCommentClickListener,\n  useFormattingState,\n  useTextEditor,\n  editorContent,\n  editorGutter,\n} from '@dxos/react-ui-editor';\nimport { sectionToolbarLayout } from '@dxos/react-ui-stack';\nimport { textBlockWidth, focusRing, mx } from '@dxos/react-ui-theme';\nimport { isNotFalsy, nonNullable } from '@dxos/util';\n\nimport { useSelectCurrentThread } from '../hooks';\nimport { MARKDOWN_PLUGIN } from '../meta';\nimport { type MarkdownPluginState } from '../types';\n\n// TODO(Zan): Factor into a shared location.\nconst attentionFragment = mx(\n  'group-focus-within/editor:attention-surface group-[[aria-current]]/editor:attention-surface',\n  'group-focus-within/editor:border-separator',\n);\n\nconst DEFAULT_VIEW_MODE: EditorViewMode = 'preview';\n\nexport type MarkdownEditorProps = {\n  id: string;\n  coordinate?: LayoutCoordinate;\n  inputMode?: EditorInputMode;\n  role?: string;\n  scrollPastEnd?: boolean;\n  toolbar?: boolean;\n  viewMode?: EditorViewMode;\n  onViewModeChange?: (id: string, mode: EditorViewMode) => void;\n  onFileUpload?: (file: File) => Promise<FileInfo | undefined>;\n} & Pick<UseTextEditorProps, 'initialValue' | 'scrollTo' | 'selection' | 'extensions'> &\n  Partial<Pick<MarkdownPluginState, 'extensionProviders'>>;\n\nexport const MarkdownEditor = ({\n  id,\n  role = 'article',\n  initialValue,\n  extensions,\n  extensionProviders,\n  scrollPastEnd,\n  scrollTo,\n  selection,\n  toolbar,\n  viewMode,\n  onFileUpload,\n  onViewModeChange,\n}: MarkdownEditorProps) => {\n  const { t } = useTranslation(MARKDOWN_PLUGIN);\n  const { themeMode } = useThemeContext();\n  const dispatch = useIntentDispatcher();\n  const layoutPlugin = useResolvePlugin(parseLayoutPlugin);\n  const [formattingState, formattingObserver] = useFormattingState();\n  const isDirectlyAttended = useIsDirectlyAttended(id);\n\n  // Extensions from other plugins.\n  const providerExtensions = useMemo(\n    // TODO(burdon): Must pass object to provider.\n    () => extensionProviders?.flatMap((provider) => provider({})).filter(nonNullable),\n    [extensionProviders],\n  );\n\n  // TODO(Zan): Move these into thread plugin as well?\n  const [commentsState, commentObserver] = useCommentState();\n  const onCommentClick = useCallback(() => {\n    void dispatch({ action: LayoutAction.SET_LAYOUT, data: { element: 'complementary', state: true } });\n  }, [dispatch]);\n  const commentClickObserver = useCommentClickListener(onCommentClick);\n\n  // Drag files.\n  const handleDrop: DNDOptions['onDrop'] = async (view, { files }) => {\n    const file = files[0];\n    const info = file && onFileUpload ? await onFileUpload(file) : undefined;\n    if (info) {\n      processAction(view, { type: 'image', data: info.url });\n    }\n  };\n\n  const {\n    parentRef,\n    view: editorView,\n    focusAttributes,\n  } = useTextEditor(\n    () => ({\n      initialValue,\n      extensions: [\n        formattingObserver,\n        commentObserver,\n        commentClickObserver,\n        createBasicExtensions({\n          readonly: viewMode === 'readonly',\n          placeholder: t('editor placeholder'),\n          scrollPastEnd: role === 'section' ? false : scrollPastEnd,\n        }),\n        createMarkdownExtensions({ themeMode }),\n        createThemeExtensions({\n          themeMode,\n          syntaxHighlighting: true,\n          slots: { content: { className: editorContent } },\n        }),\n        editorGutter,\n        role !== 'section' && onFileUpload && dropFile({ onDrop: handleDrop }),\n        providerExtensions,\n        extensions,\n      ].filter(isNotFalsy),\n      ...(role !== 'section' && {\n        id,\n        scrollTo,\n        selection,\n        // TODO(wittjosiah): Autofocus based on layout is racy.\n        autoFocus: layoutPlugin?.provides.layout ? layoutPlugin?.provides.layout.scrollIntoView === id : true,\n        moveToEndOfLine: true,\n      }),\n    }),\n    [id, initialValue, formattingObserver, viewMode, themeMode, extensions, providerExtensions],\n  );\n\n  useTest(editorView);\n  useSelectCurrentThread(editorView, id);\n\n  // Toolbar handler.\n  const handleToolbarAction = useActionHandler(editorView);\n  const handleAction = (action: Action) => {\n    switch (action.type) {\n      case 'search': {\n        if (editorView) {\n          openSearchPanel(editorView);\n        }\n        return;\n      }\n      case 'view-mode': {\n        onViewModeChange?.(id, action.data);\n        return;\n      }\n    }\n\n    handleToolbarAction?.(action);\n  };\n\n  return (\n    <div\n      role='none'\n      // TODO(burdon): Move role logic out of here (see sheet, table, sketch, etc.)\n      {...(role === 'section'\n        ? { className: 'flex flex-col' }\n        : {\n            className: 'contents group/editor',\n            ...(isDirectlyAttended && { 'aria-current': 'location' }),\n          })}\n    >\n      {toolbar && (\n        <div role='none' className={mx('flex shrink-0 justify-center overflow-x-auto', attentionFragment)}>\n          <Toolbar.Root\n            classNames={\n              role === 'section'\n                ? [\n                    textBlockWidth,\n                    'z-[2] group-focus-within/section:visible',\n                    !isDirectlyAttended && 'invisible',\n                    sectionToolbarLayout,\n                  ]\n                : [\n                    textBlockWidth,\n                    'group-focus-within/editor:border-separator group-[[aria-current]]/editor:border-separator',\n                  ]\n            }\n            state={formattingState && { ...formattingState, ...commentsState }}\n            onAction={handleAction}\n          >\n            <Toolbar.Markdown />\n            {onFileUpload && <Toolbar.Custom onUpload={onFileUpload} />}\n            <Toolbar.Separator />\n            <Toolbar.View mode={viewMode ?? DEFAULT_VIEW_MODE} />\n            <Toolbar.Actions />\n          </Toolbar.Root>\n        </div>\n      )}\n      <div\n        role='none'\n        ref={parentRef}\n        data-testid='composer.markdownRoot'\n        data-toolbar={toolbar ? 'enabled' : 'disabled'}\n        className={\n          role === 'section'\n            ? mx('flex flex-col flex-1 min-bs-[12rem]', focusRing)\n            : mx(\n                'flex is-full bs-full overflow-hidden',\n                focusRing,\n                attentionFragment,\n                'focus-visible:ring-inset',\n                'data-[toolbar=disabled]:pbs-2 data-[toolbar=disabled]:row-span-2',\n              )\n        }\n        {...focusAttributes}\n      />\n    </div>\n  );\n};\n\n// Expose editor view for playwright tests.\n// TODO(wittjosiah): Find a better way to expose this or find a way to limit it to test runs.\nconst useTest = (view?: EditorView) => {\n  useEffect(() => {\n    const composer = (window as any).composer;\n    if (composer) {\n      composer.editorView = view;\n    }\n  }, [view]);\n};\n\nexport default MarkdownEditor;\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { EditorView } from '@codemirror/view';\nimport { useCallback } from 'react';\n\nimport { LayoutAction, useIntentResolver } from '@dxos/app-framework';\nimport { Cursor, setSelection } from '@dxos/react-ui-editor';\n\nimport { MARKDOWN_PLUGIN } from '../meta';\n\n/**\n * Handle scrolling and selection of the current thread in a markdown editor.\n */\nexport const useSelectCurrentThread = (editorView: EditorView | undefined, documentId: string) => {\n  const handleScrollIntoView = useCallback(\n    ({ action, data }: { action: string; data?: any }) => {\n      if (action === LayoutAction.SCROLL_INTO_VIEW) {\n        if (editorView && data?.id === documentId && data?.cursor) {\n          // TODO(burdon): We need typed intents.\n          const range = Cursor.getRangeFromCursor(editorView.state, data.cursor);\n          if (range) {\n            const selection = editorView.state.selection.main.from !== range.from ? { anchor: range.from } : undefined;\n            const effects = [\n              // NOTE: This does not use the DOM scrollIntoView function.\n              EditorView.scrollIntoView(range.from, { y: 'start', yMargin: 96 }),\n            ];\n            if (selection) {\n              // Update the editor selection to get bi-directional highlighting.\n              effects.push(setSelection.of({ current: documentId }));\n            }\n\n            editorView.dispatch({\n              effects,\n              selection: selection ? { anchor: range.from } : undefined,\n            });\n          }\n        }\n      }\n    },\n    [documentId, editorView],\n  );\n\n  useIntentResolver(MARKDOWN_PLUGIN, handleScrollIntoView);\n};\n"],
+  "mappings": ";;;;;;AAIA,SAASA,uBAAuB;AAEhC,OAAOC,SAASC,SAASC,WAAWC,eAAAA,oBAAmB;AAEvD,SAEEC,gBAAAA,eAEAC,kBACAC,mBACAC,2BACK;AACP,SAASC,iBAAiBC,sBAAsB;AAChD,SAASC,6BAA6B;AACtC,SAMEC,SACAC,uBACAC,0BACAC,uBACAC,UACAC,eACAC,kBACAC,iBACAC,yBACAC,oBACAC,eACAC,eACAC,oBACK;AACP,SAASC,4BAA4B;AACrC,SAASC,gBAAgBC,WAAWC,UAAU;AAC9C,SAASC,YAAYC,mBAAmB;;;ACpCxC,SAASC,kBAAkB;AAC3B,SAASC,mBAAmB;AAE5B,SAASC,cAAcC,yBAAyB;AAChD,SAASC,QAAQC,oBAAoB;AAO9B,IAAMC,yBAAyB,CAACC,YAAoCC,eAAAA;AACzE,QAAMC,uBAAuBC,YAC3B,CAAC,EAAEC,QAAQC,KAAI,MAAkC;AAC/C,QAAID,WAAWE,aAAaC,kBAAkB;AAC5C,UAAIP,cAAcK,MAAMG,OAAOP,cAAcI,MAAMI,QAAQ;AAEzD,cAAMC,QAAQC,OAAOC,mBAAmBZ,WAAWa,OAAOR,KAAKI,MAAM;AACrE,YAAIC,OAAO;AACT,gBAAMI,YAAYd,WAAWa,MAAMC,UAAUC,KAAKC,SAASN,MAAMM,OAAO;YAAEC,QAAQP,MAAMM;UAAK,IAAIE;AACjG,gBAAMC,UAAU;;YAEdC,WAAWC,eAAeX,MAAMM,MAAM;cAAEM,GAAG;cAASC,SAAS;YAAG,CAAA;;AAElE,cAAIT,WAAW;AAEbK,oBAAQK,KAAKC,aAAaC,GAAG;cAAEC,SAAS1B;YAAW,CAAA,CAAA;UACrD;AAEAD,qBAAW4B,SAAS;YAClBT;YACAL,WAAWA,YAAY;cAAEG,QAAQP,MAAMM;YAAK,IAAIE;UAClD,CAAA;QACF;MACF;IACF;EACF,GACA;IAACjB;IAAYD;GAAW;AAG1B6B,oBAAkBC,iBAAiB5B,oBAAAA;AACrC;;;ADEA,IAAM6B,oBAAoBC,GACxB,+FACA,4CAAA;AAGF,IAAMC,oBAAoC;AAenC,IAAMC,iBAAiB,CAAC,EAC7BC,IACAC,OAAO,WACPC,cACAC,YACAC,oBACAC,eACAC,UACAC,WACAC,SACAC,UACAC,cACAC,iBAAgB,MACI;AACpB,QAAM,EAAEC,EAAC,IAAKC,eAAeC,eAAAA;AAC7B,QAAM,EAAEC,UAAS,IAAKC,gBAAAA;AACtB,QAAMC,WAAWC,oBAAAA;AACjB,QAAMC,eAAeC,iBAAiBC,iBAAAA;AACtC,QAAM,CAACC,iBAAiBC,kBAAAA,IAAsBC,mBAAAA;AAC9C,QAAMC,qBAAqBC,sBAAsB1B,EAAAA;AAGjD,QAAM2B,qBAAqBC;;IAEzB,MAAMxB,oBAAoByB,QAAQ,CAACC,aAAaA,SAAS,CAAC,CAAA,CAAA,EAAIC,OAAOC,WAAAA;IACrE;MAAC5B;;EAAmB;AAItB,QAAM,CAAC6B,eAAeC,eAAAA,IAAmBC,gBAAAA;AACzC,QAAMC,iBAAiBC,aAAY,MAAA;AACjC,SAAKpB,SAAS;MAAEqB,QAAQC,cAAaC;MAAYC,MAAM;QAAEC,SAAS;QAAiBC,OAAO;MAAK;IAAE,CAAA;EACnG,GAAG;IAAC1B;GAAS;AACb,QAAM2B,uBAAuBC,wBAAwBT,cAAAA;AAGrD,QAAMU,aAAmC,OAAOC,MAAM,EAAEC,MAAK,MAAE;AAC7D,UAAMC,OAAOD,MAAM,CAAA;AACnB,UAAME,OAAOD,QAAQvC,eAAe,MAAMA,aAAauC,IAAAA,IAAQE;AAC/D,QAAID,MAAM;AACRE,oBAAcL,MAAM;QAAEM,MAAM;QAASZ,MAAMS,KAAKI;MAAI,CAAA;IACtD;EACF;AAEA,QAAM,EACJC,WACAR,MAAMS,YACNC,gBAAe,IACbC,cACF,OAAO;IACLxD;IACAC,YAAY;MACVoB;MACAW;MACAU;MACAe,sBAAsB;QACpBC,UAAUnD,aAAa;QACvBoD,aAAajD,EAAE,oBAAA;QACfP,eAAeJ,SAAS,YAAY,QAAQI;MAC9C,CAAA;MACAyD,yBAAyB;QAAE/C;MAAU,CAAA;MACrCgD,sBAAsB;QACpBhD;QACAiD,oBAAoB;QACpBC,OAAO;UAAEC,SAAS;YAAEC,WAAWC;UAAc;QAAE;MACjD,CAAA;MACAC;MACApE,SAAS,aAAaS,gBAAgB4D,SAAS;QAAEC,QAAQzB;MAAW,CAAA;MACpEnB;MACAxB;MACA4B,OAAOyC,UAAAA;IACT,GAAIvE,SAAS,aAAa;MACxBD;MACAM;MACAC;;MAEAkE,WAAWtD,cAAcuD,SAASC,SAASxD,cAAcuD,SAASC,OAAOC,mBAAmB5E,KAAK;MACjG6E,iBAAiB;IACnB;EACF,IACA;IAAC7E;IAAIE;IAAcqB;IAAoBd;IAAUM;IAAWZ;IAAYwB;GAAmB;AAG7FmD,UAAQtB,UAAAA;AACRuB,yBAAuBvB,YAAYxD,EAAAA;AAGnC,QAAMgF,sBAAsBC,iBAAiBzB,UAAAA;AAC7C,QAAM0B,eAAe,CAAC5C,WAAAA;AACpB,YAAQA,OAAOe,MAAI;MACjB,KAAK,UAAU;AACb,YAAIG,YAAY;AACd2B,0BAAgB3B,UAAAA;QAClB;AACA;MACF;MACA,KAAK,aAAa;AAChB7C,2BAAmBX,IAAIsC,OAAOG,IAAI;AAClC;MACF;IACF;AAEAuC,0BAAsB1C,MAAAA;EACxB;AAEA,SACE,sBAAA,cAAC8C,OAAAA;IACCnF,MAAK;IAEJ,GAAIA,SAAS,YACV;MAAEkE,WAAW;IAAgB,IAC7B;MACEA,WAAW;MACX,GAAI1C,sBAAsB;QAAE,gBAAgB;MAAW;IACzD;KAEHjB,WACC,sBAAA,cAAC4E,OAAAA;IAAInF,MAAK;IAAOkE,WAAWtE,GAAG,gDAAgDD,iBAAAA;KAC7E,sBAAA,cAACyF,QAAQC,MAAI;IACXC,YACEtF,SAAS,YACL;MACEuF;MACA;MACA,CAAC/D,sBAAsB;MACvBgE;QAEF;MACED;MACA;;IAGR7C,OAAOrB,mBAAmB;MAAE,GAAGA;MAAiB,GAAGW;IAAc;IACjEyD,UAAUR;KAEV,sBAAA,cAACG,QAAQM,UAAQ,IAAA,GAChBjF,gBAAgB,sBAAA,cAAC2E,QAAQO,QAAM;IAACC,UAAUnF;MAC3C,sBAAA,cAAC2E,QAAQS,WAAS,IAAA,GAClB,sBAAA,cAACT,QAAQU,MAAI;IAACC,MAAMvF,YAAYX;MAChC,sBAAA,cAACuF,QAAQY,SAAO,IAAA,CAAA,CAAA,GAItB,sBAAA,cAACb,OAAAA;IACCnF,MAAK;IACLiG,KAAK3C;IACL4C,eAAY;IACZC,gBAAc5F,UAAU,YAAY;IACpC2D,WACElE,SAAS,YACLJ,GAAG,uCAAuCwG,SAAAA,IAC1CxG,GACE,wCACAwG,WACAzG,mBACA,4BACA,kEAAA;IAGP,GAAG6D;;AAIZ;AAIA,IAAMqB,UAAU,CAAC/B,SAAAA;AACfuD,YAAU,MAAA;AACR,UAAMC,WAAYC,OAAeD;AACjC,QAAIA,UAAU;AACZA,eAAS/C,aAAaT;IACxB;EACF,GAAG;IAACA;GAAK;AACX;AAEA,IAAA,yBAAehD;",
+  "names": ["openSearchPanel", "React", "useMemo", "useEffect", "useCallback", "LayoutAction", "useResolvePlugin", "parseLayoutPlugin", "useIntentDispatcher", "useThemeContext", "useTranslation", "useIsDirectlyAttended", "Toolbar", "createBasicExtensions", "createMarkdownExtensions", "createThemeExtensions", "dropFile", "processAction", "useActionHandler", "useCommentState", "useCommentClickListener", "useFormattingState", "useTextEditor", "editorContent", "editorGutter", "sectionToolbarLayout", "textBlockWidth", "focusRing", "mx", "isNotFalsy", "nonNullable", "EditorView", "useCallback", "LayoutAction", "useIntentResolver", "Cursor", "setSelection", "useSelectCurrentThread", "editorView", "documentId", "handleScrollIntoView", "useCallback", "action", "data", "LayoutAction", "SCROLL_INTO_VIEW", "id", "cursor", "range", "Cursor", "getRangeFromCursor", "state", "selection", "main", "from", "anchor", "undefined", "effects", "EditorView", "scrollIntoView", "y", "yMargin", "push", "setSelection", "of", "current", "dispatch", "useIntentResolver", "MARKDOWN_PLUGIN", "attentionFragment", "mx", "DEFAULT_VIEW_MODE", "MarkdownEditor", "id", "role", "initialValue", "extensions", "extensionProviders", "scrollPastEnd", "scrollTo", "selection", "toolbar", "viewMode", "onFileUpload", "onViewModeChange", "t", "useTranslation", "MARKDOWN_PLUGIN", "themeMode", "useThemeContext", "dispatch", "useIntentDispatcher", "layoutPlugin", "useResolvePlugin", "parseLayoutPlugin", "formattingState", "formattingObserver", "useFormattingState", "isDirectlyAttended", "useIsDirectlyAttended", "providerExtensions", "useMemo", "flatMap", "provider", "filter", "nonNullable", "commentsState", "commentObserver", "useCommentState", "onCommentClick", "useCallback", "action", "LayoutAction", "SET_LAYOUT", "data", "element", "state", "commentClickObserver", "useCommentClickListener", "handleDrop", "view", "files", "file", "info", "undefined", "processAction", "type", "url", "parentRef", "editorView", "focusAttributes", "useTextEditor", "createBasicExtensions", "readonly", "placeholder", "createMarkdownExtensions", "createThemeExtensions", "syntaxHighlighting", "slots", "content", "className", "editorContent", "editorGutter", "dropFile", "onDrop", "isNotFalsy", "autoFocus", "provides", "layout", "scrollIntoView", "moveToEndOfLine", "useTest", "useSelectCurrentThread", "handleToolbarAction", "useActionHandler", "handleAction", "openSearchPanel", "div", "Toolbar", "Root", "classNames", "textBlockWidth", "sectionToolbarLayout", "onAction", "Markdown", "Custom", "onUpload", "Separator", "View", "mode", "Actions", "ref", "data-testid", "data-toolbar", "focusRing", "useEffect", "composer", "window"]
+}

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

@@ -0,0 +1,119 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+
+// packages/plugins/plugin-markdown/src/extensions.tsx
+import { ArrowSquareDown, ArrowSquareOut } from "@phosphor-icons/react";
+import React, { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import { NavigationAction } from "@dxos/app-framework";
+import { invariant } from "@dxos/invariant";
+import { fullyQualifiedId } from "@dxos/react-client/echo";
+import { autocomplete, decorateMarkdown, linkTooltip, typewriter, formattingKeymap, InputModeExtensions, folding } from "@dxos/react-ui-editor";
+import { getSize, mx } from "@dxos/react-ui-theme";
+import { isNotFalsy, nonNullable } from "@dxos/util";
+var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-markdown/src/extensions.tsx";
+var createBaseExtensions = ({ viewMode, settings, document, query, dispatch }) => {
+  const extensions = [];
+  if (settings?.editorInputMode) {
+    const extension = InputModeExtensions[settings.editorInputMode];
+    if (extension) {
+      extensions.push(extension);
+    }
+  }
+  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 ? onRenderLink((id) => {
+          void dispatch({
+            action: NavigationAction.ADD_TO_ACTIVE,
+            data: {
+              id,
+              part: "main",
+              pivotId: fullyQualifiedId(document),
+              scrollIntoView: true
+            }
+          });
+        }) : void 0
+      }),
+      linkTooltip(renderLinkTooltip)
+    ]);
+  }
+  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(nonNullable);
+      }
+    }));
+  }
+  extensions.push(...[
+    //
+    settings?.folding && folding()
+  ].filter(isNotFalsy));
+  if (settings?.debug) {
+    const items = settings.typewriter ?? "";
+    extensions.push(...[
+      items ? typewriter({
+        items: items.split(/[,\n]/)
+      }) : void 0
+    ].filter(nonNullable));
+  }
+  return extensions;
+};
+var hover = "rounded-sm text-primary-600 hover:text-primary-500 dark:text-primary-300 hover:dark:text-primary-200";
+var onRenderLink = (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: 148,
+        S: void 0,
+        A: [
+          "qualifiedId",
+          "'Invalid link format.'"
+        ]
+      });
+      onSelectObject(qualifiedId);
+    }
+  } : {
+    href: url,
+    rel: "noreferrer",
+    target: "_blank"
+  };
+  const LinkIcon = isInternal ? ArrowSquareDown : ArrowSquareOut;
+  createRoot(el).render(/* @__PURE__ */ React.createElement(StrictMode, null, /* @__PURE__ */ React.createElement("a", {
+    ...options,
+    className: hover
+  }, /* @__PURE__ */ React.createElement(LinkIcon, {
+    weight: "bold",
+    className: mx(getSize(4), "inline-block leading-none mis-1 cursor-pointer")
+  }))));
+};
+var renderLinkTooltip = (el, url) => {
+  const web = new URL(url);
+  createRoot(el).render(/* @__PURE__ */ React.createElement(StrictMode, null, /* @__PURE__ */ React.createElement("a", {
+    href: url,
+    target: "_blank",
+    rel: "noreferrer",
+    className: hover
+  }, web.origin, /* @__PURE__ */ React.createElement(ArrowSquareOut, {
+    weight: "bold",
+    className: mx(getSize(4), "inline-block leading-none mis-1 cursor-pointer")
+  }))));
+};
+
+export {
+  createBaseExtensions
+};
+//# sourceMappingURL=chunk-RO5FEVW6.mjs.map

package/dist/lib/node-esm/chunk-RO5FEVW6.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/extensions.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { ArrowSquareDown, ArrowSquareOut, type Icon } from '@phosphor-icons/react';\nimport React, { type AnchorHTMLAttributes, StrictMode } from 'react';\nimport { createRoot } from 'react-dom/client';\n\nimport { type IntentDispatcher, NavigationAction } from '@dxos/app-framework';\nimport { invariant } from '@dxos/invariant';\nimport { fullyQualifiedId, type Query } from '@dxos/react-client/echo';\nimport {\n  type AutocompleteResult,\n  type Extension,\n  type EditorViewMode,\n  autocomplete,\n  decorateMarkdown,\n  linkTooltip,\n  typewriter,\n  formattingKeymap,\n  InputModeExtensions,\n  folding,\n} from '@dxos/react-ui-editor';\nimport { getSize, mx } from '@dxos/react-ui-theme';\nimport { isNotFalsy, nonNullable } from '@dxos/util';\n\nimport { type DocumentType, type MarkdownSettingsProps } from './types';\n\nexport type ExtensionsOptions = {\n  viewMode?: EditorViewMode;\n  settings?: MarkdownSettingsProps;\n  document?: DocumentType;\n  debug?: boolean;\n  experimental?: boolean;\n  numberedHeadings?: boolean;\n  folding?: boolean;\n  query?: Query<DocumentType>;\n  dispatch?: IntentDispatcher;\n};\n\n/**\n * Create extension instances for editor.\n */\nexport const createBaseExtensions = ({\n  viewMode,\n  settings,\n  document,\n  query,\n  dispatch,\n}: ExtensionsOptions): Extension[] => {\n  const extensions: Extension[] = [];\n\n  //\n  // Editor mode.\n  //\n  if (settings?.editorInputMode) {\n    const extension = InputModeExtensions[settings.editorInputMode];\n    if (extension) {\n      extensions.push(extension);\n    }\n  }\n\n  //\n  // Markdown\n  //\n  if (viewMode !== 'source') {\n    extensions.push(\n      ...[\n        formattingKeymap(),\n        decorateMarkdown({\n          selectionChangeDelay: 100,\n          numberedHeadings: settings?.numberedHeadings ? { from: 2 } : undefined,\n          // TODO(wittjosiah): For internal links, consider ignoring the link text and rendering the label of the object being linked to.\n          renderLinkButton:\n            dispatch && document\n              ? onRenderLink((id: string) => {\n                  void dispatch({\n                    action: NavigationAction.ADD_TO_ACTIVE,\n                    data: {\n                      id,\n                      part: 'main',\n                      pivotId: fullyQualifiedId(document),\n                      scrollIntoView: true,\n                    },\n                  });\n                })\n              : undefined,\n        }),\n        linkTooltip(renderLinkTooltip),\n      ],\n    );\n  }\n\n  //\n  // Autocomplete object links.\n  //\n  if (query) {\n    extensions.push(\n      autocomplete({\n        onSearch: (text: string) => {\n          // TODO query\n          // TODO(burdon): Specify filter (e.g., stack).\n          return query.objects\n            .map<AutocompleteResult | undefined>((object) =>\n              object.name?.length && object.id !== document?.id\n                ? {\n                    label: object.name,\n                    // TODO(burdon): Factor out URL builder.\n                    apply: `[${object.name}](/${fullyQualifiedId(object)})`,\n                  }\n                : undefined,\n            )\n            .filter(nonNullable);\n        },\n      }),\n    );\n  }\n\n  extensions.push(\n    ...[\n      //\n      settings?.folding && folding(),\n    ].filter(isNotFalsy),\n  );\n\n  if (settings?.debug) {\n    const items = settings.typewriter ?? '';\n    extensions.push(...[items ? typewriter({ items: items.split(/[,\\n]/) }) : undefined].filter(nonNullable));\n  }\n\n  return extensions;\n};\n\n// TODO(burdon): Factor out style.\nconst hover = 'rounded-sm text-primary-600 hover:text-primary-500 dark:text-primary-300 hover:dark:text-primary-200';\n\nconst onRenderLink = (onSelectObject: (id: string) => void) => (el: Element, url: string) => {\n  // TODO(burdon): Formalize/document internal link format.\n  const isInternal =\n    url.startsWith('/') ||\n    // TODO(wittjosiah): This should probably be parsed out on paste?\n    url.startsWith(window.location.origin);\n\n  const options: AnchorHTMLAttributes<any> = isInternal\n    ? {\n        onClick: () => {\n          const qualifiedId = url.split('/').at(-1);\n          invariant(qualifiedId, 'Invalid link format.');\n          onSelectObject(qualifiedId);\n        },\n      }\n    : {\n        href: url,\n        rel: 'noreferrer',\n        target: '_blank',\n      };\n\n  const LinkIcon: Icon = isInternal ? ArrowSquareDown : ArrowSquareOut;\n\n  createRoot(el).render(\n    <StrictMode>\n      <a {...options} className={hover}>\n        <LinkIcon weight='bold' className={mx(getSize(4), 'inline-block leading-none mis-1 cursor-pointer')} />\n      </a>\n    </StrictMode>,\n  );\n};\n\nconst renderLinkTooltip = (el: Element, url: string) => {\n  const web = new URL(url);\n  createRoot(el).render(\n    <StrictMode>\n      <a href={url} target='_blank' rel='noreferrer' className={hover}>\n        {web.origin}\n        <ArrowSquareOut weight='bold' className={mx(getSize(4), 'inline-block leading-none mis-1 cursor-pointer')} />\n      </a>\n    </StrictMode>,\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["ArrowSquareDown", "ArrowSquareOut", "React", "StrictMode", "createRoot", "NavigationAction", "invariant", "fullyQualifiedId", "autocomplete", "decorateMarkdown", "linkTooltip", "typewriter", "formattingKeymap", "InputModeExtensions", "folding", "getSize", "mx", "isNotFalsy", "nonNullable", "createBaseExtensions", "viewMode", "settings", "document", "query", "dispatch", "extensions", "editorInputMode", "extension", "push", "selectionChangeDelay", "numberedHeadings", "from", "undefined", "renderLinkButton", "onRenderLink", "id", "action", "ADD_TO_ACTIVE", "data", "part", "pivotId", "scrollIntoView", "renderLinkTooltip", "onSearch", "text", "objects", "map", "object", "name", "length", "label", "apply", "filter", "debug", "items", "split", "hover", "onSelectObject", "el", "url", "isInternal", "startsWith", "window", "location", "origin", "options", "onClick", "qualifiedId", "at", "href", "rel", "target", "LinkIcon", "render", "a", "className", "weight", "web", "URL"]
+}