@dxos/plugin-markdown 0.6.13-main.548ca8d → 0.6.13-staging.1e988a3

package/dist/lib/browser/DocumentCard-2P4EICBA.mjs

@@ -0,0 +1,11 @@
+import {
+  DocumentCard,
+  DocumentCard_default
+} from "./chunk-RL7QY322.mjs";
+import "./chunk-354DCID5.mjs";
+import "./chunk-4GGD6YJO.mjs";
+export {
+  DocumentCard,
+  DocumentCard_default as default
+};
+//# sourceMappingURL=DocumentCard-2P4EICBA.mjs.map

package/dist/lib/browser/DocumentEditor-GPWV3VN3.mjs

@@ -0,0 +1,11 @@
+import {
+  DocumentEditor_default
+} from "./chunk-7AF2JLK4.mjs";
+import "./chunk-CQJL4G4X.mjs";
+import "./chunk-354DCID5.mjs";
+import "./chunk-VUN4QKTT.mjs";
+import "./chunk-4GGD6YJO.mjs";
+export {
+  DocumentEditor_default as default
+};
+//# sourceMappingURL=DocumentEditor-GPWV3VN3.mjs.map

package/dist/lib/browser/MarkdownEditor-EKJJQEFL.mjs

@@ -0,0 +1,10 @@
+import {
+  MarkdownEditor,
+  MarkdownEditor_default
+} from "./chunk-VUN4QKTT.mjs";
+import "./chunk-4GGD6YJO.mjs";
+export {
+  MarkdownEditor,
+  MarkdownEditor_default as default
+};
+//# sourceMappingURL=MarkdownEditor-EKJJQEFL.mjs.map

package/dist/lib/browser/MarkdownEditor-EKJJQEFL.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/lib/browser/chunk-354DCID5.mjs

