@dxos/plugin-markdown 0.6.12-main.ed7cda7 → 0.6.12-staging.0b4bb48

package/dist/lib/node/{chunk-2T7LIVPT.cjs → chunk-7XIBNEI7.cjs}

@@ -26,78 +26,37 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var chunk_2T7LIVPT_exports = {};
-__export(chunk_2T7LIVPT_exports, {
+var chunk_7XIBNEI7_exports = {};
+__export(chunk_7XIBNEI7_exports, {
   MarkdownEditor: () => MarkdownEditor,
   MarkdownEditor_default: () => MarkdownEditor_default
 });
-module.exports = __toCommonJS(chunk_2T7LIVPT_exports);
-var import_chunk_LPD4NOTH = require("./chunk-LPD4NOTH.cjs");
+module.exports = __toCommonJS(chunk_7XIBNEI7_exports);
+var import_chunk_TGMR2CKU = require("./chunk-TGMR2CKU.cjs");
 var import_search = require("@codemirror/search");
+var import_view = require("@codemirror/view");
 var import_react = __toESM(require("react"));
 var import_app_framework = require("@dxos/app-framework");
+var import_plugin_attention = require("@dxos/plugin-attention");
 var import_react_ui = require("@dxos/react-ui");
-var import_react_ui_attention = require("@dxos/react-ui-attention");
 var import_react_ui_editor = require("@dxos/react-ui-editor");
 var import_react_ui_stack = require("@dxos/react-ui-stack");
 var import_react_ui_theme = require("@dxos/react-ui-theme");
 var import_util = require("@dxos/util");
-var import_view = require("@codemirror/view");
-var import_react2 = require("react");
-var import_app_framework2 = require("@dxos/app-framework");
-var import_react_ui_editor2 = require("@dxos/react-ui-editor");
-var useSelectCurrentThread = (editorView, documentId) => {
-  const handleScrollIntoView = (0, import_react2.useCallback)(({ action, data }) => {
-    if (action === import_app_framework2.LayoutAction.SCROLL_INTO_VIEW) {
-      if (editorView && data?.id === documentId && data?.cursor) {
-        const range = import_react_ui_editor2.Cursor.getRangeFromCursor(editorView.state, data.cursor);
-        if (range) {
-          const selection = editorView.state.selection.main.from !== range.from ? {
-            anchor: range.from
-          } : void 0;
-          const effects = [
-            // NOTE: This does not use the DOM scrollIntoView function.
-            import_view.EditorView.scrollIntoView(range.from, {
-              y: "start",
-              yMargin: 96
-            })
-          ];
-          if (selection) {
-            effects.push(import_react_ui_editor2.setSelection.of({
-              current: documentId
-            }));
-          }
-          editorView.dispatch({
-            effects,
-            selection: selection ? {
-              anchor: range.from
-            } : void 0
-          });
-        }
-      }
-    }
-  }, [
-    documentId,
-    editorView
-  ]);
-  (0, import_app_framework2.useIntentResolver)(import_chunk_LPD4NOTH.MARKDOWN_PLUGIN, handleScrollIntoView);
-};
 var attentionFragment = (0, import_react_ui_theme.mx)("group-focus-within/editor:attention-surface group-[[aria-current]]/editor:attention-surface", "group-focus-within/editor:border-separator");
 var DEFAULT_VIEW_MODE = "preview";
 var MarkdownEditor = ({ id, role = "article", initialValue, extensions, extensionProviders, scrollPastEnd, scrollTo, selection, toolbar, viewMode, onFileUpload, onViewModeChange }) => {
-  const { t } = (0, import_react_ui.useTranslation)(import_chunk_LPD4NOTH.MARKDOWN_PLUGIN);
+  const { t } = (0, import_react_ui.useTranslation)(import_chunk_TGMR2CKU.MARKDOWN_PLUGIN);
   const { themeMode } = (0, import_react_ui.useThemeContext)();
   const dispatch = (0, import_app_framework.useIntentDispatcher)();
+  const attentionPlugin = (0, import_app_framework.useResolvePlugin)(import_plugin_attention.parseAttentionPlugin);
   const layoutPlugin = (0, import_app_framework.useResolvePlugin)(import_app_framework.parseLayoutPlugin);
+  const attended = Array.from(attentionPlugin?.provides.attention?.attended ?? []);
+  const isDirectlyAttended = attended.length === 1 && attended[0] === id;
   const [formattingState, formattingObserver] = (0, import_react_ui_editor.useFormattingState)();
-  const isDirectlyAttended = (0, import_react_ui_attention.useIsDirectlyAttended)(id);
-  const providerExtensions = (0, import_react.useMemo)(
-    // TODO(burdon): Must pass object to provider.
-    () => extensionProviders?.flatMap((provider) => provider({})).filter(import_util.nonNullable),
-    [
-      extensionProviders
-    ]
-  );
+  const providerExtensions = (0, import_react.useMemo)(() => extensionProviders?.map((provider) => provider({})), [
+    extensionProviders
+  ]);
   const [commentsState, commentObserver] = (0, import_react_ui_editor.useCommentState)();
   const onCommentClick = (0, import_react.useCallback)(() => {
     void dispatch({
@@ -111,6 +70,40 @@ var MarkdownEditor = ({ id, role = "article", initialValue, extensions, extensio
     dispatch
   ]);
   const commentClickObserver = (0, import_react_ui_editor.useCommentClickListener)(onCommentClick);
+  (0, import_app_framework.useIntentResolver)(import_chunk_TGMR2CKU.MARKDOWN_PLUGIN, ({ action, data }) => {
+    switch (action) {
+      // TODO(burdon): Use fully qualified ids everywhere.
+      case import_app_framework.LayoutAction.SCROLL_INTO_VIEW: {
+        if (editorView && data?.id === id && data?.cursor) {
+          const range = import_react_ui_editor.Cursor.getRangeFromCursor(editorView.state, data.cursor);
+          if (range) {
+            const selection2 = editorView.state.selection.main.from !== range.from ? {
+              anchor: range.from
+            } : void 0;
+            const effects = [
+              // NOTE: This does not use the DOM scrollIntoView function.
+              import_view.EditorView.scrollIntoView(range.from, {
+                y: "start",
+                yMargin: 96
+              })
+            ];
+            if (selection2) {
+              effects.push(import_react_ui_editor.setSelection.of({
+                current: id
+              }));
+            }
+            editorView.dispatch({
+              effects,
+              selection: selection2 ? {
+                anchor: range.from
+              } : void 0
+            });
+          }
+        }
+        break;
+      }
+    }
+  });
   const handleDrop = async (view, { files }) => {
     const file = files[0];
     const info = file && onFileUpload ? await onFileUpload(file) : void 0;
@@ -145,12 +138,12 @@ var MarkdownEditor = ({ id, role = "article", initialValue, extensions, extensio
         }
       }),
       import_react_ui_editor.editorGutter,
-      role !== "section" && onFileUpload && (0, import_react_ui_editor.dropFile)({
+      role !== "section" && onFileUpload ? (0, import_react_ui_editor.dropFile)({
         onDrop: handleDrop
-      }),
+      }) : [],
       providerExtensions,
       extensions
-    ].filter(import_util.isNotFalsy),
+    ].filter(import_util.nonNullable),
     ...role !== "section" && {
       id,
       scrollTo,
@@ -169,7 +162,6 @@ var MarkdownEditor = ({ id, role = "article", initialValue, extensions, extensio
     providerExtensions
   ]);
   useTest(editorView);
-  useSelectCurrentThread(editorView, id);
   const handleToolbarAction = (0, import_react_ui_editor.useActionHandler)(editorView);
   const handleAction = (action) => {
     switch (action.type) {
@@ -243,4 +235,4 @@ var MarkdownEditor_default = MarkdownEditor;
   MarkdownEditor,
   MarkdownEditor_default
 });
-//# sourceMappingURL=chunk-2T7LIVPT.cjs.map
+//# sourceMappingURL=chunk-7XIBNEI7.cjs.map

package/dist/lib/node/chunk-7XIBNEI7.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/MarkdownEditor.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { openSearchPanel } from '@codemirror/search';\nimport { EditorView } from '@codemirror/view';\nimport React, { useMemo, useEffect, useCallback } from 'react';\n\nimport {\n  type FileInfo,\n  LayoutAction,\n  type LayoutCoordinate,\n  useResolvePlugin,\n  useIntentResolver,\n  parseLayoutPlugin,\n  useIntentDispatcher,\n} from '@dxos/app-framework';\nimport { parseAttentionPlugin } from '@dxos/plugin-attention';\nimport { useThemeContext, useTranslation } from '@dxos/react-ui';\nimport {\n  type Action,\n  type DNDOptions,\n  type EditorViewMode,\n  type EditorInputMode,\n  type UseTextEditorProps,\n  Toolbar,\n  createBasicExtensions,\n  createMarkdownExtensions,\n  createThemeExtensions,\n  dropFile,\n  processAction,\n  useActionHandler,\n  useCommentState,\n  useCommentClickListener,\n  useFormattingState,\n  useTextEditor,\n  editorContent,\n  editorGutter,\n  Cursor,\n  setSelection,\n} from '@dxos/react-ui-editor';\nimport { sectionToolbarLayout } from '@dxos/react-ui-stack';\nimport { textBlockWidth, focusRing, mx } from '@dxos/react-ui-theme';\nimport { nonNullable } from '@dxos/util';\n\nimport { MARKDOWN_PLUGIN } from '../meta';\nimport type { MarkdownPluginState } from '../types';\n\nconst attentionFragment = mx(\n  'group-focus-within/editor:attention-surface group-[[aria-current]]/editor:attention-surface',\n  'group-focus-within/editor:border-separator',\n);\n\nconst DEFAULT_VIEW_MODE: EditorViewMode = 'preview';\n\nexport type MarkdownEditorProps = {\n  id: string;\n  coordinate?: LayoutCoordinate;\n  inputMode?: EditorInputMode;\n  role?: string;\n  scrollPastEnd?: boolean;\n  toolbar?: boolean;\n  viewMode?: EditorViewMode;\n  onViewModeChange?: (id: string, mode: EditorViewMode) => void;\n  onFileUpload?: (file: File) => Promise<FileInfo | undefined>;\n} & Pick<UseTextEditorProps, 'initialValue' | 'scrollTo' | 'selection' | 'extensions'> &\n  Partial<Pick<MarkdownPluginState, 'extensionProviders'>>;\n\nexport const MarkdownEditor = ({\n  id,\n  role = 'article',\n  initialValue,\n  extensions,\n  extensionProviders,\n  scrollPastEnd,\n  scrollTo,\n  selection,\n  toolbar,\n  viewMode,\n  onFileUpload,\n  onViewModeChange,\n}: MarkdownEditorProps) => {\n  const { t } = useTranslation(MARKDOWN_PLUGIN);\n  const { themeMode } = useThemeContext();\n  const dispatch = useIntentDispatcher();\n  const attentionPlugin = useResolvePlugin(parseAttentionPlugin);\n  const layoutPlugin = useResolvePlugin(parseLayoutPlugin);\n  const attended = Array.from(attentionPlugin?.provides.attention?.attended ?? []);\n  const isDirectlyAttended = attended.length === 1 && attended[0] === id;\n  const [formattingState, formattingObserver] = useFormattingState();\n\n  // Extensions from other plugins.\n  const providerExtensions = useMemo(() => extensionProviders?.map((provider) => provider({})), [extensionProviders]);\n\n  // TODO(Zan): Move these into thread plugin as well?\n  const [commentsState, commentObserver] = useCommentState();\n  const onCommentClick = useCallback(() => {\n    void dispatch({ action: LayoutAction.SET_LAYOUT, data: { element: 'complementary', state: true } });\n  }, [dispatch]);\n  const commentClickObserver = useCommentClickListener(onCommentClick);\n\n  // Focus the space that references the comment.\n  useIntentResolver(MARKDOWN_PLUGIN, ({ action, data }) => {\n    switch (action) {\n      // TODO(burdon): Use fully qualified ids everywhere.\n      case LayoutAction.SCROLL_INTO_VIEW: {\n        if (editorView && data?.id === id && data?.cursor) {\n          // TODO(burdon): We need typed intents.\n          const range = Cursor.getRangeFromCursor(editorView.state, data.cursor);\n          if (range) {\n            const selection = editorView.state.selection.main.from !== range.from ? { anchor: range.from } : undefined;\n            const effects = [\n              // NOTE: This does not use the DOM scrollIntoView function.\n              EditorView.scrollIntoView(range.from, { y: 'start', yMargin: 96 }),\n            ];\n            if (selection) {\n              // Update the editor selection to get bi-directional highlighting.\n              effects.push(setSelection.of({ current: id }));\n            }\n\n            editorView.dispatch({\n              effects,\n              selection: selection ? { anchor: range.from } : undefined,\n            });\n          }\n        }\n        break;\n      }\n    }\n  });\n\n  // Drag files.\n  const handleDrop: DNDOptions['onDrop'] = async (view, { files }) => {\n    const file = files[0];\n    const info = file && onFileUpload ? await onFileUpload(file) : undefined;\n    if (info) {\n      processAction(view, { type: 'image', data: info.url });\n    }\n  };\n\n  const {\n    parentRef,\n    view: editorView,\n    focusAttributes,\n  } = useTextEditor(\n    () => ({\n      initialValue,\n      extensions: [\n        formattingObserver,\n        commentObserver,\n        commentClickObserver,\n        createBasicExtensions({\n          readonly: viewMode === 'readonly',\n          placeholder: t('editor placeholder'),\n          scrollPastEnd: role === 'section' ? false : scrollPastEnd,\n        }),\n        createMarkdownExtensions({ themeMode }),\n        createThemeExtensions({\n          themeMode,\n          syntaxHighlighting: true,\n          slots: { content: { className: editorContent } },\n        }),\n        editorGutter,\n        role !== 'section' && onFileUpload ? dropFile({ onDrop: handleDrop }) : [],\n        providerExtensions,\n        extensions,\n      ].filter(nonNullable),\n      ...(role !== 'section' && {\n        id,\n        scrollTo,\n        selection,\n        // TODO(wittjosiah): Autofocus based on layout is racy.\n        autoFocus: layoutPlugin?.provides.layout ? layoutPlugin?.provides.layout.scrollIntoView === id : true,\n        moveToEndOfLine: true,\n      }),\n    }),\n    [id, initialValue, formattingObserver, viewMode, themeMode, extensions, providerExtensions],\n  );\n\n  useTest(editorView);\n\n  // Toolbar handler.\n  const handleToolbarAction = useActionHandler(editorView);\n  const handleAction = (action: Action) => {\n    switch (action.type) {\n      case 'search': {\n        if (editorView) {\n          openSearchPanel(editorView);\n        }\n        return;\n      }\n      case 'view-mode': {\n        onViewModeChange?.(id, action.data);\n        return;\n      }\n    }\n\n    handleToolbarAction?.(action);\n  };\n\n  return (\n    <div\n      role='none'\n      // TODO(burdon): Move role logic out of here (see sheet, table, sketch, etc.)\n      {...(role === 'section'\n        ? { className: 'flex flex-col' }\n        : {\n            className: 'contents group/editor',\n            ...(isDirectlyAttended && { 'aria-current': 'location' }),\n          })}\n    >\n      {toolbar && (\n        <div role='none' className={mx('flex shrink-0 justify-center overflow-x-auto', attentionFragment)}>\n          <Toolbar.Root\n            classNames={\n              role === 'section'\n                ? [\n                    textBlockWidth,\n                    'z-[2] group-focus-within/section:visible',\n                    !isDirectlyAttended && 'invisible',\n                    sectionToolbarLayout,\n                  ]\n                : [\n                    textBlockWidth,\n                    'group-focus-within/editor:border-separator group-[[aria-current]]/editor:border-separator',\n                  ]\n            }\n            state={formattingState && { ...formattingState, ...commentsState }}\n            onAction={handleAction}\n          >\n            <Toolbar.Markdown />\n            {onFileUpload && <Toolbar.Custom onUpload={onFileUpload} />}\n            <Toolbar.Separator />\n            <Toolbar.View mode={viewMode ?? DEFAULT_VIEW_MODE} />\n            <Toolbar.Actions />\n          </Toolbar.Root>\n        </div>\n      )}\n      <div\n        role='none'\n        ref={parentRef}\n        data-testid='composer.markdownRoot'\n        data-toolbar={toolbar ? 'enabled' : 'disabled'}\n        className={\n          role === 'section'\n            ? mx('flex flex-col flex-1 min-bs-[12rem]', focusRing)\n            : mx(\n                'flex is-full bs-full overflow-hidden',\n                focusRing,\n                attentionFragment,\n                'focus-visible:ring-inset',\n                'data-[toolbar=disabled]:pbs-2 data-[toolbar=disabled]:row-span-2',\n              )\n        }\n        {...focusAttributes}\n      />\n    </div>\n  );\n};\n\n// Expose editor view for playwright tests.\n// TODO(wittjosiah): Find a better way to expose this or find a way to limit it to test runs.\nconst useTest = (view?: EditorView) => {\n  useEffect(() => {\n    const composer = (window as any).composer;\n    if (composer) {\n      composer.editorView = view;\n    }\n  }, [view]);\n};\n\nexport default MarkdownEditor;\n"],
+  "mappings": "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",
+  "names": ["attentionFragment", "mx", "DEFAULT_VIEW_MODE", "MarkdownEditor", "id", "role", "initialValue", "extensions", "extensionProviders", "scrollPastEnd", "scrollTo", "selection", "toolbar", "viewMode", "onFileUpload", "onViewModeChange", "t", "useTranslation", "MARKDOWN_PLUGIN", "themeMode", "useThemeContext", "dispatch", "useIntentDispatcher", "attentionPlugin", "useResolvePlugin", "parseAttentionPlugin", "layoutPlugin", "parseLayoutPlugin", "attended", "Array", "from", "provides", "attention", "isDirectlyAttended", "length", "formattingState", "formattingObserver", "useFormattingState", "providerExtensions", "useMemo", "map", "provider", "commentsState", "commentObserver", "useCommentState", "onCommentClick", "useCallback", "action", "LayoutAction", "SET_LAYOUT", "data", "element", "state", "commentClickObserver", "useCommentClickListener", "useIntentResolver", "SCROLL_INTO_VIEW", "editorView", "cursor", "range", "Cursor", "getRangeFromCursor", "main", "anchor", "undefined", "effects", "EditorView", "scrollIntoView", "y", "yMargin", "push", "setSelection", "of", "current", "handleDrop", "view", "files", "file", "info", "processAction", "type", "url", "parentRef", "focusAttributes", "useTextEditor", "createBasicExtensions", "readonly", "placeholder", "createMarkdownExtensions", "createThemeExtensions", "syntaxHighlighting", "slots", "content", "className", "editorContent", "editorGutter", "dropFile", "onDrop", "filter", "nonNullable", "autoFocus", "layout", "moveToEndOfLine", "useTest", "handleToolbarAction", "useActionHandler", "handleAction", "openSearchPanel", "React", "div", "Toolbar", "Root", "classNames", "textBlockWidth", "sectionToolbarLayout", "onAction", "Markdown", "Custom", "onUpload", "Separator", "View", "mode", "Actions", "ref", "data-testid", "data-toolbar", "focusRing", "useEffect", "composer", "window"]
+}

package/dist/lib/node/{chunk-5ZWOR7JF.cjs → chunk-Q4ZSCBQE.cjs}

@@ -26,14 +26,14 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var chunk_5ZWOR7JF_exports = {};
-__export(chunk_5ZWOR7JF_exports, {
+var chunk_Q4ZSCBQE_exports = {};
+__export(chunk_Q4ZSCBQE_exports, {
   DocumentCard: () => DocumentCard,
   DocumentCard_default: () => DocumentCard_default
 });
-module.exports = __toCommonJS(chunk_5ZWOR7JF_exports);
+module.exports = __toCommonJS(chunk_Q4ZSCBQE_exports);
 var import_chunk_KTYIOXL5 = require("./chunk-KTYIOXL5.cjs");
-var import_chunk_LPD4NOTH = require("./chunk-LPD4NOTH.cjs");
+var import_chunk_TGMR2CKU = require("./chunk-TGMR2CKU.cjs");
 var import_react = __toESM(require("react"));
 var import_echo = require("@dxos/react-client/echo");
 var import_react_ui = require("@dxos/react-ui");
@@ -41,7 +41,7 @@ var import_react_ui_card = require("@dxos/react-ui-card");
 var import_react_ui_editor = require("@dxos/react-ui-editor");
 var import_react_ui_theme = require("@dxos/react-ui-theme");
 var DocumentCard = /* @__PURE__ */ (0, import_react.forwardRef)(({ classNames, isDragging, draggableStyle, draggableProps, item: { id, object, color }, grow, settings, onSelect, onAction }, forwardRef2) => {
-  const { t } = (0, import_react_ui.useTranslation)(import_chunk_LPD4NOTH.MARKDOWN_PLUGIN);
+  const { t } = (0, import_react_ui.useTranslation)(import_chunk_TGMR2CKU.MARKDOWN_PLUGIN);
   const { themeMode } = (0, import_react_ui.useThemeContext)();
   const { parentRef, focusAttributes } = (0, import_react_ui_editor.useTextEditor)(() => ({
     initialValue: object.content?.content,
@@ -111,4 +111,4 @@ var DocumentCard_default = DocumentCard;
   DocumentCard,
   DocumentCard_default
 });
-//# sourceMappingURL=chunk-5ZWOR7JF.cjs.map
+//# sourceMappingURL=chunk-Q4ZSCBQE.cjs.map

package/dist/lib/node/{chunk-OEWBZFBF.cjs → chunk-RVGN72IX.cjs}

@@ -26,8 +26,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var chunk_OEWBZFBF_exports = {};
-__export(chunk_OEWBZFBF_exports, {
+var chunk_RVGN72IX_exports = {};
+__export(chunk_RVGN72IX_exports, {
   DocumentEditor_default: () => DocumentEditor_default,
   getFallbackName: () => getFallbackName,
   isMarkdownProperties: () => isMarkdownProperties,
@@ -35,10 +35,10 @@ __export(chunk_OEWBZFBF_exports, {
   serializer: () => serializer,
   setFallbackName: () => setFallbackName
 });
-module.exports = __toCommonJS(chunk_OEWBZFBF_exports);
-var import_chunk_MCA5BBJR = require("./chunk-MCA5BBJR.cjs");
+module.exports = __toCommonJS(chunk_RVGN72IX_exports);
+var import_chunk_VWQH4WC2 = require("./chunk-VWQH4WC2.cjs");
 var import_chunk_KTYIOXL5 = require("./chunk-KTYIOXL5.cjs");
-var import_chunk_2T7LIVPT = require("./chunk-2T7LIVPT.cjs");
+var import_chunk_7XIBNEI7 = require("./chunk-7XIBNEI7.cjs");
 var import_react = __toESM(require("react"));
 var import_app_framework = require("@dxos/app-framework");
 var import_echo = require("@dxos/react-client/echo");
@@ -70,9 +70,9 @@ var serializer = {
   },
   deserialize: async ({ content: serialized }) => {
     const { name, content } = JSON.parse(serialized);
-    return (0, import_echo2.createEchoObject)((0, import_echo2.create)(import_chunk_MCA5BBJR.DocumentType, {
+    return (0, import_echo2.createEchoObject)((0, import_echo2.create)(import_chunk_VWQH4WC2.DocumentType, {
       name,
-      content: (0, import_echo2.create)(import_chunk_MCA5BBJR.TextType, {
+      content: (0, import_echo2.create)(import_chunk_VWQH4WC2.TextType, {
         content
       }),
       threads: []
@@ -102,9 +102,7 @@ var DocumentEditor = ({ document: doc, extensionProviders = [], viewMode, settin
     const provided = typeof provider === "function" ? provider({
       document: doc
     }) : provider;
-    if (provided) {
-      acc.push(...provided);
-    }
+    acc.push(...provided);
     return acc;
   }, []), [
     extensionProviders
@@ -165,7 +163,7 @@ var DocumentEditor = ({ document: doc, extensionProviders = [], viewMode, settin
     fileManagerPlugin,
     space
   ]);
-  return /* @__PURE__ */ import_react.default.createElement(import_chunk_2T7LIVPT.MarkdownEditor_default, {
+  return /* @__PURE__ */ import_react.default.createElement(import_chunk_7XIBNEI7.MarkdownEditor_default, {
     id,
     initialValue,
     extensions,
@@ -188,4 +186,4 @@ var DocumentEditor_default = DocumentEditor;
   serializer,
   setFallbackName
 });
-//# sourceMappingURL=chunk-OEWBZFBF.cjs.map
+//# sourceMappingURL=chunk-RVGN72IX.cjs.map

package/dist/lib/node/chunk-RVGN72IX.cjs.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": ["import_echo", "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", "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", "createDocAccessor", "state", "localStorageStateStoreAdapter", "listener", "onChange", "initialValue", "useEffect", "fullyQualifiedId", "scrollTo", "selection", "getState", "fileManagerPlugin", "useResolvePlugin", "parseFileManagerPlugin", "handleFileUpload", "undefined", "file", "upload", "React", "MarkdownEditor", "onFileUpload", "inputMode", "editorInputMode", "toolbar"]
+}

package/dist/lib/node/{chunk-LPD4NOTH.cjs → chunk-TGMR2CKU.cjs}

@@ -1,7 +1,9 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -15,13 +17,23 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var chunk_LPD4NOTH_exports = {};
-__export(chunk_LPD4NOTH_exports, {
+var chunk_TGMR2CKU_exports = {};
+__export(chunk_TGMR2CKU_exports, {
   MARKDOWN_PLUGIN: () => MARKDOWN_PLUGIN,
   meta_default: () => meta_default
 });
-module.exports = __toCommonJS(chunk_LPD4NOTH_exports);
+module.exports = __toCommonJS(chunk_TGMR2CKU_exports);
+var import_react = require("@phosphor-icons/react");
+var import_react2 = __toESM(require("react"));
 var import_app_framework = require("@dxos/app-framework");
 var MARKDOWN_PLUGIN = "dxos.org/plugin/markdown";
 var meta_default = (0, import_app_framework.pluginMeta)({
@@ -29,11 +41,12 @@ var meta_default = (0, import_app_framework.pluginMeta)({
   name: "Editor",
   description: "Markdown text editor.",
   homePage: "https://github.com/dxos/dxos/tree/main/packages/apps/plugins/plugin-markdown",
-  icon: "ph--text-aa--regular"
+  iconComponent: (props) => /* @__PURE__ */ import_react2.default.createElement(import_react.TextAa, props),
+  iconSymbol: "ph--text-aa--regular"
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   MARKDOWN_PLUGIN,
   meta_default
 });
-//# sourceMappingURL=chunk-LPD4NOTH.cjs.map
+//# sourceMappingURL=chunk-TGMR2CKU.cjs.map

package/dist/lib/node/chunk-TGMR2CKU.cjs.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,mBAAuC;AACvC,IAAAA,gBAAkB;AAElB,2BAA2B;AAEpB,IAAMC,kBAAkB;AAE/B,IAAA,mBAAeC,iCAAW;EACxBC,IAAIF;EACJG,MAAM;EACNC,aAAa;EACbC,UAAU;EACVC,eAAe,CAACC,UAAqB,8BAAAC,QAAA,cAACC,qBAAWF,KAAAA;EACjDG,YAAY;AACd,CAAA;",
+  "names": ["import_react", "MARKDOWN_PLUGIN", "pluginMeta", "id", "name", "description", "homePage", "iconComponent", "props", "React", "TextAa", "iconSymbol"]
+}

package/dist/lib/node/{chunk-MCA5BBJR.cjs → chunk-VWQH4WC2.cjs}

@@ -16,14 +16,14 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var chunk_MCA5BBJR_exports = {};
-__export(chunk_MCA5BBJR_exports, {
+var chunk_VWQH4WC2_exports = {};
+__export(chunk_VWQH4WC2_exports, {
   DocumentType: () => DocumentType,
   MarkdownAction: () => MarkdownAction,
   TextType: () => TextType
 });
-module.exports = __toCommonJS(chunk_MCA5BBJR_exports);
-var import_chunk_LPD4NOTH = require("./chunk-LPD4NOTH.cjs");
+module.exports = __toCommonJS(chunk_VWQH4WC2_exports);
+var import_chunk_TGMR2CKU = require("./chunk-TGMR2CKU.cjs");
 var import_echo_schema = require("@dxos/echo-schema");
 var import_types = require("@dxos/plugin-space/types");
 var TextType = class extends (0, import_echo_schema.TypedObject)({
@@ -43,7 +43,7 @@ var DocumentType = class extends (0, import_echo_schema.TypedObject)({
   threads: import_echo_schema.S.mutable(import_echo_schema.S.Array((0, import_echo_schema.ref)(import_types.ThreadType)))
 }) {
 };
-var MARKDOWN_ACTION = `${import_chunk_LPD4NOTH.MARKDOWN_PLUGIN}/action`;
+var MARKDOWN_ACTION = `${import_chunk_TGMR2CKU.MARKDOWN_PLUGIN}/action`;
 var MarkdownAction;
 (function(MarkdownAction2) {
   MarkdownAction2[MarkdownAction2["CREATE"] = `${MARKDOWN_ACTION}/create`] = "CREATE";
@@ -55,4 +55,4 @@ var MarkdownAction;
   MarkdownAction,
   TextType
 });
-//# sourceMappingURL=chunk-MCA5BBJR.cjs.map
+//# sourceMappingURL=chunk-VWQH4WC2.cjs.map

package/dist/lib/node/chunk-VWQH4WC2.cjs.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,yBAAoC;AACpC,mBAA2B;AAEpB,IAAMA,WAAN,kBAAuBC,gCAAY;EAAEC,UAAU;EAAsBC,SAAS;AAAQ,CAAA,EAAG;EAC9FC,SAASC,qBAAEC;AACb,CAAA,EAAA;AAAI;AAEG,IAAMC,eAAN,kBAA2BN,gCAAY;EAAEC,UAAU;EAA0BC,SAAS;AAAQ,CAAA,EAAG;EACtGK,MAAMH,qBAAEI,SAASJ,qBAAEC,MAAM;EACzBI,cAAcL,qBAAEI,SAASJ,qBAAEC,MAAM;EACjCF,aAASO,wBAAIX,QAAAA;EACbY,SAASP,qBAAEQ,QAAQR,qBAAES,UAAMH,wBAAII,uBAAAA,CAAAA,CAAAA;AACjC,CAAA,EAAA;AAAI;ACGJ,IAAMC,kBAAkB,GAAGC,qCAAAA;;UAEfC,iBAAAA;8CACD,GAAGF,eAAAA,SAAwB,IAAA;qDACpB,GAAGA,eAAAA,gBAA+B,IAAA;GAFxCE,mBAAAA,iBAAAA,CAAAA,EAAAA;",
+  "names": ["TextType", "TypedObject", "typename", "version", "content", "S", "String", "DocumentType", "name", "optional", "fallbackName", "ref", "threads", "mutable", "Array", "ThreadType", "MARKDOWN_ACTION", "MARKDOWN_PLUGIN", "MarkdownAction"]
+}