@dxos/plugin-markdown 0.8.4-main.70d3990 → 0.8.4-main.7996785055

package/dist/lib/browser/MarkdownCard-ZHQBD4AV.mjs

@@ -0,0 +1,122 @@
+import {
+  MarkdownEditor,
+  getContentSnippet
+} from "./chunk-YALLVET2.mjs";
+import {
+  Markdown_exports
+} from "./chunk-5VT6IW5B.mjs";
+import {
+  meta
+} from "./chunk-RYZHVXZ5.mjs";
+
+// src/containers/MarkdownCard/MarkdownCard.tsx
+import React, { useMemo } from "react";
+import { Obj } from "@dxos/echo";
+import { Card, useTranslation } from "@dxos/react-ui";
+import { Text } from "@dxos/schema";
+
+// src/containers/MarkdownCard/snippet.ts
+import { EditorView, ViewPlugin } from "@codemirror/view";
+var snippet = ({ height, scale = 1 }) => {
+  const internalHeight = Math.round(height / scale);
+  const clipPlugin = ViewPlugin.fromClass(class SnippetPlugin {
+    clipHeight = 0;
+    update(update) {
+      update.view.requestMeasure({
+        // key dedupliactes concurrent requests within the same animation frame.
+        key: this,
+        read: (view) => {
+          const containerHeight = view.dom.clientHeight;
+          if (containerHeight === 0) {
+            return 0;
+          }
+          const block = view.lineBlockAtHeight(containerHeight - 1);
+          return block.top + block.height > containerHeight ? block.top : containerHeight;
+        },
+        write: (clipHeight, view) => {
+          if (clipHeight > 0 && clipHeight !== this.clipHeight) {
+            this.clipHeight = clipHeight;
+            view.dom.style.maxHeight = `${clipHeight}px`;
+          }
+        }
+      });
+    }
+  });
+  return [
+    clipPlugin,
+    EditorView.theme({
+      "&": {
+        maxHeight: `${internalHeight}px`,
+        overflow: "hidden",
+        ...scale !== 1 && {
+          zoom: `${scale}`
+        }
+      },
+      ".cm-content": {
+        whiteSpace: "pre",
+        margin: "0",
+        padding: "0"
+      },
+      ".cm-line": {
+        padding: "0"
+      },
+      ".cm-scroller": {
+        overflow: "hidden !important"
+      }
+    })
+  ];
+};
+
+// src/containers/MarkdownCard/MarkdownCard.tsx
+var MarkdownCard = ({ subject }) => {
+  const { t } = useTranslation(meta.id);
+  const snippet2 = useMemo(() => getSnippet(subject), [
+    subject
+  ]);
+  const extensions = useMemo(() => [
+    snippet({
+      height: 240,
+      scale: 0.8
+    })
+  ], []);
+  const info = getInfo(subject);
+  return /* @__PURE__ */ React.createElement(Card.Content, null, snippet2 && /* @__PURE__ */ React.createElement(Card.Section, {
+    className: "px-1"
+  }, /* @__PURE__ */ React.createElement(MarkdownEditor.Root, {
+    id: subject.id,
+    viewMode: "readonly",
+    extensions
+  }, /* @__PURE__ */ React.createElement(MarkdownEditor.Content, {
+    initialValue: snippet2,
+    slots: {
+      content: {
+        className: "m-0"
+      }
+    }
+  }))), /* @__PURE__ */ React.createElement(Card.Section, null, /* @__PURE__ */ React.createElement(Card.Text, {
+    classNames: "px-1.5 text-xs text-description"
+  }, info.words, " ", t("words label", {
+    count: info.words
+  }))));
+};
+var MAX_LINES = 5;
+var getSnippet = (subject, fallback) => {
+  if (Obj.instanceOf(Markdown_exports.Document, subject)) {
+    return Obj.getDescription(subject) || getContentSnippet(subject.content?.target?.content ?? fallback, MAX_LINES);
+  } else if (Obj.instanceOf(Text.Text, subject)) {
+    return getContentSnippet(subject.content ?? fallback, MAX_LINES);
+  }
+};
+var getInfo = (subject) => {
+  const text = (Obj.instanceOf(Markdown_exports.Document, subject) ? subject.content?.target?.content : subject.content) ?? "";
+  return {
+    words: text.split(" ").length
+  };
+};
+
+// src/containers/MarkdownCard/index.ts
+var MarkdownCard_default = MarkdownCard;
+export {
+  MarkdownCard_default as default
+};
+//# sourceMappingURL=MarkdownCard-ZHQBD4AV.mjs.map

