@dxos/plugin-markdown 0.6.13 → 0.6.14-main.1366248

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

@@ -0,0 +1,472 @@
+import {
+  getFallbackName,
+  setFallbackName
+} from "./chunk-PV4AWYWK.mjs";
+import {
+  DocumentType
+} from "./chunk-VZAGHNHU.mjs";
+import {
+  MARKDOWN_PLUGIN
+} from "./chunk-4X6YX3KU.mjs";
+
+// packages/plugins/plugin-markdown/src/components/MarkdownContainer.tsx
+import React3, { useEffect as useEffect2, useMemo as useMemo3 } from "react";
+import { useResolvePlugin, parseFileManagerPlugin } from "@dxos/app-framework";
+import { fullyQualifiedId as fullyQualifiedId2, getSpace as getSpace2 } from "@dxos/react-client/echo";
+
+// 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, useIntentDispatcher } from "@dxos/app-framework";
+import { useThemeContext, useTranslation } from "@dxos/react-ui";
+import { useAttendableAttributes, useAttention } from "@dxos/react-ui-attention";
+import { Toolbar, createBasicExtensions, createMarkdownExtensions, createThemeExtensions, dropFile, editorContent, editorGutter, processAction, useActionHandler, useCommentState, useCommentClickListener, useFormattingState, useTextEditor } 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 DEFAULT_VIEW_MODE = "preview";
+var MarkdownEditor = ({ id, role = "article", initialValue, extensions, extensionProviders, scrollPastEnd, toolbar, viewMode, editorStateStore, onFileUpload, onViewModeChange }) => {
+  const { t } = useTranslation(MARKDOWN_PLUGIN);
+  const { themeMode } = useThemeContext();
+  const dispatch = useIntentDispatcher();
+  const [formattingState, formattingObserver] = useFormattingState();
+  const attendableAttributes = useAttendableAttributes(id);
+  const { hasAttention } = useAttention(id);
+  const { scrollTo, selection } = useMemo(() => editorStateStore?.getState(id) ?? {}, [
+    id
+  ]);
+  const providerExtensions = useMemo(() => 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",
+      // TODO(wittjosiah): Factor out to `useAttendableAttributes`?
+      ...hasAttention && {
+        "aria-current": "location"
+      },
+      ...attendableAttributes
+    }
+  }, toolbar && /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: "flex shrink-0 justify-center overflow-x-auto attention-surface"
+  }, /* @__PURE__ */ React.createElement(Toolbar.Root, {
+    classNames: role === "section" ? [
+      textBlockWidth,
+      "z-[2] group-focus-within/section:visible",
+      !hasAttention && "invisible",
+      sectionToolbarLayout
+    ] : [
+      textBlockWidth
+    ],
+    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, "focus-visible:ring-inset attention-surface", "p-0.5", "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
+  ]);
+};
+
+// packages/plugins/plugin-markdown/src/extensions.tsx
+import React2, { useMemo as useMemo2 } from "react";
+import { createRoot } from "react-dom/client";
+import { NavigationAction, useIntentDispatcher as useIntentDispatcher2 } from "@dxos/app-framework";
+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 { InputModeExtensions, createDataExtensions, autocomplete, decorateMarkdown, folding, formattingKeymap, linkTooltip, listener, selectionState, typewriter } from "@dxos/react-ui-editor";
+import { defaultTx } from "@dxos/react-ui-theme";
+import { isNotFalsy as isNotFalsy2 } from "@dxos/util";
+var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-markdown/src/extensions.tsx";
+var useExtensions = ({ document, settings, viewMode, editorStateStore, extensionProviders }) => {
+  const dispatch = useIntentDispatcher2();
+  const identity = useIdentity();
+  const space = getSpace(document);
+  const baseExtensions = useMemo2(() => createBaseExtensions({
+    document,
+    settings,
+    viewMode,
+    dispatch
+  }), [
+    document,
+    viewMode,
+    dispatch,
+    settings,
+    settings.editorInputMode,
+    settings.folding,
+    settings.numberedHeadings,
+    settings.debug,
+    settings.typewriter
+  ]);
+  const pluginExtensions = useMemo2(() => extensionProviders?.reduce((acc, provider) => {
+    const extension = typeof provider === "function" ? provider({
+      document
+    }) : provider;
+    if (extension) {
+      acc.push(extension);
+    }
+    return acc;
+  }, []), [
+    extensionProviders
+  ]);
+  return useMemo2(() => [
+    // 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 && createDocAccessor(document.content, [
+        "content"
+      ]),
+      space,
+      identity
+    }),
+    selectionState(editorStateStore),
+    document && listener({
+      onChange: (text) => setFallbackName(document, text)
+    }),
+    baseExtensions,
+    pluginExtensions
+  ].filter(isNotFalsy2), [
+    baseExtensions,
+    pluginExtensions,
+    document,
+    document?.content,
+    space,
+    identity
+  ]);
+};
+var createBaseExtensions = ({ document, dispatch, settings, query, viewMode }) => {
+  const extensions = [
+    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 ? 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(isNotFalsy2);
+      }
+    }));
+  }
+  if (settings.debug) {
+    const items = settings.typewriter?.split(/[,\n]/) ?? "";
+    if (items) {
+      extensions.push(typewriter({
+        items
+      }));
+    }
+  }
+  return extensions;
+};
+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 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: 215,
+        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;
+};
+
+// packages/plugins/plugin-markdown/src/components/MarkdownContainer.tsx
+var MarkdownContainer = ({ id, role, object, extensionProviders, settings, viewMode, editorStateStore, onViewModeChange }) => {
+  const scrollPastEnd = role === "article";
+  const doc = object instanceof DocumentType ? object : void 0;
+  const extensions = useExtensions({
+    extensionProviders,
+    document: doc,
+    settings,
+    viewMode,
+    editorStateStore
+  });
+  if (doc) {
+    return /* @__PURE__ */ React3.createElement(DocumentEditor, {
+      id: fullyQualifiedId2(object),
+      role,
+      document: doc,
+      extensions,
+      settings,
+      scrollPastEnd,
+      onViewModeChange
+    });
+  } else {
+    return /* @__PURE__ */ React3.createElement(MarkdownEditor, {
+      id,
+      role,
+      initialValue: object.text,
+      extensions,
+      viewMode,
+      toolbar: settings.toolbar,
+      inputMode: settings.editorInputMode,
+      scrollPastEnd,
+      onViewModeChange
+    });
+  }
+};
+var DocumentEditor = ({ id, document: doc, settings, viewMode, ...props }) => {
+  const space = getSpace2(doc);
+  const initialValue = useMemo3(() => doc.content?.content, [
+    doc.content
+  ]);
+  useEffect2(() => {
+    if (!doc.fallbackName && doc.content?.content) {
+      doc.fallbackName = getFallbackName(doc.content.content);
+    }
+  }, [
+    doc,
+    doc.content
+  ]);
+  const fileManagerPlugin = useResolvePlugin(parseFileManagerPlugin);
+  const handleFileUpload = useMemo3(() => {
+    if (space === void 0 || fileManagerPlugin?.provides.file.upload === void 0) {
+      return void 0;
+    }
+    return async (file) => fileManagerPlugin?.provides?.file?.upload?.(file, space);
+  }, [
+    space,
+    fileManagerPlugin
+  ]);
+  return /* @__PURE__ */ React3.createElement(MarkdownEditor, {
+    id,
+    initialValue,
+    viewMode,
+    toolbar: settings.toolbar,
+    inputMode: settings.editorInputMode,
+    onFileUpload: handleFileUpload,
+    ...props
+  });
+};
+var MarkdownContainer_default = MarkdownContainer;
+export {
+  DocumentEditor,
+  MarkdownContainer_default as default
+};
+//# sourceMappingURL=MarkdownContainer-J5BZUIVL.mjs.map

