@dxos/plugin-markdown 0.8.4-main.72ec0f3 → 0.8.4-main.7996785055

package/dist/lib/browser/react-surface-N7FV3PXH.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/react-surface/react-surface.tsx", "../../../src/containers/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\nimport React, { forwardRef, useCallback, useMemo } from 'react';\n\nimport { Capabilities, Capability } from '@dxos/app-framework';\nimport {\n  Surface,\n  useAtomCapability,\n  useAtomCapabilityState,\n  useCapability,\n  useSettingsState,\n} from '@dxos/app-framework/ui';\nimport { AppCapabilities } from '@dxos/app-toolkit';\nimport { type SurfaceComponentProps } from '@dxos/app-toolkit/ui';\nimport { Obj } from '@dxos/echo';\nimport { AttentionCapabilities } from '@dxos/plugin-attention';\nimport { Text } from '@dxos/schema';\nimport { type EditorViewMode } from '@dxos/ui-editor';\n\nimport { MarkdownCard, MarkdownContainer, type MarkdownContainerProps, MarkdownSettings } from '../../containers';\nimport { meta } from '../../meta';\nimport { Markdown, MarkdownCapabilities } from '../../types';\n\nexport default Capability.makeModule(() =>\n  Effect.succeed(\n    Capability.contributes(Capabilities.ReactSurface, [\n      Surface.create({\n        id: `${meta.id}.surface.document`,\n        role: ['article', 'section', 'tabpanel'],\n        filter: (data): data is { subject: Markdown.Document; attendableId: string; variant: undefined } =>\n          typeof data.attendableId === 'string' && Obj.instanceOf(Markdown.Document, data.subject) && !data.variant,\n        component: ({ data, role, ref }) => {\n          return (\n            <Container\n              id={Obj.getDXN(data.subject).toString()}\n              attendableId={data.attendableId}\n              subject={data.subject}\n              role={role}\n              ref={ref}\n            />\n          );\n        },\n      }),\n      Surface.create({\n        id: `${meta.id}.surface.text`,\n        role: ['article', 'section', 'tabpanel'],\n        // TODO(burdon): Why is attendableId required? See EventArticle.tsx\n        filter: (data): data is { attendableId: string; subject: Text.Text } =>\n          typeof data.attendableId === 'string' && Obj.instanceOf(Text.Text, data.subject),\n        component: ({ data, role, ref }) => {\n          return (\n            <Container\n              id={Obj.getDXN(data.subject).toString()}\n              attendableId={data.attendableId}\n              subject={data.subject}\n              role={role}\n              ref={ref}\n            />\n          );\n        },\n      }),\n      Surface.create({\n        id: `${meta.id}.surface.plugin-settings`,\n        role: 'article',\n        filter: (data): data is { subject: AppCapabilities.Settings } =>\n          AppCapabilities.isSettings(data.subject) && data.subject.prefix === meta.id,\n        component: ({ data: { subject } }) => {\n          const { settings, updateSettings } = useSettingsState<Markdown.Settings>(subject.atom);\n          return <MarkdownSettings settings={settings} onSettingsChange={updateSettings} />;\n        },\n      }),\n      Surface.create({\n        id: `${meta.id}.surface.preview`,\n        role: 'card--content',\n        filter: (data): data is { subject: Markdown.Document | Text.Text } =>\n          Obj.instanceOf(Markdown.Document, data.subject) || Obj.instanceOf(Text.Text, data.subject),\n        component: ({ data }) => <MarkdownCard {...data} />,\n      }),\n    ]),\n  ),\n);\n\n/**\n * Common wrapper.\n */\nconst Container = forwardRef<HTMLDivElement, SurfaceComponentProps<Markdown.Document | Text.Text, { id: string }>>(\n  ({ id, attendableId, subject, role }, forwardedRef) => {\n    const selectionManager = useCapability(AttentionCapabilities.Selection);\n    const settings = useAtomCapability(MarkdownCapabilities.Settings);\n    const [state, setState] = useAtomCapabilityState(MarkdownCapabilities.State);\n    const editorState = useCapability(MarkdownCapabilities.EditorState);\n    const extensions = useCapability(MarkdownCapabilities.Extensions);\n    const extensionProviders = useMemo(() => extensions.flat(), [extensions]);\n\n    const viewMode: EditorViewMode = (id && state.viewMode[id]) || settings?.defaultViewMode || 'source';\n    const handleViewModeChange = useCallback<NonNullable<MarkdownContainerProps['onViewModeChange']>>(\n      (mode) => setState((current) => ({ ...current, viewMode: { ...current.viewMode, [id]: mode } })),\n      [id, setState],\n    );\n\n    return (\n      <MarkdownContainer\n        role={role}\n        subject={subject}\n        id={id}\n        attendableId={attendableId}\n        settings={settings}\n        selectionManager={selectionManager}\n        extensionProviders={extensionProviders}\n        editorStateStore={editorState}\n        viewMode={viewMode}\n        onViewModeChange={handleViewModeChange}\n        ref={forwardedRef}\n      />\n    );\n  },\n);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type ComponentType, lazy } from 'react';\n\nexport type { MarkdownContainerProps } from './MarkdownContainer';\n\nexport const MarkdownCard: ComponentType<any> = lazy(() => import('./MarkdownCard'));\nexport const MarkdownContainer: ComponentType<any> = lazy(() => import('./MarkdownContainer'));\nexport const MarkdownSettings: ComponentType<any> = lazy(() => import('./MarkdownSettings'));\n"],
+  "mappings": "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",
+  "names": ["Effect", "React", "forwardRef", "useCallback", "useMemo", "Capabilities", "Capability", "Surface", "useAtomCapability", "useAtomCapabilityState", "useCapability", "useSettingsState", "AppCapabilities", "Obj", "AttentionCapabilities", "Text", "lazy", "MarkdownCard", "lazy", "MarkdownContainer", "MarkdownSettings", "Capability", "makeModule", "succeed", "contributes", "Capabilities", "ReactSurface", "Surface", "create", "id", "meta", "role", "filter", "data", "attendableId", "Obj", "instanceOf", "Markdown", "Document", "subject", "variant", "component", "ref", "Container", "getDXN", "toString", "Text", "AppCapabilities", "isSettings", "prefix", "settings", "updateSettings", "useSettingsState", "atom", "MarkdownSettings", "onSettingsChange", "MarkdownCard", "forwardRef", "forwardedRef", "selectionManager", "useCapability", "AttentionCapabilities", "Selection", "useAtomCapability", "MarkdownCapabilities", "Settings", "state", "setState", "useAtomCapabilityState", "State", "editorState", "EditorState", "extensions", "Extensions", "extensionProviders", "useMemo", "flat", "viewMode", "defaultViewMode", "handleViewModeChange", "useCallback", "mode", "current", "MarkdownContainer", "editorStateStore", "onViewModeChange"]
+}

package/dist/lib/browser/scroll-to-anchor-3CGV3XI7.mjs

@@ -0,0 +1,49 @@
+import {
+  ScrollToAnchor
+} from "./chunk-G6BRWY3G.mjs";
+import {
+  MarkdownCapabilities
+} from "./chunk-5VT6IW5B.mjs";
+import "./chunk-RYZHVXZ5.mjs";
+
+// src/operations/scroll-to-anchor.ts
+import { EditorView } from "@codemirror/view";
+import * as Effect from "effect/Effect";
+import { Capability } from "@dxos/app-framework";
+import { Operation } from "@dxos/operation";
+import { Cursor, setSelection } from "@dxos/ui-editor";
+var handler = ScrollToAnchor.pipe(Operation.withHandler(Effect.fnUntraced(function* ({ subject, cursor }) {
+  const editorViews = yield* Capability.get(MarkdownCapabilities.EditorViews);
+  const entry = editorViews.get(subject);
+  if (!entry) {
+    return;
+  }
+  const range = Cursor.getRangeFromCursor(entry.view.state, cursor);
+  if (range) {
+    const selection = entry.view.state.selection.main.from !== range.from ? {
+      anchor: range.from
+    } : void 0;
+    const effects = [
+      EditorView.scrollIntoView(range.from, {
+        y: "start",
+        yMargin: 96
+      })
+    ];
+    if (selection) {
+      effects.push(setSelection.of({
+        current: entry.documentId
+      }));
+    }
+    entry.view.dispatch({
+      effects,
+      selection: selection ? {
+        anchor: range.from
+      } : void 0
+    });
+  }
+})));
+var scroll_to_anchor_default = handler;
+export {
+  scroll_to_anchor_default as default
+};
+//# sourceMappingURL=scroll-to-anchor-3CGV3XI7.mjs.map

package/dist/lib/browser/scroll-to-anchor-3CGV3XI7.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/operations/scroll-to-anchor.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { EditorView } from '@codemirror/view';\nimport * as Effect from 'effect/Effect';\n\nimport { Capability } from '@dxos/app-framework';\nimport { Operation } from '@dxos/operation';\nimport { Cursor, setSelection } from '@dxos/ui-editor';\n\nimport { ScrollToAnchor } from './definitions';\n\nimport { MarkdownCapabilities } from '../types';\n\nconst handler: Operation.WithHandler<typeof ScrollToAnchor> = ScrollToAnchor.pipe(\n  Operation.withHandler(\n    Effect.fnUntraced(function* ({ subject, cursor }) {\n      const editorViews = yield* Capability.get(MarkdownCapabilities.EditorViews);\n      const entry = editorViews.get(subject);\n      if (!entry) {\n        return;\n      }\n      const range = Cursor.getRangeFromCursor(entry.view.state, cursor);\n      if (range) {\n        const selection = entry.view.state.selection.main.from !== range.from ? { anchor: range.from } : undefined;\n        const effects: any[] = [EditorView.scrollIntoView(range.from, { y: 'start', yMargin: 96 })];\n        if (selection) {\n          effects.push(setSelection.of({ current: entry.documentId }));\n        }\n        entry.view.dispatch({\n          effects,\n          selection: selection ? { anchor: range.from } : undefined,\n        });\n      }\n    }),\n  ),\n);\n\nexport default handler;\n"],
+  "mappings": ";;;;;;;;;AAIA,SAASA,kBAAkB;AAC3B,YAAYC,YAAY;AAExB,SAASC,kBAAkB;AAC3B,SAASC,iBAAiB;AAC1B,SAASC,QAAQC,oBAAoB;AAMrC,IAAMC,UAAwDC,eAAeC,KAC3EC,UAAUC,YACDC,kBAAW,WAAW,EAAEC,SAASC,OAAM,GAAE;AAC9C,QAAMC,cAAc,OAAOC,WAAWC,IAAIC,qBAAqBC,WAAW;AAC1E,QAAMC,QAAQL,YAAYE,IAAIJ,OAAAA;AAC9B,MAAI,CAACO,OAAO;AACV;EACF;AACA,QAAMC,QAAQC,OAAOC,mBAAmBH,MAAMI,KAAKC,OAAOX,MAAAA;AAC1D,MAAIO,OAAO;AACT,UAAMK,YAAYN,MAAMI,KAAKC,MAAMC,UAAUC,KAAKC,SAASP,MAAMO,OAAO;MAAEC,QAAQR,MAAMO;IAAK,IAAIE;AACjG,UAAMC,UAAiB;MAACC,WAAWC,eAAeZ,MAAMO,MAAM;QAAEM,GAAG;QAASC,SAAS;MAAG,CAAA;;AACxF,QAAIT,WAAW;AACbK,cAAQK,KAAKC,aAAaC,GAAG;QAAEC,SAASnB,MAAMoB;MAAW,CAAA,CAAA;IAC3D;AACApB,UAAMI,KAAKiB,SAAS;MAClBV;MACAL,WAAWA,YAAY;QAAEG,QAAQR,MAAMO;MAAK,IAAIE;IAClD,CAAA;EACF;AACF,CAAA,CAAA,CAAA;AAIJ,IAAA,2BAAevB;",
+  "names": ["EditorView", "Effect", "Capability", "Operation", "Cursor", "setSelection", "handler", "ScrollToAnchor", "pipe", "Operation", "withHandler", "fnUntraced", "subject", "cursor", "editorViews", "Capability", "get", "MarkdownCapabilities", "EditorViews", "entry", "range", "Cursor", "getRangeFromCursor", "view", "state", "selection", "main", "from", "anchor", "undefined", "effects", "EditorView", "scrollIntoView", "y", "yMargin", "push", "setSelection", "of", "current", "documentId", "dispatch"]
+}

package/dist/lib/browser/set-view-mode-XLD3RXW4.mjs

@@ -0,0 +1,26 @@
+import {
+  SetViewMode
+} from "./chunk-G6BRWY3G.mjs";
+import {
+  MarkdownCapabilities
+} from "./chunk-5VT6IW5B.mjs";
+import "./chunk-RYZHVXZ5.mjs";
+
+// src/operations/set-view-mode.ts
+import * as Effect from "effect/Effect";
+import { Capabilities } from "@dxos/app-framework";
+import { Operation } from "@dxos/operation";
+var handler = SetViewMode.pipe(Operation.withHandler(Effect.fnUntraced(function* ({ id, viewMode }) {
+  yield* Capabilities.updateAtomValue(MarkdownCapabilities.State, (current) => ({
+    ...current,
+    viewMode: {
+      ...current.viewMode,
+      [id]: viewMode
+    }
+  }));
+})));
+var set_view_mode_default = handler;
+export {
+  set_view_mode_default as default
+};
+//# sourceMappingURL=set-view-mode-XLD3RXW4.mjs.map

package/dist/lib/browser/set-view-mode-XLD3RXW4.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/operations/set-view-mode.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Capabilities } from '@dxos/app-framework';\nimport { Operation } from '@dxos/operation';\n\nimport { SetViewMode } from './definitions';\n\nimport { MarkdownCapabilities } from '../types';\n\nconst handler: Operation.WithHandler<typeof SetViewMode> = SetViewMode.pipe(\n  Operation.withHandler(\n    Effect.fnUntraced(function* ({ id, viewMode }) {\n      yield* Capabilities.updateAtomValue(MarkdownCapabilities.State, (current) => ({\n        ...current,\n        viewMode: { ...current.viewMode, [id]: viewMode },\n      }));\n    }),\n  ),\n);\n\nexport default handler;\n"],
+  "mappings": ";;;;;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,oBAAoB;AAC7B,SAASC,iBAAiB;AAM1B,IAAMC,UAAqDC,YAAYC,KACrEC,UAAUC,YACDC,kBAAW,WAAW,EAAEC,IAAIC,SAAQ,GAAE;AAC3C,SAAOC,aAAaC,gBAAgBC,qBAAqBC,OAAO,CAACC,aAAa;IAC5E,GAAGA;IACHL,UAAU;MAAE,GAAGK,QAAQL;MAAU,CAACD,EAAAA,GAAKC;IAAS;EAClD,EAAA;AACF,CAAA,CAAA,CAAA;AAIJ,IAAA,wBAAeP;",
+  "names": ["Effect", "Capabilities", "Operation", "handler", "SetViewMode", "pipe", "Operation", "withHandler", "fnUntraced", "id", "viewMode", "Capabilities", "updateAtomValue", "MarkdownCapabilities", "State", "current"]
+}

package/dist/lib/browser/settings-3UMXG4TP.mjs

@@ -0,0 +1,38 @@
+import {
+  MarkdownCapabilities,
+  Markdown_exports
+} from "./chunk-5VT6IW5B.mjs";
+import {
+  meta
+} from "./chunk-RYZHVXZ5.mjs";
+
+// src/capabilities/settings/settings.ts
+import * as Effect from "effect/Effect";
+import { Capability } from "@dxos/app-framework";
+import { AppCapabilities } from "@dxos/app-toolkit";
+import { createKvsStore } from "@dxos/effect";
+var settings_default = Capability.makeModule(() => Effect.sync(() => {
+  const settingsAtom = createKvsStore({
+    key: meta.id,
+    schema: Markdown_exports.Settings,
+    defaultValue: () => ({
+      defaultViewMode: "preview",
+      toolbar: true,
+      numberedHeadings: true,
+      folding: true,
+      experimental: false
+    })
+  });
+  return [
+    Capability.contributes(MarkdownCapabilities.Settings, settingsAtom),
+    Capability.contributes(AppCapabilities.Settings, {
+      prefix: meta.id,
+      schema: Markdown_exports.Settings,
+      atom: settingsAtom
+    })
+  ];
+}));
+export {
+  settings_default as default
+};
+//# sourceMappingURL=settings-3UMXG4TP.mjs.map

package/dist/lib/browser/settings-3UMXG4TP.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/settings/settings.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 { createKvsStore } from '@dxos/effect';\n\nimport { meta } from '../../meta';\nimport { Markdown, MarkdownCapabilities } from '../../types';\n\nexport default Capability.makeModule(() =>\n  Effect.sync(() => {\n    const settingsAtom = createKvsStore({\n      key: meta.id,\n      schema: Markdown.Settings,\n      defaultValue: () => ({\n        defaultViewMode: 'preview' as const,\n        toolbar: true,\n        numberedHeadings: true,\n        folding: true,\n        experimental: false,\n      }),\n    });\n\n    return [\n      Capability.contributes(MarkdownCapabilities.Settings, settingsAtom),\n      Capability.contributes(AppCapabilities.Settings, {\n        prefix: meta.id,\n        schema: Markdown.Settings,\n        atom: settingsAtom,\n      }),\n    ];\n  }),\n);\n"],
+  "mappings": ";;;;;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,kBAAkB;AAC3B,SAASC,uBAAuB;AAChC,SAASC,sBAAsB;AAK/B,IAAA,mBAAeC,WAAWC,WAAW,MAC5BC,YAAK,MAAA;AACV,QAAMC,eAAeC,eAAe;IAClCC,KAAKC,KAAKC;IACVC,QAAQC,iBAASC;IACjBC,cAAc,OAAO;MACnBC,iBAAiB;MACjBC,SAAS;MACTC,kBAAkB;MAClBC,SAAS;MACTC,cAAc;IAChB;EACF,CAAA;AAEA,SAAO;IACLhB,WAAWiB,YAAYC,qBAAqBR,UAAUP,YAAAA;IACtDH,WAAWiB,YAAYE,gBAAgBT,UAAU;MAC/CU,QAAQd,KAAKC;MACbC,QAAQC,iBAASC;MACjBW,MAAMlB;IACR,CAAA;;AAEJ,CAAA,CAAA;",
+  "names": ["Effect", "Capability", "AppCapabilities", "createKvsStore", "Capability", "makeModule", "sync", "settingsAtom", "createKvsStore", "key", "meta", "id", "schema", "Markdown", "Settings", "defaultValue", "defaultViewMode", "toolbar", "numberedHeadings", "folding", "experimental", "contributes", "MarkdownCapabilities", "AppCapabilities", "prefix", "atom"]
+}

package/dist/lib/browser/state-IYKJ6EV3.mjs

@@ -0,0 +1,48 @@
+import {
+  MarkdownCapabilities,
+  MarkdownStateSchema
+} from "./chunk-5VT6IW5B.mjs";
+import {
+  meta
+} from "./chunk-RYZHVXZ5.mjs";
+
+// src/capabilities/state/state.ts
+import * as Effect from "effect/Effect";
+import { Capability } from "@dxos/app-framework";
+import { createKvsStore } from "@dxos/effect";
+import { createEditorStateStore } from "@dxos/ui-editor";
+var createEditorViewRegistry = () => {
+  const views = /* @__PURE__ */ new Map();
+  return {
+    register: (attendableId, view, documentId) => {
+      views.set(attendableId, {
+        view,
+        documentId
+      });
+    },
+    unregister: (attendableId) => {
+      views.delete(attendableId);
+    },
+    get: (attendableId) => views.get(attendableId)
+  };
+};
+var state_default = Capability.makeModule(Effect.fnUntraced(function* () {
+  const stateAtom = createKvsStore({
+    key: `${meta.id}.state`,
+    schema: MarkdownStateSchema,
+    defaultValue: () => ({
+      viewMode: {}
+    })
+  });
+  const editorState = createEditorStateStore(`${meta.id}.editor`);
+  const editorViews = createEditorViewRegistry();
+  return [
+    Capability.contributes(MarkdownCapabilities.State, stateAtom),
+    Capability.contributes(MarkdownCapabilities.EditorState, editorState),
+    Capability.contributes(MarkdownCapabilities.EditorViews, editorViews)
+  ];
+}));
+export {
+  state_default as default
+};
+//# sourceMappingURL=state-IYKJ6EV3.mjs.map

package/dist/lib/browser/state-IYKJ6EV3.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/state/state.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Capability } from '@dxos/app-framework';\nimport { createKvsStore } from '@dxos/effect';\nimport { createEditorStateStore } from '@dxos/ui-editor';\n\nimport { meta } from '../../meta';\nimport { type EditorViewEntry, type EditorViewRegistry, MarkdownCapabilities, MarkdownStateSchema } from '../../types';\n\nconst createEditorViewRegistry = (): EditorViewRegistry => {\n  const views = new Map<string, EditorViewEntry>();\n  return {\n    register: (attendableId, view, documentId) => {\n      views.set(attendableId, { view, documentId });\n    },\n    unregister: (attendableId) => {\n      views.delete(attendableId);\n    },\n    get: (attendableId) => views.get(attendableId),\n  };\n};\n\nexport default Capability.makeModule(\n  Effect.fnUntraced(function* () {\n    // Persisted state using KVS store.\n    const stateAtom = createKvsStore({\n      key: `${meta.id}.state`,\n      schema: MarkdownStateSchema,\n      defaultValue: () => ({ viewMode: {} }),\n    });\n\n    // TODO(wittjosiah): Fold into state.\n    const editorState = createEditorStateStore(`${meta.id}.editor`);\n\n    const editorViews = createEditorViewRegistry();\n\n    return [\n      Capability.contributes(MarkdownCapabilities.State, stateAtom),\n      Capability.contributes(MarkdownCapabilities.EditorState, editorState),\n      Capability.contributes(MarkdownCapabilities.EditorViews, editorViews),\n    ];\n  }),\n);\n"],
+  "mappings": ";;;;;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,kBAAkB;AAC3B,SAASC,sBAAsB;AAC/B,SAASC,8BAA8B;AAKvC,IAAMC,2BAA2B,MAAA;AAC/B,QAAMC,QAAQ,oBAAIC,IAAAA;AAClB,SAAO;IACLC,UAAU,CAACC,cAAcC,MAAMC,eAAAA;AAC7BL,YAAMM,IAAIH,cAAc;QAAEC;QAAMC;MAAW,CAAA;IAC7C;IACAE,YAAY,CAACJ,iBAAAA;AACXH,YAAMQ,OAAOL,YAAAA;IACf;IACAM,KAAK,CAACN,iBAAiBH,MAAMS,IAAIN,YAAAA;EACnC;AACF;AAEA,IAAA,gBAAeO,WAAWC,WACjBC,kBAAW,aAAA;AAEhB,QAAMC,YAAYC,eAAe;IAC/BC,KAAK,GAAGC,KAAKC,EAAE;IACfC,QAAQC;IACRC,cAAc,OAAO;MAAEC,UAAU,CAAC;IAAE;EACtC,CAAA;AAGA,QAAMC,cAAcC,uBAAuB,GAAGP,KAAKC,EAAE,SAAS;AAE9D,QAAMO,cAAczB,yBAAAA;AAEpB,SAAO;IACLW,WAAWe,YAAYC,qBAAqBC,OAAOd,SAAAA;IACnDH,WAAWe,YAAYC,qBAAqBE,aAAaN,WAAAA;IACzDZ,WAAWe,YAAYC,qBAAqBG,aAAaL,WAAAA;;AAE7D,CAAA,CAAA;",
+  "names": ["Effect", "Capability", "createKvsStore", "createEditorStateStore", "createEditorViewRegistry", "views", "Map", "register", "attendableId", "view", "documentId", "set", "unregister", "delete", "get", "Capability", "makeModule", "fnUntraced", "stateAtom", "createKvsStore", "key", "meta", "id", "schema", "MarkdownStateSchema", "defaultValue", "viewMode", "editorState", "createEditorStateStore", "editorViews", "contributes", "MarkdownCapabilities", "State", "EditorState", "EditorViews"]
+}

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

@@ -1,10 +1,14 @@
 import {
-  MarkdownAction_exports,
+  MarkdownCapabilities,
+  MarkdownEvents,
+  MarkdownStateSchema,
   Markdown_exports
-} from "../chunk-QYSEJ5GP.mjs";
-import "../chunk-BQTYJOFB.mjs";
+} from "../chunk-5VT6IW5B.mjs";
+import "../chunk-RYZHVXZ5.mjs";
 export {
   Markdown_exports as Markdown,
-  MarkdownAction_exports as MarkdownAction
+  MarkdownCapabilities,
+  MarkdownEvents,
+  MarkdownStateSchema
 };
 //# sourceMappingURL=index.mjs.map

package/dist/lib/browser/update-WKAMI4AD.mjs

@@ -0,0 +1,45 @@
+import {
+  Update
+} from "./chunk-G6BRWY3G.mjs";
+import "./chunk-5VT6IW5B.mjs";
+import "./chunk-RYZHVXZ5.mjs";
+
+// src/operations/update.ts
+import { next as A } from "@automerge/automerge";
+import * as Effect from "effect/Effect";
+import { Database } from "@dxos/echo";
+import { DocAccessor, createDocAccessor } from "@dxos/echo-db";
+import { Operation } from "@dxos/operation";
+var handler = Update.pipe(Operation.withHandler(Effect.fn(function* ({ doc, edits }) {
+  const content = yield* doc.pipe(Database.load, Effect.map((_) => _.content), Effect.flatMap(Database.load));
+  const accessor = createDocAccessor(content, [
+    "content"
+  ]);
+  for (const edit of edits) {
+    accessor.handle.change((doc2) => {
+      const text = DocAccessor.getValue(accessor);
+      if (edit.replaceAll) {
+        let idx = text.indexOf(edit.oldString);
+        while (idx !== -1) {
+          A.splice(doc2, accessor.path, idx, edit.oldString.length, edit.newString);
+          const updated = DocAccessor.getValue(accessor);
+          idx = updated.indexOf(edit.oldString, idx + edit.newString.length);
+        }
+      } else {
+        const idx = text.indexOf(edit.oldString);
+        if (idx === -1) {
+          throw new Error(`Edit not found: ${JSON.stringify(edit.oldString)}`);
+        }
+        A.splice(doc2, accessor.path, idx, edit.oldString.length, edit.newString);
+      }
+    });
+  }
+  return {
+    newContent: DocAccessor.getValue(accessor)
+  };
+})));
+var update_default = handler;
+export {
+  update_default as default
+};
+//# sourceMappingURL=update-WKAMI4AD.mjs.map

package/dist/lib/browser/update-WKAMI4AD.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/operations/update.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { next as A, type Doc } from '@automerge/automerge';\nimport * as Effect from 'effect/Effect';\n\nimport { Database } from '@dxos/echo';\nimport { DocAccessor, createDocAccessor } from '@dxos/echo-db';\nimport { Operation } from '@dxos/operation';\n\nimport { Update } from './definitions';\n\nconst handler: Operation.WithHandler<typeof Update> = Update.pipe(\n  Operation.withHandler(\n    Effect.fn(function* ({ doc, edits }) {\n      const content = yield* doc.pipe(\n        Database.load,\n        Effect.map((_) => _.content),\n        Effect.flatMap(Database.load),\n      );\n      const accessor = createDocAccessor(content, ['content']);\n\n      for (const edit of edits) {\n        accessor.handle.change((doc: Doc<typeof content>) => {\n          const text = DocAccessor.getValue<string>(accessor);\n          if (edit.replaceAll) {\n            let idx = text.indexOf(edit.oldString);\n            while (idx !== -1) {\n              A.splice(doc, accessor.path as A.Prop[], idx, edit.oldString.length, edit.newString);\n              const updated = DocAccessor.getValue<string>(accessor);\n              idx = updated.indexOf(edit.oldString, idx + edit.newString.length);\n            }\n          } else {\n            const idx = text.indexOf(edit.oldString);\n            if (idx === -1) {\n              throw new Error(`Edit not found: ${JSON.stringify(edit.oldString)}`);\n            }\n            A.splice(doc, accessor.path as A.Prop[], idx, edit.oldString.length, edit.newString);\n          }\n        });\n      }\n\n      return {\n        newContent: DocAccessor.getValue<string>(accessor),\n      };\n    }),\n  ),\n);\n\nexport default handler;\n"],
+  "mappings": ";;;;;;;AAIA,SAASA,QAAQC,SAAmB;AACpC,YAAYC,YAAY;AAExB,SAASC,gBAAgB;AACzB,SAASC,aAAaC,yBAAyB;AAC/C,SAASC,iBAAiB;AAI1B,IAAMC,UAAgDC,OAAOC,KAC3DC,UAAUC,YACDC,UAAG,WAAW,EAAEC,KAAKC,MAAK,GAAE;AACjC,QAAMC,UAAU,OAAOF,IAAIJ,KACzBO,SAASC,MACFC,WAAI,CAACC,MAAMA,EAAEJ,OAAO,GACpBK,eAAQJ,SAASC,IAAI,CAAA;AAE9B,QAAMI,WAAWC,kBAAkBP,SAAS;IAAC;GAAU;AAEvD,aAAWQ,QAAQT,OAAO;AACxBO,aAASG,OAAOC,OAAO,CAACZ,SAAAA;AACtB,YAAMa,OAAOC,YAAYC,SAAiBP,QAAAA;AAC1C,UAAIE,KAAKM,YAAY;AACnB,YAAIC,MAAMJ,KAAKK,QAAQR,KAAKS,SAAS;AACrC,eAAOF,QAAQ,IAAI;AACjBG,YAAEC,OAAOrB,MAAKQ,SAASc,MAAkBL,KAAKP,KAAKS,UAAUI,QAAQb,KAAKc,SAAS;AACnF,gBAAMC,UAAUX,YAAYC,SAAiBP,QAAAA;AAC7CS,gBAAMQ,QAAQP,QAAQR,KAAKS,WAAWF,MAAMP,KAAKc,UAAUD,MAAM;QACnE;MACF,OAAO;AACL,cAAMN,MAAMJ,KAAKK,QAAQR,KAAKS,SAAS;AACvC,YAAIF,QAAQ,IAAI;AACd,gBAAM,IAAIS,MAAM,mBAAmBC,KAAKC,UAAUlB,KAAKS,SAAS,CAAA,EAAG;QACrE;AACAC,UAAEC,OAAOrB,MAAKQ,SAASc,MAAkBL,KAAKP,KAAKS,UAAUI,QAAQb,KAAKc,SAAS;MACrF;IACF,CAAA;EACF;AAEA,SAAO;IACLK,YAAYf,YAAYC,SAAiBP,QAAAA;EAC3C;AACF,CAAA,CAAA,CAAA;AAIJ,IAAA,iBAAed;",
+  "names": ["next", "A", "Effect", "Database", "DocAccessor", "createDocAccessor", "Operation", "handler", "Update", "pipe", "Operation", "withHandler", "fn", "doc", "edits", "content", "Database", "load", "map", "_", "flatMap", "accessor", "createDocAccessor", "edit", "handle", "change", "text", "DocAccessor", "getValue", "replaceAll", "idx", "indexOf", "oldString", "A", "splice", "path", "length", "newString", "updated", "Error", "JSON", "stringify", "newContent"]
+}

package/dist/lib/node-esm/MarkdownCard-VB3NHVX4.mjs

@@ -0,0 +1,123 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  MarkdownEditor,
+  getContentSnippet
+} from "./chunk-CRUJMQR2.mjs";
+import {
+  Markdown_exports
+} from "./chunk-EPNCYA73.mjs";
+import {
+  meta
+} from "./chunk-CW4FZNMZ.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-VB3NHVX4.mjs.map

package/dist/lib/node-esm/MarkdownCard-VB3NHVX4.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/node-esm/MarkdownContainer-25WFZLCC.mjs

@@ -0,0 +1,126 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  MarkdownEditor,
+  useLinkQuery
+} from "./chunk-CRUJMQR2.mjs";
+import {
+  MarkdownCapabilities,
+  Markdown_exports
+} from "./chunk-EPNCYA73.mjs";
+import "./chunk-CW4FZNMZ.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-25WFZLCC.mjs.map

package/dist/lib/node-esm/MarkdownContainer-25WFZLCC.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"]
+}