package/dist/lib/browser/MarkdownCard-ZHQBD4AV.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/MarkdownCard/MarkdownCard.tsx", "../../../src/containers/MarkdownCard/snippet.ts", "../../../src/containers/MarkdownCard/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useMemo } from 'react';\n\nimport { Obj } from '@dxos/echo';\nimport { Card, useTranslation } from '@dxos/react-ui';\nimport { Text } from '@dxos/schema';\n\nimport { MarkdownEditor } from '../../components';\nimport { meta } from '../../meta';\nimport { Markdown } from '../../types';\nimport { getContentSnippet } from '../../util';\n\nimport { snippet as snippetExtension } from './snippet';\n\nexport type MarkdownCardProps = { subject: Markdown.Document | Text.Text };\n\nexport const MarkdownCard = ({ subject }: MarkdownCardProps) => {\n  const { t } = useTranslation(meta.id);\n  const snippet = useMemo(() => getSnippet(subject), [subject]);\n  const extensions = useMemo(() => [snippetExtension({ height: 240, scale: 0.8 })], []);\n  const info = getInfo(subject);\n\n  return (\n    <Card.Content>\n      {snippet && (\n        <Card.Section className='px-1'>\n          <MarkdownEditor.Root id={subject.id} viewMode='readonly' extensions={extensions}>\n            <MarkdownEditor.Content initialValue={snippet} slots={{ content: { className: 'm-0' } }} />\n          </MarkdownEditor.Root>\n        </Card.Section>\n      )}\n      <Card.Section>\n        <Card.Text classNames='px-1.5 text-xs text-description'>\n          {info.words} {t('words label', { count: info.words })}\n        </Card.Text>\n      </Card.Section>\n    </Card.Content>\n  );\n};\n\nconst MAX_LINES = 5;\n\nconst getSnippet = (subject: Markdown.Document | Text.Text, fallback?: string) => {\n  if (Obj.instanceOf(Markdown.Document, subject)) {\n    return Obj.getDescription(subject) || getContentSnippet(subject.content?.target?.content ?? fallback, MAX_LINES);\n  } else if (Obj.instanceOf(Text.Text, subject)) {\n    return getContentSnippet(subject.content ?? fallback, MAX_LINES);\n  }\n};\n\nconst getInfo = (subject: Markdown.Document | Text.Text) => {\n  const text = (Obj.instanceOf(Markdown.Document, subject) ? subject.content?.target?.content : subject.content) ?? '';\n  return { words: text.split(' ').length };\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type PluginValue, EditorView, ViewPlugin, type ViewUpdate } from '@codemirror/view';\n\nexport type SnippetOptions = {\n  /** Maximum height of the editor in pixels. Content is clipped to whole lines within this height. */\n  height: number;\n  /** Zoom factor applied to the editor (e.g. 0.5 renders at 50%). @default 1 */\n  scale?: number;\n};\n\n/**\n * CodeMirror extension for rendering a non-scrollable snippet of editor content.\n * Constrains the editor to the given height, clips to whole line boundaries,\n * and disables scrolling entirely.\n * Uses requestMeasure to read post-layout heights and lineBlockAtHeight to handle\n * varying line heights from headings and other decorated blocks.\n */\nexport const snippet = ({ height, scale = 1 }: SnippetOptions) => {\n  // Internal height is divided by scale so the visible area matches the requested height.\n  const internalHeight = Math.round(height / scale);\n\n  const clipPlugin = ViewPlugin.fromClass(\n    class SnippetPlugin implements PluginValue {\n      private clipHeight = 0;\n\n      update(update: ViewUpdate) {\n        update.view.requestMeasure({\n          // key dedupliactes concurrent requests within the same animation frame.\n          key: this,\n          read: (view) => {\n            const containerHeight = view.dom.clientHeight;\n            if (containerHeight === 0) {\n              return 0;\n            }\n            // Find the block (line) at the very bottom of the visible area.\n            const block = view.lineBlockAtHeight(containerHeight - 1);\n            // If the block overflows the container, clip at the block's top edge.\n            return block.top + block.height > containerHeight ? block.top : containerHeight;\n          },\n          write: (clipHeight, view) => {\n            if (clipHeight > 0 && clipHeight !== this.clipHeight) {\n              this.clipHeight = clipHeight;\n              view.dom.style.maxHeight = `${clipHeight}px`;\n            }\n          },\n        });\n      }\n    },\n  );\n\n  return [\n    clipPlugin,\n    EditorView.theme({\n      '&': {\n        maxHeight: `${internalHeight}px`,\n        overflow: 'hidden',\n        ...(scale !== 1 && { zoom: `${scale}` }),\n      },\n      '.cm-content': {\n        whiteSpace: 'pre',\n        margin: '0',\n        padding: '0',\n      },\n      '.cm-line': {\n        padding: '0',\n      },\n      '.cm-scroller': {\n        overflow: 'hidden !important',\n      },\n    }),\n  ];\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { MarkdownCard } from './MarkdownCard';\n\nexport default MarkdownCard;\n"],
+  "mappings": "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",
+  "names": ["React", "useMemo", "Obj", "Card", "useTranslation", "Text", "EditorView", "ViewPlugin", "snippet", "height", "scale", "internalHeight", "Math", "round", "clipPlugin", "ViewPlugin", "fromClass", "SnippetPlugin", "clipHeight", "update", "view", "requestMeasure", "key", "read", "containerHeight", "dom", "clientHeight", "block", "lineBlockAtHeight", "top", "write", "style", "maxHeight", "EditorView", "theme", "overflow", "zoom", "whiteSpace", "margin", "padding", "MarkdownCard", "subject", "t", "useTranslation", "meta", "id", "snippet", "useMemo", "getSnippet", "extensions", "snippetExtension", "height", "scale", "info", "getInfo", "Card", "Content", "Section", "className", "MarkdownEditor", "Root", "viewMode", "initialValue", "slots", "content", "Text", "classNames", "words", "count", "MAX_LINES", "fallback", "Obj", "instanceOf", "Markdown", "Document", "getDescription", "getContentSnippet", "target", "text", "split", "length", "MarkdownCard"]
+}

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

