@dxos/plugin-markdown 0.8.4-main.fd6878d → 0.9.0

package/dist/lib/neutral/components/index.mjs

@@ -0,0 +1,378 @@
+import "../chunk-J5LGTIGS.mjs";
+
+// src/components/index.ts
+import { lazy } from "react";
+
+// src/components/MarkdownEditor/MarkdownEditor.tsx
+import { createContext } from "@radix-ui/react-context";
+import React4, { useCallback as useCallback3, useMemo as useMemo2, useState as useState2 } from "react";
+import { createPortal as createPortal2 } from "react-dom";
+import { Surface } from "@dxos/app-framework/ui";
+import { AppSurface } from "@dxos/app-toolkit/ui";
+import { Obj } from "@dxos/echo";
+import { URI } from "@dxos/keys";
+import { useClient } from "@dxos/react-client";
+import { composable as composable2, composableProps as composableProps2 } from "@dxos/react-ui";
+import { createEditorController, useEditorContext } from "@dxos/react-ui-editor";
+import { isNonNullable } from "@dxos/util";
+import { useEditorMenuOptions, useExtensions } from "#hooks";
+
+// src/components/MarkdownEditor/MarkdownEditorContent.tsx
+import { RegistryContext } from "@effect-atom/atom-react";
+import React, { forwardRef, useCallback, useContext, useEffect, useImperativeHandle, useMemo } from "react";
+import { useCapabilities } from "@dxos/app-framework/ui";
+import { useThemeContext, useTranslation } from "@dxos/react-ui";
+import { useTextEditor } from "@dxos/react-ui-editor";
+import { mobileSlots, createBasicExtensions, createMarkdownExtensions, createThemeExtensions, dropFile, documentSlots, formattingListener, processEditorPayload, editorClassNames, scrollbarAutohide } from "@dxos/ui-editor";
+import { mx } from "@dxos/ui-theme";
+import { isTruthy } from "@dxos/util";
+import { meta } from "#meta";
+import { MarkdownCapabilities } from "#types";
+var MarkdownEditorContent = /* @__PURE__ */ forwardRef(({ classNames, id, attendableId, role, compact, viewMode, initialValue, editorStateStore, toolbarState, extensions, slots, onFileUpload }, forwardedRef) => {
+  const { t } = useTranslation(meta.id);
+  const { themeMode } = useThemeContext();
+  const registry = useContext(RegistryContext);
+  const updateToolbarState = useCallback((formatting) => {
+    if (toolbarState) {
+      registry.set(toolbarState, {
+        ...registry.get(toolbarState),
+        ...formatting
+      });
+    }
+  }, [
+    registry,
+    toolbarState
+  ]);
+  const { scrollTo, selection } = useMemo(() => editorStateStore?.getState(id) ?? {}, [
+    id
+  ]);
+  const { parentRef, view: editorView, focusAttributes } = useTextEditor(() => ({
+    ...role !== "section" && {
+      id,
+      scrollTo,
+      selection,
+      selectionEnd: true
+    },
+    initialValue,
+    extensions: [
+      createBasicExtensions({
+        readOnly: viewMode === "readonly",
+        placeholder: t("editor.placeholder"),
+        scrollPastEnd: !compact,
+        search: true
+      }),
+      createThemeExtensions({
+        themeMode,
+        slots: slots ?? (compact ? mobileSlots : documentSlots),
+        syntaxHighlighting: true
+      }),
+      createMarkdownExtensions(),
+      scrollbarAutohide(),
+      toolbarState && formattingListener(updateToolbarState),
+      role !== "section" && onFileUpload && dropFile({
+        // TODO(wittjosiah): Factor out to file uploader plugin.
+        onDrop: async (view, { files }) => {
+          const file = files[0];
+          const info = file && onFileUpload ? await onFileUpload(file) : void 0;
+          if (info) {
+            processEditorPayload(view, {
+              type: "image",
+              data: info.url
+            });
+          }
+        }
+      }),
+      extensions
+    ].filter(isTruthy)
+  }), [
+    id,
+    viewMode,
+    themeMode,
+    extensions,
+    compact
+  ]);
+  useImperativeHandle(forwardedRef, () => editorView, [
+    editorView
+  ]);
+  const [editorViewRegistry] = useCapabilities(MarkdownCapabilities.EditorViews);
+  useEffect(() => {
+    if (editorView && editorViewRegistry) {
+      editorViewRegistry.register(attendableId ?? id, editorView, id);
+      return () => editorViewRegistry.unregister(attendableId ?? id);
+    }
+  }, [
+    editorView,
+    editorViewRegistry,
+    attendableId,
+    id
+  ]);
+  useTest(editorView);
+  return /* @__PURE__ */ React.createElement("div", {
+    ...focusAttributes,
+    className: mx(editorClassNames(role), classNames),
+    "data-testid": "composer.markdownRoot",
+    "data-popover-collision-boundary": true,
+    ref: parentRef
+  });
+});
+var useTest = (view) => {
+  useEffect(() => {
+    const composer = window.composer;
+    if (composer) {
+      composer.editorView = view;
+    }
+  }, [
+    view
+  ]);
+};
+
+// src/components/MarkdownEditor/MarkdownEditorToolbar.tsx
+import React3, { useCallback as useCallback2, useState } from "react";
+import { composable, composableProps } from "@dxos/react-ui";
+import { Editor } from "@dxos/react-ui-editor";
+
+// src/components/MarkdownEditor/FileUpload.tsx
+import React2, { forwardRef as forwardRef2, useEffect as useEffect2, useImperativeHandle as useImperativeHandle2 } from "react";
+import { createPortal } from "react-dom";
+import { useDropzone } from "react-dropzone";
+import { addLink } from "@dxos/ui-editor";
+var IMAGE_FILES = [
+  ".jpg",
+  ".jpeg",
+  ".png",
+  ".gif"
+];
+var FileUpload = /* @__PURE__ */ forwardRef2(({ getView, onFileUpload }, forwardedRef) => {
+  const { acceptedFiles, open, inputRef } = useDropzone({
+    disabled: !onFileUpload,
+    multiple: false,
+    noDrag: true,
+    accept: {
+      "image/*": IMAGE_FILES
+    }
+  });
+  useImperativeHandle2(forwardedRef, () => open, []);
+  useEffect2(() => {
+    if (acceptedFiles.length && onFileUpload) {
+      requestAnimationFrame(async () => {
+        const editorView = getView?.();
+        if (!editorView) {
+          return;
+        }
+        const f = acceptedFiles[0];
+        const file = new File([
+          f
+        ], f.name, {
+          type: f.type,
+          lastModified: f.lastModified
+        });
+        const info = await onFileUpload(file);
+        if (info) {
+          addLink({
+            url: info.url,
+            image: true
+          })(editorView);
+        }
+      });
+    }
+  }, [
+    getView,
+    acceptedFiles,
+    onFileUpload
+  ]);
+  if (!onFileUpload) {
+    return null;
+  }
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ createPortal(/* @__PURE__ */ React2.createElement("input", {
+    ref: inputRef
+  }), document.body), " ");
+});
+
+// src/components/MarkdownEditor/MarkdownEditorToolbar.tsx
+var MarkdownEditorToolbar = composable(({ id, role, getView, customActions, onAction, onFileUpload, onViewModeChange, ...props }, forwardedRef) => {
+  const { className, ...rest } = composableProps(props);
+  const [upload, setUpload] = useState(null);
+  const uploadRef = useCallback2((next) => setUpload(() => next), []);
+  if (!getView?.()) {
+    return /* @__PURE__ */ React3.createElement("div", {
+      className,
+      ...rest,
+      ref: forwardedRef
+    });
+  }
+  return /* @__PURE__ */ React3.createElement("div", {
+    className: "contents",
+    ref: forwardedRef
+  }, /* @__PURE__ */ React3.createElement(Editor.Toolbar, {
+    ...rest,
+    classNames: className,
+    attendableId: id,
+    role,
+    customActions,
+    onAction,
+    onImageUpload: upload ?? void 0,
+    onViewModeChange
+  }), onFileUpload && /* @__PURE__ */ React3.createElement(FileUpload, {
+    ref: uploadRef,
+    getView,
+    onFileUpload
+  }));
+});
+
+// src/components/MarkdownEditor/MarkdownEditor.tsx
+var [MarkdownEditorContextProvider, useMarkdownEditorContext] = createContext("MarkdownEditor.Context");
+var MarkdownEditorProvider = ({ children, id, attendableId, object, settings, compact, viewMode, selectionManager, editorStateStore, extensions: extensionsProp, slashCommandGroups, onLinkQuery, onSelectObject, onAction, onFileUpload, onViewModeChange }) => {
+  const [previewBlocks, setPreviewBlocks] = useState2([]);
+  const previewOptions = useMemo2(() => ({
+    db: Obj.isObject(object) ? Obj.getDatabase(object) : void 0,
+    addBlockContainer: (block) => {
+      setPreviewBlocks((prev) => [
+        ...prev,
+        block
+      ]);
+    },
+    removeBlockContainer: ({ link }) => {
+      setPreviewBlocks((prev) => prev.filter(({ link: prevLink }) => prevLink.dxn !== link.dxn));
+    }
+  }), [
+    object
+  ]);
+  const menuOptions = useEditorMenuOptions({
+    slashCommandGroups,
+    onLinkQuery
+  });
+  const coreExtensions = useExtensions({
+    id,
+    object,
+    compact,
+    viewMode,
+    selectionManager,
+    editorStateStore,
+    previewOptions,
+    settings,
+    onSelectObject
+  });
+  const extensions = useMemo2(() => [
+    coreExtensions,
+    extensionsProp
+  ].filter(isNonNullable).flat(), [
+    coreExtensions,
+    extensionsProp
+  ]);
+  const editorRootProps = useMemo2(() => ({
+    extensions,
+    viewMode,
+    getMenu: menuOptions.getMenu,
+    trigger: menuOptions.trigger,
+    placeholder: menuOptions.placeholder,
+    ...menuOptions.filter !== void 0 ? {
+      filter: menuOptions.filter
+    } : {},
+    ...menuOptions.triggerKey !== void 0 ? {
+      triggerKey: menuOptions.triggerKey
+    } : {}
+  }), [
+    extensions,
+    viewMode,
+    menuOptions
+  ]);
+  const markdownContextValue = useMemo2(() => ({
+    id,
+    attendableId,
+    compact,
+    viewMode,
+    previewBlocks,
+    onAction,
+    onFileUpload,
+    onViewModeChange
+  }), [
+    id,
+    attendableId,
+    compact,
+    viewMode,
+    previewBlocks,
+    onAction,
+    onFileUpload,
+    onViewModeChange
+  ]);
+  return /* @__PURE__ */ React4.createElement(MarkdownEditorContextProvider, markdownContextValue, children(editorRootProps));
+};
+MarkdownEditorProvider.displayName = "MarkdownEditor.Provider";
+var MARKDOWN_EDITOR_CONTENT_NAME = "MarkdownEditor.Content";
+var MarkdownEditorContent2 = composable2(({ compact: compactProp, ...props }, _forwardedRef) => {
+  const { id, attendableId, compact = compactProp, viewMode, onFileUpload } = useMarkdownEditorContext(MARKDOWN_EDITOR_CONTENT_NAME);
+  const { extensions, setController, state } = useEditorContext(MARKDOWN_EDITOR_CONTENT_NAME);
+  const handleRef = useCallback3((view) => {
+    setController(createEditorController(view));
+  }, [
+    setController
+  ]);
+  return /* @__PURE__ */ React4.createElement(MarkdownEditorContent, {
+    ...composableProps2(props),
+    id,
+    attendableId,
+    compact,
+    viewMode,
+    toolbarState: state,
+    extensions,
+    onFileUpload,
+    ref: handleRef
+  });
+});
+MarkdownEditorContent2.displayName = MARKDOWN_EDITOR_CONTENT_NAME;
+var MARKDOWN_EDITOR_TOOLBAR_NAME = "MarkdownEditor.Toolbar";
+var MarkdownEditorToolbar2 = (props) => {
+  const { id, attendableId, onAction, onFileUpload, onViewModeChange } = useMarkdownEditorContext(MARKDOWN_EDITOR_TOOLBAR_NAME);
+  const { controller } = useEditorContext(MARKDOWN_EDITOR_TOOLBAR_NAME);
+  const getView = useCallback3(() => controller?.view ?? null, [
+    controller
+  ]);
+  return /* @__PURE__ */ React4.createElement(MarkdownEditorToolbar, {
+    ...props,
+    id: attendableId ?? id,
+    getView,
+    onAction,
+    onFileUpload,
+    onViewModeChange
+  });
+};
+MarkdownEditorToolbar2.displayName = MARKDOWN_EDITOR_TOOLBAR_NAME;
+var MARKDOWN_EDITOR_BLOCKS_NAME = "MarkdownEditor.Blocks";
+var MarkdownEditorBlocks = (_props) => {
+  const { previewBlocks } = useMarkdownEditorContext(MARKDOWN_EDITOR_BLOCKS_NAME);
+  return /* @__PURE__ */ React4.createElement(React4.Fragment, null, previewBlocks.map(({ link, el }) => /* @__PURE__ */ React4.createElement(PreviewBlock, {
+    key: link.dxn,
+    link,
+    el
+  })));
+};
+MarkdownEditorBlocks.displayName = MARKDOWN_EDITOR_BLOCKS_NAME;
+var PreviewBlock = ({ el, link }) => {
+  const client = useClient();
+  const dxn = URI.make(link.dxn);
+  const subject = client.graph.makeRef(dxn).target;
+  const data = useMemo2(() => ({
+    subject
+  }), [
+    subject
+  ]);
+  return /* @__PURE__ */ createPortal2(/* @__PURE__ */ React4.createElement(Surface.Surface, {
+    type: AppSurface.Card,
+    data,
+    limit: 1
+  }), el);
+};
+var MarkdownEditor = {
+  Content: MarkdownEditorContent2,
+  Toolbar: MarkdownEditorToolbar2,
+  Blocks: MarkdownEditorBlocks
+};
+
+// src/components/index.ts
+var MarkdownSettings = lazy(() => import("../MarkdownSettings-YCTZJL5V.mjs"));
+export {
+  MarkdownEditor,
+  MarkdownEditorProvider,
+  MarkdownSettings
+};
+//# sourceMappingURL=index.mjs.map