@@ -0,0 +1,117 @@
+// packages/plugins/plugin-markdown/src/extensions.tsx
+import { ArrowSquareDown, ArrowSquareOut } from "@phosphor-icons/react";
+import React, { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import { NavigationAction } from "@dxos/app-framework";
+import { invariant } from "@dxos/invariant";
+import { fullyQualifiedId } from "@dxos/react-client/echo";
+import { autocomplete, decorateMarkdown, linkTooltip, typewriter, formattingKeymap, InputModeExtensions, folding } from "@dxos/react-ui-editor";
+import { getSize, mx } from "@dxos/react-ui-theme";
+import { isNotFalsy, nonNullable } from "@dxos/util";
+var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-markdown/src/extensions.tsx";
+var createBaseExtensions = ({ viewMode, settings, document, query, dispatch }) => {
+  const extensions = [];
+  if (settings?.editorInputMode) {
+    const extension = InputModeExtensions[settings.editorInputMode];
+    if (extension) {
+      extensions.push(extension);
+    }
+  }
+  if (viewMode !== "source") {
+    extensions.push(...[
+      formattingKeymap(),
+      decorateMarkdown({
+        selectionChangeDelay: 100,
+        numberedHeadings: settings?.numberedHeadings ? {
+          from: 2
+        } : void 0,
+        // TODO(wittjosiah): For internal links, consider ignoring the link text and rendering the label of the object being linked to.
+        renderLinkButton: dispatch && document ? onRenderLink((id) => {
+          void dispatch({
+            action: NavigationAction.ADD_TO_ACTIVE,
+            data: {
+              id,
+              part: "main",
+              pivotId: fullyQualifiedId(document),
+              scrollIntoView: true
+            }
+          });
+        }) : void 0
+      }),
+      linkTooltip(renderLinkTooltip)
+    ]);
+  }
+  if (query) {
+    extensions.push(autocomplete({
+      onSearch: (text) => {
+        return query.objects.map((object) => object.name?.length && object.id !== document?.id ? {
+          label: object.name,
+          // TODO(burdon): Factor out URL builder.
+          apply: `[${object.name}](/${fullyQualifiedId(object)})`
+        } : void 0).filter(nonNullable);
+      }
+    }));
+  }
+  extensions.push(...[
+    //
+    settings?.folding && folding()
+  ].filter(isNotFalsy));
+  if (settings?.debug) {
+    const items = settings.typewriter ?? "";
+    extensions.push(...[
+      items ? typewriter({
+        items: items.split(/[,\n]/)
+      }) : void 0
+    ].filter(nonNullable));
+  }
+  return extensions;
+};
+var hover = "rounded-sm text-primary-600 hover:text-primary-500 dark:text-primary-300 hover:dark:text-primary-200";
+var onRenderLink = (onSelectObject) => (el, url) => {
+  const isInternal = url.startsWith("/") || // TODO(wittjosiah): This should probably be parsed out on paste?
+  url.startsWith(window.location.origin);
+  const options = isInternal ? {
+    onClick: () => {
+      const qualifiedId = url.split("/").at(-1);
+      invariant(qualifiedId, "Invalid link format.", {
+        F: __dxlog_file,
+        L: 148,
+        S: void 0,
+        A: [
+          "qualifiedId",
+          "'Invalid link format.'"
+        ]
+      });
+      onSelectObject(qualifiedId);
+    }
+  } : {
+    href: url,
+    rel: "noreferrer",
+    target: "_blank"
+  };
+  const LinkIcon = isInternal ? ArrowSquareDown : ArrowSquareOut;
+  createRoot(el).render(/* @__PURE__ */ React.createElement(StrictMode, null, /* @__PURE__ */ React.createElement("a", {
+    ...options,
+    className: hover
+  }, /* @__PURE__ */ React.createElement(LinkIcon, {
+    weight: "bold",
+    className: mx(getSize(4), "inline-block leading-none mis-1 cursor-pointer")
+  }))));
+};
+var renderLinkTooltip = (el, url) => {
+  const web = new URL(url);
+  createRoot(el).render(/* @__PURE__ */ React.createElement(StrictMode, null, /* @__PURE__ */ React.createElement("a", {
+    href: url,
+    target: "_blank",
+    rel: "noreferrer",
+    className: hover
+  }, web.origin, /* @__PURE__ */ React.createElement(ArrowSquareOut, {
+    weight: "bold",
+    className: mx(getSize(4), "inline-block leading-none mis-1 cursor-pointer")
+  }))));
+};
+
+export {
+  createBaseExtensions
+};
+//# sourceMappingURL=chunk-354DCID5.mjs.map

package/dist/lib/browser/chunk-354DCID5.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/extensions.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { ArrowSquareDown, ArrowSquareOut, type Icon } from '@phosphor-icons/react';\nimport React, { type AnchorHTMLAttributes, StrictMode } from 'react';\nimport { createRoot } from 'react-dom/client';\n\nimport { type IntentDispatcher, NavigationAction } from '@dxos/app-framework';\nimport { invariant } from '@dxos/invariant';\nimport { fullyQualifiedId, type Query } from '@dxos/react-client/echo';\nimport {\n  type AutocompleteResult,\n  type Extension,\n  type EditorViewMode,\n  autocomplete,\n  decorateMarkdown,\n  linkTooltip,\n  typewriter,\n  formattingKeymap,\n  InputModeExtensions,\n  folding,\n} from '@dxos/react-ui-editor';\nimport { getSize, mx } from '@dxos/react-ui-theme';\nimport { isNotFalsy, nonNullable } from '@dxos/util';\n\nimport { type DocumentType, type MarkdownSettingsProps } from './types';\n\nexport type ExtensionsOptions = {\n  viewMode?: EditorViewMode;\n  settings?: MarkdownSettingsProps;\n  document?: DocumentType;\n  debug?: boolean;\n  experimental?: boolean;\n  numberedHeadings?: boolean;\n  folding?: boolean;\n  query?: Query<DocumentType>;\n  dispatch?: IntentDispatcher;\n};\n\n/**\n * Create extension instances for editor.\n */\nexport const createBaseExtensions = ({\n  viewMode,\n  settings,\n  document,\n  query,\n  dispatch,\n}: ExtensionsOptions): Extension[] => {\n  const extensions: Extension[] = [];\n\n  //\n  // Editor mode.\n  //\n  if (settings?.editorInputMode) {\n    const extension = InputModeExtensions[settings.editorInputMode];\n    if (extension) {\n      extensions.push(extension);\n    }\n  }\n\n  //\n  // Markdown\n  //\n  if (viewMode !== 'source') {\n    extensions.push(\n      ...[\n        formattingKeymap(),\n        decorateMarkdown({\n          selectionChangeDelay: 100,\n          numberedHeadings: settings?.numberedHeadings ? { from: 2 } : undefined,\n          // TODO(wittjosiah): For internal links, consider ignoring the link text and rendering the label of the object being linked to.\n          renderLinkButton:\n            dispatch && document\n              ? onRenderLink((id: string) => {\n                  void dispatch({\n                    action: NavigationAction.ADD_TO_ACTIVE,\n                    data: {\n                      id,\n                      part: 'main',\n                      pivotId: fullyQualifiedId(document),\n                      scrollIntoView: true,\n                    },\n                  });\n                })\n              : undefined,\n        }),\n        linkTooltip(renderLinkTooltip),\n      ],\n    );\n  }\n\n  //\n  // Autocomplete object links.\n  //\n  if (query) {\n    extensions.push(\n      autocomplete({\n        onSearch: (text: string) => {\n          // TODO query\n          // TODO(burdon): Specify filter (e.g., stack).\n          return query.objects\n            .map<AutocompleteResult | undefined>((object) =>\n              object.name?.length && object.id !== document?.id\n                ? {\n                    label: object.name,\n                    // TODO(burdon): Factor out URL builder.\n                    apply: `[${object.name}](/${fullyQualifiedId(object)})`,\n                  }\n                : undefined,\n            )\n            .filter(nonNullable);\n        },\n      }),\n    );\n  }\n\n  extensions.push(\n    ...[\n      //\n      settings?.folding && folding(),\n    ].filter(isNotFalsy),\n  );\n\n  if (settings?.debug) {\n    const items = settings.typewriter ?? '';\n    extensions.push(...[items ? typewriter({ items: items.split(/[,\\n]/) }) : undefined].filter(nonNullable));\n  }\n\n  return extensions;\n};\n\n// TODO(burdon): Factor out style.\nconst hover = 'rounded-sm text-primary-600 hover:text-primary-500 dark:text-primary-300 hover:dark:text-primary-200';\n\nconst onRenderLink = (onSelectObject: (id: string) => void) => (el: Element, url: string) => {\n  // TODO(burdon): Formalize/document internal link format.\n  const isInternal =\n    url.startsWith('/') ||\n    // TODO(wittjosiah): This should probably be parsed out on paste?\n    url.startsWith(window.location.origin);\n\n  const options: AnchorHTMLAttributes<any> = isInternal\n    ? {\n        onClick: () => {\n          const qualifiedId = url.split('/').at(-1);\n          invariant(qualifiedId, 'Invalid link format.');\n          onSelectObject(qualifiedId);\n        },\n      }\n    : {\n        href: url,\n        rel: 'noreferrer',\n        target: '_blank',\n      };\n\n  const LinkIcon: Icon = isInternal ? ArrowSquareDown : ArrowSquareOut;\n\n  createRoot(el).render(\n    <StrictMode>\n      <a {...options} className={hover}>\n        <LinkIcon weight='bold' className={mx(getSize(4), 'inline-block leading-none mis-1 cursor-pointer')} />\n      </a>\n    </StrictMode>,\n  );\n};\n\nconst renderLinkTooltip = (el: Element, url: string) => {\n  const web = new URL(url);\n  createRoot(el).render(\n    <StrictMode>\n      <a href={url} target='_blank' rel='noreferrer' className={hover}>\n        {web.origin}\n        <ArrowSquareOut weight='bold' className={mx(getSize(4), 'inline-block leading-none mis-1 cursor-pointer')} />\n      </a>\n    </StrictMode>,\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["ArrowSquareDown", "ArrowSquareOut", "React", "StrictMode", "createRoot", "NavigationAction", "invariant", "fullyQualifiedId", "autocomplete", "decorateMarkdown", "linkTooltip", "typewriter", "formattingKeymap", "InputModeExtensions", "folding", "getSize", "mx", "isNotFalsy", "nonNullable", "createBaseExtensions", "viewMode", "settings", "document", "query", "dispatch", "extensions", "editorInputMode", "extension", "push", "selectionChangeDelay", "numberedHeadings", "from", "undefined", "renderLinkButton", "onRenderLink", "id", "action", "ADD_TO_ACTIVE", "data", "part", "pivotId", "scrollIntoView", "renderLinkTooltip", "onSearch", "text", "objects", "map", "object", "name", "length", "label", "apply", "filter", "debug", "items", "split", "hover", "onSelectObject", "el", "url", "isInternal", "startsWith", "window", "location", "origin", "options", "onClick", "qualifiedId", "at", "href", "rel", "target", "LinkIcon", "render", "a", "className", "weight", "web", "URL"]
+}

package/dist/lib/browser/chunk-4GGD6YJO.mjs

@@ -0,0 +1,19 @@
+// packages/plugins/plugin-markdown/src/meta.tsx
+import { TextAa } from "@phosphor-icons/react";
+import React from "react";
+import { pluginMeta } from "@dxos/app-framework";
+var MARKDOWN_PLUGIN = "dxos.org/plugin/markdown";
+var meta_default = pluginMeta({
+  id: MARKDOWN_PLUGIN,
+  name: "Editor",
+  description: "Markdown text editor.",
+  homePage: "https://github.com/dxos/dxos/tree/main/packages/apps/plugins/plugin-markdown",
+  iconComponent: (props) => /* @__PURE__ */ React.createElement(TextAa, props),
+  iconSymbol: "ph--text-aa--regular"
+});
+
+export {
+  MARKDOWN_PLUGIN,
+  meta_default
+};
+//# sourceMappingURL=chunk-4GGD6YJO.mjs.map

package/dist/lib/browser/chunk-4GGD6YJO.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/meta.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type IconProps, TextAa } from '@phosphor-icons/react';\nimport React from 'react';\n\nimport { pluginMeta } from '@dxos/app-framework';\n\nexport const MARKDOWN_PLUGIN = 'dxos.org/plugin/markdown';\n\nexport default pluginMeta({\n  id: MARKDOWN_PLUGIN,\n  name: 'Editor',\n  description: 'Markdown text editor.',\n  homePage: 'https://github.com/dxos/dxos/tree/main/packages/apps/plugins/plugin-markdown',\n  iconComponent: (props: IconProps) => <TextAa {...props} />,\n  iconSymbol: 'ph--text-aa--regular',\n});\n"],
+  "mappings": ";AAIA,SAAyBA,cAAc;AACvC,OAAOC,WAAW;AAElB,SAASC,kBAAkB;AAEpB,IAAMC,kBAAkB;AAE/B,IAAA,eAAeC,WAAW;EACxBC,IAAIF;EACJG,MAAM;EACNC,aAAa;EACbC,UAAU;EACVC,eAAe,CAACC,UAAqB,sBAAA,cAACC,QAAWD,KAAAA;EACjDE,YAAY;AACd,CAAA;",
+  "names": ["TextAa", "React", "pluginMeta", "MARKDOWN_PLUGIN", "pluginMeta", "id", "name", "description", "homePage", "iconComponent", "props", "TextAa", "iconSymbol"]
+}