package/dist/lib/browser/MarkdownContainer-J5BZUIVL.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/MarkdownContainer.tsx", "../../../src/components/MarkdownEditor.tsx", "../../../src/hooks/useSelectCurrentThread.tsx", "../../../src/extensions.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useEffect, useMemo } from 'react';\n\nimport { useResolvePlugin, parseFileManagerPlugin } from '@dxos/app-framework';\nimport { fullyQualifiedId, getSpace } from '@dxos/react-client/echo';\n\nimport { MarkdownEditor, type MarkdownEditorProps } from './MarkdownEditor';\nimport { useExtensions } from '../extensions';\nimport { DocumentType, type MarkdownSettingsProps } from '../types';\nimport { getFallbackName } from '../util';\n\nexport type MarkdownContainerProps = Pick<\n  MarkdownEditorProps,\n  'role' | 'extensionProviders' | 'viewMode' | 'editorStateStore' | 'onViewModeChange'\n> & {\n  id: string;\n  object: DocumentType | any;\n  settings: MarkdownSettingsProps;\n};\n\n// TODO(burdon): Move toolbar here.\n// TODO(burdon): Factor out difference for ECHO and non-ECHO objects; i.e., single component.\nconst MarkdownContainer = ({\n  id,\n  role,\n  object,\n  extensionProviders,\n  settings,\n  viewMode,\n  editorStateStore,\n  onViewModeChange,\n}: MarkdownContainerProps) => {\n  const scrollPastEnd = role === 'article';\n  const doc = object instanceof DocumentType ? object : undefined;\n  const extensions = useExtensions({ extensionProviders, document: doc, settings, viewMode, editorStateStore });\n\n  if (doc) {\n    return (\n      <DocumentEditor\n        id={fullyQualifiedId(object)}\n        role={role}\n        document={doc}\n        extensions={extensions}\n        settings={settings}\n        scrollPastEnd={scrollPastEnd}\n        onViewModeChange={onViewModeChange}\n      />\n    );\n  } else {\n    return (\n      <MarkdownEditor\n        id={id}\n        role={role}\n        initialValue={object.text}\n        extensions={extensions}\n        viewMode={viewMode}\n        toolbar={settings.toolbar}\n        inputMode={settings.editorInputMode}\n        scrollPastEnd={scrollPastEnd}\n        onViewModeChange={onViewModeChange}\n      />\n    );\n  }\n};\n\ntype DocumentEditorProps = Omit<MarkdownContainerProps, 'object' | 'extensionProviders' | 'editorStateStore'> &\n  Pick<MarkdownEditorProps, 'id' | 'scrollPastEnd' | 'extensions'> & {\n    document: DocumentType;\n  };\n\nexport const DocumentEditor = ({ id, document: doc, settings, viewMode, ...props }: DocumentEditorProps) => {\n  const space = getSpace(doc);\n  const initialValue = useMemo(() => doc.content?.content, [doc.content]);\n\n  // Migrate gradually to `fallbackName`.\n  useEffect(() => {\n    if (!doc.fallbackName && doc.content?.content) {\n      doc.fallbackName = getFallbackName(doc.content.content);\n    }\n  }, [doc, doc.content]);\n\n  // File dragging.\n  const fileManagerPlugin = useResolvePlugin(parseFileManagerPlugin);\n  const handleFileUpload = useMemo(() => {\n    if (space === undefined || fileManagerPlugin?.provides.file.upload === undefined) {\n      return undefined;\n    }\n\n    // TODO(burdon): Re-order props: space, file.\n    return async (file: File) => fileManagerPlugin?.provides?.file?.upload?.(file, space);\n  }, [space, fileManagerPlugin]);\n\n  return (\n    <MarkdownEditor\n      id={id}\n      initialValue={initialValue}\n      viewMode={viewMode}\n      toolbar={settings.toolbar}\n      inputMode={settings.editorInputMode}\n      onFileUpload={handleFileUpload}\n      {...props}\n    />\n  );\n};\n\nexport default MarkdownContainer;\n", "//\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 { type FileInfo, LayoutAction, useIntentDispatcher } from '@dxos/app-framework';\nimport { useThemeContext, useTranslation } from '@dxos/react-ui';\nimport { useAttendableAttributes, useAttention } from '@dxos/react-ui-attention';\nimport {\n  type Action,\n  type DNDOptions,\n  type EditorViewMode,\n  type EditorInputMode,\n  type EditorSelectionState,\n  type EditorStateStore,\n  Toolbar,\n  type UseTextEditorProps,\n  createBasicExtensions,\n  createMarkdownExtensions,\n  createThemeExtensions,\n  dropFile,\n  editorContent,\n  editorGutter,\n  processAction,\n  useActionHandler,\n  useCommentState,\n  useCommentClickListener,\n  useFormattingState,\n  useTextEditor,\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\nconst DEFAULT_VIEW_MODE: EditorViewMode = 'preview';\n\nexport type MarkdownEditorProps = {\n  id: string;\n  role?: string;\n  inputMode?: EditorInputMode;\n  scrollPastEnd?: boolean;\n  toolbar?: boolean;\n  viewMode?: EditorViewMode;\n  editorStateStore?: EditorStateStore;\n  onViewModeChange?: (id: string, mode: EditorViewMode) => void;\n  onFileUpload?: (file: File) => Promise<FileInfo | undefined>;\n} & Pick<UseTextEditorProps, 'initialValue' | 'extensions'> &\n  Partial<Pick<MarkdownPluginState, 'extensionProviders'>>;\n\n/**\n * Base markdown editor component.\n *\n * This component provides all the features of the markdown editor that do no depend on ECHO.\n * This allows it to be used as a common editor for markdown content on arbitrary backends (e.g. files).\n */\nexport const MarkdownEditor = ({\n  id,\n  role = 'article',\n  initialValue,\n  extensions,\n  extensionProviders,\n  scrollPastEnd,\n  toolbar,\n  viewMode,\n  editorStateStore,\n  onFileUpload,\n  onViewModeChange,\n}: MarkdownEditorProps) => {\n  const { t } = useTranslation(MARKDOWN_PLUGIN);\n  const { themeMode } = useThemeContext();\n  const dispatch = useIntentDispatcher();\n  const [formattingState, formattingObserver] = useFormattingState();\n  const attendableAttributes = useAttendableAttributes(id);\n  const { hasAttention } = useAttention(id);\n\n  // Restore last selection and scroll point.\n  const { scrollTo, selection } = useMemo<EditorSelectionState>(() => editorStateStore?.getState(id) ?? {}, [id]);\n\n  // Extensions from other plugins.\n  // TODO(burdon): Reconcile with DocumentEditor.useExtensions.\n  const providerExtensions = useMemo(\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({\n      action: LayoutAction.SET_LAYOUT,\n      data: { element: 'complementary', state: true },\n    });\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      {...(role === 'section'\n        ? { className: 'flex flex-col' }\n        : {\n            className: 'contents',\n            // TODO(wittjosiah): Factor out to `useAttendableAttributes`?\n            ...(hasAttention && { 'aria-current': 'location' }),\n            ...attendableAttributes,\n          })}\n    >\n      {toolbar && (\n        <div role='none' className='flex shrink-0 justify-center overflow-x-auto attention-surface'>\n          <Toolbar.Root\n            classNames={\n              role === 'section'\n                ? [\n                    textBlockWidth,\n                    'z-[2] group-focus-within/section:visible',\n                    !hasAttention && 'invisible',\n                    sectionToolbarLayout,\n                  ]\n                : [textBlockWidth]\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                'focus-visible:ring-inset attention-surface',\n                'p-0.5', // TODO(burdon): Handle padding for focusRing consistently.\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", "//\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", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type AnchorHTMLAttributes, type ReactNode, useMemo } from 'react';\nimport { createRoot } from 'react-dom/client';\n\nimport { type IntentDispatcher, NavigationAction, useIntentDispatcher } from '@dxos/app-framework';\nimport { invariant } from '@dxos/invariant';\nimport { createDocAccessor, fullyQualifiedId, getSpace, type Query } from '@dxos/react-client/echo';\nimport { useIdentity } from '@dxos/react-client/halo';\nimport { Icon, ThemeProvider } from '@dxos/react-ui';\nimport {\n  type AutocompleteResult,\n  type EditorStateStore,\n  type EditorViewMode,\n  type Extension,\n  InputModeExtensions,\n  createDataExtensions,\n  autocomplete,\n  decorateMarkdown,\n  folding,\n  formattingKeymap,\n  linkTooltip,\n  listener,\n  selectionState,\n  typewriter,\n} from '@dxos/react-ui-editor';\nimport { defaultTx } from '@dxos/react-ui-theme';\nimport { isNotFalsy } from '@dxos/util';\n\nimport { type DocumentType, type MarkdownPluginState, type MarkdownSettingsProps } from './types';\nimport { setFallbackName } from './util';\n\ntype ExtensionsOptions = {\n  document?: DocumentType;\n  dispatch?: IntentDispatcher;\n  query?: Query<DocumentType>;\n  settings: MarkdownSettingsProps;\n  viewMode?: EditorViewMode;\n  editorStateStore?: EditorStateStore;\n};\n\n// TODO(burdon): Merge with createBaseExtensions below.\nexport const useExtensions = ({\n  document,\n  settings,\n  viewMode,\n  editorStateStore,\n  extensionProviders,\n}: ExtensionsOptions & Pick<MarkdownPluginState, 'extensionProviders'>): Extension[] => {\n  const dispatch = useIntentDispatcher();\n  const identity = useIdentity();\n  const space = getSpace(document);\n\n  // TODO(wittjosiah): Autocomplete is not working and this query is causing performance issues.\n  // TODO(burdon): Unsubscribe.\n  // const query = space?.db.query(Filter.schema(DocumentType));\n  // query?.subscribe();\n  const baseExtensions = useMemo(\n    () =>\n      createBaseExtensions({\n        document,\n        settings,\n        viewMode,\n        dispatch,\n        // query,\n      }),\n    [\n      document,\n      viewMode,\n      dispatch,\n      settings,\n      settings.editorInputMode,\n      settings.folding,\n      settings.numberedHeadings,\n      settings.debug,\n      settings.typewriter,\n    ],\n  );\n\n  //\n  // External extensions from other plugins.\n  //\n  const pluginExtensions = useMemo<Extension[] | undefined>(\n    () =>\n      extensionProviders?.reduce((acc: Extension[], provider) => {\n        const extension = typeof provider === 'function' ? provider({ document }) : provider;\n        if (extension) {\n          acc.push(extension);\n        }\n\n        return acc;\n      }, []),\n    [extensionProviders],\n  );\n\n  //\n  // Basic plugins.\n  //\n  return useMemo<Extension[]>(\n    () =>\n      [\n        // NOTE: Data extensions must be first so that automerge is updated before other extensions compute their state.\n        document &&\n          createDataExtensions({\n            id: document.id,\n            text: document.content && createDocAccessor(document.content, ['content']),\n            space,\n            identity,\n          }),\n        selectionState(editorStateStore),\n        document &&\n          listener({\n            onChange: (text) => setFallbackName(document, text),\n          }),\n        baseExtensions,\n        pluginExtensions,\n      ].filter(isNotFalsy),\n    [baseExtensions, pluginExtensions, document, document?.content, space, identity],\n  );\n};\n\n/**\n * Create extension instances for editor.\n */\nconst createBaseExtensions = ({ document, dispatch, settings, query, viewMode }: ExtensionsOptions): Extension[] => {\n  const extensions: Extension[] = [\n    settings.editorInputMode && InputModeExtensions[settings.editorInputMode],\n    settings.folding && folding(),\n  ].filter(isNotFalsy);\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(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(isNotFalsy);\n        },\n      }),\n    );\n  }\n\n  if (settings.debug) {\n    const items = settings.typewriter?.split(/[,\\n]/) ?? '';\n    if (items) {\n      extensions.push(typewriter({ items }));\n    }\n  }\n\n  return extensions;\n};\n\n// TODO(burdon): Factor out styles.\nconst style = {\n  hover: 'rounded-sm text-primary-500 hover:text-primary-600 dark:text-primary-500 hover:dark:text-primary-400',\n  icon: 'inline-block leading-none mis-1 cursor-pointer',\n};\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  renderRoot(\n    el,\n    <a {...options} className={style.hover}>\n      <Icon\n        icon={isInternal ? 'ph--arrow-square-down--bold' : 'ph--arrow-square-out--bold'}\n        size={4}\n        classNames={style.icon}\n      />\n    </a>,\n  );\n};\n\nconst renderLinkTooltip = (el: Element, url: string) => {\n  const web = new URL(url);\n  renderRoot(\n    el,\n    <a href={url} rel='noreferrer' target='_blank' className={style.hover}>\n      {web.origin}\n      <Icon icon='ph--arrow-square-out--bold' size={4} classNames={style.icon} />\n    </a>,\n  );\n};\n\n// TODO(burdon): Remove react rendering; use DOM directly.\nexport const renderRoot = <T extends Element>(root: T, node: ReactNode): T => {\n  createRoot(root).render(<ThemeProvider tx={defaultTx}>{node}</ThemeProvider>);\n  return root;\n};\n"],
+  "mappings": "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",
+  "names": ["React", "useEffect", "useMemo", "useResolvePlugin", "parseFileManagerPlugin", "fullyQualifiedId", "getSpace", "openSearchPanel", "React", "useMemo", "useEffect", "useCallback", "LayoutAction", "useIntentDispatcher", "useThemeContext", "useTranslation", "useAttendableAttributes", "useAttention", "Toolbar", "createBasicExtensions", "createMarkdownExtensions", "createThemeExtensions", "dropFile", "editorContent", "editorGutter", "processAction", "useActionHandler", "useCommentState", "useCommentClickListener", "useFormattingState", "useTextEditor", "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", "DEFAULT_VIEW_MODE", "MarkdownEditor", "id", "role", "initialValue", "extensions", "extensionProviders", "scrollPastEnd", "toolbar", "viewMode", "editorStateStore", "onFileUpload", "onViewModeChange", "t", "useTranslation", "MARKDOWN_PLUGIN", "themeMode", "useThemeContext", "dispatch", "useIntentDispatcher", "formattingState", "formattingObserver", "useFormattingState", "attendableAttributes", "useAttendableAttributes", "hasAttention", "useAttention", "scrollTo", "selection", "useMemo", "getState", "providerExtensions", "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", "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", "mx", "focusRing", "useEffect", "composer", "window", "React", "useMemo", "createRoot", "NavigationAction", "useIntentDispatcher", "invariant", "createDocAccessor", "fullyQualifiedId", "getSpace", "useIdentity", "Icon", "ThemeProvider", "InputModeExtensions", "createDataExtensions", "autocomplete", "decorateMarkdown", "folding", "formattingKeymap", "linkTooltip", "listener", "selectionState", "typewriter", "defaultTx", "isNotFalsy", "useExtensions", "document", "settings", "viewMode", "editorStateStore", "extensionProviders", "dispatch", "useIntentDispatcher", "identity", "useIdentity", "space", "getSpace", "baseExtensions", "useMemo", "createBaseExtensions", "editorInputMode", "folding", "numberedHeadings", "debug", "typewriter", "pluginExtensions", "reduce", "acc", "provider", "extension", "push", "createDataExtensions", "id", "text", "content", "createDocAccessor", "selectionState", "listener", "onChange", "setFallbackName", "filter", "isNotFalsy", "query", "extensions", "InputModeExtensions", "formattingKeymap", "decorateMarkdown", "selectionChangeDelay", "from", "undefined", "renderLinkButton", "onRenderLink", "action", "NavigationAction", "ADD_TO_ACTIVE", "data", "part", "pivotId", "fullyQualifiedId", "scrollIntoView", "linkTooltip", "renderLinkTooltip", "autocomplete", "onSearch", "objects", "map", "object", "name", "length", "label", "apply", "items", "split", "style", "hover", "icon", "onSelectObject", "el", "url", "isInternal", "startsWith", "window", "location", "origin", "options", "onClick", "qualifiedId", "at", "invariant", "href", "rel", "target", "renderRoot", "React", "a", "className", "Icon", "size", "classNames", "web", "URL", "root", "node", "createRoot", "render", "ThemeProvider", "tx", "defaultTx", "MarkdownContainer", "id", "role", "object", "extensionProviders", "settings", "viewMode", "editorStateStore", "onViewModeChange", "scrollPastEnd", "doc", "DocumentType", "undefined", "extensions", "useExtensions", "document", "React", "DocumentEditor", "fullyQualifiedId", "MarkdownEditor", "initialValue", "text", "toolbar", "inputMode", "editorInputMode", "props", "space", "getSpace", "useMemo", "content", "useEffect", "fallbackName", "getFallbackName", "fileManagerPlugin", "useResolvePlugin", "parseFileManagerPlugin", "handleFileUpload", "provides", "file", "upload", "onFileUpload"]
+}