package/dist/lib/neutral/components/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/index.ts", "../../../../src/components/MarkdownEditor/MarkdownEditor.tsx", "../../../../src/components/MarkdownEditor/MarkdownEditorContent.tsx", "../../../../src/components/MarkdownEditor/MarkdownEditorToolbar.tsx", "../../../../src/components/MarkdownEditor/FileUpload.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { type ComponentType, lazy } from 'react';\n\nexport * from './MarkdownEditor';\n\nexport const MarkdownSettings: ComponentType<any> = lazy(() => import('./MarkdownSettings'));\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Extension } from '@codemirror/state';\nimport { type EditorView } from '@codemirror/view';\nimport { type Atom } from '@effect-atom/atom-react';\nimport { createContext } from '@radix-ui/react-context';\nimport React, { type ReactNode, useCallback, useMemo, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { Surface } from '@dxos/app-framework/ui';\nimport { AppSurface } from '@dxos/app-toolkit/ui';\nimport { Obj } from '@dxos/echo';\nimport { URI } from '@dxos/keys';\nimport { useClient } from '@dxos/react-client';\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { composable, composableProps } from '@dxos/react-ui';\nimport {\n  type EditorRootProps,\n  type EditorToolbarState,\n  createEditorController,\n  useEditorContext,\n} from '@dxos/react-ui-editor';\nimport { type PreviewBlock, type PreviewOptions } from '@dxos/ui-editor';\nimport { isNonNullable } from '@dxos/util';\n\nimport {\n  type DocumentType,\n  type ExtensionsOptions,\n  type UseEditorMenuOptionsProps,\n  useEditorMenuOptions,\n  useExtensions,\n} from '#hooks';\n\nimport {\n  MarkdownEditorContent as NaturalMarkdownEditorContent,\n  type MarkdownEditorContentProps as NaturalMarkdownEditorContentProps,\n} from './MarkdownEditorContent';\nimport {\n  MarkdownEditorToolbar as NaturalMarkdownToolbar,\n  type MarkdownEditorToolbarProps as NaturalMarkdownToolbarProps,\n} from './MarkdownEditorToolbar';\n\n//\n// Context\n//\n\ntype MarkdownEditorContextValue = {\n  id: string;\n  attendableId?: string;\n  previewBlocks: PreviewBlock[];\n} & Pick<ExtensionsOptions, 'compact' | 'viewMode'> &\n  Pick<NaturalMarkdownToolbarProps, 'onAction' | 'onFileUpload' | 'onViewModeChange'>;\n\nconst [MarkdownEditorContextProvider, useMarkdownEditorContext] =\n  createContext<MarkdownEditorContextValue>('MarkdownEditor.Context');\n\n/**\n * Props to spread onto `Editor.Root` from `MarkdownEditorProvider`'s render callback.\n */\nexport type MarkdownEditorEditorRootProps = Omit<EditorRootProps, 'children'>;\n\n//\n// MarkdownEditorProvider\n//\n\nexport type MarkdownEditorProviderProps = {\n  object?: DocumentType;\n  extensions?: Extension[];\n  children: (editorRootProps: MarkdownEditorEditorRootProps) => ReactNode;\n} & Pick<\n  MarkdownEditorContextValue,\n  'id' | 'attendableId' | 'viewMode' | 'compact' | 'onAction' | 'onFileUpload' | 'onViewModeChange'\n> &\n  Pick<UseEditorMenuOptionsProps, 'slashCommandGroups' | 'onLinkQuery'> &\n  Pick<ExtensionsOptions, 'editorStateStore' | 'selectionManager' | 'settings' | 'onSelectObject'>;\n\nexport const MarkdownEditorProvider = ({\n  children,\n  id,\n  attendableId,\n  object,\n  settings,\n  compact,\n  viewMode,\n  selectionManager,\n  editorStateStore,\n  extensions: extensionsProp,\n  slashCommandGroups,\n  onLinkQuery,\n  onSelectObject,\n  onAction,\n  onFileUpload,\n  onViewModeChange,\n}: MarkdownEditorProviderProps) => {\n  // Preview blocks.\n  const [previewBlocks, setPreviewBlocks] = useState<PreviewBlock[]>([]);\n  const previewOptions = useMemo<PreviewOptions>(\n    () => ({\n      db: Obj.isObject(object) ? Obj.getDatabase(object) : undefined,\n      addBlockContainer: (block) => {\n        setPreviewBlocks((prev) => [...prev, block]);\n      },\n      removeBlockContainer: ({ link }) => {\n        setPreviewBlocks((prev) => prev.filter(({ link: prevLink }) => prevLink.dxn !== link.dxn));\n      },\n    }),\n    [object],\n  );\n\n  // Context menu options (Editor.Root calls useEditorMenu with these props).\n  const menuOptions = useEditorMenuOptions({ slashCommandGroups, onLinkQuery });\n\n  // Core markdown extensions (popover/menu extension is added by Editor.Root).\n  const coreExtensions = useExtensions({\n    id,\n    object,\n    compact,\n    viewMode,\n    selectionManager,\n    editorStateStore,\n    previewOptions,\n    settings,\n    onSelectObject,\n  });\n\n  const extensions = useMemo(\n    () => [coreExtensions, extensionsProp].filter(isNonNullable).flat(),\n    [coreExtensions, extensionsProp],\n  );\n\n  const editorRootProps = useMemo<MarkdownEditorEditorRootProps>(\n    () => ({\n      extensions,\n      viewMode,\n      getMenu: menuOptions.getMenu,\n      trigger: menuOptions.trigger,\n      placeholder: menuOptions.placeholder,\n      ...(menuOptions.filter !== undefined ? { filter: menuOptions.filter } : {}),\n      ...(menuOptions.triggerKey !== undefined ? { triggerKey: menuOptions.triggerKey } : {}),\n    }),\n    [extensions, viewMode, menuOptions],\n  );\n\n  const markdownContextValue = useMemo<MarkdownEditorContextValue>(\n    () => ({\n      id,\n      attendableId,\n      compact,\n      viewMode,\n      previewBlocks,\n      onAction,\n      onFileUpload,\n      onViewModeChange,\n    }),\n    [id, attendableId, compact, viewMode, previewBlocks, onAction, onFileUpload, onViewModeChange],\n  );\n\n  return (\n    <MarkdownEditorContextProvider {...markdownContextValue}>{children(editorRootProps)}</MarkdownEditorContextProvider>\n  );\n};\n\nMarkdownEditorProvider.displayName = 'MarkdownEditor.Provider';\n\n//\n// MarkdownEditor.Content\n//\n\nconst MARKDOWN_EDITOR_CONTENT_NAME = 'MarkdownEditor.Content';\n\ntype MarkdownEditorContentProps = Omit<NaturalMarkdownEditorContentProps, 'id' | 'extensions' | 'toolbarState'>;\n\nconst MarkdownEditorContent = composable<HTMLDivElement, MarkdownEditorContentProps>(\n  ({ compact: compactProp, ...props }, _forwardedRef) => {\n    const {\n      id,\n      attendableId,\n      compact = compactProp,\n      viewMode,\n      onFileUpload,\n    } = useMarkdownEditorContext(MARKDOWN_EDITOR_CONTENT_NAME);\n    const { extensions, setController, state } = useEditorContext(MARKDOWN_EDITOR_CONTENT_NAME);\n\n    const handleRef = useCallback(\n      (view: EditorView | null) => {\n        setController(createEditorController(view));\n      },\n      [setController],\n    );\n\n    return (\n      <NaturalMarkdownEditorContent\n        {...composableProps(props)}\n        id={id}\n        attendableId={attendableId}\n        compact={compact}\n        viewMode={viewMode}\n        toolbarState={state as Atom.Writable<EditorToolbarState>}\n        extensions={extensions}\n        onFileUpload={onFileUpload}\n        ref={handleRef}\n      />\n    );\n  },\n);\n\nMarkdownEditorContent.displayName = MARKDOWN_EDITOR_CONTENT_NAME;\n\n//\n// MarkdownEditor.Toolbar\n//\n\nconst MARKDOWN_EDITOR_TOOLBAR_NAME = 'MarkdownEditor.Toolbar';\n\ntype MarkdownEditorToolbarProps = ThemedClassName<\n  Omit<NaturalMarkdownToolbarProps, 'getView' | 'onAction' | 'onFileUpload' | 'onViewModeChange' | 'id'>\n>;\n\nconst MarkdownEditorToolbar = (props: MarkdownEditorToolbarProps) => {\n  const { id, attendableId, onAction, onFileUpload, onViewModeChange } =\n    useMarkdownEditorContext(MARKDOWN_EDITOR_TOOLBAR_NAME);\n\n  const { controller } = useEditorContext(MARKDOWN_EDITOR_TOOLBAR_NAME);\n\n  // Stable getter identity (changes only when the controller does) so the FileUpload effect, whose\n  // deps include `getView`, does not re-run every render and re-upload the same file.\n  const getView = useCallback(() => controller?.view ?? null, [controller]);\n\n  return (\n    <NaturalMarkdownToolbar\n      {...props}\n      id={attendableId ?? id}\n      getView={getView}\n      onAction={onAction}\n      onFileUpload={onFileUpload}\n      onViewModeChange={onViewModeChange}\n    />\n  );\n};\n\nMarkdownEditorToolbar.displayName = MARKDOWN_EDITOR_TOOLBAR_NAME;\n\n//\n// MarkdownEditor.Blocks (embedded objects)\n//\n\nconst MARKDOWN_EDITOR_BLOCKS_NAME = 'MarkdownEditor.Blocks';\n\ntype MarkdownEditorBlocksProps = {};\n\nconst MarkdownEditorBlocks = (_props: MarkdownEditorBlocksProps) => {\n  const { previewBlocks } = useMarkdownEditorContext(MARKDOWN_EDITOR_BLOCKS_NAME);\n\n  return (\n    <>\n      {previewBlocks.map(({ link, el }) => (\n        <PreviewBlock key={link.dxn} link={link} el={el} />\n      ))}\n    </>\n  );\n};\n\nMarkdownEditorBlocks.displayName = MARKDOWN_EDITOR_BLOCKS_NAME;\n\nconst PreviewBlock = ({ el, link }: PreviewBlock) => {\n  const client = useClient();\n  const dxn = URI.make(link.dxn);\n  const subject = client.graph.makeRef(dxn).target;\n  const data = useMemo(() => ({ subject }), [subject]);\n\n  return createPortal(<Surface.Surface type={AppSurface.Card} data={data} limit={1} />, el);\n};\n\n//\n// MarkdownEditor\n//\n\n/** @private */\nexport const MarkdownEditor = {\n  Content: MarkdownEditorContent,\n  Toolbar: MarkdownEditorToolbar,\n  Blocks: MarkdownEditorBlocks,\n};\n\nexport type { MarkdownEditorContentProps, MarkdownEditorToolbarProps, MarkdownEditorBlocksProps };\n\n/** @deprecated Use `MarkdownEditorProviderProps`. */\nexport type MarkdownEditorRootProps = MarkdownEditorProviderProps;\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type EditorView } from '@codemirror/view';\nimport { type Atom, RegistryContext } from '@effect-atom/atom-react';\nimport React, { forwardRef, useCallback, useContext, useEffect, useImperativeHandle, useMemo } from 'react';\n\nimport { useCapabilities } from '@dxos/app-framework/ui';\nimport { type ThemedClassName, useThemeContext, useTranslation } from '@dxos/react-ui';\nimport {\n  type EditorMenuGroup,\n  type EditorToolbarState,\n  type UseTextEditorProps,\n  useTextEditor,\n} from '@dxos/react-ui-editor';\nimport {\n  type EditorSelectionState,\n  type EditorStateStore,\n  type ThemeExtensionsOptions,\n  mobileSlots,\n  createBasicExtensions,\n  createMarkdownExtensions,\n  createThemeExtensions,\n  dropFile,\n  documentSlots,\n  formattingListener,\n  processEditorPayload,\n  editorClassNames,\n  scrollbarAutohide,\n} from '@dxos/ui-editor';\nimport { type EditorViewMode } from '@dxos/ui-editor/types';\nimport { mx } from '@dxos/ui-theme';\nimport { isTruthy } from '@dxos/util';\n\nimport { meta } from '#meta';\nimport { MarkdownCapabilities } from '#types';\n\nimport { type MarkdownEditorToolbarProps } from './MarkdownEditorToolbar';\n\nexport type MarkdownEditorContentProps = ThemedClassName<{\n  id: string;\n  attendableId?: string;\n  role?: string;\n  compact?: boolean;\n  viewMode?: EditorViewMode;\n  slashCommandGroups?: EditorMenuGroup[];\n  editorStateStore?: EditorStateStore;\n  toolbarState?: Atom.Writable<EditorToolbarState>;\n  onLinkQuery?: (query?: string) => Promise<EditorMenuGroup[]>;\n}> &\n  Pick<UseTextEditorProps, 'initialValue' | 'extensions'> &\n  Pick<MarkdownEditorToolbarProps, 'onFileUpload'> &\n  Pick<ThemeExtensionsOptions, 'slots'>;\n\n// TODO(burdon): Move controller to Root.\nexport const MarkdownEditorContent = forwardRef<EditorView | null, MarkdownEditorContentProps>(\n  (\n    {\n      classNames,\n      id,\n      attendableId,\n      role,\n      compact,\n      viewMode,\n      initialValue,\n      editorStateStore,\n      toolbarState,\n      extensions,\n      slots,\n      onFileUpload,\n    },\n    forwardedRef,\n  ) => {\n    const { t } = useTranslation(meta.id);\n    const { themeMode } = useThemeContext();\n    const registry = useContext(RegistryContext);\n\n    // Callback to update toolbar state atom.\n    const updateToolbarState = useCallback(\n      (formatting: EditorToolbarState) => {\n        if (toolbarState) {\n          registry.set(toolbarState, { ...registry.get(toolbarState), ...formatting });\n        }\n      },\n      [registry, toolbarState],\n    );\n\n    // Restore last selection and scroll point.\n    const { scrollTo, selection } = useMemo<EditorSelectionState>(() => editorStateStore?.getState(id) ?? {}, [id]);\n\n    const {\n      parentRef,\n      view: editorView,\n      focusAttributes,\n    } = useTextEditor(\n      () => ({\n        ...(role !== 'section' && {\n          id,\n          scrollTo,\n          selection,\n          selectionEnd: true,\n        }),\n        initialValue,\n        extensions: [\n          createBasicExtensions({\n            readOnly: viewMode === 'readonly',\n            placeholder: t('editor.placeholder'),\n            scrollPastEnd: !compact,\n            search: true,\n          }),\n          createThemeExtensions({\n            themeMode,\n            slots: slots ?? (compact ? mobileSlots : documentSlots),\n            syntaxHighlighting: true,\n          }),\n          createMarkdownExtensions(),\n          scrollbarAutohide(),\n          toolbarState && formattingListener(updateToolbarState),\n          role !== 'section' &&\n            onFileUpload &&\n            dropFile({\n              // TODO(wittjosiah): Factor out to file uploader plugin.\n              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          extensions,\n        ].filter(isTruthy),\n      }),\n      [id, viewMode, themeMode, extensions, compact],\n    );\n\n    useImperativeHandle<EditorView | null, EditorView | null>(forwardedRef, () => editorView, [editorView]);\n\n    const [editorViewRegistry] = useCapabilities(MarkdownCapabilities.EditorViews);\n    useEffect(() => {\n      if (editorView && editorViewRegistry) {\n        editorViewRegistry.register(attendableId ?? id, editorView, id);\n        return () => editorViewRegistry.unregister(attendableId ?? id);\n      }\n    }, [editorView, editorViewRegistry, attendableId, id]);\n\n    useTest(editorView);\n\n    return (\n      <div\n        {...focusAttributes}\n        className={mx(editorClassNames(role), classNames)}\n        data-testid='composer.markdownRoot'\n        data-popover-collision-boundary={true}\n        ref={parentRef}\n      />\n    );\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 | null) => {\n  useEffect(() => {\n    const composer = (window as any).composer;\n    if (composer) {\n      composer.editorView = view;\n    }\n  }, [view]);\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type EditorView } from '@codemirror/view';\nimport React, { useCallback, useState } from 'react';\n\nimport { type FileInfo } from '@dxos/app-toolkit';\nimport { composable, composableProps } from '@dxos/react-ui';\nimport { Editor, type EditorToolbarProps } from '@dxos/react-ui-editor';\n\nimport { FileUpload, type FileUploadAction } from './FileUpload';\n\nexport type MarkdownEditorToolbarProps = {\n  id: string;\n  // Provided as a getter (not a value prop) so the live `EditorView` is never carried in a React prop\n  // that React 19.2's dev render-logger would walk into a cross-origin frame. See\n  // `react-ui-editor/.../controller.ts` for the full rationale.\n  getView?: () => EditorView | null;\n  onFileUpload?: (file: File) => Promise<FileInfo | undefined>;\n} & Pick<EditorToolbarProps, 'role' | 'customActions' | 'onAction' | 'onViewModeChange'>;\n\nexport const MarkdownEditorToolbar = composable<HTMLDivElement, MarkdownEditorToolbarProps>(\n  ({ id, role, getView, customActions, onAction, onFileUpload, onViewModeChange, ...props }, forwardedRef) => {\n    const { className, ...rest } = composableProps(props);\n    const [upload, setUpload] = useState<FileUploadAction | null>(null);\n    const uploadRef = useCallback((next: FileUploadAction) => setUpload(() => next), []);\n\n    if (!getView?.()) {\n      return <div className={className} {...rest} ref={forwardedRef} />;\n    }\n\n    return (\n      <div className='contents' ref={forwardedRef}>\n        <Editor.Toolbar\n          {...rest}\n          classNames={className}\n          attendableId={id}\n          role={role}\n          customActions={customActions}\n          onAction={onAction}\n          onImageUpload={upload ?? undefined}\n          onViewModeChange={onViewModeChange}\n        />\n\n        {onFileUpload && <FileUpload ref={uploadRef} getView={getView} onFileUpload={onFileUpload} />}\n      </div>\n    );\n  },\n);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type EditorView } from '@codemirror/view';\nimport React, { forwardRef, useEffect, useImperativeHandle } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useDropzone } from 'react-dropzone';\n\nimport { type FileInfo } from '@dxos/app-toolkit';\nimport { addLink } from '@dxos/ui-editor';\n\nexport const IMAGE_FILES = ['.jpg', '.jpeg', '.png', '.gif'];\n\nexport type FileUploadAction = () => void;\n\nexport type FileUploadProps = {\n  // Provided as a getter (not a value prop) so the live `EditorView` is never carried in a React prop\n  // that React 19.2's dev render-logger would walk into a cross-origin frame. See\n  // `react-ui-editor/.../controller.ts` for the full rationale.\n  getView?: () => EditorView | null;\n  onFileUpload?: (file: File) => Promise<FileInfo | undefined>;\n};\n\n// TODO(burdon): Factor out.\n// TODO(burdon): Move to root? (support drag into document via dropzone).\nexport const FileUpload = forwardRef<FileUploadAction, FileUploadProps>(({ getView, onFileUpload }, forwardedRef) => {\n  // https://react-dropzone.js.org\n  const { acceptedFiles, open, inputRef } = useDropzone({\n    disabled: !onFileUpload,\n    multiple: false,\n    noDrag: true,\n    accept: {\n      'image/*': IMAGE_FILES,\n    },\n  });\n\n  useImperativeHandle(forwardedRef, () => open, []);\n\n  useEffect(() => {\n    if (acceptedFiles.length && onFileUpload) {\n      requestAnimationFrame(async () => {\n        const editorView = getView?.();\n        if (!editorView) {\n          return;\n        }\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        // TODO(burdon): Factor out.\n        const info = await onFileUpload(file);\n        if (info) {\n          addLink({ url: info.url, image: true })(editorView);\n        }\n      });\n    }\n  }, [getView, acceptedFiles, onFileUpload]);\n\n  if (!onFileUpload) {\n    return null;\n  }\n\n  return <>{createPortal(<input ref={inputRef} />, document.body)} </>;\n});\n"],
+  "mappings": "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",
+  "names": ["lazy", "createContext", "React", "useCallback", "useMemo", "useState", "createPortal", "Surface", "AppSurface", "Obj", "URI", "useClient", "composable", "composableProps", "createEditorController", "useEditorContext", "isNonNullable", "useEditorMenuOptions", "useExtensions", "RegistryContext", "React", "forwardRef", "useCallback", "useContext", "useEffect", "useImperativeHandle", "useMemo", "useCapabilities", "useThemeContext", "useTranslation", "useTextEditor", "mobileSlots", "createBasicExtensions", "createMarkdownExtensions", "createThemeExtensions", "dropFile", "documentSlots", "formattingListener", "processEditorPayload", "editorClassNames", "scrollbarAutohide", "mx", "isTruthy", "meta", "MarkdownCapabilities", "MarkdownEditorContent", "classNames", "id", "attendableId", "role", "compact", "viewMode", "initialValue", "editorStateStore", "toolbarState", "extensions", "slots", "onFileUpload", "forwardedRef", "t", "themeMode", "registry", "updateToolbarState", "formatting", "set", "get", "scrollTo", "selection", "getState", "parentRef", "view", "editorView", "focusAttributes", "selectionEnd", "readOnly", "placeholder", "scrollPastEnd", "search", "syntaxHighlighting", "onDrop", "files", "file", "info", "undefined", "type", "data", "url", "filter", "editorViewRegistry", "EditorViews", "register", "unregister", "useTest", "div", "className", "data-testid", "data-popover-collision-boundary", "ref", "composer", "window", "React", "useCallback", "useState", "composable", "composableProps", "Editor", "React", "forwardRef", "useEffect", "useImperativeHandle", "createPortal", "useDropzone", "addLink", "IMAGE_FILES", "FileUpload", "getView", "onFileUpload", "forwardedRef", "acceptedFiles", "open", "inputRef", "disabled", "multiple", "noDrag", "accept", "length", "requestAnimationFrame", "editorView", "f", "file", "File", "name", "type", "lastModified", "info", "url", "image", "input", "ref", "document", "body", "MarkdownEditorToolbar", "composable", "id", "role", "getView", "customActions", "onAction", "onFileUpload", "onViewModeChange", "props", "forwardedRef", "className", "rest", "composableProps", "upload", "setUpload", "useState", "uploadRef", "useCallback", "next", "React", "div", "ref", "Editor", "Toolbar", "classNames", "attendableId", "onImageUpload", "undefined", "FileUpload", "MarkdownEditorContextProvider", "useMarkdownEditorContext", "createContext", "MarkdownEditorProvider", "children", "id", "attendableId", "object", "settings", "compact", "viewMode", "selectionManager", "editorStateStore", "extensions", "extensionsProp", "slashCommandGroups", "onLinkQuery", "onSelectObject", "onAction", "onFileUpload", "onViewModeChange", "previewBlocks", "setPreviewBlocks", "useState", "previewOptions", "useMemo", "db", "Obj", "isObject", "getDatabase", "undefined", "addBlockContainer", "block", "prev", "removeBlockContainer", "link", "filter", "prevLink", "dxn", "menuOptions", "useEditorMenuOptions", "coreExtensions", "useExtensions", "isNonNullable", "flat", "editorRootProps", "getMenu", "trigger", "placeholder", "triggerKey", "markdownContextValue", "React", "displayName", "MARKDOWN_EDITOR_CONTENT_NAME", "MarkdownEditorContent", "composable", "compactProp", "props", "_forwardedRef", "setController", "state", "useEditorContext", "handleRef", "useCallback", "view", "createEditorController", "NaturalMarkdownEditorContent", "composableProps", "toolbarState", "ref", "MARKDOWN_EDITOR_TOOLBAR_NAME", "MarkdownEditorToolbar", "controller", "getView", "NaturalMarkdownToolbar", "MARKDOWN_EDITOR_BLOCKS_NAME", "MarkdownEditorBlocks", "_props", "map", "el", "PreviewBlock", "key", "client", "useClient", "URI", "make", "subject", "graph", "makeRef", "target", "data", "createPortal", "Surface", "type", "AppSurface", "Card", "limit", "MarkdownEditor", "Content", "Toolbar", "Blocks", "MarkdownSettings", "lazy"]
+}