package/dist/lib/browser/chunk-7AF2JLK4.mjs

@@ -0,0 +1,164 @@
+import {
+  DocumentType,
+  TextType
+} from "./chunk-CQJL4G4X.mjs";
+import {
+  createBaseExtensions
+} from "./chunk-354DCID5.mjs";
+import {
+  MarkdownEditor_default
+} from "./chunk-VUN4QKTT.mjs";
+
+// packages/plugins/plugin-markdown/src/components/DocumentEditor.tsx
+import React, { useEffect, useMemo } from "react";
+import { useResolvePlugin, parseFileManagerPlugin, useIntentDispatcher } from "@dxos/app-framework";
+import { createDocAccessor, fullyQualifiedId, getSpace } from "@dxos/react-client/echo";
+import { useIdentity } from "@dxos/react-client/halo";
+import { createDataExtensions, listener, localStorageStateStoreAdapter, state } from "@dxos/react-ui-editor";
+
+// packages/plugins/plugin-markdown/src/util.tsx
+import { debounce } from "@dxos/async";
+import { create, createEchoObject, isEchoObject, loadObjectReferences } from "@dxos/react-client/echo";
+var isMarkdownProperties = (data) => isEchoObject(data) ? true : data && typeof data === "object" ? "title" in data && typeof data.title === "string" : false;
+var markdownExtensionPlugins = (plugins) => {
+  return plugins.filter((plugin) => Boolean(plugin.provides?.markdown));
+};
+var nonTitleChars = /[^\w ]/g;
+var getFallbackName = (content) => {
+  return content.substring(0, 31).split("\n")[0].replaceAll(nonTitleChars, "").trim();
+};
+var setFallbackName = debounce((doc, content) => {
+  const name = getFallbackName(content);
+  if (doc.fallbackName !== name) {
+    doc.fallbackName = name;
+  }
+}, 200);
+var serializer = {
+  serialize: async ({ object }) => {
+    const content = await loadObjectReferences(object, (doc) => doc.content);
+    return JSON.stringify({
+      name: object.name,
+      content: content.content
+    });
+  },
+  deserialize: async ({ content: serialized }) => {
+    const { name, content } = JSON.parse(serialized);
+    return createEchoObject(create(DocumentType, {
+      name,
+      content: create(TextType, {
+        content
+      }),
+      threads: []
+    }));
+  }
+};
+
+// packages/plugins/plugin-markdown/src/components/DocumentEditor.tsx
+var DocumentEditor = ({ document: doc, extensionProviders = [], viewMode, settings, ...props }) => {
+  const space = getSpace(doc);
+  const identity = useIdentity();
+  const dispatch = useIntentDispatcher();
+  const baseExtensions = useMemo(() => {
+    return createBaseExtensions({
+      viewMode,
+      settings,
+      document: doc,
+      dispatch
+    });
+  }, [
+    doc,
+    viewMode,
+    dispatch,
+    settings,
+    settings.folding,
+    settings.numberedHeadings
+  ]);
+  const providerExtensions = useMemo(() => extensionProviders.reduce((acc, provider) => {
+    const provided = typeof provider === "function" ? provider({
+      document: doc
+    }) : provider;
+    acc.push(...provided);
+    return acc;
+  }, []), [
+    extensionProviders
+  ]);
+  const extensions = useMemo(() => [
+    // NOTE: Data extensions must be first so that automerge is updated before other extensions compute their state.
+    createDataExtensions({
+      id: doc.id,
+      text: doc.content && createDocAccessor(doc.content, [
+        "content"
+      ]),
+      space,
+      identity
+    }),
+    state(localStorageStateStoreAdapter),
+    listener({
+      onChange: (text) => {
+        setFallbackName(doc, text);
+      }
+    }),
+    providerExtensions,
+    baseExtensions
+  ], [
+    doc,
+    doc.content,
+    space,
+    baseExtensions,
+    providerExtensions,
+    identity
+  ]);
+  const initialValue = useMemo(() => doc.content?.content, [
+    doc.content
+  ]);
+  useEffect(() => {
+    if (!doc.fallbackName && doc.content?.content) {
+      doc.fallbackName = getFallbackName(doc.content.content);
+    }
+  }, [
+    doc,
+    doc.content
+  ]);
+  const id = fullyQualifiedId(doc);
+  const { scrollTo, selection } = useMemo(() => localStorageStateStoreAdapter.getState(id) ?? {}, [
+    doc
+  ]);
+  const fileManagerPlugin = useResolvePlugin(parseFileManagerPlugin);
+  const handleFileUpload = useMemo(() => {
+    if (space === void 0) {
+      return void 0;
+    }
+    if (fileManagerPlugin?.provides.file.upload === void 0) {
+      return void 0;
+    }
+    return async (file) => {
+      return fileManagerPlugin?.provides?.file?.upload?.(file, space);
+    };
+  }, [
+    fileManagerPlugin,
+    space
+  ]);
+  return /* @__PURE__ */ React.createElement(MarkdownEditor_default, {
+    id,
+    initialValue,
+    extensions,
+    scrollTo,
+    selection,
+    onFileUpload: handleFileUpload,
+    inputMode: settings.editorInputMode,
+    toolbar: settings.toolbar,
+    viewMode,
+    ...props
+  });
+};
+var DocumentEditor_default = DocumentEditor;
+
+export {
+  isMarkdownProperties,
+  markdownExtensionPlugins,
+  getFallbackName,
+  setFallbackName,
+  serializer,
+  DocumentEditor_default
+};
+//# sourceMappingURL=chunk-7AF2JLK4.mjs.map

