@dxos/plugin-markdown 0.7.4-staging.f7e8224 → 0.7.5-feature-compute.4d9d99a

package/dist/lib/browser/{MarkdownContainer-6OPC5MKP.mjs → MarkdownContainer-ARRY4I6S.mjs}

@@ -1,108 +1,110 @@
 import {
   getFallbackName,
   setFallbackName
-} from "./chunk-TZN5FGB2.mjs";
+} from "./chunk-ADAYSA5G.mjs";
 import {
   DocumentType
-} from "./chunk-CMSUKMPM.mjs";
+} from "./chunk-EMIIXXVX.mjs";
+import {
+  MarkdownCapabilities
+} from "./chunk-FSAYVXSE.mjs";
 import {
   MARKDOWN_PLUGIN
-} from "./chunk-4X6YX3KU.mjs";
+} from "./chunk-YB2TJFNH.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 React3, { useEffect as useEffect2, useMemo as useMemo4 } from "react";
+import { Capabilities, useCapabilities as useCapabilities2 } 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, NavigationAction, useIntentDispatcher } from "@dxos/app-framework";
+import React, { useMemo as useMemo2, useEffect, useCallback } from "react";
+import { useDropzone } from "react-dropzone";
+import { createIntent, LayoutAction as LayoutAction2, NavigationAction, useIntentDispatcher } from "@dxos/app-framework";
 import { useThemeContext, useTranslation } from "@dxos/react-ui";
-import { 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 { EditorToolbar, createBasicExtensions, createMarkdownExtensions, createThemeExtensions, dropFile, editorContent, editorGutter, processEditorPayload, useActionHandler, useCommentState, useCommentClickListener, useFormattingState, useTextEditor, stackItemContentEditorClassNames, useEditorToolbarState, createEditorAction } from "@dxos/react-ui-editor";
 import { StackItem } from "@dxos/react-ui-stack";
-import { mx, textBlockWidth } 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 { useMemo } from "react";
+import { createResolver, LayoutAction, useIntentResolver } from "@dxos/app-framework";
+import { invariant } from "@dxos/invariant";
 import { Cursor, setSelection } from "@dxos/react-ui-editor";
+var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-markdown/src/hooks/useSelectCurrentThread.tsx";
 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
-          });
-          return {
-            data: true
-          };
-        }
+  const scrollIntoViewResolver = useMemo(() => createResolver(LayoutAction.ScrollIntoView, ({ cursor }) => {
+    invariant(editorView, "Editor view is not defined.", {
+      F: __dxlog_file,
+      L: 23,
+      S: void 0,
+      A: [
+        "editorView",
+        "'Editor view is not defined.'"
+      ]
+    });
+    const range = 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.
+        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
+      });
     }
-  }, [
+  }, {
+    disposition: "hoist",
+    filter: (data) => !!editorView && data.id === documentId && !!data.cursor
+  }), [
     documentId,
     editorView
   ]);
-  useIntentResolver(MARKDOWN_PLUGIN, handleScrollIntoView);
+  useIntentResolver(MARKDOWN_PLUGIN, scrollIntoViewResolver);
 };
 
 // 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 { hasAttention } = useAttention(id);
