@dxos/plugin-markdown 0.8.4-main.c4373fc → 0.8.4-main.d9fc60f731

package/dist/lib/neutral/chunk-KDN4GKG2.mjs

@@ -0,0 +1,98 @@
+// src/util.tsx
+import { debounce } from "@dxos/async";
+import { Obj } from "@dxos/echo";
+import { Markdown } from "#types";
+var isEditorModel = (data) => data && typeof data === "object" && "id" in data && typeof data.id === "string" && "text" in data && typeof data.text === "string";
+var isMarkdownProperties = (data) => Obj.isObject(data) ? true : data && typeof data === "object" ? "title" in data && typeof data.title === "string" : false;
+var nonTitleChars = /[^\w ]/g;
+var skipPatterns = [
+  /^!\[/,
+  /^---\s*$/,
+  /^```/,
+  /^\s*$/
+];
+var titlePatterns = [
+  /^#{1,6}\s+(.+)/
+];
+var getFallbackName = (content = "") => {
+  const len = content.length;
+  let i = 0;
+  while (i < len) {
+    let lineEnd = i;
+    while (lineEnd < len && content[lineEnd] !== "\n") {
+      lineEnd++;
+    }
+    const line = content.slice(i, lineEnd).trim();
+    i = lineEnd + 1;
+    if (skipPatterns.some((pattern) => pattern.test(line))) {
+      continue;
+    }
+    for (const pattern of titlePatterns) {
+      const match = pattern.exec(line);
+      if (match) {
+        const text2 = match[1].replaceAll(nonTitleChars, "").trim();
+        if (text2.length > 0) {
+          return text2;
+        }
+      }
+    }
+    const maxLen = 32;
+    const text = line.replaceAll(nonTitleChars, "").trim();
+    if (text.length > 0) {
+      if (text.length > maxLen) {
+        const words = text.split(/\s+/);
+        let result = "";
+        for (const word of words) {
+          const next = result.length === 0 ? word : result + " " + word;
+          if (next.length > maxLen) {
+            break;
+          }
+          result = next;
+        }
+        return result + "\u2026";
+      }
+      return text;
+    }
+  }
+  return "";
+};
+var getContentSnippet = (content = "", maxLines = 3) => {
+  const abstract = content.split("\n").filter((line) => !line.startsWith("!")).filter((line) => line.trim() !== "");
+  return abstract.slice(0, maxLines).join("\n") ?? "";
+};
+var setFallbackName = debounce((doc, content = "") => {
+  const name = getFallbackName(content);
+  if (doc.fallbackName !== name) {
+    Obj.update(doc, (doc2) => {
+      doc2.fallbackName = name;
+    });
+  }
+}, 200);
+var serializer = {
+  serialize: async ({ object }) => {
+    const { content } = await object.content.load();
+    return JSON.stringify({
+      name: object.name,
+      fallbackName: object.fallbackName,
+      content
+    });
+  },
+  deserialize: async ({ content: serialized }) => {
+    const { name, fallbackName, content } = JSON.parse(serialized);
+    return Markdown.make({
+      name,
+      fallbackName,
+      content
+    });
+  }
+};
+
+export {
+  isEditorModel,
+  isMarkdownProperties,
+  getFallbackName,
+  getContentSnippet,
+  setFallbackName,
+  serializer
+};
+//# sourceMappingURL=chunk-KDN4GKG2.mjs.map

package/dist/lib/neutral/chunk-KDN4GKG2.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/util.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { debounce } from '@dxos/async';\nimport { Obj } from '@dxos/echo';\nimport { type TypedObjectSerializer } from '@dxos/plugin-space';\n\nimport { Markdown } from '#types';\n\n/**\n * Checks if an object conforms to the interface needed to render an editor.\n * @deprecated Use Schema.instanceOf(Markdown.Document, data)\n */\n// TODO(burdon): Normalize types (from FilesPlugin).\nexport const isEditorModel = (data: any): data is { id: string; text: string } =>\n  data &&\n  typeof data === 'object' &&\n  'id' in data &&\n  typeof data.id === 'string' &&\n  'text' in data &&\n  typeof data.text === 'string';\n\nexport type MarkdownProperties = Record<string, any>;\n\nexport const isMarkdownProperties = (data: unknown): data is MarkdownProperties =>\n  (Obj.isObject(data) as boolean)\n    ? true\n    : data && typeof data === 'object'\n      ? 'title' in data && typeof data.title === 'string'\n      : false;\n\nconst nonTitleChars = /[^\\w ]/g;\n\n// Lines matching these patterns are skipped.\nconst skipPatterns = [\n  /^!\\[/, // Image.\n  /^---\\s*$/, // Horizontal rule.\n  /^```/, // Code block fence.\n  /^\\s*$/, // Empty or whitespace-only.\n];\n\n// Patterns to extract title text (first capture group is used).\nconst titlePatterns = [\n  /^#{1,6}\\s+(.+)/, // Heading.\n];\n\n/**\n * Extracts a fallback name by scanning lines for the first heading or text fragment.\n */\nexport const getFallbackName = (content = ''): string => {\n  const len = content.length;\n\n  let i = 0;\n  while (i < len) {\n    // Find end of line.\n    let lineEnd = i;\n    while (lineEnd < len && content[lineEnd] !== '\\n') {\n      lineEnd++;\n    }\n\n    const line = content.slice(i, lineEnd).trim();\n    i = lineEnd + 1;\n\n    // Skip lines matching skip patterns.\n    if (skipPatterns.some((pattern) => pattern.test(line))) {\n      continue;\n    }\n\n    // Check for title patterns.\n    for (const pattern of titlePatterns) {\n      const match = pattern.exec(line);\n      if (match) {\n        const text = match[1].replaceAll(nonTitleChars, '').trim();\n        if (text.length > 0) {\n          return text;\n        }\n      }\n    }\n\n    // Use line as plain text fallback.\n    const maxLen = 32;\n    const text = line.replaceAll(nonTitleChars, '').trim();\n    if (text.length > 0) {\n      if (text.length > maxLen) {\n        const words = text.split(/\\s+/);\n        let result = '';\n        for (const word of words) {\n          const next = result.length === 0 ? word : result + ' ' + word;\n          if (next.length > maxLen) {\n            break;\n          }\n          result = next;\n        }\n\n        return result + '…';\n      }\n\n      return text;\n    }\n  }\n\n  return '';\n};\n\n// TODO(burdon): Option to strip Markdown.\nexport const getContentSnippet = (content = '', maxLines = 3) => {\n  const abstract = content\n    .split('\\n')\n    .filter((line) => !line.startsWith('!'))\n    .filter((line) => line.trim() !== '');\n\n  return abstract.slice(0, maxLines).join('\\n') ?? '';\n};\n\nexport const setFallbackName = debounce((doc: Markdown.Document, content = '') => {\n  const name = getFallbackName(content);\n  if (doc.fallbackName !== name) {\n    Obj.update(doc, (doc) => {\n      doc.fallbackName = name;\n    });\n  }\n}, 200);\n\nexport const serializer: TypedObjectSerializer<Markdown.Document> = {\n  serialize: async ({ object }): Promise<string> => {\n    const { content } = await object.content.load();\n    return JSON.stringify({ name: object.name, fallbackName: object.fallbackName, content });\n  },\n\n  deserialize: async ({ content: serialized }) => {\n    const { name, fallbackName, content } = JSON.parse(serialized);\n    return Markdown.make({ name, fallbackName, content });\n  },\n};\n"],
+  "mappings": "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",
+  "names": ["debounce", "Obj", "Markdown", "isEditorModel", "data", "id", "text", "isMarkdownProperties", "isObject", "title", "nonTitleChars", "skipPatterns", "titlePatterns", "getFallbackName", "content", "len", "length", "i", "lineEnd", "line", "slice", "trim", "some", "pattern", "test", "match", "exec", "replaceAll", "maxLen", "words", "split", "result", "word", "next", "getContentSnippet", "maxLines", "abstract", "filter", "startsWith", "join", "setFallbackName", "doc", "name", "fallbackName", "update", "serializer", "serialize", "object", "load", "JSON", "stringify", "deserialize", "serialized", "parse", "make"]
+}

package/dist/lib/neutral/chunk-LXNSKCPD.mjs

@@ -0,0 +1,44 @@
+// src/blueprints/markdown-blueprint.ts
+import { Blueprint, Template } from "@dxos/compute";
+import { trim } from "@dxos/util";
+import { Markdown, MarkdownOperation } from "#types";
+var make = () => Blueprint.make({
+  key: Markdown.BLUEPRINT_KEY,
+  name: "Markdown",
+  description: "Work with markdown documents. Preferred over raw database operations.",
+  tools: Blueprint.toolDefinitions({
+    operations: [
+      MarkdownOperation.Create,
+      MarkdownOperation.Open,
+      MarkdownOperation.Update
+    ]
+  }),
+  instructions: Template.make({
+    // TODO(wittjosiah): Move example to function input schema annotation.
+    source: trim`
+        {{! Markdown }}
+
+        You can create, read and update markdown documents.
+        When asked to edit or update documents return updates as a set of compact diff string pairs.
+        For each diff, respond with the smallest possible matching span.
+
+        Example:
+        ${"```"}diff
+        - "There is a tyop in this sentence."
+        + "There is a typo in this sentence."
+        - "This id good."
+        + "This sentence is really good."
+        ${"```"}
+      `
+  })
+});
+var blueprint = {
+  key: Markdown.BLUEPRINT_KEY,
+  make
+};
+var markdown_blueprint_default = blueprint;
+
+export {
+  markdown_blueprint_default
+};
+//# sourceMappingURL=chunk-LXNSKCPD.mjs.map

package/dist/lib/neutral/chunk-LXNSKCPD.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/blueprints/markdown-blueprint.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Blueprint, Template } from '@dxos/compute';\nimport { trim } from '@dxos/util';\n\nimport { Markdown, MarkdownOperation } from '#types';\n\nconst make = () =>\n  Blueprint.make({\n    key: Markdown.BLUEPRINT_KEY,\n    name: 'Markdown',\n    description: 'Work with markdown documents. Preferred over raw database operations.',\n    tools: Blueprint.toolDefinitions({\n      operations: [MarkdownOperation.Create, MarkdownOperation.Open, MarkdownOperation.Update],\n    }),\n    instructions: Template.make({\n      // TODO(wittjosiah): Move example to function input schema annotation.\n      source: trim`\n        {{! Markdown }}\n\n        You can create, read and update markdown documents.\n        When asked to edit or update documents return updates as a set of compact diff string pairs.\n        For each diff, respond with the smallest possible matching span.\n\n        Example:\n        ${'```'}diff\n        - \"There is a tyop in this sentence.\"\n        + \"There is a typo in this sentence.\"\n        - \"This id good.\"\n        + \"This sentence is really good.\"\n        ${'```'}\n      `,\n    }),\n  });\n\nconst blueprint: Blueprint.Definition = {\n  key: Markdown.BLUEPRINT_KEY,\n  make,\n};\n\nexport default blueprint;\n"],
+  "mappings": ";AAIA,SAASA,WAAWC,gBAAgB;AACpC,SAASC,YAAY;AAErB,SAASC,UAAUC,yBAAyB;AAE5C,IAAMC,OAAO,MACXL,UAAUK,KAAK;EACbC,KAAKH,SAASI;EACdC,MAAM;EACNC,aAAa;EACbC,OAAOV,UAAUW,gBAAgB;IAC/BC,YAAY;MAACR,kBAAkBS;MAAQT,kBAAkBU;MAAMV,kBAAkBW;;EACnF,CAAA;EACAC,cAAcf,SAASI,KAAK;;IAE1BY,QAAQf;;;;;;;;UAQJ,KAAA;;;;;UAKA,KAAA;;EAEN,CAAA;AACF,CAAA;AAEF,IAAMgB,YAAkC;EACtCZ,KAAKH,SAASI;EACdF;AACF;AAEA,IAAA,6BAAea;",
+  "names": ["Blueprint", "Template", "trim", "Markdown", "MarkdownOperation", "make", "key", "BLUEPRINT_KEY", "name", "description", "tools", "toolDefinitions", "operations", "Create", "Open", "Update", "instructions", "source", "blueprint"]
+}

package/dist/lib/neutral/comment-config-ZEA66BUR.mjs

@@ -0,0 +1,31 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/capabilities/comment-config.ts
+import * as Effect from "effect/Effect";
+import { Capability } from "@dxos/app-framework";
+import { AppCapabilities } from "@dxos/app-toolkit";
+import { Type } from "@dxos/echo";
+import { createDocAccessor, getTextInRange } from "@dxos/echo-db";
+import { MarkdownOperation } from "#types";
+import { Markdown } from "#types";
+var comment_config_default = Capability.makeModule(Effect.fnUntraced(function* () {
+  const config = {
+    id: Type.getTypename(Markdown.Document),
+    comments: "anchored",
+    selectionMode: "multi-range",
+    getAnchorLabel: (doc, anchor) => {
+      if (doc.content) {
+        const [start, end] = anchor.split(":");
+        return getTextInRange(createDocAccessor(doc.content.target, [
+          "content"
+        ]), start, end);
+      }
+    },
+    scrollToAnchor: MarkdownOperation.ScrollToAnchor
+  };
+  return Capability.contributes(AppCapabilities.CommentConfig, config);
+}));
+export {
+  comment_config_default as default
+};
+//# sourceMappingURL=comment-config-ZEA66BUR.mjs.map

package/dist/lib/neutral/comment-config-ZEA66BUR.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/comment-config.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// eslint-disable-next-line unused-imports/no-unused-imports\nimport type { Operation } from '@dxos/compute';\nimport { Type } from '@dxos/echo';\nimport { createDocAccessor, getTextInRange } from '@dxos/echo-db';\n\nimport { MarkdownOperation } from '#types';\nimport { Markdown } from '#types';\n\nexport default Capability.makeModule(\n  Effect.fnUntraced(function* () {\n    const config: AppCapabilities.CommentConfig = {\n      id: Type.getTypename(Markdown.Document),\n      comments: 'anchored',\n      selectionMode: 'multi-range',\n      getAnchorLabel: (doc: Markdown.Document, anchor: string): string | undefined => {\n        if (doc.content) {\n          const [start, end] = anchor.split(':');\n          return getTextInRange(createDocAccessor(doc.content.target!, ['content']), start, end);\n        }\n      },\n      scrollToAnchor: MarkdownOperation.ScrollToAnchor,\n    };\n    return Capability.contributes(AppCapabilities.CommentConfig, config);\n  }),\n);\n"],
+  "mappings": ";;;AAIA,YAAYA,YAAY;AAExB,SAASC,kBAAkB;AAC3B,SAASC,uBAAuB;AAGhC,SAASC,YAAY;AACrB,SAASC,mBAAmBC,sBAAsB;AAElD,SAASC,yBAAyB;AAClC,SAASC,gBAAgB;AAEzB,IAAA,yBAAeN,WAAWO,WACjBC,kBAAW,aAAA;AAChB,QAAMC,SAAwC;IAC5CC,IAAIR,KAAKS,YAAYL,SAASM,QAAQ;IACtCC,UAAU;IACVC,eAAe;IACfC,gBAAgB,CAACC,KAAwBC,WAAAA;AACvC,UAAID,IAAIE,SAAS;AACf,cAAM,CAACC,OAAOC,GAAAA,IAAOH,OAAOI,MAAM,GAAA;AAClC,eAAOjB,eAAeD,kBAAkBa,IAAIE,QAAQI,QAAS;UAAC;SAAU,GAAGH,OAAOC,GAAAA;MACpF;IACF;IACAG,gBAAgBlB,kBAAkBmB;EACpC;AACA,SAAOxB,WAAWyB,YAAYxB,gBAAgByB,eAAejB,MAAAA;AAC/D,CAAA,CAAA;",
+  "names": ["Effect", "Capability", "AppCapabilities", "Type", "createDocAccessor", "getTextInRange", "MarkdownOperation", "Markdown", "makeModule", "fnUntraced", "config", "id", "getTypename", "Document", "comments", "selectionMode", "getAnchorLabel", "doc", "anchor", "content", "start", "end", "split", "target", "scrollToAnchor", "ScrollToAnchor", "contributes", "CommentConfig"]
+}

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

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