package/dist/lib/browser/chunk-4X6YX3KU.mjs

@@ -0,0 +1,15 @@
+// packages/plugins/plugin-markdown/src/meta.ts
+var MARKDOWN_PLUGIN = "dxos.org/plugin/markdown";
+var meta_default = {
+  id: MARKDOWN_PLUGIN,
+  name: "Markdown",
+  description: "Text editor supporting extended Markdown.",
+  source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-markdown",
+  icon: "ph--text-aa--regular"
+};
+
+export {
+  MARKDOWN_PLUGIN,
+  meta_default
+};
+//# sourceMappingURL=chunk-4X6YX3KU.mjs.map

package/dist/lib/browser/chunk-4X6YX3KU.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/meta.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const MARKDOWN_PLUGIN = 'dxos.org/plugin/markdown';\n\nexport default {\n  id: MARKDOWN_PLUGIN,\n  name: 'Markdown',\n  description: 'Text editor supporting extended Markdown.',\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-markdown',\n  icon: 'ph--text-aa--regular',\n} satisfies PluginMeta;\n"],
+  "mappings": ";AAMO,IAAMA,kBAAkB;AAE/B,IAAA,eAAe;EACbC,IAAID;EACJE,MAAM;EACNC,aAAa;EACbC,QAAQ;EACRC,MAAM;AACR;",
+  "names": ["MARKDOWN_PLUGIN", "id", "name", "description", "source", "icon"]
+}