@@ -0,0 +1,125 @@
+import {
+  MarkdownEditor,
+  useLinkQuery
+} from "./chunk-YALLVET2.mjs";
+import {
+  MarkdownCapabilities,
+  Markdown_exports
+} from "./chunk-5VT6IW5B.mjs";
+import "./chunk-RYZHVXZ5.mjs";
+
+// src/containers/MarkdownContainer/MarkdownContainer.tsx
+import { Atom } from "@effect-atom/atom-react";
+import React, { forwardRef, useCallback, useMemo } from "react";
+import { useCapabilities, useOperationInvoker } from "@dxos/app-framework/ui";
+import { AppCapabilities, LayoutOperation } from "@dxos/app-toolkit";
+import { useAppGraph } from "@dxos/app-toolkit/ui";
+import { Obj } from "@dxos/echo";
+import { useActionRunner } from "@dxos/plugin-graph";
+import { useObject } from "@dxos/react-client/echo";
+import { Panel } from "@dxos/react-ui";
+import { Text } from "@dxos/schema";
+var MarkdownContainer = /* @__PURE__ */ forwardRef(({ role, subject: object, id, attendableId, settings, extensionProviders, onSelectObject, ...props }, forwardedRef) => {
+  const db = Obj.isObject(object) ? Obj.getDatabase(object) : void 0;
+  const [docContent] = useObject(Obj.instanceOf(Markdown_exports.Document, object) ? object.content : void 0, "content");
+  const [textContent] = useObject(Obj.instanceOf(Text.Text, object) ? object : void 0, "content");
+  const initialValue = docContent ?? textContent;
+  const otherExtensionProviders = useCapabilities(MarkdownCapabilities.Extensions);
+  const extensions = useMemo(() => {
+    if (!Obj.instanceOf(Markdown_exports.Document, object) && !Obj.instanceOf(Text.Text, object)) {
+      return [];
+    }
+    return [
+      ...otherExtensionProviders ?? [],
+      ...extensionProviders ?? []
+    ].flat().reduce((acc, provider) => {
+      const extension = typeof provider === "function" ? provider({
+        document: object
+      }) : provider;
+      if (extension) {
+        acc.push(extension);
+      }
+      return acc;
+    }, []);
+  }, [
+    extensionProviders,
+    otherExtensionProviders,
+    object
+  ]);
+  const { graph } = useAppGraph();
+  const runAction = useActionRunner();
+  const customActions = useMemo(() => {
+    return Atom.make((get) => {
+      const actions = get(graph.actions(attendableId ?? id));
+      const nodes = actions.filter((action) => action.properties.disposition === "toolbar");
+      const edges = nodes.map((node) => ({
+        source: "root",
+        target: node.id,
+        relation: "child"
+      }));
+      return {
+        nodes,
+        edges
+      };
+    });
+  }, [
+    graph
+  ]);
+  const [upload] = useCapabilities(AppCapabilities.FileUploader);
+  const handleFileUpload = useMemo(() => {
+    if (!db || !upload) {
+      return void 0;
+    }
+    return async (file) => upload(db, file);
+  }, [
+    db,
+    upload
+  ]);
+  const handleLinkQuery = useLinkQuery(db);
+  const { invokePromise } = useOperationInvoker();
+  const handleSelectObject = useCallback((targetId) => {
+    if (onSelectObject) {
+      onSelectObject(targetId);
+    } else {
+      void invokePromise?.(LayoutOperation.Open, {
+        subject: [
+          targetId
+        ],
+        pivotId: attendableId
+      });
+    }
+  }, [
+    onSelectObject,
+    invokePromise,
+    object,
+    id
+  ]);
+  return /* @__PURE__ */ React.createElement(MarkdownEditor.Root, {
+    id,
+    attendableId,
+    object,
+    compact: role !== "article",
+    extensions,
+    settings,
+    onAction: runAction,
+    onFileUpload: handleFileUpload,
+    onLinkQuery: handleLinkQuery,
+    onSelectObject: handleSelectObject,
+    ...props
+  }, /* @__PURE__ */ React.createElement(Panel.Root, {
+    role,
+    ref: forwardedRef
+  }, settings.toolbar && /* @__PURE__ */ React.createElement(Panel.Toolbar, {
+    classNames: "bg-toolbar-surface"
+  }, /* @__PURE__ */ React.createElement(MarkdownEditor.Toolbar, {
+    classNames: "dx-document",
+    customActions
+  })), /* @__PURE__ */ React.createElement(Panel.Content, null, /* @__PURE__ */ React.createElement(MarkdownEditor.Content, {
+    initialValue
+  }), /* @__PURE__ */ React.createElement(MarkdownEditor.Blocks, null))));
+});
+export {
+  MarkdownContainer,
+  MarkdownContainer as default
+};
+//# sourceMappingURL=MarkdownContainer-XEUOYBPA.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/MarkdownContainer/MarkdownContainer.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { type Extension } from '@codemirror/state';\nimport { Atom } from '@effect-atom/atom-react';\nimport React, { forwardRef, useCallback, useMemo } from 'react';\n\nimport { useCapabilities, useOperationInvoker } from '@dxos/app-framework/ui';\nimport { AppCapabilities, LayoutOperation } from '@dxos/app-toolkit';\nimport { type SurfaceComponentProps } from '@dxos/app-toolkit/ui';\nimport { useAppGraph } from '@dxos/app-toolkit/ui';\nimport { Obj } from '@dxos/echo';\nimport { useActionRunner } from '@dxos/plugin-graph';\nimport { useObject } from '@dxos/react-client/echo';\nimport { Panel } from '@dxos/react-ui';\nimport { type SelectionManager } from '@dxos/react-ui-attention';\nimport { Text } from '@dxos/schema';\n\nimport { MarkdownEditor, type MarkdownEditorContentProps, type MarkdownEditorRootProps } from '../../components';\nimport { useLinkQuery } from '../../hooks';\nimport { Markdown, MarkdownCapabilities, type MarkdownPluginState } from '../../types';\n\nexport type MarkdownContainerProps = SurfaceComponentProps<\n  Markdown.Document | Text.Text,\n  {\n    id: string;\n    settings: Markdown.Settings;\n    selectionManager?: SelectionManager;\n  } & Pick<MarkdownPluginState, 'extensionProviders'> &\n    Pick<MarkdownEditorRootProps, 'viewMode' | 'onSelectObject' | 'onViewModeChange'> &\n    Pick<MarkdownEditorContentProps, 'editorStateStore'>\n>;\n\nexport const MarkdownContainer = forwardRef<HTMLDivElement, MarkdownContainerProps>(\n  (\n    { role, subject: object, id, attendableId, settings, extensionProviders, onSelectObject, ...props },\n    forwardedRef,\n  ) => {\n    const db = Obj.isObject(object) ? Obj.getDatabase(object) : undefined;\n    const [docContent] = useObject(Obj.instanceOf(Markdown.Document, object) ? object.content : undefined, 'content');\n    const [textContent] = useObject(Obj.instanceOf(Text.Text, object) ? object : undefined, 'content');\n    const initialValue = docContent ?? textContent;\n\n    // Extensions from other plugins.\n    const otherExtensionProviders = useCapabilities(MarkdownCapabilities.Extensions);\n    const extensions = useMemo<Extension[]>(() => {\n      if (!Obj.instanceOf(Markdown.Document, object) && !Obj.instanceOf(Text.Text, object)) {\n        return [];\n      }\n\n      return [...(otherExtensionProviders ?? []), ...(extensionProviders ?? [])]\n        .flat()\n        .reduce((acc: Extension[], provider) => {\n          const extension =\n            typeof provider === 'function' ? provider({ document: object as Markdown.Document }) : provider;\n          if (extension) {\n            acc.push(extension);\n          }\n\n          return acc;\n        }, []);\n    }, [extensionProviders, otherExtensionProviders, object]);\n\n    // Toolbar actions from app graph.\n    const { graph } = useAppGraph();\n    const runAction = useActionRunner();\n    const customActions = useMemo(() => {\n      return Atom.make((get) => {\n        const actions = get(graph.actions(attendableId ?? id));\n        const nodes = actions.filter((action) => action.properties.disposition === 'toolbar');\n        const edges = nodes.map((node) => ({ source: 'root', target: node.id, relation: 'child' }));\n        return { nodes, edges };\n      });\n    }, [graph]);\n\n    // File upload.\n    const [upload] = useCapabilities(AppCapabilities.FileUploader);\n    const handleFileUpload = useMemo(() => {\n      if (!db || !upload) {\n        return undefined;\n      }\n\n      return async (file: File) => upload(db, file);\n    }, [db, upload]);\n\n    // Query for @ refs.\n    const handleLinkQuery = useLinkQuery(db);\n\n    // Open linked objects.\n    const { invokePromise } = useOperationInvoker();\n    const handleSelectObject = useCallback(\n      (targetId: string) => {\n        if (onSelectObject) {\n          onSelectObject(targetId);\n        } else {\n          void invokePromise?.(LayoutOperation.Open, {\n            subject: [targetId],\n            pivotId: attendableId,\n          });\n        }\n      },\n      [onSelectObject, invokePromise, object, id],\n    );\n\n    return (\n      <MarkdownEditor.Root\n        id={id}\n        attendableId={attendableId}\n        object={object}\n        compact={role !== 'article'}\n        extensions={extensions}\n        settings={settings}\n        onAction={runAction}\n        onFileUpload={handleFileUpload}\n        onLinkQuery={handleLinkQuery}\n        onSelectObject={handleSelectObject}\n        {...props}\n      >\n        <Panel.Root role={role} ref={forwardedRef}>\n          {settings.toolbar && (\n            <Panel.Toolbar classNames='bg-toolbar-surface'>\n              <MarkdownEditor.Toolbar classNames='dx-document' customActions={customActions} />\n            </Panel.Toolbar>\n          )}\n          <Panel.Content>\n            <MarkdownEditor.Content initialValue={initialValue} />\n            <MarkdownEditor.Blocks />\n          </Panel.Content>\n        </Panel.Root>\n      </MarkdownEditor.Root>\n    );\n  },\n);\n"],
+  "mappings": "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",
+  "names": ["Atom", "React", "forwardRef", "useCallback", "useMemo", "useCapabilities", "useOperationInvoker", "AppCapabilities", "LayoutOperation", "useAppGraph", "Obj", "useActionRunner", "useObject", "Panel", "Text", "MarkdownContainer", "forwardRef", "role", "subject", "object", "id", "attendableId", "settings", "extensionProviders", "onSelectObject", "props", "forwardedRef", "db", "Obj", "isObject", "getDatabase", "undefined", "docContent", "useObject", "instanceOf", "Markdown", "Document", "content", "textContent", "Text", "initialValue", "otherExtensionProviders", "useCapabilities", "MarkdownCapabilities", "Extensions", "extensions", "useMemo", "flat", "reduce", "acc", "provider", "extension", "document", "push", "graph", "useAppGraph", "runAction", "useActionRunner", "customActions", "Atom", "make", "get", "actions", "nodes", "filter", "action", "properties", "disposition", "edges", "map", "node", "source", "target", "relation", "upload", "AppCapabilities", "FileUploader", "handleFileUpload", "file", "handleLinkQuery", "useLinkQuery", "invokePromise", "useOperationInvoker", "handleSelectObject", "useCallback", "targetId", "LayoutOperation", "Open", "pivotId", "MarkdownEditor", "Root", "compact", "onAction", "onFileUpload", "onLinkQuery", "Panel", "ref", "toolbar", "Toolbar", "classNames", "Content", "Blocks"]
+}