package/dist/lib/browser/chunk-7AF2JLK4.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/DocumentEditor.tsx", "../../../src/util.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useEffect, useMemo } from 'react';\n\nimport { useResolvePlugin, parseFileManagerPlugin, useIntentDispatcher } from '@dxos/app-framework';\nimport { createDocAccessor, fullyQualifiedId, getSpace } from '@dxos/react-client/echo';\nimport { useIdentity } from '@dxos/react-client/halo';\nimport {\n  createDataExtensions,\n  listener,\n  localStorageStateStoreAdapter,\n  state,\n  type Extension,\n  type EditorSelectionState,\n} from '@dxos/react-ui-editor';\n\nimport MarkdownEditor, { type MarkdownEditorProps } from './MarkdownEditor';\nimport { createBaseExtensions } from '../extensions';\nimport { type DocumentType, type MarkdownPluginState, type MarkdownSettingsProps } from '../types';\nimport { getFallbackName, setFallbackName } from '../util';\n\ntype DocumentEditorProps = {\n  document: DocumentType;\n  settings: MarkdownSettingsProps;\n} & Omit<MarkdownEditorProps, 'id' | 'inputMode' | 'toolbar' | 'extensions'> &\n  Pick<MarkdownPluginState, 'extensionProviders'>;\n\n/**\n * Editor for a `DocumentType`.\n */\nconst DocumentEditor = ({\n  document: doc,\n  extensionProviders = [],\n  viewMode,\n  settings,\n  ...props\n}: DocumentEditorProps) => {\n  const space = getSpace(doc);\n  const identity = useIdentity();\n  const dispatch = useIntentDispatcher();\n\n  const baseExtensions = useMemo(() => {\n    // TODO(wittjosiah): Autocomplete is not working and this query is causing performance issues.\n    // const query = space?.db.query(Filter.schema(DocumentType));\n    // query?.subscribe();\n    return createBaseExtensions({\n      viewMode,\n      settings,\n      document: doc,\n      dispatch,\n      // query,\n    });\n  }, [doc, viewMode, dispatch, settings, settings.folding, settings.numberedHeadings]);\n\n  const providerExtensions = useMemo(\n    () =>\n      extensionProviders.reduce((acc: Extension[], provider) => {\n        const provided = typeof provider === 'function' ? provider({ document: doc }) : provider;\n        acc.push(...provided);\n        return acc;\n      }, []),\n    [extensionProviders],\n  );\n\n  const extensions = useMemo(\n    () => [\n      // NOTE: Data extensions must be first so that automerge is updated before other extensions compute their state.\n      createDataExtensions({\n        id: doc.id,\n        text: doc.content && createDocAccessor(doc.content, ['content']),\n        space,\n        identity,\n      }),\n      state(localStorageStateStoreAdapter),\n      listener({\n        onChange: (text) => {\n          setFallbackName(doc, text);\n        },\n      }),\n      providerExtensions,\n      baseExtensions,\n    ],\n    [doc, doc.content, space, baseExtensions, providerExtensions, identity],\n  );\n\n  const initialValue = useMemo(() => doc.content?.content, [doc.content]);\n\n  // Migrate gradually to `fallbackName`.\n  useEffect(() => {\n    if (!doc.fallbackName && doc.content?.content) {\n      doc.fallbackName = getFallbackName(doc.content.content);\n    }\n  }, [doc, doc.content]);\n\n  // Restore last selection and scroll point.\n  const id = fullyQualifiedId(doc);\n  const { scrollTo, selection } = useMemo<EditorSelectionState>(\n    () => localStorageStateStoreAdapter.getState(id) ?? {},\n    [doc],\n  );\n\n  const fileManagerPlugin = useResolvePlugin(parseFileManagerPlugin);\n  const handleFileUpload = useMemo(() => {\n    if (space === undefined) {\n      return undefined;\n    }\n\n    if (fileManagerPlugin?.provides.file.upload === undefined) {\n      return undefined;\n    }\n\n    return async (file: File) => {\n      return fileManagerPlugin?.provides?.file?.upload?.(file, space);\n    };\n  }, [fileManagerPlugin, space]);\n\n  return (\n    <MarkdownEditor\n      id={id}\n      initialValue={initialValue}\n      extensions={extensions}\n      scrollTo={scrollTo}\n      selection={selection}\n      onFileUpload={handleFileUpload}\n      inputMode={settings.editorInputMode}\n      toolbar={settings.toolbar}\n      viewMode={viewMode}\n      {...props}\n    />\n  );\n};\n\nexport default DocumentEditor;\n\nexport type DocumentEditor = typeof DocumentEditor;\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Plugin } from '@dxos/app-framework';\nimport { debounce } from '@dxos/async';\nimport { type TypedObjectSerializer } from '@dxos/plugin-space/types';\nimport { create, createEchoObject, isEchoObject, loadObjectReferences } from '@dxos/react-client/echo';\n\nimport { DocumentType, type MarkdownProperties, type MarkdownExtensionProvides, TextType } from './types';\n\nexport const isMarkdownProperties = (data: unknown): data is MarkdownProperties =>\n  isEchoObject(data)\n    ? true\n    : data && typeof data === 'object'\n      ? 'title' in data && typeof data.title === 'string'\n      : false;\n\ntype MarkdownExtensionPlugin = Plugin<MarkdownExtensionProvides>;\n\nexport const markdownExtensionPlugins = (plugins: Plugin[]): MarkdownExtensionPlugin[] => {\n  return (plugins as MarkdownExtensionPlugin[]).filter((plugin) => Boolean(plugin.provides?.markdown));\n};\n\nconst nonTitleChars = /[^\\w ]/g;\n\nexport const getFallbackName = (content: string) => {\n  return content.substring(0, 31).split('\\n')[0].replaceAll(nonTitleChars, '').trim();\n};\n\nexport const setFallbackName = debounce((doc: DocumentType, content: string) => {\n  const name = getFallbackName(content);\n  if (doc.fallbackName !== name) {\n    doc.fallbackName = name;\n  }\n}, 200);\n\nexport const serializer: TypedObjectSerializer<DocumentType> = {\n  serialize: async ({ object }): Promise<string> => {\n    const content = await loadObjectReferences(object, (doc) => doc.content);\n    return JSON.stringify({ name: object.name, content: content.content });\n  },\n\n  deserialize: async ({ content: serialized }) => {\n    const { name, content } = JSON.parse(serialized);\n    return createEchoObject(create(DocumentType, { name, content: create(TextType, { content }), threads: [] }));\n  },\n};\n"],
+  "mappings": "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",
+  "names": ["React", "useEffect", "useMemo", "useResolvePlugin", "parseFileManagerPlugin", "useIntentDispatcher", "createDocAccessor", "fullyQualifiedId", "getSpace", "useIdentity", "createDataExtensions", "listener", "localStorageStateStoreAdapter", "state", "debounce", "create", "createEchoObject", "isEchoObject", "loadObjectReferences", "isMarkdownProperties", "data", "isEchoObject", "title", "markdownExtensionPlugins", "plugins", "filter", "plugin", "Boolean", "provides", "markdown", "nonTitleChars", "getFallbackName", "content", "substring", "split", "replaceAll", "trim", "setFallbackName", "debounce", "doc", "name", "fallbackName", "serializer", "serialize", "object", "loadObjectReferences", "JSON", "stringify", "deserialize", "serialized", "parse", "createEchoObject", "create", "DocumentType", "TextType", "threads", "DocumentEditor", "document", "doc", "extensionProviders", "viewMode", "settings", "props", "space", "getSpace", "identity", "useIdentity", "dispatch", "useIntentDispatcher", "baseExtensions", "useMemo", "createBaseExtensions", "folding", "numberedHeadings", "providerExtensions", "reduce", "acc", "provider", "provided", "push", "extensions", "createDataExtensions", "id", "text", "content", "createDocAccessor", "state", "localStorageStateStoreAdapter", "listener", "onChange", "setFallbackName", "initialValue", "useEffect", "fallbackName", "getFallbackName", "fullyQualifiedId", "scrollTo", "selection", "getState", "fileManagerPlugin", "useResolvePlugin", "parseFileManagerPlugin", "handleFileUpload", "undefined", "provides", "file", "upload", "MarkdownEditor", "onFileUpload", "inputMode", "editorInputMode", "toolbar"]
+}

package/dist/lib/browser/{chunk-US5O2P3R.mjs → chunk-CQJL4G4X.mjs}

@@ -1,6 +1,6 @@
 import {
   MARKDOWN_PLUGIN
-} from "./chunk-DRJ3FPYF.mjs";
+} from "./chunk-4GGD6YJO.mjs";
 
 // packages/plugins/plugin-markdown/src/types/document.ts
 import { ref, S, TypedObject } from "@dxos/echo-schema";
@@ -22,7 +22,6 @@ var DocumentType = class extends TypedObject({
   threads: S.mutable(S.Array(ref(ThreadType)))
 }) {
 };
-var isEditorModel = (data) => data && typeof data === "object" && "id" in data && typeof data.id === "string" && "text" in data && typeof data.text === "string";
 
 // packages/plugins/plugin-markdown/src/types/types.ts
 var MARKDOWN_ACTION = `${MARKDOWN_PLUGIN}/action`;
@@ -35,7 +34,6 @@ var MarkdownAction;
 export {
   TextType,
   DocumentType,
-  isEditorModel,
   MarkdownAction
 };
-//# sourceMappingURL=chunk-US5O2P3R.mjs.map
+//# sourceMappingURL=chunk-CQJL4G4X.mjs.map

package/dist/lib/browser/chunk-CQJL4G4X.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/types/document.ts", "../../../src/types/types.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { ref, S, TypedObject } from '@dxos/echo-schema';\nimport { ThreadType } from '@dxos/plugin-space/types';\n\nexport class TextType extends TypedObject({ typename: 'dxos.org/type/Text', version: '0.1.0' })({\n  content: S.String,\n}) {}\n\nexport class DocumentType extends TypedObject({ typename: 'dxos.org/type/Document', version: '0.1.0' })({\n  name: S.optional(S.String),\n  fallbackName: S.optional(S.String),\n  content: ref(TextType),\n  threads: S.mutable(S.Array(ref(ThreadType))),\n}) {}\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport type {\n  GraphBuilderProvides,\n  GraphSerializerProvides,\n  IntentResolverProvides,\n  MetadataRecordsProvides,\n  SettingsProvides,\n  SurfaceProvides,\n  TranslationsProvides,\n} from '@dxos/app-framework';\nimport { type SchemaProvides } from '@dxos/plugin-client';\nimport { type Extension, type EditorInputMode, type EditorViewMode } from '@dxos/react-ui-editor';\n\nimport { type DocumentType } from './document';\nimport { MARKDOWN_PLUGIN } from '../meta';\n\nconst MARKDOWN_ACTION = `${MARKDOWN_PLUGIN}/action`;\n\nexport enum MarkdownAction {\n  CREATE = `${MARKDOWN_ACTION}/create`,\n  SET_VIEW_MODE = `${MARKDOWN_ACTION}/set-view-mode`,\n}\n\nexport type MarkdownProperties = Record<string, any>;\n\nexport type ExtensionsProvider = (props: { document?: DocumentType }) => Extension[];\n\nexport type OnChange = (text: string) => void;\n\nexport type MarkdownExtensionProvides = {\n  markdown: {\n    extensions: ExtensionsProvider;\n  };\n};\n\n// TODO(wittjosiah): Factor out to graph plugin?\ntype StackProvides = {\n  stack: {\n    creators?: Record<string, any>[];\n  };\n};\n\nexport type MarkdownPluginState = {\n  // Codemirror extensions provided by other plugins.\n  extensionProviders: NonNullable<ExtensionsProvider>[];\n\n  // TODO(burdon): Extend view mode per document to include scroll position, etc.\n  // View mode per document.\n  viewMode: { [key: string]: EditorViewMode };\n};\n\nexport type MarkdownSettingsProps = {\n  defaultViewMode: EditorViewMode;\n  editorInputMode?: EditorInputMode;\n  experimental?: boolean;\n  debug?: boolean;\n  toolbar?: boolean;\n  typewriter?: string;\n  // TODO(burdon): Per document settings.\n  numberedHeadings?: boolean;\n  folding?: boolean;\n};\n\n// TODO(Zan): Move this to the plugin-space plugin or another common location\n// when we implement comments in sheets.\ntype ThreadProvides<T> = {\n  thread: {\n    predicate: (obj: any) => obj is T;\n    createSort: (obj: T) => (anchorA: string, anchorB: string) => number;\n  };\n};\n\nexport type MarkdownPluginProvides = SurfaceProvides &\n  IntentResolverProvides &\n  GraphBuilderProvides &\n  GraphSerializerProvides &\n  MetadataRecordsProvides &\n  SettingsProvides<MarkdownSettingsProps> &\n  TranslationsProvides &\n  SchemaProvides &\n  StackProvides &\n  ThreadProvides<DocumentType>;\n"],
+  "mappings": ";;;;;AAIA,SAASA,KAAKC,GAAGC,mBAAmB;AACpC,SAASC,kBAAkB;AAEpB,IAAMC,WAAN,cAAuBC,YAAY;EAAEC,UAAU;EAAsBC,SAAS;AAAQ,CAAA,EAAG;EAC9FC,SAASC,EAAEC;AACb,CAAA,EAAA;AAAI;AAEG,IAAMC,eAAN,cAA2BN,YAAY;EAAEC,UAAU;EAA0BC,SAAS;AAAQ,CAAA,EAAG;EACtGK,MAAMH,EAAEI,SAASJ,EAAEC,MAAM;EACzBI,cAAcL,EAAEI,SAASJ,EAAEC,MAAM;EACjCF,SAASO,IAAIX,QAAAA;EACbY,SAASP,EAAEQ,QAAQR,EAAES,MAAMH,IAAII,UAAAA,CAAAA,CAAAA;AACjC,CAAA,EAAA;AAAI;;;ACGJ,IAAMC,kBAAkB,GAAGC,eAAAA;;UAEfC,iBAAAA;8CACD,GAAGF,eAAAA,SAAwB,IAAA;qDACpB,GAAGA,eAAAA,gBAA+B,IAAA;GAFxCE,mBAAAA,iBAAAA,CAAAA,EAAAA;",
+  "names": ["ref", "S", "TypedObject", "ThreadType", "TextType", "TypedObject", "typename", "version", "content", "S", "String", "DocumentType", "name", "optional", "fallbackName", "ref", "threads", "mutable", "Array", "ThreadType", "MARKDOWN_ACTION", "MARKDOWN_PLUGIN", "MarkdownAction"]
+}