package/dist/lib/browser/chunk-PV4AWYWK.mjs

@@ -0,0 +1,52 @@
+import {
+  DocumentType,
+  TextType
+} from "./chunk-VZAGHNHU.mjs";
+
+// packages/plugins/plugin-markdown/src/util.tsx
+import { debounce } from "@dxos/async";
+import { create, createObject, isEchoObject, loadObjectReferences } from "@dxos/react-client/echo";
+var isMarkdownProperties = (data) => isEchoObject(data) ? true : data && typeof data === "object" ? "title" in data && typeof data.title === "string" : false;
+var markdownExtensionPlugins = (plugins) => {
+  return plugins.filter((plugin) => Boolean(plugin.provides?.markdown));
+};
+var nonTitleChars = /[^\w ]/g;
+var getFallbackName = (content) => {
+  return content.substring(0, 31).split("\n")[0].replaceAll(nonTitleChars, "").trim();
+};
+var setFallbackName = debounce((doc, content) => {
+  const name = getFallbackName(content);
+  if (doc.fallbackName !== name) {
+    doc.fallbackName = name;
+  }
+}, 200);
+var serializer = {
+  serialize: async ({ object }) => {
+    const content = await loadObjectReferences(object, (doc) => doc.content);
+    return JSON.stringify({
+      name: object.name,
+      fallbackName: object.fallbackName,
+      content: content.content
+    });
+  },
+  deserialize: async ({ content: serialized }) => {
+    const { name, fallbackName, content } = JSON.parse(serialized);
+    return createObject(create(DocumentType, {
+      name,
+      fallbackName,
+      content: create(TextType, {
+        content
+      }),
+      threads: []
+    }));
+  }
+};
+
+export {
+  isMarkdownProperties,
+  markdownExtensionPlugins,
+  getFallbackName,
+  setFallbackName,
+  serializer
+};
+//# sourceMappingURL=chunk-PV4AWYWK.mjs.map