package/dist/lib/browser/MarkdownSettings-OD7AJSSJ.mjs

@@ -0,0 +1,106 @@
+import {
+  meta
+} from "./chunk-RYZHVXZ5.mjs";
+
+// src/containers/MarkdownSettings/MarkdownSettings.tsx
+import React from "react";
+import { Input, Select, useTranslation } from "@dxos/react-ui";
+import { Settings } from "@dxos/react-ui-form";
+import { EditorInputModes, EditorViewModes } from "@dxos/ui-editor";
+var MarkdownSettings = ({ settings, onSettingsChange }) => {
+  const { t } = useTranslation(meta.id);
+  return /* @__PURE__ */ React.createElement(Settings.Root, null, /* @__PURE__ */ React.createElement(Settings.Section, {
+    title: t("settings title", {
+      ns: meta.id
+    })
+  }, /* @__PURE__ */ React.createElement(Settings.Group, null, /* @__PURE__ */ React.createElement(Settings.ItemInput, {
+    title: t("default view mode label")
+  }, /* @__PURE__ */ React.createElement(Select.Root, {
+    value: settings.defaultViewMode,
+    onValueChange: (value) => {
+      onSettingsChange((s) => ({
+        ...s,
+        defaultViewMode: value
+      }));
+    }
+  }, /* @__PURE__ */ React.createElement(Select.TriggerButton, null), /* @__PURE__ */ React.createElement(Select.Portal, null, /* @__PURE__ */ React.createElement(Select.Content, null, /* @__PURE__ */ React.createElement(Select.Viewport, null, EditorViewModes.map((mode) => /* @__PURE__ */ React.createElement(Select.Option, {
+    key: mode,
+    value: mode
+  }, t(`${mode} mode label`, {
+    ns: "@dxos/react-ui-editor"
+  })))), /* @__PURE__ */ React.createElement(Select.Arrow, null))))), /* @__PURE__ */ React.createElement(Settings.ItemInput, {
+    title: t("editor input mode label")
+  }, /* @__PURE__ */ React.createElement(Select.Root, {
+    value: settings.editorInputMode ?? "default",
+    onValueChange: (value) => {
+      onSettingsChange((s) => ({
+        ...s,
+        editorInputMode: value
+      }));
+    }
+  }, /* @__PURE__ */ React.createElement(Select.TriggerButton, {
+    placeholder: t("select editor input mode placeholder")
+  }), /* @__PURE__ */ React.createElement(Select.Portal, null, /* @__PURE__ */ React.createElement(Select.Content, null, /* @__PURE__ */ React.createElement(Select.Viewport, null, EditorInputModes.map((mode) => /* @__PURE__ */ React.createElement(Select.Option, {
+    key: mode,
+    value: mode
+  }, t(`settings editor input mode ${mode} label`)))), /* @__PURE__ */ React.createElement(Select.Arrow, null))))), /* @__PURE__ */ React.createElement(Settings.ItemInput, {
+    title: t("settings toolbar label")
+  }, /* @__PURE__ */ React.createElement(Input.Switch, {
+    checked: settings.toolbar,
+    onCheckedChange: (checked) => onSettingsChange((s) => ({
+      ...s,
+      toolbar: !!checked
+    }))
+  })), /* @__PURE__ */ React.createElement(Settings.ItemInput, {
+    title: t("settings numbered headings label")
+  }, /* @__PURE__ */ React.createElement(Input.Switch, {
+    checked: settings.numberedHeadings,
+    onCheckedChange: (checked) => onSettingsChange((s) => ({
+      ...s,
+      numberedHeadings: !!checked
+    }))
+  })), /* @__PURE__ */ React.createElement(Settings.ItemInput, {
+    title: t("settings folding label")
+  }, /* @__PURE__ */ React.createElement(Input.Switch, {
+    checked: settings.folding,
+    onCheckedChange: (checked) => onSettingsChange((s) => ({
+      ...s,
+      folding: !!checked
+    }))
+  })), /* @__PURE__ */ React.createElement(Settings.ItemInput, {
+    title: t("settings experimental label")
+  }, /* @__PURE__ */ React.createElement(Input.Switch, {
+    checked: settings.experimental,
+    onCheckedChange: (checked) => onSettingsChange((s) => ({
+      ...s,
+      experimental: !!checked
+    }))
+  })), /* @__PURE__ */ React.createElement(Settings.ItemInput, {
+    title: t("settings debug label")
+  }, /* @__PURE__ */ React.createElement(Input.Switch, {
+    checked: settings.debug,
+    onCheckedChange: (checked) => onSettingsChange((s) => ({
+      ...s,
+      debug: !!checked
+    }))
+  })), settings.debug && /* @__PURE__ */ React.createElement(Settings.ItemInput, {
+    title: t("settings debug textarea label", {
+      ns: meta.id
+    })
+  }, /* @__PURE__ */ React.createElement(Input.TextArea, {
+    rows: 5,
+    value: settings.typewriter,
+    onChange: ({ target: { value } }) => onSettingsChange((s) => ({
+      ...s,
+      typewriter: value
+    })),
+    placeholder: t("settings debug placeholder")
+  })))));
+};
+
+// src/containers/MarkdownSettings/index.ts
+var MarkdownSettings_default = MarkdownSettings;
+export {
+  MarkdownSettings_default as default
+};
+//# sourceMappingURL=MarkdownSettings-OD7AJSSJ.mjs.map