package/dist/lib/neutral/containers/index.mjs

@@ -0,0 +1,13 @@
+import "../chunk-J5LGTIGS.mjs";
+
+// src/containers/index.ts
+import { lazy } from "react";
+var MarkdownCard = lazy(() => import("../MarkdownCard-TBLIRDBO.mjs"));
+var EditableMarkdownCard = lazy(() => import("../EditableMarkdownCard-AW7MD35U.mjs"));
+var MarkdownArticle = lazy(() => import("../MarkdownArticle-LWT5RFFJ.mjs"));
+export {
+  EditableMarkdownCard,
+  MarkdownArticle,
+  MarkdownCard
+};
+//# sourceMappingURL=index.mjs.map

package/dist/lib/neutral/containers/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/containers/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { type ComponentType, lazy } from 'react';\n\nexport type { MarkdownArticleProps } from './MarkdownArticle';\n\nexport const MarkdownCard: ComponentType<any> = lazy(() => import('./MarkdownCard'));\nexport const EditableMarkdownCard: ComponentType<any> = lazy(() => import('./EditableMarkdownCard'));\nexport const MarkdownArticle: ComponentType<any> = lazy(() => import('./MarkdownArticle'));\n"],
+  "mappings": ";;;AAIA,SAA6BA,YAAY;AAIlC,IAAMC,eAAmCD,KAAK,MAAM,OAAO,8BAAA,CAAA;AAC3D,IAAME,uBAA2CF,KAAK,MAAM,OAAO,sCAAA,CAAA;AACnE,IAAMG,kBAAsCH,KAAK,MAAM,OAAO,iCAAA,CAAA;",
+  "names": ["lazy", "MarkdownCard", "EditableMarkdownCard", "MarkdownArticle"]
+}