-  const { scrollTo, selection } = useMemo(() => editorStateStore?.getState(id) ?? {}, [
+  const { dispatchPromise: dispatch } = useIntentDispatcher();
+  const toolbarState = useEditorToolbarState({
+    viewMode
+  });
+  const formattingObserver = useFormattingState(toolbarState);
+  const { scrollTo, selection } = useMemo2(() => editorStateStore?.getState(id) ?? {}, [
     id
   ]);
-  const providerExtensions = useMemo(() => extensionProviders?.flatMap((provider) => provider({})).filter(nonNullable), [
+  const providerExtensions = useMemo2(() => extensionProviders?.flatMap((provider) => provider({})).filter(nonNullable), [
     extensionProviders
   ]);
-  const [commentsState, commentObserver] = useCommentState();
-  const onCommentClick = useCallback2(() => {
-    void dispatch([
-      {
-        action: NavigationAction.OPEN,
-        data: {
-          activeParts: {
-            complementary: "comments"
-          }
-        }
-      },
-      {
-        action: LayoutAction2.SET_LAYOUT,
-        data: {
-          element: "complementary",
-          state: true
-        }
+  const commentObserver = useCommentState(toolbarState);
+  const onCommentClick = useCallback(async () => {
+    await dispatch(createIntent(NavigationAction.Open, {
+      activeParts: {
+        complementary: "comments"
       }
-    ]);
+    }));
+    await dispatch(createIntent(LayoutAction2.SetLayout, {
+      element: "complementary",
+      state: true
+    }));
   }, [
     dispatch
   ]);
@@ -111,7 +113,7 @@ var MarkdownEditor = ({ id, role = "article", initialValue, extensions, extensio
     const file = files[0];
     const info = file && onFileUpload ? await onFileUpload(file) : void 0;
     if (info) {
-      processAction(view, {
+      processEditorPayload(view, {
         type: "image",
         data: info.url
       });
@@ -165,9 +167,44 @@ var MarkdownEditor = ({ id, role = "article", initialValue, extensions, extensio
   ]);
   useTest(editorView);
   useSelectCurrentThread(editorView, id);
+  const { acceptedFiles, getInputProps, open } = useDropzone({
+    multiple: false,
+    noDrag: true,
+    accept: {
+      "image/*": [
+        ".jpg",
+        ".jpeg",
+        ".png",
+        ".gif"
+      ]
+    }
+  });
+  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) {
+          processEditorPayload(editorView, {
+            type: "image",
+            data: info.url
+          });
+        }
+      });
+    }
+  }, [
+    acceptedFiles,
+    editorView
+  ]);
   const handleToolbarAction = useActionHandler(editorView);
-  const handleAction = (action) => {
-    switch (action.type) {
+  const handleAction = useCallback((action) => {
+    switch (action.properties.type) {
       case "search": {
         if (editorView) {
           openSearchPanel(editorView);
@@ -175,37 +212,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__ */ React.createElement(StackItem.Content, {
-    toolbar
-  }, toolbar && /* @__PURE__ */ React.createElement("div", {
-    role: "none",
-    className: mx("attention-surface is-full border-be !border-separator", role === "section" && "sticky block-start-0 z-[1] -mbe-px min-is-0")
-  }, /* @__PURE__ */ React.createElement(Toolbar.Root, {
-    classNames: [
-      textBlockWidth,
-      !hasAttention && "opacity-20"
-    ],
-    state: formattingState && {
-      ...formattingState,
-      ...commentsState
-    },
+    toolbar: !!toolbar
+  }, toolbar && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(EditorToolbar, {
+    attendableId: id,
+    role,
+    state: toolbarState,
+    customActions: onFileUpload ? createUploadAction : void 0,
     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", {
+  }), /* @__PURE__ */ React.createElement("input", getInputProps())), /* @__PURE__ */ React.createElement("div", {
     role: "none",
     ref: parentRef,
     "data-testid": "composer.markdownRoot",
     "data-toolbar": toolbar ? "enabled" : "disabled",
-    className: 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: stackItemContentEditorClassNames(role),
     ...focusAttributes
   }));
 };
@@ -219,24 +253,38 @@ var useTest = (view) => {
     view
   ]);
 };
+var createUploadAction = () => ({
+  nodes: [
+    createEditorAction({
+      type: "image",
+      testId: "editor.toolbar.image"
+    }, "ph--image-square--regular", "upload image label")
+  ],
+  edges: [
+    {
+      source: "root",
+      target: "image"
+    }
+  ]
+});
 
 // packages/plugins/plugin-markdown/src/extensions.tsx
-import React2, { useMemo as useMemo2 } from "react";
+import React2, { useMemo as useMemo3 } from "react";
 import { createRoot } from "react-dom/client";
-import { NavigationAction as NavigationAction2, useIntentDispatcher as useIntentDispatcher2 } from "@dxos/app-framework";
-import { invariant } from "@dxos/invariant";
+import { createIntent as createIntent2, NavigationAction as NavigationAction2, useCapabilities, useIntentDispatcher as useIntentDispatcher2 } from "@dxos/app-framework";
+import { invariant as invariant2 } 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();
+var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-markdown/src/extensions.tsx";
+var useExtensions = ({ document, settings, viewMode, editorStateStore }) => {
+  const { dispatchPromise: dispatch } = useIntentDispatcher2();
   const identity = useIdentity();
   const space = getSpace(document);
-  const baseExtensions = useMemo2(() => createBaseExtensions({
+  const baseExtensions = useMemo3(() => createBaseExtensions({
     document,
     settings,
     viewMode,
@@ -252,7 +300,8 @@ var useExtensions = ({ document, settings, viewMode, editorStateStore, extension
     settings.debug,
     settings.typewriter
   ]);
-  const pluginExtensions = useMemo2(() => extensionProviders?.reduce((acc, provider) => {
+  const extensionProviders = useCapabilities(MarkdownCapabilities.Extensions);
+  const pluginExtensions = useMemo3(() => extensionProviders.flat().reduce((acc, provider) => {
     const extension = typeof provider === "function" ? provider({
       document
     }) : provider;
@@ -264,11 +313,11 @@ var useExtensions = ({ document, settings, viewMode, editorStateStore, extension
     extensionProviders,
     document
   ]);
-  return useMemo2(() => [
+  return useMemo3(() => [
     // NOTE: Data extensions must be first so that automerge is updated before other extensions compute their state.
     document && createDataExtensions({
       id: document.id,
-      text: document.content && createDocAccessor(document.content, [
+      text: document.content.target && createDocAccessor(document.content.target, [
         "content"
       ]),
       space,
@@ -284,7 +333,7 @@ var useExtensions = ({ document, settings, viewMode, editorStateStore, extension
     baseExtensions,
     pluginExtensions,
     document,
-    document?.content,
+    document?.content?.target,
     space,
     identity
   ]);
@@ -304,15 +353,12 @@ 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({
-            action: NavigationAction2.ADD_TO_ACTIVE,
-            data: {
-              id,
-              part: "main",
-              pivotId: fullyQualifiedId(document),
-              scrollIntoView: true
-            }
-          });
+          void dispatch(createIntent2(NavigationAction2.AddToActive, {
+            id,
+            part: "main",
+            pivotId: fullyQualifiedId(document),
+            scrollIntoView: true
+          }));
         }) : void 0
       }),
       linkTooltip(renderLinkTooltip)
@@ -349,9 +395,9 @@ var onRenderLink = (onSelectObject) => (el, url) => {
   const options = isInternal ? {
     onClick: () => {
       const qualifiedId = url.split("/").at(-1);
-      invariant(qualifiedId, "Invalid link format.", {
-        F: __dxlog_file,
-        L: 215,
+      invariant2(qualifiedId, "Invalid link format.", {
+        F: __dxlog_file2,
+        L: 217,
         S: void 0,
         A: [
           "qualifiedId",
@@ -395,11 +441,10 @@ var renderRoot = (root, node) => {
 };
 
 // packages/plugins/plugin-markdown/src/components/MarkdownContainer.tsx
-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 DocumentType ? object : void 0;
   const extensions = useExtensions({
-    extensionProviders,
     document: doc,
     settings,
     viewMode,
@@ -433,26 +478,30 @@ var MarkdownContainer = ({ id, role, object, extensionProviders, settings, viewM
 var DocumentEditor = ({ id, document: doc, settings, viewMode, ...props }) => {
   const space = getSpace2(doc);
   useEffect2(() => {
-    if (!doc.fallbackName && doc.content?.content) {
-      doc.fallbackName = getFallbackName(doc.content.content);
+    if (typeof doc.fallbackName === "string") {
+      return;
+    }
+    const fallbackName = doc.content?.target?.content ? getFallbackName(doc.content.target.content) : void 0;
+    if (fallbackName) {
+      doc.fallbackName = fallbackName;
     }
   }, [
     doc,
     doc.content
   ]);
-  const fileManagerPlugin = useResolvePlugin(parseFileManagerPlugin);
-  const handleFileUpload = useMemo3(() => {
-    if (space === void 0 || fileManagerPlugin?.provides.file.upload === void 0) {
+  const [upload] = useCapabilities2(Capabilities.FileUploader);
+  const handleFileUpload = useMemo4(() => {
+    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__ */ React3.createElement(MarkdownEditor, {
     id,
-    initialValue: doc.content?.content,
+    initialValue: doc.content?.target?.content,
     viewMode,
     toolbar: settings.toolbar,
     inputMode: settings.editorInputMode,
@@ -465,4 +514,4 @@ export {
   DocumentEditor,
   MarkdownContainer_default as default
 };
-//# sourceMappingURL=MarkdownContainer-6OPC5MKP.mjs.map
+//# sourceMappingURL=MarkdownContainer-ARRY4I6S.mjs.map

package/dist/lib/browser/MarkdownContainer-ARRY4I6S.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 { 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, NavigationAction, 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, nonNullable } 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(nonNullable),\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(createIntent(NavigationAction.Open, { activeParts: { complementary: 'comments' } }));\n    await dispatch(createIntent(LayoutAction.SetLayout, { element: 'complementary', state: true }));\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(\n      { type: 'image', testId: 'editor.toolbar.image' },\n      'ph--image-square--regular',\n      'upload image label',\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 { 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        LayoutAction.ScrollIntoView,\n        ({ 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          disposition: 'hoist',\n          filter: (data) => !!editorView && data.id === documentId && !!data.cursor,\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  NavigationAction,\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(NavigationAction.AddToActive, {\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", "Capabilities", "useCapabilities", "fullyQualifiedId", "getSpace", "openSearchPanel", "React", "useMemo", "useEffect", "useCallback", "useDropzone", "createIntent", "LayoutAction", "NavigationAction", "useIntentDispatcher", "useThemeContext", "useTranslation", "EditorToolbar", "createBasicExtensions", "createMarkdownExtensions", "createThemeExtensions", "dropFile", "editorContent", "editorGutter", "processEditorPayload", "useActionHandler", "useCommentState", "useCommentClickListener", "useFormattingState", "useTextEditor", "stackItemContentEditorClassNames", "useEditorToolbarState", "createEditorAction", "StackItem", "isNotFalsy", "nonNullable", "EditorView", "useMemo", "createResolver", "LayoutAction", "useIntentResolver", "invariant", "Cursor", "setSelection", "useSelectCurrentThread", "editorView", "documentId", "scrollIntoViewResolver", "useMemo", "createResolver", "LayoutAction", "ScrollIntoView", "cursor", "invariant", "range", "Cursor", "getRangeFromCursor", "state", "selection", "main", "from", "anchor", "undefined", "effects", "EditorView", "scrollIntoView", "y", "yMargin", "push", "setSelection", "of", "current", "dispatch", "disposition", "filter", "data", "id", "useIntentResolver", "MARKDOWN_PLUGIN", "MarkdownEditor", "id", "role", "initialValue", "extensions", "extensionProviders", "scrollPastEnd", "toolbar", "viewMode", "editorStateStore", "onFileUpload", "onViewModeChange", "t", "useTranslation", "MARKDOWN_PLUGIN", "themeMode", "useThemeContext", "dispatchPromise", "dispatch", "useIntentDispatcher", "toolbarState", "useEditorToolbarState", "formattingObserver", "useFormattingState", "scrollTo", "selection", "useMemo", "getState", "providerExtensions", "flatMap", "provider", "filter", "nonNullable", "commentObserver", "useCommentState", "onCommentClick", "useCallback", "createIntent", "NavigationAction", "Open", "activeParts", "complementary", "LayoutAction", "SetLayout", "element", "state", "commentClickObserver", "useCommentClickListener", "handleDrop", "view", "files", "file", "info", "undefined", "processEditorPayload", "type", "data", "url", "parentRef", "editorView", "focusAttributes", "useTextEditor", "createBasicExtensions", "readonly", "placeholder", "createMarkdownExtensions", "createThemeExtensions", "syntaxHighlighting", "slots", "content", "className", "editorContent", "editorGutter", "dropFile", "onDrop", "isNotFalsy", "moveToEndOfLine", "useTest", "useSelectCurrentThread", "acceptedFiles", "getInputProps", "open", "useDropzone", "multiple", "noDrag", "accept", "useEffect", "length", "requestAnimationFrame", "f", "File", "name", "lastModified", "handleToolbarAction", "useActionHandler", "handleAction", "action", "properties", "openSearchPanel", "StackItem", "Content", "EditorToolbar", "attendableId", "customActions", "createUploadAction", "onAction", "input", "div", "ref", "data-testid", "data-toolbar", "stackItemContentEditorClassNames", "composer", "window", "nodes", "createEditorAction", "testId", "edges", "source", "target", "React", "useMemo", "createRoot", "createIntent", "NavigationAction", "useCapabilities", "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", "dispatchPromise", "dispatch", "useIntentDispatcher", "identity", "useIdentity", "space", "getSpace", "baseExtensions", "useMemo", "createBaseExtensions", "editorInputMode", "folding", "numberedHeadings", "debug", "typewriter", "extensionProviders", "useCapabilities", "MarkdownCapabilities", "Extensions", "pluginExtensions", "flat", "reduce", "acc", "provider", "extension", "push", "createDataExtensions", "id", "text", "content", "target", "createDocAccessor", "selectionState", "listener", "onChange", "setFallbackName", "filter", "isNotFalsy", "query", "extensions", "InputModeExtensions", "formattingKeymap", "decorateMarkdown", "selectionChangeDelay", "from", "undefined", "renderLinkButton", "onRenderLink", "createIntent", "NavigationAction", "AddToActive", "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", "renderRoot", "React", "a", "className", "Icon", "size", "classNames", "web", "URL", "root", "node", "createRoot", "render", "ThemeProvider", "tx", "defaultTx", "MarkdownContainer", "id", "role", "object", "settings", "viewMode", "editorStateStore", "onViewModeChange", "scrollPastEnd", "doc", "DocumentType", "undefined", "extensions", "useExtensions", "document", "React", "DocumentEditor", "fullyQualifiedId", "MarkdownEditor", "initialValue", "text", "toolbar", "inputMode", "editorInputMode", "props", "space", "getSpace", "useEffect", "fallbackName", "content", "target", "getFallbackName", "upload", "useCapabilities", "Capabilities", "FileUploader", "handleFileUpload", "useMemo", "file", "onFileUpload"]
+}

package/dist/lib/browser/app-graph-serializer-HHWSLYIW.mjs

@@ -0,0 +1,51 @@
+import {
+  translations_default
+} from "./chunk-YPDWX3WI.mjs";
+import {
+  DocumentType,
+  MarkdownAction
+} from "./chunk-EMIIXXVX.mjs";
+import {
+  MARKDOWN_PLUGIN
+} from "./chunk-YB2TJFNH.mjs";
+
+// packages/plugins/plugin-markdown/src/capabilities/app-graph-serializer.ts
+import { pipe } from "effect";
+import { contributes, Capabilities, chain, createIntent } from "@dxos/app-framework";
+import { SpaceAction, CollectionType } from "@dxos/plugin-space/types";
+import { isSpace } from "@dxos/react-client/echo";
+var app_graph_serializer_default = (context) => contributes(Capabilities.AppGraphSerializer, [
+  {
+    inputType: 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 || translations_default[0]["en-US"][MARKDOWN_PLUGIN]["document title placeholder"],
+        data: content.content,
+        type: "text/markdown"
+      };
+    },
+    deserialize: async (data, ancestors) => {
+      const space = ancestors.find(isSpace);
+      const target = ancestors.findLast((ancestor) => ancestor instanceof CollectionType) ?? space?.properties[CollectionType.typename]?.target;
+      if (!space || !target) {
+        return;
+      }
+      const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);
+      const result = await dispatch(pipe(createIntent(MarkdownAction.Create, {
+        name: data.name,
+        content: data.data
+      }), chain(SpaceAction.AddObject, {
+        target
+      })));
+      return result.data?.object;
+    }
+  }
+]);
+export {
+  app_graph_serializer_default as default
+};
+//# sourceMappingURL=app-graph-serializer-HHWSLYIW.mjs.map

package/dist/lib/browser/app-graph-serializer-HHWSLYIW.mjs.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,SAASA,YAAY;AAErB,SAASC,aAAaC,cAAmCC,OAAOC,oBAAoB;AACpF,SAASC,aAAaC,sBAAsB;AAC5C,SAASC,eAAe;AAMxB,IAAA,+BAAe,CAACC,YACdC,YAAYC,aAAaC,oBAAoB;EAC3C;IACEC,WAAWC,aAAaC;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,qBAAa,CAAA,EAAG,OAAA,EAASC,eAAAA,EAAiB,4BAAA;QAChFN,MAAMC,QAAQA;QACdM,MAAM;MACR;IACF;IACAC,aAAa,OAAOR,MAAMS,cAAAA;AACxB,YAAMC,QAAQD,UAAUE,KAAKC,OAAAA;AAC7B,YAAMC,SACJJ,UAAUK,SAAS,CAACC,aAAaA,oBAAoBC,cAAAA,KACrDN,OAAOO,WAAWD,eAAerB,QAAQ,GAAGkB;AAC9C,UAAI,CAACH,SAAS,CAACG,QAAQ;AACrB;MACF;AAEA,YAAM,EAAEK,iBAAiBC,SAAQ,IAAK9B,QAAQ+B,kBAAkB7B,aAAa8B,gBAAgB;AAC7F,YAAMC,SAAS,MAAMH,SACnBI,KACEC,aAAaC,eAAeC,QAAQ;QAAEvB,MAAMH,KAAKG;QAAMF,SAASD,KAAKA;MAAK,CAAA,GAC1E2B,MAAMC,YAAYC,WAAW;QAAEhB;MAAO,CAAA,CAAA,CAAA;AAI1C,aAAOS,OAAOtB,MAAM8B;IACtB;EACF;CACD;",
+  "names": ["pipe", "contributes", "Capabilities", "chain", "createIntent", "SpaceAction", "CollectionType", "isSpace", "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"]
+}