package/dist/lib/browser/MarkdownSettings-OD7AJSSJ.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/MarkdownSettings/MarkdownSettings.tsx", "../../../src/containers/MarkdownSettings/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Input, Select, useTranslation } from '@dxos/react-ui';\nimport { Settings } from '@dxos/react-ui-form';\nimport { type EditorInputMode, EditorInputModes, type EditorViewMode, EditorViewModes } from '@dxos/ui-editor';\n\nimport { meta } from '../../meta';\nimport { type Markdown } from '../../types';\n\nexport type MarkdownSettingsComponentProps = {\n  settings: Markdown.Settings;\n  onSettingsChange: (fn: (current: Markdown.Settings) => Markdown.Settings) => void;\n};\n\nexport const MarkdownSettings = ({ settings, onSettingsChange }: MarkdownSettingsComponentProps) => {\n  const { t } = useTranslation(meta.id);\n\n  // TODO(wittjosiah): Add skill test confirmation for entering vim mode.\n  return (\n    <Settings.Root>\n      <Settings.Section title={t('settings title', { ns: meta.id })}>\n        <Settings.Group>\n          <Settings.ItemInput title={t('default view mode label')}>\n            <Select.Root\n              value={settings.defaultViewMode}\n              onValueChange={(value) => {\n                onSettingsChange((s) => ({ ...s, defaultViewMode: value as EditorViewMode }));\n              }}\n            >\n              <Select.TriggerButton />\n              <Select.Portal>\n                <Select.Content>\n                  <Select.Viewport>\n                    {EditorViewModes.map((mode) => (\n                      <Select.Option key={mode} value={mode}>\n                        {t(`${mode} mode label`, { ns: '@dxos/react-ui-editor' })}\n                      </Select.Option>\n                    ))}\n                  </Select.Viewport>\n                  <Select.Arrow />\n                </Select.Content>\n              </Select.Portal>\n            </Select.Root>\n          </Settings.ItemInput>\n\n          <Settings.ItemInput title={t('editor input mode label')}>\n            <Select.Root\n              value={settings.editorInputMode ?? 'default'}\n              onValueChange={(value) => {\n                onSettingsChange((s) => ({ ...s, editorInputMode: value as EditorInputMode }));\n              }}\n            >\n              <Select.TriggerButton placeholder={t('select editor input mode placeholder')} />\n              <Select.Portal>\n                <Select.Content>\n                  <Select.Viewport>\n                    {EditorInputModes.map((mode) => (\n                      <Select.Option key={mode} value={mode}>\n                        {t(`settings editor input mode ${mode} label`)}\n                      </Select.Option>\n                    ))}\n                  </Select.Viewport>\n                  <Select.Arrow />\n                </Select.Content>\n              </Select.Portal>\n            </Select.Root>\n          </Settings.ItemInput>\n\n          <Settings.ItemInput title={t('settings toolbar label')}>\n            <Input.Switch\n              checked={settings.toolbar}\n              onCheckedChange={(checked) => onSettingsChange((s) => ({ ...s, toolbar: !!checked }))}\n            />\n          </Settings.ItemInput>\n\n          <Settings.ItemInput title={t('settings numbered headings label')}>\n            <Input.Switch\n              checked={settings.numberedHeadings}\n              onCheckedChange={(checked) => onSettingsChange((s) => ({ ...s, numberedHeadings: !!checked }))}\n            />\n          </Settings.ItemInput>\n\n          <Settings.ItemInput title={t('settings folding label')}>\n            <Input.Switch\n              checked={settings.folding}\n              onCheckedChange={(checked) => onSettingsChange((s) => ({ ...s, folding: !!checked }))}\n            />\n          </Settings.ItemInput>\n\n          <Settings.ItemInput title={t('settings experimental label')}>\n            <Input.Switch\n              checked={settings.experimental}\n              onCheckedChange={(checked) => onSettingsChange((s) => ({ ...s, experimental: !!checked }))}\n            />\n          </Settings.ItemInput>\n\n          <Settings.ItemInput title={t('settings debug label')}>\n            <Input.Switch\n              checked={settings.debug}\n              onCheckedChange={(checked) => onSettingsChange((s) => ({ ...s, debug: !!checked }))}\n            />\n          </Settings.ItemInput>\n\n          {settings.debug && (\n            <Settings.ItemInput title={t('settings debug textarea label', { ns: meta.id })}>\n              <Input.TextArea\n                rows={5}\n                value={settings.typewriter}\n                onChange={({ target: { value } }) => onSettingsChange((s) => ({ ...s, typewriter: value }))}\n                placeholder={t('settings debug placeholder')}\n              />\n            </Settings.ItemInput>\n          )}\n        </Settings.Group>\n      </Settings.Section>\n    </Settings.Root>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { MarkdownSettings } from './MarkdownSettings';\n\nexport default MarkdownSettings;\n"],
+  "mappings": "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",
+  "names": ["React", "Input", "Select", "useTranslation", "Settings", "EditorInputModes", "EditorViewModes", "MarkdownSettings", "settings", "onSettingsChange", "t", "useTranslation", "meta", "id", "Settings", "Root", "Section", "title", "ns", "Group", "ItemInput", "Select", "value", "defaultViewMode", "onValueChange", "s", "TriggerButton", "Portal", "Content", "Viewport", "EditorViewModes", "map", "mode", "Option", "key", "Arrow", "editorInputMode", "placeholder", "EditorInputModes", "Input", "Switch", "checked", "toolbar", "onCheckedChange", "numberedHeadings", "folding", "experimental", "debug", "TextArea", "rows", "typewriter", "onChange", "target", "MarkdownSettings"]
+}