package/dist/lib/neutral/create-JK35XC4R.mjs

@@ -0,0 +1,29 @@
+import {
+  MarkdownOperation_exports,
+  Markdown_exports
+} from "./chunk-Y2LQRUU7.mjs";
+import "./chunk-J5LGTIGS.mjs";
+
+// src/operations/create.ts
+import * as Effect from "effect/Effect";
+import { CollectionModel } from "@dxos/app-toolkit";
+import { Operation } from "@dxos/compute";
+import { Database, Obj } from "@dxos/echo";
+var handler = MarkdownOperation_exports.Create.pipe(Operation.withHandler(Effect.fn(function* ({ name, content }) {
+  const object = yield* Database.add(Markdown_exports.make({
+    name,
+    content
+  }));
+  yield* CollectionModel.add({
+    object
+  }).pipe(Effect.catchTag("EntityNotFoundError", () => Effect.void));
+  yield* Database.flush();
+  return {
+    id: Obj.getURI(object)
+  };
+})));
+var create_default = handler;
+export {
+  create_default as default
+};
+//# sourceMappingURL=create-JK35XC4R.mjs.map

package/dist/lib/neutral/create-JK35XC4R.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/operations/create.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { CollectionModel } from '@dxos/app-toolkit';\nimport { Operation } from '@dxos/compute';\nimport { Database, Obj } from '@dxos/echo';\n\nimport { Markdown, MarkdownOperation } from '../types';\n\nconst handler: Operation.WithHandler<typeof MarkdownOperation.Create> = MarkdownOperation.Create.pipe(\n  Operation.withHandler(\n    Effect.fn(function* ({ name, content }) {\n      // Add the object to the database directly so it is persisted with a space-qualified URI and is\n      // resolvable by id. `CollectionModel.add` only pushes a `Ref` into the space root collection;\n      // when that collection does not yet exist (e.g. a freshly-created space in a headless/agent\n      // flow) it builds a detached collection that never triggers the transitive ref-save, leaving\n      // the object unattached — so a returned `echo:/<id>` never resolves.\n      const object = yield* Database.add(Markdown.make({ name, content }));\n\n      // Best-effort: add to the space root collection for navigation. Concurrent sub-agents both\n      // materializing the root collection can throw EntityNotFoundError while loading a\n      // not-yet-flushed collection ref; the document itself is already persisted above, so swallow\n      // ONLY that transient case and let any other (non-race) failure surface.\n      yield* CollectionModel.add({ object }).pipe(Effect.catchTag('EntityNotFoundError', () => Effect.void));\n\n      // Persist before returning the id so other tools/processes (e.g. an agent's add-artifact, run\n      // as a separate invocation) can resolve the freshly-created document.\n      yield* Database.flush();\n\n      return {\n        id: Obj.getURI(object),\n      };\n    }),\n  ),\n);\n\nexport default handler;\n"],
+  "mappings": ";;;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,uBAAuB;AAChC,SAASC,iBAAiB;AAC1B,SAASC,UAAUC,WAAW;AAI9B,IAAMC,UAAkEC,0BAAkBC,OAAOC,KAC/FC,UAAUC,YACDC,UAAG,WAAW,EAAEC,MAAMC,QAAO,GAAE;AAMpC,QAAMC,SAAS,OAAOC,SAASC,IAAIC,iBAASC,KAAK;IAAEN;IAAMC;EAAQ,CAAA,CAAA;AAMjE,SAAOM,gBAAgBH,IAAI;IAAEF;EAAO,CAAA,EAAGN,KAAYY,gBAAS,uBAAuB,MAAaC,WAAI,CAAA;AAIpG,SAAON,SAASO,MAAK;AAErB,SAAO;IACLC,IAAIC,IAAIC,OAAOX,MAAAA;EACjB;AACF,CAAA,CAAA,CAAA;AAIJ,IAAA,iBAAeT;",
+  "names": ["Effect", "CollectionModel", "Operation", "Database", "Obj", "handler", "MarkdownOperation", "Create", "pipe", "Operation", "withHandler", "fn", "name", "content", "object", "Database", "add", "Markdown", "make", "CollectionModel", "catchTag", "void", "flush", "id", "Obj", "getURI"]
+}

package/dist/lib/neutral/create-markdown-7MLE625M.mjs

@@ -0,0 +1,20 @@
+import {
+  MarkdownOperation_exports,
+  Markdown_exports
+} from "./chunk-Y2LQRUU7.mjs";
+import "./chunk-J5LGTIGS.mjs";
+
+// src/operations/create-markdown.ts
+import * as Effect from "effect/Effect";
+import { Operation } from "@dxos/compute";
+var handler = MarkdownOperation_exports.CreateMarkdown.pipe(Operation.withHandler(({ name, content }) => Effect.succeed({
+  object: Markdown_exports.make({
+    name,
+    content
+  })
+})));
+var create_markdown_default = handler;
+export {
+  create_markdown_default as default
+};
+//# sourceMappingURL=create-markdown-7MLE625M.mjs.map

package/dist/lib/neutral/create-markdown-7MLE625M.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/operations/create-markdown.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Operation } from '@dxos/compute';\n\nimport { Markdown, MarkdownOperation } from '../types';\n\nconst handler: Operation.WithHandler<typeof MarkdownOperation.CreateMarkdown> = MarkdownOperation.CreateMarkdown.pipe(\n  Operation.withHandler(({ name, content }) =>\n    Effect.succeed({\n      object: Markdown.make({ name, content }),\n    }),\n  ),\n);\n\nexport default handler;\n"],
+  "mappings": ";;;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,iBAAiB;AAI1B,IAAMC,UAA0EC,0BAAkBC,eAAeC,KAC/GC,UAAUC,YAAY,CAAC,EAAEC,MAAMC,QAAO,MAC7BC,eAAQ;EACbC,QAAQC,iBAASC,KAAK;IAAEL;IAAMC;EAAQ,CAAA;AACxC,CAAA,CAAA,CAAA;AAIJ,IAAA,0BAAeP;",
+  "names": ["Effect", "Operation", "handler", "MarkdownOperation", "CreateMarkdown", "pipe", "Operation", "withHandler", "name", "content", "succeed", "object", "Markdown", "make"]
+}

package/dist/lib/neutral/create-object-MU2LGXG6.mjs

@@ -0,0 +1,31 @@
+import {
+  getDocumentsPath
+} from "./chunk-67DKWOKF.mjs";
+import "./chunk-J5LGTIGS.mjs";
+
+// src/capabilities/create-object.ts
+import * as Effect from "effect/Effect";
+import { Capability } from "@dxos/app-framework";
+import { Operation } from "@dxos/compute";
+import { Type } from "@dxos/echo";
+import { SpaceOperation } from "@dxos/plugin-space";
+import { SpaceCapabilities } from "@dxos/plugin-space";
+import { Markdown } from "#types";
+var create_object_default = Capability.makeModule(Effect.fnUntraced(function* () {
+  return Capability.contributes(SpaceCapabilities.CreateObjectEntry, {
+    id: Type.getTypename(Markdown.Document),
+    createObject: (props, options) => Effect.gen(function* () {
+      const object = Markdown.make(props);
+      return yield* Operation.invoke(SpaceOperation.AddObject, {
+        object,
+        target: options.target,
+        hidden: true,
+        targetNodeId: options.targetNodeId ?? getDocumentsPath(options.db.spaceId)
+      });
+    })
+  });
+}));
+export {
+  create_object_default as default
+};
+//# sourceMappingURL=create-object-MU2LGXG6.mjs.map

package/dist/lib/neutral/create-object-MU2LGXG6.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/create-object.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Capability } from '@dxos/app-framework';\nimport { Operation } from '@dxos/compute';\nimport { Type } from '@dxos/echo';\nimport { SpaceOperation } from '@dxos/plugin-space';\nimport { SpaceCapabilities } from '@dxos/plugin-space';\n\nimport { Markdown } from '#types';\n\nimport { getDocumentsPath } from '../paths';\n\nexport default Capability.makeModule(\n  Effect.fnUntraced(function* () {\n    return Capability.contributes(SpaceCapabilities.CreateObjectEntry, {\n      id: Type.getTypename(Markdown.Document),\n      createObject: (props, options) =>\n        Effect.gen(function* () {\n          const object = Markdown.make(props);\n          return yield* Operation.invoke(SpaceOperation.AddObject, {\n            object,\n            target: options.target,\n            hidden: true,\n            targetNodeId: options.targetNodeId ?? getDocumentsPath(options.db.spaceId),\n          });\n        }),\n    });\n  }),\n);\n"],
+  "mappings": ";;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,kBAAkB;AAC3B,SAASC,iBAAiB;AAC1B,SAASC,YAAY;AACrB,SAASC,sBAAsB;AAC/B,SAASC,yBAAyB;AAElC,SAASC,gBAAgB;AAIzB,IAAA,wBAAeC,WAAWC,WACjBC,kBAAW,aAAA;AAChB,SAAOF,WAAWG,YAAYC,kBAAkBC,mBAAmB;IACjEC,IAAIC,KAAKC,YAAYC,SAASC,QAAQ;IACtCC,cAAc,CAACC,OAAOC,YACbC,WAAI,aAAA;AACT,YAAMC,SAASN,SAASO,KAAKJ,KAAAA;AAC7B,aAAO,OAAOK,UAAUC,OAAOC,eAAeC,WAAW;QACvDL;QACAM,QAAQR,QAAQQ;QAChBC,QAAQ;QACRC,cAAcV,QAAQU,gBAAgBC,iBAAiBX,QAAQY,GAAGC,OAAO;MAC3E,CAAA;IACF,CAAA;EACJ,CAAA;AACF,CAAA,CAAA;",
+  "names": ["Effect", "Capability", "Operation", "Type", "SpaceOperation", "SpaceCapabilities", "Markdown", "Capability", "makeModule", "fnUntraced", "contributes", "SpaceCapabilities", "CreateObjectEntry", "id", "Type", "getTypename", "Markdown", "Document", "createObject", "props", "options", "gen", "object", "make", "Operation", "invoke", "SpaceOperation", "AddObject", "target", "hidden", "targetNodeId", "getDocumentsPath", "db", "spaceId"]
+}