package/dist/lib/browser/chunk-RL7QY322.mjs

@@ -0,0 +1,86 @@
+import {
+  createBaseExtensions
+} from "./chunk-354DCID5.mjs";
+import {
+  MARKDOWN_PLUGIN
+} from "./chunk-4GGD6YJO.mjs";
+
+// packages/plugins/plugin-markdown/src/components/DocumentCard.tsx
+import React, { forwardRef } from "react";
+import { createDocAccessor } from "@dxos/react-client/echo";
+import { DropdownMenu, Input, useThemeContext, useTranslation } from "@dxos/react-ui";
+import { Card } from "@dxos/react-ui-card";
+import { createBasicExtensions, createDataExtensions, createThemeExtensions, useTextEditor } from "@dxos/react-ui-editor";
+import { focusRing, mx } from "@dxos/react-ui-theme";
+var DocumentCard = /* @__PURE__ */ forwardRef(({ classNames, isDragging, draggableStyle, draggableProps, item: { id, object, color }, grow, settings, onSelect, onAction }, forwardRef2) => {
+  const { t } = useTranslation(MARKDOWN_PLUGIN);
+  const { themeMode } = useThemeContext();
+  const { parentRef, focusAttributes } = useTextEditor(() => ({
+    initialValue: object.content?.content,
+    extensions: [
+      createBasicExtensions({
+        placeholder: t("editor placeholder")
+      }),
+      createThemeExtensions({
+        themeMode
+      }),
+      createDataExtensions({
+        id: object.id,
+        text: object.content && createDocAccessor(object.content, [
+          "content"
+        ])
+      }),
+      createBaseExtensions({
+        document: object,
+        debug: settings.debug,
+        experimental: settings.experimental
+      })
+    ]
+  }), [
+    object,
+    object.content,
+    themeMode
+  ]);
+  return /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    ref: forwardRef2,
+    className: "flex w-full",
+    style: draggableStyle
+  }, /* @__PURE__ */ React.createElement(Card.Root, {
+    classNames: mx("w-full snap-center", color, isDragging && "opacity-20", classNames),
+    grow
+  }, /* @__PURE__ */ React.createElement(Card.Header, {
+    onDoubleClick: () => onSelect?.()
+  }, /* @__PURE__ */ React.createElement(Card.DragHandle, draggableProps), /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.TextInput, {
+    variant: "subdued",
+    classNames: "p-0",
+    placeholder: t("document title placeholder"),
+    value: object.name,
+    onChange: (event) => object.name = event.target.value
+  })), /* @__PURE__ */ React.createElement(Card.Menu, null, /* @__PURE__ */ React.createElement(DropdownMenu.Item, {
+    onClick: () => onAction?.({
+      id,
+      action: "delete"
+    })
+  }, /* @__PURE__ */ React.createElement("span", {
+    className: "grow"
+  }, "Delete")), /* @__PURE__ */ React.createElement(DropdownMenu.Item, {
+    onClick: () => onAction?.({
+      id,
+      action: "set-color"
+    })
+  }, /* @__PURE__ */ React.createElement("span", {
+    className: "grow"
+  }, "Change color")))), /* @__PURE__ */ React.createElement(Card.Body, null, /* @__PURE__ */ React.createElement("div", {
+    ...focusAttributes,
+    ref: parentRef,
+    className: mx(focusRing, "rounded-sm h-full p-1 text-sm")
+  }))));
+});
+var DocumentCard_default = DocumentCard;
+
+export {
+  DocumentCard,
+  DocumentCard_default
+};
+//# sourceMappingURL=chunk-RL7QY322.mjs.map