package/dist/lib/browser/{anchor-sort-3MYLO74J.mjs → anchor-sort-PSCEA6EJ.mjs}

@@ -1,13 +1,15 @@
 import {
   Markdown_exports
-} from "./chunk-CN35HEBX.mjs";
-import "./chunk-BQTYJOFB.mjs";
+} from "./chunk-5VT6IW5B.mjs";
+import "./chunk-RYZHVXZ5.mjs";
 
-// src/capabilities/anchor-sort.ts
-import { Capabilities, contributes } from "@dxos/app-framework";
+// src/capabilities/anchor-sort/anchor-sort.ts
+import * as Effect from "effect/Effect";
+import { Capability } from "@dxos/app-framework";
+import { AppCapabilities } from "@dxos/app-toolkit";
 import { Relation } from "@dxos/echo";
 import { createDocAccessor, getRangeFromCursor } from "@dxos/echo-db";
-var anchor_sort_default = (() => contributes(Capabilities.AnchorSort, {
+var anchor_sort_default = Capability.makeModule(() => Effect.succeed(Capability.contributes(AppCapabilities.AnchorSort, {
   key: Markdown_exports.Document.typename,
   sort: (anchorA, anchorB) => {
     const doc = Relation.getTarget(anchorA);
@@ -25,8 +27,8 @@ var anchor_sort_default = (() => contributes(Capabilities.AnchorSort, {
     const posB = getStartPosition(anchorB.anchor);
     return posA - posB;
   }
-}));
+})));
 export {
   anchor_sort_default as default
 };
-//# sourceMappingURL=anchor-sort-3MYLO74J.mjs.map
+//# sourceMappingURL=anchor-sort-PSCEA6EJ.mjs.map

package/dist/lib/browser/anchor-sort-PSCEA6EJ.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/anchor-sort/anchor-sort.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Capability } from '@dxos/app-framework';\nimport { AppCapabilities } from '@dxos/app-toolkit';\nimport { Relation } from '@dxos/echo';\nimport { createDocAccessor, getRangeFromCursor } from '@dxos/echo-db';\nimport { type AnchoredTo } from '@dxos/types';\n\nimport { Markdown } from '../../types';\n\nexport default Capability.makeModule(() =>\n  Effect.succeed(\n    Capability.contributes(AppCapabilities.AnchorSort, {\n      key: Markdown.Document.typename,\n      sort: (anchorA: AnchoredTo.AnchoredTo, anchorB: AnchoredTo.AnchoredTo) => {\n        const doc = Relation.getTarget(anchorA) as Markdown.Document;\n        const accessor = doc.content.target ? createDocAccessor(doc.content.target, ['content']) : undefined;\n        if (doc !== Relation.getTarget(anchorB) || !accessor) {\n          return 0;\n        }\n\n        const getStartPosition = (cursor: string | undefined) => {\n          const range = cursor ? getRangeFromCursor(accessor, cursor) : undefined;\n          return range?.start ?? Number.MAX_SAFE_INTEGER;\n        };\n\n        const posA = getStartPosition(anchorA.anchor);\n        const posB = getStartPosition(anchorB.anchor);\n        return posA - posB;\n      },\n    }),\n  ),\n);\n"],
+  "mappings": ";;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,kBAAkB;AAC3B,SAASC,uBAAuB;AAChC,SAASC,gBAAgB;AACzB,SAASC,mBAAmBC,0BAA0B;AAKtD,IAAA,sBAAeC,WAAWC,WAAW,MAC5BC,eACLF,WAAWG,YAAYC,gBAAgBC,YAAY;EACjDC,KAAKC,iBAASC,SAASC;EACvBC,MAAM,CAACC,SAAgCC,YAAAA;AACrC,UAAMC,MAAMC,SAASC,UAAUJ,OAAAA;AAC/B,UAAMK,WAAWH,IAAII,QAAQC,SAASC,kBAAkBN,IAAII,QAAQC,QAAQ;MAAC;KAAU,IAAIE;AAC3F,QAAIP,QAAQC,SAASC,UAAUH,OAAAA,KAAY,CAACI,UAAU;AACpD,aAAO;IACT;AAEA,UAAMK,mBAAmB,CAACC,WAAAA;AACxB,YAAMC,QAAQD,SAASE,mBAAmBR,UAAUM,MAAAA,IAAUF;AAC9D,aAAOG,OAAOE,SAASC,OAAOC;IAChC;AAEA,UAAMC,OAAOP,iBAAiBV,QAAQkB,MAAM;AAC5C,UAAMC,OAAOT,iBAAiBT,QAAQiB,MAAM;AAC5C,WAAOD,OAAOE;EAChB;AACF,CAAA,CAAA,CAAA;",
+  "names": ["Effect", "Capability", "AppCapabilities", "Relation", "createDocAccessor", "getRangeFromCursor", "Capability", "makeModule", "succeed", "contributes", "AppCapabilities", "AnchorSort", "key", "Markdown", "Document", "typename", "sort", "anchorA", "anchorB", "doc", "Relation", "getTarget", "accessor", "content", "target", "createDocAccessor", "undefined", "getStartPosition", "cursor", "range", "getRangeFromCursor", "start", "Number", "MAX_SAFE_INTEGER", "posA", "anchor", "posB"]
+}

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

@@ -0,0 +1,63 @@
+import {
+  translations
+} from "./chunk-CJSWKCKU.mjs";
+import "./chunk-M2XFCKXA.mjs";
+import {
+  definitions_exports
+} from "./chunk-G6BRWY3G.mjs";
+import {
+  Markdown_exports
+} from "./chunk-5VT6IW5B.mjs";
+import "./chunk-RYZHVXZ5.mjs";
+
+// src/capabilities/app-graph-serializer/app-graph-serializer.ts
+import * as Effect from "effect/Effect";
+import { Capabilities, Capability } from "@dxos/app-framework";
+import { AppCapabilities } from "@dxos/app-toolkit";
+import { Obj } from "@dxos/echo";
+import { Collection } from "@dxos/echo";
+import { SpaceOperation } from "@dxos/plugin-space/operations";
+import { isSpace } from "@dxos/react-client/echo";
+var app_graph_serializer_default = Capability.makeModule(Effect.fnUntraced(function* () {
+  const capabilities = yield* Capability.Service;
+  return Capability.contributes(AppCapabilities.AppGraphSerializer, [
+    {
+      inputType: Markdown_exports.Document.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[0]["en-US"][Markdown_exports.Document.typename]["object name placeholder"],
+          data: content.content,
+          type: "text/markdown"
+        };
+      },
+      deserialize: async (data, ancestors) => {
+        const space = ancestors.find(isSpace);
+        const target = ancestors.findLast((ancestor) => Obj.instanceOf(Collection.Collection, ancestor)) ?? space?.properties[Collection.Collection.typename]?.target;
+        if (!space || !target) {
+          return;
+        }
+        const { invokePromise } = capabilities.get(Capabilities.OperationInvoker);
+        const createResult = await invokePromise(definitions_exports.CreateMarkdown, {
+          name: data.name,
+          content: data.data
+        });
+        if (!createResult.data?.object) {
+          return void 0;
+        }
+        await invokePromise(SpaceOperation.AddObject, {
+          target,
+          object: createResult.data.object
+        });
+        return createResult.data.object;
+      }
+    }
+  ]);
+}));
+export {
+  app_graph_serializer_default as default
+};
+//# sourceMappingURL=app-graph-serializer-DAVFEX7R.mjs.map

