@dxos/plugin-markdown 0.7.5-main.9d26e3a → 0.7.5-main.b19bfc8

package/dist/lib/node/{MarkdownContainer-EX6YDF6J.cjs → MarkdownContainer-YP6H4UF2.cjs}

@@ -26,30 +26,31 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var MarkdownContainer_EX6YDF6J_exports = {};
-__export(MarkdownContainer_EX6YDF6J_exports, {
+var MarkdownContainer_YP6H4UF2_exports = {};
+__export(MarkdownContainer_YP6H4UF2_exports, {
   DocumentEditor: () => DocumentEditor,
   default: () => MarkdownContainer_default
 });
-module.exports = __toCommonJS(MarkdownContainer_EX6YDF6J_exports);
-var import_chunk_SXQAPZZU = require("./chunk-SXQAPZZU.cjs");
-var import_chunk_CQMXZ54Z = require("./chunk-CQMXZ54Z.cjs");
-var import_chunk_PHHIPRJC = require("./chunk-PHHIPRJC.cjs");
+module.exports = __toCommonJS(MarkdownContainer_YP6H4UF2_exports);
+var import_chunk_VK4KNZPR = require("./chunk-VK4KNZPR.cjs");
+var import_chunk_23NQGZX3 = require("./chunk-23NQGZX3.cjs");
+var import_chunk_CZXXBKMN = require("./chunk-CZXXBKMN.cjs");
+var import_chunk_QZ4XQYNC = require("./chunk-QZ4XQYNC.cjs");
 var import_react = __toESM(require("react"));
 var import_app_framework = require("@dxos/app-framework");
 var import_echo = require("@dxos/react-client/echo");
 var import_search = require("@codemirror/search");
 var import_react2 = __toESM(require("react"));
+var import_react_dropzone = require("react-dropzone");
 var import_app_framework2 = require("@dxos/app-framework");
 var import_react_ui = require("@dxos/react-ui");
-var import_react_ui_attention = require("@dxos/react-ui-attention");
 var import_react_ui_editor = require("@dxos/react-ui-editor");
 var import_react_ui_stack = require("@dxos/react-ui-stack");
-var import_react_ui_theme = require("@dxos/react-ui-theme");
 var import_util = require("@dxos/util");
 var import_view = require("@codemirror/view");
 var import_react3 = require("react");
 var import_app_framework3 = require("@dxos/app-framework");
+var import_echo_schema = require("@dxos/echo-schema");
 var import_invariant = require("@dxos/invariant");
 var import_react_ui_editor2 = require("@dxos/react-ui-editor");
 var import_react4 = __toESM(require("react"));
@@ -60,77 +61,83 @@ var import_echo2 = require("@dxos/react-client/echo");
 var import_halo = require("@dxos/react-client/halo");
 var import_react_ui2 = require("@dxos/react-ui");
 var import_react_ui_editor3 = require("@dxos/react-ui-editor");
-var import_react_ui_theme2 = require("@dxos/react-ui-theme");
+var import_react_ui_theme = require("@dxos/react-ui-theme");
 var import_util2 = require("@dxos/util");
 var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-markdown/src/hooks/useSelectCurrentThread.tsx";
 var useSelectCurrentThread = (editorView, documentId) => {
-  const scrollIntoViewResolver = (0, import_react3.useMemo)(() => (0, import_app_framework3.createResolver)(import_app_framework3.LayoutAction.ScrollIntoView, ({ cursor }) => {
-    (0, import_invariant.invariant)(editorView, "Editor view is not defined.", {
-      F: __dxlog_file,
-      L: 23,
-      S: void 0,
-      A: [
-        "editorView",
-        "'Editor view is not defined.'"
-      ]
-    });
-    const range = import_react_ui_editor2.Cursor.getRangeFromCursor(editorView.state, cursor);
-    if (range) {
-      const selection = editorView.state.selection.main.from !== range.from ? {
-        anchor: range.from
-      } : void 0;
-      const effects = [
-        // NOTE: This does not use the DOM scrollIntoView function.
-        import_view.EditorView.scrollIntoView(range.from, {
-          y: "start",
-          yMargin: 96
-        })
-      ];
-      if (selection) {
-        effects.push(import_react_ui_editor2.setSelection.of({
-          current: documentId
-        }));
+  const scrollIntoViewResolver = (0, import_react3.useMemo)(() => (0, import_app_framework3.createResolver)({
+    intent: import_app_framework3.LayoutAction.UpdateLayout,
+    position: "hoist",
+    filter: (data) => {
+      if (!import_echo_schema.S.is(import_app_framework3.LayoutAction.ScrollIntoView.fields.input)(data)) {
+        return false;
       }
-      editorView.dispatch({
-        effects,
-        selection: selection ? {
-          anchor: range.from
-        } : void 0
+      return !!editorView && data.subject === documentId && !!data.options?.cursor;
+    },
+    resolve: ({ options: { cursor } }) => {
+      (0, import_invariant.invariant)(editorView, "Editor view is not defined.", {
+        F: __dxlog_file,
+        L: 32,
+        S: void 0,
+        A: [
+          "editorView",
+          "'Editor view is not defined.'"
+        ]
       });
+      const range = import_react_ui_editor2.Cursor.getRangeFromCursor(editorView.state, cursor);
+      if (range) {
+        const selection = editorView.state.selection.main.from !== range.from ? {
+          anchor: range.from
+        } : void 0;
+        const effects = [
+          // NOTE: This does not use the DOM scrollIntoView function.
+          import_view.EditorView.scrollIntoView(range.from, {
+            y: "start",
+            yMargin: 96
+          })
+        ];
+        if (selection) {
+          effects.push(import_react_ui_editor2.setSelection.of({
+            current: documentId
+          }));
+        }
+        editorView.dispatch({
+          effects,
+          selection: selection ? {
+            anchor: range.from
+          } : void 0
+        });
+      }
     }
-  }, {
-    disposition: "hoist",
-    filter: (data) => !!editorView && data.id === documentId && !!data.cursor
   }), [
     documentId,
     editorView
   ]);
-  (0, import_app_framework3.useIntentResolver)(import_chunk_PHHIPRJC.MARKDOWN_PLUGIN, scrollIntoViewResolver);
+  (0, import_app_framework3.useIntentResolver)(import_chunk_QZ4XQYNC.MARKDOWN_PLUGIN, scrollIntoViewResolver);
 };
-var DEFAULT_VIEW_MODE = "preview";
 var MarkdownEditor = ({ id, role = "article", initialValue, extensions, extensionProviders, scrollPastEnd, toolbar, viewMode, editorStateStore, onFileUpload, onViewModeChange }) => {
-  const { t } = (0, import_react_ui.useTranslation)(import_chunk_PHHIPRJC.MARKDOWN_PLUGIN);
+  const { t } = (0, import_react_ui.useTranslation)(import_chunk_QZ4XQYNC.MARKDOWN_PLUGIN);
   const { themeMode } = (0, import_react_ui.useThemeContext)();
   const { dispatchPromise: dispatch } = (0, import_app_framework2.useIntentDispatcher)();
-  const [formattingState, formattingObserver] = (0, import_react_ui_editor.useFormattingState)();
-  const { hasAttention } = (0, import_react_ui_attention.useAttention)(id);
+  const toolbarState = (0, import_react_ui_editor.useEditorToolbarState)({
+    viewMode
+  });
+  const formattingObserver = (0, import_react_ui_editor.useFormattingState)(toolbarState);
   const { scrollTo, selection } = (0, import_react2.useMemo)(() => editorStateStore?.getState(id) ?? {}, [
     id
   ]);
-  const providerExtensions = (0, import_react2.useMemo)(() => extensionProviders?.flatMap((provider) => provider({})).filter(import_util.nonNullable), [
+  const providerExtensions = (0, import_react2.useMemo)(() => extensionProviders?.flatMap((provider) => provider({})).filter(import_util.isNonNullable), [
     extensionProviders
   ]);
-  const [commentsState, commentObserver] = (0, import_react_ui_editor.useCommentState)();
+  const commentObserver = (0, import_react_ui_editor.useCommentState)(toolbarState);
   const onCommentClick = (0, import_react2.useCallback)(async () => {
-    await dispatch((0, import_app_framework2.createIntent)(import_app_framework2.NavigationAction.Open, {
-      activeParts: {
-        complementary: "comments"
+    await dispatch((0, import_app_framework2.createIntent)(import_app_framework2.LayoutAction.UpdateComplementary, {
+      part: "complementary",
+      subject: "comments",
+      options: {
+        state: "expanded"
       }
     }));
-    await dispatch((0, import_app_framework2.createIntent)(import_app_framework2.LayoutAction.SetLayout, {
-      element: "complementary",
-      state: true
-    }));
   }, [
     dispatch
   ]);
@@ -139,7 +146,7 @@ var MarkdownEditor = ({ id, role = "article", initialValue, extensions, extensio
     const file = files[0];
     const info = file && onFileUpload ? await onFileUpload(file) : void 0;
     if (info) {
-      (0, import_react_ui_editor.processAction)(view, {
+      (0, import_react_ui_editor.processEditorPayload)(view, {
         type: "image",
         data: info.url
       });
@@ -193,9 +200,44 @@ var MarkdownEditor = ({ id, role = "article", initialValue, extensions, extensio
   ]);
   useTest(editorView);
   useSelectCurrentThread(editorView, id);
+  const { acceptedFiles, getInputProps, open } = (0, import_react_dropzone.useDropzone)({
+    multiple: false,
+    noDrag: true,
+    accept: {
+      "image/*": [
+        ".jpg",
+        ".jpeg",
+        ".png",
+        ".gif"
+      ]
+    }
+  });
+  (0, import_react2.useEffect)(() => {
+    if (editorView && onFileUpload && acceptedFiles.length) {
+      requestAnimationFrame(async () => {
+        const f = acceptedFiles[0];
+        const file = new File([
+          f
+        ], f.name, {
+          type: f.type,
+          lastModified: f.lastModified
+        });
+        const info = await onFileUpload(file);
+        if (info) {
+          (0, import_react_ui_editor.processEditorPayload)(editorView, {
+            type: "image",
+            data: info.url
+          });
+        }
+      });
+    }
+  }, [
+    acceptedFiles,
+    editorView
+  ]);
   const handleToolbarAction = (0, import_react_ui_editor.useActionHandler)(editorView);
-  const handleAction = (action) => {
-    switch (action.type) {
+  const handleAction = (0, import_react2.useCallback)((action) => {
+    switch (action.properties.type) {
       case "search": {
         if (editorView) {
           (0, import_search.openSearchPanel)(editorView);
@@ -203,37 +245,34 @@ var MarkdownEditor = ({ id, role = "article", initialValue, extensions, extensio
         return;
       }
       case "view-mode": {
-        onViewModeChange?.(id, action.data);
+        onViewModeChange?.(id, action.properties.data);
+        return;
+      }
+      case "image": {
+        open();
         return;
       }
     }
     handleToolbarAction?.(action);
-  };
+  }, [
+    editorView,
+    onViewModeChange,
+    open
+  ]);
   return /* @__PURE__ */ import_react2.default.createElement(import_react_ui_stack.StackItem.Content, {
-    toolbar
-  }, toolbar && /* @__PURE__ */ import_react2.default.createElement("div", {
-    role: "none",
-    className: (0, import_react_ui_theme.mx)("attention-surface is-full border-be !border-separator", role === "section" && "sticky block-start-0 z-[1] -mbe-px min-is-0")
-  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui_editor.Toolbar.Root, {
-    classNames: [
-      import_react_ui_theme.textBlockWidth,
-      !hasAttention && "opacity-20"
-    ],
-    state: formattingState && {
-      ...formattingState,
-      ...commentsState
-    },
+    toolbar: !!toolbar
+  }, toolbar && /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement(import_react_ui_editor.EditorToolbar, {
+    attendableId: id,
+    role,
+    state: toolbarState,
+    customActions: onFileUpload ? createUploadAction : void 0,
     onAction: handleAction
-  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui_editor.Toolbar.Markdown, null), onFileUpload && /* @__PURE__ */ import_react2.default.createElement(import_react_ui_editor.Toolbar.Custom, {
-    onUpload: onFileUpload
-  }), /* @__PURE__ */ import_react2.default.createElement(import_react_ui_editor.Toolbar.Separator, null), /* @__PURE__ */ import_react2.default.createElement(import_react_ui_editor.Toolbar.View, {
-    mode: viewMode ?? DEFAULT_VIEW_MODE
-  }), /* @__PURE__ */ import_react2.default.createElement(import_react_ui_editor.Toolbar.Actions, null))), /* @__PURE__ */ import_react2.default.createElement("div", {
+  }), /* @__PURE__ */ import_react2.default.createElement("input", getInputProps())), /* @__PURE__ */ import_react2.default.createElement("div", {
     role: "none",
     ref: parentRef,
     "data-testid": "composer.markdownRoot",
     "data-toolbar": toolbar ? "enabled" : "disabled",
-    className: (0, import_react_ui_theme.mx)("ch-focus-ring-inset data-[toolbar=disabled]:pbs-2 attention-surface", role === "article" ? "min-bs-0" : "[&_.cm-scroller]:overflow-hidden [&_.cm-scroller]:min-bs-24"),
+    className: (0, import_react_ui_editor.stackItemContentEditorClassNames)(role),
     ...focusAttributes
   }));
 };
@@ -247,8 +286,27 @@ var useTest = (view) => {
     view
   ]);
 };
+var createUploadAction = () => ({
+  nodes: [
+    (0, import_react_ui_editor.createEditorAction)({
+      type: "image",
+      testId: "editor.toolbar.image"
+    }, "ph--image-square--regular", [
+      "upload image label",
+      {
+        ns: import_chunk_QZ4XQYNC.MARKDOWN_PLUGIN
+      }
+    ])
+  ],
+  edges: [
+    {
+      source: "root",
+      target: "image"
+    }
+  ]
+});
 var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-markdown/src/extensions.tsx";
-var useExtensions = ({ document, settings, viewMode, editorStateStore, extensionProviders }) => {
+var useExtensions = ({ document, settings, viewMode, editorStateStore }) => {
   const { dispatchPromise: dispatch } = (0, import_app_framework4.useIntentDispatcher)();
   const identity = (0, import_halo.useIdentity)();
   const space = (0, import_echo2.getSpace)(document);
@@ -268,7 +326,8 @@ var useExtensions = ({ document, settings, viewMode, editorStateStore, extension
     settings.debug,
     settings.typewriter
   ]);
-  const pluginExtensions = (0, import_react4.useMemo)(() => extensionProviders?.reduce((acc, provider) => {
+  const extensionProviders = (0, import_app_framework4.useCapabilities)(import_chunk_23NQGZX3.MarkdownCapabilities.Extensions);
+  const pluginExtensions = (0, import_react4.useMemo)(() => extensionProviders.flat().reduce((acc, provider) => {
     const extension = typeof provider === "function" ? provider({
       document
     }) : provider;
@@ -292,7 +351,7 @@ var useExtensions = ({ document, settings, viewMode, editorStateStore, extension
     }),
     (0, import_react_ui_editor3.selectionState)(editorStateStore),
     document && (0, import_react_ui_editor3.listener)({
-      onChange: (text) => (0, import_chunk_SXQAPZZU.setFallbackName)(document, text)
+      onChange: (text) => (0, import_chunk_VK4KNZPR.setFallbackName)(document, text)
     }),
     baseExtensions,
     pluginExtensions
@@ -320,11 +379,14 @@ var createBaseExtensions = ({ document, dispatch, settings, query, viewMode }) =
         } : 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((0, import_app_framework4.createIntent)(import_app_framework4.NavigationAction.AddToActive, {
-            id,
+          void dispatch((0, import_app_framework4.createIntent)(import_app_framework4.LayoutAction.Open, {
             part: "main",
-            pivotId: (0, import_echo2.fullyQualifiedId)(document),
-            scrollIntoView: true
+            subject: [
+              id
+            ],
+            options: {
+              pivotId: (0, import_echo2.fullyQualifiedId)(document)
+            }
           }));
         }) : void 0
       }),
@@ -364,7 +426,7 @@ var onRenderLink = (onSelectObject) => (el, url) => {
       const qualifiedId = url.split("/").at(-1);
       (0, import_invariant2.invariant)(qualifiedId, "Invalid link format.", {
         F: __dxlog_file2,
-        L: 214,
+        L: 218,
         S: void 0,
         A: [
           "qualifiedId",
@@ -402,15 +464,14 @@ var renderLinkTooltip = (el, url) => {
 };
 var renderRoot = (root, node) => {
   (0, import_client.createRoot)(root).render(/* @__PURE__ */ import_react4.default.createElement(import_react_ui2.ThemeProvider, {
-    tx: import_react_ui_theme2.defaultTx
+    tx: import_react_ui_theme.defaultTx
   }, node));
   return root;
 };
-var MarkdownContainer = ({ id, role, object, extensionProviders, settings, viewMode, editorStateStore, onViewModeChange }) => {
+var MarkdownContainer = ({ id, role, object, settings, viewMode, editorStateStore, onViewModeChange }) => {
   const scrollPastEnd = role === "article";
-  const doc = object instanceof import_chunk_CQMXZ54Z.DocumentType ? object : void 0;
+  const doc = object instanceof import_chunk_CZXXBKMN.DocumentType ? object : void 0;
   const extensions = useExtensions({
-    extensionProviders,
     document: doc,
     settings,
     viewMode,
@@ -447,7 +508,7 @@ var DocumentEditor = ({ id, document: doc, settings, viewMode, ...props }) => {
     if (typeof doc.fallbackName === "string") {
       return;
     }
-    const fallbackName = doc.content?.target?.content ? (0, import_chunk_SXQAPZZU.getFallbackName)(doc.content.target.content) : void 0;
+    const fallbackName = doc.content?.target?.content ? (0, import_chunk_VK4KNZPR.getFallbackName)(doc.content.target.content) : void 0;
     if (fallbackName) {
       doc.fallbackName = fallbackName;
     }
@@ -455,15 +516,15 @@ var DocumentEditor = ({ id, document: doc, settings, viewMode, ...props }) => {
     doc,
     doc.content
   ]);
-  const fileManagerPlugin = (0, import_app_framework.useResolvePlugin)(import_app_framework.parseFileManagerPlugin);
+  const [upload] = (0, import_app_framework.useCapabilities)(import_app_framework.Capabilities.FileUploader);
   const handleFileUpload = (0, import_react.useMemo)(() => {
-    if (space === void 0 || fileManagerPlugin?.provides.file.upload === void 0) {
+    if (space === void 0 || upload === void 0) {
       return void 0;
     }
-    return async (file) => fileManagerPlugin?.provides?.file?.upload?.(file, space);
+    return async (file) => upload(file, space);
   }, [
     space,
-    fileManagerPlugin
+    upload
   ]);
   return /* @__PURE__ */ import_react.default.createElement(MarkdownEditor, {
     id,
@@ -480,4 +541,4 @@ var MarkdownContainer_default = MarkdownContainer;
 0 && (module.exports = {
   DocumentEditor
 });
-//# sourceMappingURL=MarkdownContainer-EX6YDF6J.cjs.map
+//# sourceMappingURL=MarkdownContainer-YP6H4UF2.cjs.map

package/dist/lib/node/MarkdownContainer-YP6H4UF2.cjs.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 { Capabilities, useCapabilities } 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  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({ 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        viewMode={viewMode}\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\n  // Migrate gradually to `fallbackName`.\n  useEffect(() => {\n    if (typeof doc.fallbackName === 'string') {\n      return;\n    }\n\n    const fallbackName = doc.content?.target?.content ? getFallbackName(doc.content.target.content) : undefined;\n    if (fallbackName) {\n      doc.fallbackName = fallbackName;\n    }\n  }, [doc, doc.content]);\n\n  // File dragging.\n  const [upload] = useCapabilities(Capabilities.FileUploader);\n  const handleFileUpload = useMemo(() => {\n    if (space === undefined || upload === undefined) {\n      return undefined;\n    }\n\n    // TODO(burdon): Re-order props: space, file.\n    return async (file: File) => upload!(file, space);\n  }, [space, upload]);\n\n  return (\n    <MarkdownEditor\n      id={id}\n      initialValue={doc.content?.target?.content}\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';\nimport { useDropzone } from 'react-dropzone';\n\nimport { createIntent, type FileInfo, LayoutAction, useIntentDispatcher } from '@dxos/app-framework';\nimport { useThemeContext, useTranslation } from '@dxos/react-ui';\nimport {\n  type EditorAction,\n  type DNDOptions,\n  type EditorViewMode,\n  type EditorInputMode,\n  type EditorSelectionState,\n  type EditorStateStore,\n  EditorToolbar,\n  type UseTextEditorProps,\n  createBasicExtensions,\n  createMarkdownExtensions,\n  createThemeExtensions,\n  dropFile,\n  editorContent,\n  editorGutter,\n  processEditorPayload,\n  useActionHandler,\n  useCommentState,\n  useCommentClickListener,\n  useFormattingState,\n  useTextEditor,\n  stackItemContentEditorClassNames,\n  useEditorToolbarState,\n  createEditorAction,\n} from '@dxos/react-ui-editor';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { isNotFalsy, isNonNullable } from '@dxos/util';\n\nimport { useSelectCurrentThread } from '../hooks';\nimport { MARKDOWN_PLUGIN } from '../meta';\nimport { type MarkdownPluginState } from '../types';\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 { dispatchPromise: dispatch } = useIntentDispatcher();\n  const toolbarState = useEditorToolbarState({ viewMode });\n  const formattingObserver = useFormattingState(toolbarState);\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(isNonNullable),\n    [extensionProviders],\n  );\n\n  // TODO(Zan): Factor out to thread plugin.\n  const commentObserver = useCommentState(toolbarState);\n  const onCommentClick = useCallback(async () => {\n    await dispatch(\n      createIntent(LayoutAction.UpdateComplementary, {\n        part: 'complementary',\n        subject: 'comments',\n        options: { state: 'expanded' },\n      }),\n    );\n  }, [dispatch]);\n  const commentClickObserver = useCommentClickListener(onCommentClick);\n\n  // TODO(wittjosiah): Factor out to file uploader plugin.\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      processEditorPayload(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, formattingObserver, viewMode, themeMode, extensions, providerExtensions],\n  );\n\n  useTest(editorView);\n  useSelectCurrentThread(editorView, id);\n\n  // https://react-dropzone.js.org/#src\n  const { acceptedFiles, getInputProps, open } = useDropzone({\n    multiple: false,\n    noDrag: true,\n    accept: {\n      'image/*': ['.jpg', '.jpeg', '.png', '.gif'],\n    },\n  });\n\n  useEffect(() => {\n    if (editorView && onFileUpload && acceptedFiles.length) {\n      requestAnimationFrame(async () => {\n        // NOTE: Clone file since react-dropzone patches in a non-standard `path` property, which confuses IPFS.\n        const f = acceptedFiles[0];\n        const file = new File([f], f.name, {\n          type: f.type,\n          lastModified: f.lastModified,\n        });\n\n        const info = await onFileUpload(file);\n        if (info) {\n          processEditorPayload(editorView, { type: 'image', data: info.url });\n        }\n      });\n    }\n  }, [acceptedFiles, editorView]);\n\n  // Toolbar handler.\n  const handleToolbarAction = useActionHandler(editorView);\n  const handleAction = useCallback(\n    (action: EditorAction) => {\n      switch (action.properties.type) {\n        case 'search': {\n          if (editorView) {\n            openSearchPanel(editorView);\n          }\n          return;\n        }\n        case 'view-mode': {\n          onViewModeChange?.(id, action.properties.data);\n          return;\n        }\n        case 'image': {\n          open();\n          return;\n        }\n      }\n\n      handleToolbarAction?.(action);\n    },\n    [editorView, onViewModeChange, open],\n  );\n\n  return (\n    <StackItem.Content toolbar={!!toolbar}>\n      {toolbar && (\n        <>\n          <EditorToolbar\n            attendableId={id}\n            role={role}\n            state={toolbarState}\n            customActions={onFileUpload ? createUploadAction : undefined}\n            onAction={handleAction}\n          />\n          <input {...getInputProps()} />\n        </>\n      )}\n      <div\n        role='none'\n        ref={parentRef}\n        data-testid='composer.markdownRoot'\n        data-toolbar={toolbar ? 'enabled' : 'disabled'}\n        className={stackItemContentEditorClassNames(role)}\n        {...focusAttributes}\n      />\n    </StackItem.Content>\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 const createUploadAction = () => ({\n  nodes: [\n    createEditorAction({ type: 'image', testId: 'editor.toolbar.image' }, 'ph--image-square--regular', [\n      'upload image label',\n      { ns: MARKDOWN_PLUGIN },\n    ]),\n  ],\n  edges: [{ source: 'root', target: 'image' }],\n});\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { EditorView } from '@codemirror/view';\nimport { useMemo } from 'react';\n\nimport { createResolver, LayoutAction, useIntentResolver } from '@dxos/app-framework';\nimport { S } from '@dxos/echo-schema';\nimport { invariant } from '@dxos/invariant';\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 scrollIntoViewResolver = useMemo(\n    () =>\n      createResolver({\n        intent: LayoutAction.UpdateLayout,\n        position: 'hoist',\n        filter: (data): data is { part: 'current'; subject: string; options: { cursor: string } } => {\n          if (!S.is(LayoutAction.ScrollIntoView.fields.input)(data)) {\n            return false;\n          }\n\n          return !!editorView && data.subject === documentId && !!data.options?.cursor;\n        },\n        resolve: ({ options: { cursor } }) => {\n          invariant(editorView, 'Editor view is not defined.');\n          const range = Cursor.getRangeFromCursor(editorView.state, 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    [documentId, editorView],\n  );\n\n  useIntentResolver(MARKDOWN_PLUGIN, scrollIntoViewResolver);\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 {\n  createIntent,\n  LayoutAction,\n  type PromiseIntentDispatcher,\n  useCapabilities,\n  useIntentDispatcher,\n} 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 { MarkdownCapabilities } from './capabilities';\nimport { type DocumentType, type MarkdownSettingsProps } from './types';\nimport { setFallbackName } from './util';\n\ntype ExtensionsOptions = {\n  document?: DocumentType;\n  dispatch?: PromiseIntentDispatcher;\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 = ({ document, settings, viewMode, editorStateStore }: ExtensionsOptions): Extension[] => {\n  const { dispatchPromise: 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  const extensionProviders = useCapabilities(MarkdownCapabilities.Extensions);\n\n  //\n  // External extensions from other plugins.\n  //\n  const pluginExtensions = useMemo<Extension[] | undefined>(\n    () =>\n      extensionProviders.flat().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, document],\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.target && createDocAccessor(document.content.target, ['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?.target, 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                    createIntent(LayoutAction.Open, {\n                      part: 'main',\n                      subject: [id],\n                      options: {\n                        pivotId: fullyQualifiedId(document),\n                      },\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": ["import_react", "import_app_framework", "import_react_ui_editor", "import_invariant", "import_echo", "import_react_ui", "import_util", "useSelectCurrentThread", "editorView", "documentId", "scrollIntoViewResolver", "useMemo", "createResolver", "intent", "LayoutAction", "UpdateLayout", "position", "filter", "data", "S", "is", "ScrollIntoView", "fields", "input", "subject", "options", "cursor", "resolve", "invariant", "range", "Cursor", "getRangeFromCursor", "state", "selection", "main", "from", "anchor", "undefined", "effects", "EditorView", "scrollIntoView", "y", "yMargin", "push", "setSelection", "of", "current", "dispatch", "useIntentResolver", "MARKDOWN_PLUGIN", "MarkdownEditor", "id", "role", "initialValue", "extensions", "extensionProviders", "scrollPastEnd", "toolbar", "viewMode", "editorStateStore", "onFileUpload", "onViewModeChange", "t", "useTranslation", "themeMode", "useThemeContext", "dispatchPromise", "useIntentDispatcher", "toolbarState", "useEditorToolbarState", "formattingObserver", "useFormattingState", "scrollTo", "getState", "providerExtensions", "flatMap", "provider", "isNonNullable", "commentObserver", "useCommentState", "onCommentClick", "useCallback", "createIntent", "UpdateComplementary", "part", "commentClickObserver", "useCommentClickListener", "handleDrop", "view", "files", "file", "info", "processEditorPayload", "type", "url", "parentRef", "focusAttributes", "useTextEditor", "createBasicExtensions", "readonly", "placeholder", "createMarkdownExtensions", "createThemeExtensions", "syntaxHighlighting", "slots", "content", "className", "editorContent", "editorGutter", "dropFile", "onDrop", "isNotFalsy", "moveToEndOfLine", "useTest", "acceptedFiles", "getInputProps", "open", "useDropzone", "multiple", "noDrag", "accept", "useEffect", "length", "requestAnimationFrame", "f", "File", "name", "lastModified", "handleToolbarAction", "useActionHandler", "handleAction", "action", "properties", "openSearchPanel", "React", "StackItem", "Content", "EditorToolbar", "attendableId", "customActions", "createUploadAction", "onAction", "div", "ref", "data-testid", "data-toolbar", "stackItemContentEditorClassNames", "composer", "window", "nodes", "createEditorAction", "testId", "ns", "edges", "source", "target", "useExtensions", "document", "settings", "identity", "useIdentity", "space", "getSpace", "baseExtensions", "createBaseExtensions", "editorInputMode", "folding", "numberedHeadings", "debug", "typewriter", "useCapabilities", "MarkdownCapabilities", "Extensions", "pluginExtensions", "flat", "reduce", "acc", "extension", "createDataExtensions", "text", "createDocAccessor", "selectionState", "listener", "onChange", "setFallbackName", "query", "InputModeExtensions", "formattingKeymap", "decorateMarkdown", "selectionChangeDelay", "renderLinkButton", "onRenderLink", "Open", "pivotId", "fullyQualifiedId", "linkTooltip", "renderLinkTooltip", "autocomplete", "onSearch", "objects", "map", "object", "label", "apply", "items", "split", "style", "hover", "icon", "onSelectObject", "el", "isInternal", "startsWith", "location", "origin", "onClick", "qualifiedId", "at", "href", "rel", "renderRoot", "a", "Icon", "size", "classNames", "web", "URL", "root", "node", "createRoot", "render", "ThemeProvider", "tx", "defaultTx", "MarkdownContainer", "doc", "DocumentType", "DocumentEditor", "inputMode", "props", "fallbackName", "getFallbackName", "upload", "Capabilities", "FileUploader", "handleFileUpload"]
+}

package/dist/lib/node/app-graph-serializer-QZWERV4M.cjs

@@ -0,0 +1,62 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var app_graph_serializer_QZWERV4M_exports = {};
+__export(app_graph_serializer_QZWERV4M_exports, {
+  default: () => app_graph_serializer_default
+});
+module.exports = __toCommonJS(app_graph_serializer_QZWERV4M_exports);
+var import_chunk_ZO5ABSHT = require("./chunk-ZO5ABSHT.cjs");
+var import_chunk_CZXXBKMN = require("./chunk-CZXXBKMN.cjs");
+var import_chunk_QZ4XQYNC = require("./chunk-QZ4XQYNC.cjs");
+var import_effect = require("effect");
+var import_app_framework = require("@dxos/app-framework");
+var import_types = require("@dxos/plugin-space/types");
+var import_echo = require("@dxos/react-client/echo");
+var app_graph_serializer_default = (context) => (0, import_app_framework.contributes)(import_app_framework.Capabilities.AppGraphSerializer, [
+  {
+    inputType: import_chunk_CZXXBKMN.DocumentType.typename,
+    outputType: "text/markdown",
+    // Reconcile with metadata serializers.
+    serialize: async (node) => {
+      const doc = node.data;
+      const content = await doc.content.load();
+      return {
+        name: doc.name || doc.fallbackName || import_chunk_ZO5ABSHT.translations_default[0]["en-US"][import_chunk_QZ4XQYNC.MARKDOWN_PLUGIN]["document title placeholder"],
+        data: content.content,
+        type: "text/markdown"
+      };
+    },
+    deserialize: async (data, ancestors) => {
+      const space = ancestors.find(import_echo.isSpace);
+      const target = ancestors.findLast((ancestor) => ancestor instanceof import_types.CollectionType) ?? space?.properties[import_types.CollectionType.typename]?.target;
+      if (!space || !target) {
+        return;
+      }
+      const { dispatchPromise: dispatch } = context.requestCapability(import_app_framework.Capabilities.IntentDispatcher);
+      const result = await dispatch((0, import_effect.pipe)((0, import_app_framework.createIntent)(import_chunk_CZXXBKMN.MarkdownAction.Create, {
+        name: data.name,
+        content: data.data
+      }), (0, import_app_framework.chain)(import_types.SpaceAction.AddObject, {
+        target
+      })));
+      return result.data?.object;
+    }
+  }
+]);
+//# sourceMappingURL=app-graph-serializer-QZWERV4M.cjs.map

package/dist/lib/node/app-graph-serializer-QZWERV4M.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/app-graph-serializer.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { pipe } from 'effect';\n\nimport { contributes, Capabilities, type PluginsContext, chain, createIntent } from '@dxos/app-framework';\nimport { SpaceAction, CollectionType } from '@dxos/plugin-space/types';\nimport { isSpace } from '@dxos/react-client/echo';\n\nimport { MARKDOWN_PLUGIN } from '../meta';\nimport translations from '../translations';\nimport { MarkdownAction, DocumentType } from '../types';\n\nexport default (context: PluginsContext) =>\n  contributes(Capabilities.AppGraphSerializer, [\n    {\n      inputType: DocumentType.typename,\n      outputType: 'text/markdown',\n      // Reconcile with metadata serializers.\n      serialize: async (node) => {\n        const doc = node.data;\n        const content = await doc.content.load();\n        return {\n          name: doc.name || doc.fallbackName || translations[0]['en-US'][MARKDOWN_PLUGIN]['document title placeholder'],\n          data: content.content,\n          type: 'text/markdown',\n        };\n      },\n      deserialize: async (data, ancestors) => {\n        const space = ancestors.find(isSpace);\n        const target =\n          ancestors.findLast((ancestor) => ancestor instanceof CollectionType) ??\n          space?.properties[CollectionType.typename]?.target;\n        if (!space || !target) {\n          return;\n        }\n\n        const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);\n        const result = await dispatch(\n          pipe(\n            createIntent(MarkdownAction.Create, { name: data.name, content: data.data }),\n            chain(SpaceAction.AddObject, { target }),\n          ),\n        );\n\n        return result.data?.object;\n      },\n    },\n  ]);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,oBAAqB;AAErB,2BAAoF;AACpF,mBAA4C;AAC5C,kBAAwB;AAMxB,IAAA,+BAAe,CAACA,gBACdC,kCAAYC,kCAAaC,oBAAoB;EAC3C;IACEC,WAAWC,mCAAaC;IACxBC,YAAY;;IAEZC,WAAW,OAAOC,SAAAA;AAChB,YAAMC,MAAMD,KAAKE;AACjB,YAAMC,UAAU,MAAMF,IAAIE,QAAQC,KAAI;AACtC,aAAO;QACLC,MAAMJ,IAAII,QAAQJ,IAAIK,gBAAgBC,2CAAa,CAAA,EAAG,OAAA,EAASC,qCAAAA,EAAiB,4BAAA;QAChFN,MAAMC,QAAQA;QACdM,MAAM;MACR;IACF;IACAC,aAAa,OAAOR,MAAMS,cAAAA;AACxB,YAAMC,QAAQD,UAAUE,KAAKC,mBAAAA;AAC7B,YAAMC,SACJJ,UAAUK,SAAS,CAACC,aAAaA,oBAAoBC,2BAAAA,KACrDN,OAAOO,WAAWD,4BAAerB,QAAQ,GAAGkB;AAC9C,UAAI,CAACH,SAAS,CAACG,QAAQ;AACrB;MACF;AAEA,YAAM,EAAEK,iBAAiBC,SAAQ,IAAK9B,QAAQ+B,kBAAkB7B,kCAAa8B,gBAAgB;AAC7F,YAAMC,SAAS,MAAMH,aACnBI,wBACEC,mCAAaC,qCAAeC,QAAQ;QAAEvB,MAAMH,KAAKG;QAAMF,SAASD,KAAKA;MAAK,CAAA,OAC1E2B,4BAAMC,yBAAYC,WAAW;QAAEhB;MAAO,CAAA,CAAA,CAAA;AAI1C,aAAOS,OAAOtB,MAAM8B;IACtB;EACF;CACD;",
+  "names": ["context", "contributes", "Capabilities", "AppGraphSerializer", "inputType", "DocumentType", "typename", "outputType", "serialize", "node", "doc", "data", "content", "load", "name", "fallbackName", "translations", "MARKDOWN_PLUGIN", "type", "deserialize", "ancestors", "space", "find", "isSpace", "target", "findLast", "ancestor", "CollectionType", "properties", "dispatchPromise", "dispatch", "requestCapability", "IntentDispatcher", "result", "pipe", "createIntent", "MarkdownAction", "Create", "chain", "SpaceAction", "AddObject", "object"]
+}