package/dist/lib/browser/chunk-PV4AWYWK.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/util.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Plugin } from '@dxos/app-framework';\nimport { debounce } from '@dxos/async';\nimport { type TypedObjectSerializer } from '@dxos/plugin-space/types';\nimport { create, createObject, isEchoObject, loadObjectReferences } from '@dxos/react-client/echo';\n\nimport { DocumentType, type MarkdownProperties, type MarkdownExtensionProvides, TextType } from './types';\n\nexport const isMarkdownProperties = (data: unknown): data is MarkdownProperties =>\n  isEchoObject(data)\n    ? true\n    : data && typeof data === 'object'\n      ? 'title' in data && typeof data.title === 'string'\n      : false;\n\ntype MarkdownExtensionPlugin = Plugin<MarkdownExtensionProvides>;\n\nexport const markdownExtensionPlugins = (plugins: Plugin[]): MarkdownExtensionPlugin[] => {\n  return (plugins as MarkdownExtensionPlugin[]).filter((plugin) => Boolean(plugin.provides?.markdown));\n};\n\nconst nonTitleChars = /[^\\w ]/g;\n\nexport const getFallbackName = (content: string) => {\n  return content.substring(0, 31).split('\\n')[0].replaceAll(nonTitleChars, '').trim();\n};\n\nexport const setFallbackName = debounce((doc: DocumentType, content: string) => {\n  const name = getFallbackName(content);\n  if (doc.fallbackName !== name) {\n    doc.fallbackName = name;\n  }\n}, 200);\n\nexport const serializer: TypedObjectSerializer<DocumentType> = {\n  serialize: async ({ object }): Promise<string> => {\n    const content = await loadObjectReferences(object, (doc) => doc.content);\n    return JSON.stringify({ name: object.name, fallbackName: object.fallbackName, content: content.content });\n  },\n\n  deserialize: async ({ content: serialized }) => {\n    const { name, fallbackName, content } = JSON.parse(serialized);\n    return createObject(\n      create(DocumentType, { name, fallbackName, content: create(TextType, { content }), threads: [] }),\n    );\n  },\n};\n"],
+  "mappings": ";;;;;;AAKA,SAASA,gBAAgB;AAEzB,SAASC,QAAQC,cAAcC,cAAcC,4BAA4B;AAIlE,IAAMC,uBAAuB,CAACC,SACnCC,aAAaD,IAAAA,IACT,OACAA,QAAQ,OAAOA,SAAS,WACtB,WAAWA,QAAQ,OAAOA,KAAKE,UAAU,WACzC;AAID,IAAMC,2BAA2B,CAACC,YAAAA;AACvC,SAAQA,QAAsCC,OAAO,CAACC,WAAWC,QAAQD,OAAOE,UAAUC,QAAAA,CAAAA;AAC5F;AAEA,IAAMC,gBAAgB;AAEf,IAAMC,kBAAkB,CAACC,YAAAA;AAC9B,SAAOA,QAAQC,UAAU,GAAG,EAAA,EAAIC,MAAM,IAAA,EAAM,CAAA,EAAGC,WAAWL,eAAe,EAAA,EAAIM,KAAI;AACnF;AAEO,IAAMC,kBAAkBC,SAAS,CAACC,KAAmBP,YAAAA;AAC1D,QAAMQ,OAAOT,gBAAgBC,OAAAA;AAC7B,MAAIO,IAAIE,iBAAiBD,MAAM;AAC7BD,QAAIE,eAAeD;EACrB;AACF,GAAG,GAAA;AAEI,IAAME,aAAkD;EAC7DC,WAAW,OAAO,EAAEC,OAAM,MAAE;AAC1B,UAAMZ,UAAU,MAAMa,qBAAqBD,QAAQ,CAACL,QAAQA,IAAIP,OAAO;AACvE,WAAOc,KAAKC,UAAU;MAAEP,MAAMI,OAAOJ;MAAMC,cAAcG,OAAOH;MAAcT,SAASA,QAAQA;IAAQ,CAAA;EACzG;EAEAgB,aAAa,OAAO,EAAEhB,SAASiB,WAAU,MAAE;AACzC,UAAM,EAAET,MAAMC,cAAcT,QAAO,IAAKc,KAAKI,MAAMD,UAAAA;AACnD,WAAOE,aACLC,OAAOC,cAAc;MAAEb;MAAMC;MAAcT,SAASoB,OAAOE,UAAU;QAAEtB;MAAQ,CAAA;MAAIuB,SAAS,CAAA;IAAG,CAAA,CAAA;EAEnG;AACF;",
+  "names": ["debounce", "create", "createObject", "isEchoObject", "loadObjectReferences", "isMarkdownProperties", "data", "isEchoObject", "title", "markdownExtensionPlugins", "plugins", "filter", "plugin", "Boolean", "provides", "markdown", "nonTitleChars", "getFallbackName", "content", "substring", "split", "replaceAll", "trim", "setFallbackName", "debounce", "doc", "name", "fallbackName", "serializer", "serialize", "object", "loadObjectReferences", "JSON", "stringify", "deserialize", "serialized", "parse", "createObject", "create", "DocumentType", "TextType", "threads"]
+}