package/dist/lib/browser/app-graph-serializer-DAVFEX7R.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/app-graph-serializer/app-graph-serializer.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Capabilities, Capability } from '@dxos/app-framework';\nimport { AppCapabilities } from '@dxos/app-toolkit';\nimport { Obj } from '@dxos/echo';\nimport { Collection } from '@dxos/echo';\nimport { SpaceOperation } from '@dxos/plugin-space/operations';\nimport { isSpace } from '@dxos/react-client/echo';\n\nimport { translations } from '../../translations';\nimport { Markdown } from '../../types';\nimport { MarkdownOperation } from '../../operations';\n\nexport default Capability.makeModule(\n  Effect.fnUntraced(function* () {\n    // Get context for lazy capability access in callbacks.\n    const capabilities = yield* Capability.Service;\n\n    return Capability.contributes(AppCapabilities.AppGraphSerializer, [\n      {\n        inputType: Markdown.Document.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:\n              doc.name ||\n              doc.fallbackName ||\n              translations[0]['en-US'][Markdown.Document.typename]['object name 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) => Obj.instanceOf(Collection.Collection, ancestor)) ??\n            space?.properties[Collection.Collection.typename]?.target;\n          if (!space || !target) {\n            return;\n          }\n\n          const { invokePromise } = capabilities.get(Capabilities.OperationInvoker);\n          const createResult = await invokePromise(MarkdownOperation.CreateMarkdown, {\n            name: data.name,\n            content: data.data,\n          });\n          if (!createResult.data?.object) {\n            return undefined;\n          }\n          await invokePromise(SpaceOperation.AddObject, { target, object: createResult.data.object });\n\n          return createResult.data.object;\n        },\n      },\n    ]);\n  }),\n);\n"],
+  "mappings": ";;;;;;;;;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,cAAcC,kBAAkB;AACzC,SAASC,uBAAuB;AAChC,SAASC,WAAW;AACpB,SAASC,kBAAkB;AAC3B,SAASC,sBAAsB;AAC/B,SAASC,eAAe;AAMxB,IAAA,+BAAeC,WAAWC,WACjBC,kBAAW,aAAA;AAEhB,QAAMC,eAAe,OAAOH,WAAWI;AAEvC,SAAOJ,WAAWK,YAAYC,gBAAgBC,oBAAoB;IAChE;MACEC,WAAWC,iBAASC,SAASC;MAC7BC,YAAY;;MAEZC,WAAW,OAAOC,SAAAA;AAChB,cAAMC,MAAMD,KAAKE;AACjB,cAAMC,UAAU,MAAMF,IAAIE,QAAQC,KAAI;AACtC,eAAO;UACLC,MACEJ,IAAII,QACJJ,IAAIK,gBACJC,aAAa,CAAA,EAAG,OAAA,EAASZ,iBAASC,SAASC,QAAQ,EAAE,yBAAA;UACvDK,MAAMC,QAAQA;UACdK,MAAM;QACR;MACF;MACAC,aAAa,OAAOP,MAAMQ,cAAAA;AACxB,cAAMC,QAAQD,UAAUE,KAAKC,OAAAA;AAC7B,cAAMC,SACJJ,UAAUK,SAAS,CAACC,aAAaC,IAAIC,WAAWC,WAAWA,YAAYH,QAAAA,CAAAA,KACvEL,OAAOS,WAAWD,WAAWA,WAAWtB,QAAQ,GAAGiB;AACrD,YAAI,CAACH,SAAS,CAACG,QAAQ;AACrB;QACF;AAEA,cAAM,EAAEO,cAAa,IAAKhC,aAAaiC,IAAIC,aAAaC,gBAAgB;AACxE,cAAMC,eAAe,MAAMJ,cAAcK,oBAAkBC,gBAAgB;UACzEtB,MAAMH,KAAKG;UACXF,SAASD,KAAKA;QAChB,CAAA;AACA,YAAI,CAACuB,aAAavB,MAAM0B,QAAQ;AAC9B,iBAAOC;QACT;AACA,cAAMR,cAAcS,eAAeC,WAAW;UAAEjB;UAAQc,QAAQH,aAAavB,KAAK0B;QAAO,CAAA;AAEzF,eAAOH,aAAavB,KAAK0B;MAC3B;IACF;GACD;AACH,CAAA,CAAA;",
+  "names": ["Effect", "Capabilities", "Capability", "AppCapabilities", "Obj", "Collection", "SpaceOperation", "isSpace", "Capability", "makeModule", "fnUntraced", "capabilities", "Service", "contributes", "AppCapabilities", "AppGraphSerializer", "inputType", "Markdown", "Document", "typename", "outputType", "serialize", "node", "doc", "data", "content", "load", "name", "fallbackName", "translations", "type", "deserialize", "ancestors", "space", "find", "isSpace", "target", "findLast", "ancestor", "Obj", "instanceOf", "Collection", "properties", "invokePromise", "get", "Capabilities", "OperationInvoker", "createResult", "MarkdownOperation", "CreateMarkdown", "object", "undefined", "SpaceOperation", "AddObject"]
+}

package/dist/lib/browser/blueprint-definition-LHVNOMJT.mjs

@@ -0,0 +1,19 @@
+import {
+  markdown_blueprint_default
+} from "./chunk-ZN75YHSV.mjs";
+import "./chunk-G6BRWY3G.mjs";
+import "./chunk-5VT6IW5B.mjs";
+import "./chunk-RYZHVXZ5.mjs";
+
+// src/capabilities/blueprint-definition/blueprint-definition.ts
+import * as Effect from "effect/Effect";
+import { Capability } from "@dxos/app-framework";
+import { AppCapabilities } from "@dxos/app-toolkit";
+var blueprintDefinition = Capability.makeModule(() => Effect.succeed([
+  Capability.contributes(AppCapabilities.BlueprintDefinition, markdown_blueprint_default)
+]));
+var blueprint_definition_default = blueprintDefinition;
+export {
+  blueprint_definition_default as default
+};
+//# sourceMappingURL=blueprint-definition-LHVNOMJT.mjs.map

package/dist/lib/browser/blueprint-definition-LHVNOMJT.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/blueprint-definition/blueprint-definition.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Capability } from '@dxos/app-framework';\nimport { AppCapabilities } from '@dxos/app-toolkit';\n\nimport { MarkdownBlueprint } from '../../blueprints';\n\nconst blueprintDefinition = Capability.makeModule<\n  [],\n  Capability.Capability<typeof AppCapabilities.BlueprintDefinition>[]\n>(() => Effect.succeed([Capability.contributes(AppCapabilities.BlueprintDefinition, MarkdownBlueprint)]));\n\nexport default blueprintDefinition;\n"],
+  "mappings": ";;;;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,kBAAkB;AAC3B,SAASC,uBAAuB;AAIhC,IAAMC,sBAAsBC,WAAWC,WAGrC,MAAaC,eAAQ;EAACF,WAAWG,YAAYC,gBAAgBC,qBAAqBC,0BAAAA;CAAmB,CAAA;AAEvG,IAAA,+BAAeP;",
+  "names": ["Effect", "Capability", "AppCapabilities", "blueprintDefinition", "Capability", "makeModule", "succeed", "contributes", "AppCapabilities", "BlueprintDefinition", "MarkdownBlueprint"]
+}

package/dist/lib/browser/blueprints/index.mjs

@@ -0,0 +1,10 @@
+import {
+  markdown_blueprint_default
+} from "../chunk-ZN75YHSV.mjs";
+import "../chunk-G6BRWY3G.mjs";
+import "../chunk-5VT6IW5B.mjs";
+import "../chunk-RYZHVXZ5.mjs";
+export {
+  markdown_blueprint_default as MarkdownBlueprint
+};
+//# sourceMappingURL=index.mjs.map