package/dist/lib/browser/chunk-RL7QY322.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/DocumentCard.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { forwardRef } from 'react';\n\nimport { createDocAccessor } from '@dxos/react-client/echo';\nimport { DropdownMenu, Input, useThemeContext, useTranslation } from '@dxos/react-ui';\nimport { Card } from '@dxos/react-ui-card';\nimport {\n  createBasicExtensions,\n  createDataExtensions,\n  createThemeExtensions,\n  useTextEditor,\n} from '@dxos/react-ui-editor';\nimport type { MosaicTileComponent } from '@dxos/react-ui-mosaic';\nimport { focusRing, mx } from '@dxos/react-ui-theme';\n\nimport { createBaseExtensions } from '../extensions';\nimport { MARKDOWN_PLUGIN } from '../meta';\nimport { type DocumentType, type MarkdownSettingsProps } from '../types';\n\nexport type DocumentItemProps = {\n  id: string;\n  object: DocumentType;\n  color?: string;\n};\n\nexport type DocumentCardProps = {\n  settings: MarkdownSettingsProps;\n};\n\n/**\n * @deprecated\n */\n// TODO(wittjosiah): Unify with DocumentEditor.\nexport const DocumentCard: MosaicTileComponent<DocumentItemProps, HTMLDivElement, DocumentCardProps> = forwardRef(\n  (\n    {\n      classNames,\n      isDragging,\n      draggableStyle,\n      draggableProps,\n      item: { id, object, color },\n      grow,\n      settings,\n      onSelect,\n      onAction,\n    },\n    forwardRef,\n  ) => {\n    const { t } = useTranslation(MARKDOWN_PLUGIN);\n    const { themeMode } = useThemeContext();\n    const { parentRef, focusAttributes } = useTextEditor(\n      () => ({\n        initialValue: object.content?.content,\n        extensions: [\n          createBasicExtensions({ placeholder: t('editor placeholder') }),\n          createThemeExtensions({ themeMode }),\n          createDataExtensions({\n            id: object.id,\n            text: object.content && createDocAccessor(object.content, ['content']),\n          }),\n          createBaseExtensions({\n            document: object,\n            debug: settings.debug,\n            experimental: settings.experimental,\n          }),\n        ],\n      }),\n      [object, object.content, themeMode],\n    );\n\n    return (\n      <div role='none' ref={forwardRef} className='flex w-full' style={draggableStyle}>\n        <Card.Root classNames={mx('w-full snap-center', color, isDragging && 'opacity-20', classNames)} grow={grow}>\n          <Card.Header onDoubleClick={() => onSelect?.()}>\n            <Card.DragHandle {...draggableProps} />\n            <Input.Root>\n              <Input.TextInput\n                variant='subdued'\n                classNames='p-0'\n                placeholder={t('document title placeholder')}\n                value={object.name}\n                onChange={(event) => (object.name = event.target.value)}\n              />\n            </Input.Root>\n            <Card.Menu>\n              {/* TODO(burdon): Handle events/intents? */}\n              <DropdownMenu.Item onClick={() => onAction?.({ id, action: 'delete' })}>\n                <span className='grow'>Delete</span>\n              </DropdownMenu.Item>\n              <DropdownMenu.Item onClick={() => onAction?.({ id, action: 'set-color' })}>\n                <span className='grow'>Change color</span>\n              </DropdownMenu.Item>\n            </Card.Menu>\n          </Card.Header>\n          <Card.Body>\n            <div {...focusAttributes} ref={parentRef} className={mx(focusRing, 'rounded-sm h-full p-1 text-sm')} />\n          </Card.Body>\n        </Card.Root>\n      </div>\n    );\n  },\n);\n\nexport default DocumentCard;\n"],
+  "mappings": ";;;;;;;;AAIA,OAAOA,SAASC,kBAAkB;AAElC,SAASC,yBAAyB;AAClC,SAASC,cAAcC,OAAOC,iBAAiBC,sBAAsB;AACrE,SAASC,YAAY;AACrB,SACEC,uBACAC,sBACAC,uBACAC,qBACK;AAEP,SAASC,WAAWC,UAAU;AAoBvB,IAAMC,eAA0FC,2BACrG,CACE,EACEC,YACAC,YACAC,gBACAC,gBACAC,MAAM,EAAEC,IAAIC,QAAQC,MAAK,GACzBC,MACAC,UACAC,UACAC,SAAQ,GAEVZ,gBAAAA;AAEA,QAAM,EAAEa,EAAC,IAAKC,eAAeC,eAAAA;AAC7B,QAAM,EAAEC,UAAS,IAAKC,gBAAAA;AACtB,QAAM,EAAEC,WAAWC,gBAAe,IAAKC,cACrC,OAAO;IACLC,cAAcd,OAAOe,SAASA;IAC9BC,YAAY;MACVC,sBAAsB;QAAEC,aAAaZ,EAAE,oBAAA;MAAsB,CAAA;MAC7Da,sBAAsB;QAAEV;MAAU,CAAA;MAClCW,qBAAqB;QACnBrB,IAAIC,OAAOD;QACXsB,MAAMrB,OAAOe,WAAWO,kBAAkBtB,OAAOe,SAAS;UAAC;SAAU;MACvE,CAAA;MACAQ,qBAAqB;QACnBC,UAAUxB;QACVyB,OAAOtB,SAASsB;QAChBC,cAAcvB,SAASuB;MACzB,CAAA;;EAEJ,IACA;IAAC1B;IAAQA,OAAOe;IAASN;GAAU;AAGrC,SACE,sBAAA,cAACkB,OAAAA;IAAIC,MAAK;IAAOC,KAAKpC;IAAYqC,WAAU;IAAcC,OAAOnC;KAC/D,sBAAA,cAACoC,KAAKC,MAAI;IAACvC,YAAYwC,GAAG,sBAAsBjC,OAAON,cAAc,cAAcD,UAAAA;IAAaQ;KAC9F,sBAAA,cAAC8B,KAAKG,QAAM;IAACC,eAAe,MAAMhC,WAAAA;KAChC,sBAAA,cAAC4B,KAAKK,YAAexC,cAAAA,GACrB,sBAAA,cAACyC,MAAML,MAAI,MACT,sBAAA,cAACK,MAAMC,WAAS;IACdC,SAAQ;IACR9C,YAAW;IACXwB,aAAaZ,EAAE,4BAAA;IACfmC,OAAOzC,OAAO0C;IACdC,UAAU,CAACC,UAAW5C,OAAO0C,OAAOE,MAAMC,OAAOJ;OAGrD,sBAAA,cAACT,KAAKc,MAAI,MAER,sBAAA,cAACC,aAAaC,MAAI;IAACC,SAAS,MAAM5C,WAAW;MAAEN;MAAImD,QAAQ;IAAS,CAAA;KAClE,sBAAA,cAACC,QAAAA;IAAKrB,WAAU;KAAO,QAAA,CAAA,GAEzB,sBAAA,cAACiB,aAAaC,MAAI;IAACC,SAAS,MAAM5C,WAAW;MAAEN;MAAImD,QAAQ;IAAY,CAAA;KACrE,sBAAA,cAACC,QAAAA;IAAKrB,WAAU;KAAO,cAAA,CAAA,CAAA,CAAA,GAI7B,sBAAA,cAACE,KAAKoB,MAAI,MACR,sBAAA,cAACzB,OAAAA;IAAK,GAAGf;IAAiBiB,KAAKlB;IAAWmB,WAAWI,GAAGmB,WAAW,+BAAA;;AAK7E,CAAA;AAGF,IAAA,uBAAe7D;",
+  "names": ["React", "forwardRef", "createDocAccessor", "DropdownMenu", "Input", "useThemeContext", "useTranslation", "Card", "createBasicExtensions", "createDataExtensions", "createThemeExtensions", "useTextEditor", "focusRing", "mx", "DocumentCard", "forwardRef", "classNames", "isDragging", "draggableStyle", "draggableProps", "item", "id", "object", "color", "grow", "settings", "onSelect", "onAction", "t", "useTranslation", "MARKDOWN_PLUGIN", "themeMode", "useThemeContext", "parentRef", "focusAttributes", "useTextEditor", "initialValue", "content", "extensions", "createBasicExtensions", "placeholder", "createThemeExtensions", "createDataExtensions", "text", "createDocAccessor", "createBaseExtensions", "document", "debug", "experimental", "div", "role", "ref", "className", "style", "Card", "Root", "mx", "Header", "onDoubleClick", "DragHandle", "Input", "TextInput", "variant", "value", "name", "onChange", "event", "target", "Menu", "DropdownMenu", "Item", "onClick", "action", "span", "Body", "focusRing"]
+}