@dxos/plugin-markdown 0.6.11 → 0.6.12-main.5a87ad5

package/dist/lib/browser/{DocumentCard-2P4EICBA.mjs → DocumentCard-RKENHCNE.mjs}

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

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

@@ -0,0 +1,11 @@
+import {
+  DocumentEditor_default
+} from "./chunk-QIO7ZONH.mjs";
+import "./chunk-N7FS4CK2.mjs";
+import "./chunk-354DCID5.mjs";
+import "./chunk-AVGUYNPR.mjs";
+import "./chunk-2SJN46PA.mjs";
+export {
+  DocumentEditor_default as default
+};
+//# sourceMappingURL=DocumentEditor-JZI4663Q.mjs.map

package/dist/lib/browser/{MarkdownEditor-EKJJQEFL.mjs → MarkdownEditor-5EUT7P66.mjs}

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

package/dist/lib/browser/{chunk-4GGD6YJO.mjs → chunk-2SJN46PA.mjs}

@@ -1,6 +1,4 @@
 // 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({
@@ -8,12 +6,11 @@ var meta_default = pluginMeta({
   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"
+  icon: "ph--text-aa--regular"
 });
 
 export {
   MARKDOWN_PLUGIN,
   meta_default
 };
-//# sourceMappingURL=chunk-4GGD6YJO.mjs.map
+//# sourceMappingURL=chunk-2SJN46PA.mjs.map

package/dist/lib/browser/chunk-2SJN46PA.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/meta.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\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  icon: 'ph--text-aa--regular',\n});\n"],
+  "mappings": ";AAIA,SAASA,kBAAkB;AAEpB,IAAMC,kBAAkB;AAE/B,IAAA,eAAeC,WAAW;EACxBC,IAAIF;EACJG,MAAM;EACNC,aAAa;EACbC,UAAU;EACVC,MAAM;AACR,CAAA;",
+  "names": ["pluginMeta", "MARKDOWN_PLUGIN", "pluginMeta", "id", "name", "description", "homePage", "icon"]
+}

package/dist/lib/browser/{chunk-RL7QY322.mjs → chunk-AFWT6Z7B.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-354DCID5.mjs";
 import {
   MARKDOWN_PLUGIN
-} from "./chunk-4GGD6YJO.mjs";
+} from "./chunk-2SJN46PA.mjs";
 
 // packages/plugins/plugin-markdown/src/components/DocumentCard.tsx
 import React, { forwardRef } from "react";
@@ -83,4 +83,4 @@ export {
   DocumentCard,
   DocumentCard_default
 };
-//# sourceMappingURL=chunk-RL7QY322.mjs.map
+//# sourceMappingURL=chunk-AFWT6Z7B.mjs.map

package/dist/lib/browser/{chunk-VUN4QKTT.mjs → chunk-AVGUYNPR.mjs}

@@ -1,36 +1,81 @@
 import {
   MARKDOWN_PLUGIN
-} from "./chunk-4GGD6YJO.mjs";
+} from "./chunk-2SJN46PA.mjs";
 
 // packages/plugins/plugin-markdown/src/components/MarkdownEditor.tsx
 import { openSearchPanel } from "@codemirror/search";
-import { EditorView } from "@codemirror/view";
-import React, { useMemo, useEffect, useCallback } from "react";
-import { LayoutAction, useResolvePlugin, useIntentResolver, parseLayoutPlugin, useIntentDispatcher } from "@dxos/app-framework";
-import { parseAttentionPlugin } from "@dxos/plugin-attention";
+import React, { useMemo, useEffect, useCallback as useCallback2 } from "react";
+import { LayoutAction as LayoutAction2, useResolvePlugin, parseLayoutPlugin, useIntentDispatcher } from "@dxos/app-framework";
 import { useThemeContext, useTranslation } from "@dxos/react-ui";
-import { Toolbar, createBasicExtensions, createMarkdownExtensions, createThemeExtensions, dropFile, processAction, useActionHandler, useCommentState, useCommentClickListener, useFormattingState, useTextEditor, editorContent, editorGutter, Cursor, setSelection } from "@dxos/react-ui-editor";
+import { useIsDirectlyAttended } from "@dxos/react-ui-attention";
+import { Toolbar, createBasicExtensions, createMarkdownExtensions, createThemeExtensions, dropFile, processAction, useActionHandler, useCommentState, useCommentClickListener, useFormattingState, useTextEditor, editorContent, editorGutter } from "@dxos/react-ui-editor";
 import { sectionToolbarLayout } from "@dxos/react-ui-stack";
 import { textBlockWidth, focusRing, mx } from "@dxos/react-ui-theme";
-import { nonNullable } from "@dxos/util";
+import { isNotFalsy, nonNullable } from "@dxos/util";
+
+// packages/plugins/plugin-markdown/src/hooks/useSelectCurrentThread.tsx
+import { EditorView } from "@codemirror/view";
+import { useCallback } from "react";
+import { LayoutAction, useIntentResolver } from "@dxos/app-framework";
+import { Cursor, setSelection } from "@dxos/react-ui-editor";
+var useSelectCurrentThread = (editorView, documentId) => {
+  const handleScrollIntoView = useCallback(({ action, data }) => {
+    if (action === LayoutAction.SCROLL_INTO_VIEW) {
+      if (editorView && data?.id === documentId && data?.cursor) {
+        const range = 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.
+            EditorView.scrollIntoView(range.from, {
+              y: "start",
+              yMargin: 96
+            })
+          ];
+          if (selection) {
+            effects.push(setSelection.of({
+              current: documentId
+            }));
+          }
+          editorView.dispatch({
+            effects,
+            selection: selection ? {
+              anchor: range.from
+            } : void 0
+          });
+        }
+      }
+    }
+  }, [
+    documentId,
+    editorView
+  ]);
+  useIntentResolver(MARKDOWN_PLUGIN, handleScrollIntoView);
+};
+
+// packages/plugins/plugin-markdown/src/components/MarkdownEditor.tsx
 var attentionFragment = 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 } = useTranslation(MARKDOWN_PLUGIN);
   const { themeMode } = useThemeContext();
   const dispatch = useIntentDispatcher();
-  const attentionPlugin = useResolvePlugin(parseAttentionPlugin);
   const layoutPlugin = useResolvePlugin(parseLayoutPlugin);
-  const attended = Array.from(attentionPlugin?.provides.attention?.attended ?? []);
-  const isDirectlyAttended = attended.length === 1 && attended[0] === id;
   const [formattingState, formattingObserver] = useFormattingState();
-  const providerExtensions = useMemo(() => extensionProviders?.map((provider) => provider({})), [
-    extensionProviders
-  ]);
+  const isDirectlyAttended = useIsDirectlyAttended(id);
+  const providerExtensions = useMemo(
+    // TODO(burdon): Must pass object to provider.
+    () => extensionProviders?.flatMap((provider) => provider({})).filter(nonNullable),
+    [
+      extensionProviders
+    ]
+  );
   const [commentsState, commentObserver] = useCommentState();
-  const onCommentClick = useCallback(() => {
+  const onCommentClick = useCallback2(() => {
     void dispatch({
-      action: LayoutAction.SET_LAYOUT,
+      action: LayoutAction2.SET_LAYOUT,
       data: {
         element: "complementary",
         state: true
@@ -40,40 +85,6 @@ var MarkdownEditor = ({ id, role = "article", initialValue, extensions, extensio
     dispatch
   ]);
   const commentClickObserver = useCommentClickListener(onCommentClick);
-  useIntentResolver(MARKDOWN_PLUGIN, ({ action, data }) => {
-    switch (action) {
-      // TODO(burdon): Use fully qualified ids everywhere.
-      case LayoutAction.SCROLL_INTO_VIEW: {
-        if (editorView && data?.id === id && data?.cursor) {
-          const range = 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.
-              EditorView.scrollIntoView(range.from, {
-                y: "start",
-                yMargin: 96
-              })
-            ];
-            if (selection2) {
-              effects.push(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;
@@ -108,12 +119,12 @@ var MarkdownEditor = ({ id, role = "article", initialValue, extensions, extensio
         }
       }),
       editorGutter,
-      role !== "section" && onFileUpload ? dropFile({
+      role !== "section" && onFileUpload && dropFile({
         onDrop: handleDrop
-      }) : [],
+      }),
       providerExtensions,
       extensions
-    ].filter(nonNullable),
+    ].filter(isNotFalsy),
     ...role !== "section" && {
       id,
       scrollTo,
@@ -132,6 +143,7 @@ var MarkdownEditor = ({ id, role = "article", initialValue, extensions, extensio
     providerExtensions
   ]);
   useTest(editorView);
+  useSelectCurrentThread(editorView, id);
   const handleToolbarAction = useActionHandler(editorView);
   const handleAction = (action) => {
     switch (action.type) {
@@ -205,4 +217,4 @@ export {
   MarkdownEditor,
   MarkdownEditor_default
 };
-//# sourceMappingURL=chunk-VUN4QKTT.mjs.map
+//# sourceMappingURL=chunk-AVGUYNPR.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/MarkdownEditor.tsx", "../../../src/hooks/useSelectCurrentThread.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { openSearchPanel } from '@codemirror/search';\nimport { type EditorView } from '@codemirror/view';\nimport React, { useMemo, useEffect, useCallback } from 'react';\n\nimport {\n  type FileInfo,\n  LayoutAction,\n  type LayoutCoordinate,\n  useResolvePlugin,\n  parseLayoutPlugin,\n  useIntentDispatcher,\n} from '@dxos/app-framework';\nimport { useThemeContext, useTranslation } from '@dxos/react-ui';\nimport { useIsDirectlyAttended } from '@dxos/react-ui-attention';\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} from '@dxos/react-ui-editor';\nimport { sectionToolbarLayout } from '@dxos/react-ui-stack';\nimport { textBlockWidth, focusRing, mx } from '@dxos/react-ui-theme';\nimport { isNotFalsy, nonNullable } from '@dxos/util';\n\nimport { useSelectCurrentThread } from '../hooks';\nimport { MARKDOWN_PLUGIN } from '../meta';\nimport { type MarkdownPluginState } from '../types';\n\n// TODO(Zan): Factor into a shared location.\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 layoutPlugin = useResolvePlugin(parseLayoutPlugin);\n  const [formattingState, formattingObserver] = useFormattingState();\n  const isDirectlyAttended = useIsDirectlyAttended(id);\n\n  // Extensions from other plugins.\n  const providerExtensions = useMemo(\n    // TODO(burdon): Must pass object to provider.\n    () => extensionProviders?.flatMap((provider) => provider({})).filter(nonNullable),\n    [extensionProviders],\n  );\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  // 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(isNotFalsy),\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  useSelectCurrentThread(editorView, id);\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", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { EditorView } from '@codemirror/view';\nimport { useCallback } from 'react';\n\nimport { LayoutAction, useIntentResolver } from '@dxos/app-framework';\nimport { Cursor, setSelection } from '@dxos/react-ui-editor';\n\nimport { MARKDOWN_PLUGIN } from '../meta';\n\n/**\n * Handle scrolling and selection of the current thread in a markdown editor.\n */\nexport const useSelectCurrentThread = (editorView: EditorView | undefined, documentId: string) => {\n  const handleScrollIntoView = useCallback(\n    ({ action, data }: { action: string; data?: any }) => {\n      if (action === LayoutAction.SCROLL_INTO_VIEW) {\n        if (editorView && data?.id === documentId && 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: documentId }));\n            }\n\n            editorView.dispatch({\n              effects,\n              selection: selection ? { anchor: range.from } : undefined,\n            });\n          }\n        }\n      }\n    },\n    [documentId, editorView],\n  );\n\n  useIntentResolver(MARKDOWN_PLUGIN, handleScrollIntoView);\n};\n"],
+  "mappings": "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",
+  "names": ["openSearchPanel", "React", "useMemo", "useEffect", "useCallback", "LayoutAction", "useResolvePlugin", "parseLayoutPlugin", "useIntentDispatcher", "useThemeContext", "useTranslation", "useIsDirectlyAttended", "Toolbar", "createBasicExtensions", "createMarkdownExtensions", "createThemeExtensions", "dropFile", "processAction", "useActionHandler", "useCommentState", "useCommentClickListener", "useFormattingState", "useTextEditor", "editorContent", "editorGutter", "sectionToolbarLayout", "textBlockWidth", "focusRing", "mx", "isNotFalsy", "nonNullable", "EditorView", "useCallback", "LayoutAction", "useIntentResolver", "Cursor", "setSelection", "useSelectCurrentThread", "editorView", "documentId", "handleScrollIntoView", "useCallback", "action", "data", "LayoutAction", "SCROLL_INTO_VIEW", "id", "cursor", "range", "Cursor", "getRangeFromCursor", "state", "selection", "main", "from", "anchor", "undefined", "effects", "EditorView", "scrollIntoView", "y", "yMargin", "push", "setSelection", "of", "current", "dispatch", "useIntentResolver", "MARKDOWN_PLUGIN", "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", "layoutPlugin", "useResolvePlugin", "parseLayoutPlugin", "formattingState", "formattingObserver", "useFormattingState", "isDirectlyAttended", "useIsDirectlyAttended", "providerExtensions", "useMemo", "flatMap", "provider", "filter", "nonNullable", "commentsState", "commentObserver", "useCommentState", "onCommentClick", "useCallback", "action", "LayoutAction", "SET_LAYOUT", "data", "element", "state", "commentClickObserver", "useCommentClickListener", "handleDrop", "view", "files", "file", "info", "undefined", "processAction", "type", "url", "parentRef", "editorView", "focusAttributes", "useTextEditor", "createBasicExtensions", "readonly", "placeholder", "createMarkdownExtensions", "createThemeExtensions", "syntaxHighlighting", "slots", "content", "className", "editorContent", "editorGutter", "dropFile", "onDrop", "isNotFalsy", "autoFocus", "provides", "layout", "scrollIntoView", "moveToEndOfLine", "useTest", "useSelectCurrentThread", "handleToolbarAction", "useActionHandler", "handleAction", "openSearchPanel", "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/browser/{chunk-CQJL4G4X.mjs → chunk-N7FS4CK2.mjs}

@@ -1,6 +1,6 @@
 import {
   MARKDOWN_PLUGIN
-} from "./chunk-4GGD6YJO.mjs";
+} from "./chunk-2SJN46PA.mjs";
 
 // packages/plugins/plugin-markdown/src/types/document.ts
 import { ref, S, TypedObject } from "@dxos/echo-schema";
@@ -36,4 +36,4 @@ export {
   DocumentType,
   MarkdownAction
 };
-//# sourceMappingURL=chunk-CQJL4G4X.mjs.map
+//# sourceMappingURL=chunk-N7FS4CK2.mjs.map

package/dist/lib/browser/chunk-N7FS4CK2.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 SpaceInitProvides } from '@dxos/plugin-space';\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 MarkdownExtensionProvider = (props: { document?: DocumentType }) => Extension | undefined;\n\nexport type OnChange = (text: string) => void;\n\nexport type MarkdownExtensionProvides = {\n  // TODO(burdon): Rename.\n  markdown: {\n    extensions: MarkdownExtensionProvider;\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<MarkdownExtensionProvider>[];\n\n  // TODO(burdon): Extend view mode per document to include scroll position, etc.\n  // View mode per document.\n  viewMode: Record<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 when we implement comments in sheets.\ntype ThreadProvides<T> = {\n  thread: {\n    predicate: (obj: any) => obj is T;\n    createSort: (obj: T) => (anchorA: string | undefined, anchorB: string | undefined) => number;\n  };\n};\n\nexport type MarkdownPluginProvides = SurfaceProvides &\n  IntentResolverProvides &\n  GraphBuilderProvides &\n  GraphSerializerProvides &\n  MetadataRecordsProvides &\n  SettingsProvides<MarkdownSettingsProps> &\n  TranslationsProvides &\n  SchemaProvides &\n  SpaceInitProvides &\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;;;ACIJ,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-7AF2JLK4.mjs → chunk-QIO7ZONH.mjs}

@@ -1,13 +1,13 @@
 import {
   DocumentType,
   TextType
-} from "./chunk-CQJL4G4X.mjs";
+} from "./chunk-N7FS4CK2.mjs";
 import {
   createBaseExtensions
 } from "./chunk-354DCID5.mjs";
 import {
   MarkdownEditor_default
-} from "./chunk-VUN4QKTT.mjs";
+} from "./chunk-AVGUYNPR.mjs";
 
 // packages/plugins/plugin-markdown/src/components/DocumentEditor.tsx
 import React, { useEffect, useMemo } from "react";
@@ -58,14 +58,12 @@ var DocumentEditor = ({ document: doc, extensionProviders = [], viewMode, settin
   const space = getSpace(doc);
   const identity = useIdentity();
   const dispatch = useIntentDispatcher();
-  const baseExtensions = useMemo(() => {
-    return createBaseExtensions({
-      viewMode,
-      settings,
-      document: doc,
-      dispatch
-    });
-  }, [
+  const baseExtensions = useMemo(() => createBaseExtensions({
+    viewMode,
+    settings,
+    document: doc,
+    dispatch
+  }), [
     doc,
     viewMode,
     dispatch,
@@ -73,11 +71,13 @@ var DocumentEditor = ({ document: doc, extensionProviders = [], viewMode, settin
     settings.folding,
     settings.numberedHeadings
   ]);
-  const providerExtensions = useMemo(() => extensionProviders.reduce((acc, provider) => {
-    const provided = typeof provider === "function" ? provider({
+  const pluginExtensions = useMemo(() => extensionProviders.reduce((acc, provider) => {
+    const extension = typeof provider === "function" ? provider({
       document: doc
     }) : provider;
-    acc.push(...provided);
+    if (extension) {
+      acc.push(extension);
+    }
     return acc;
   }, []), [
     extensionProviders
@@ -98,14 +98,14 @@ var DocumentEditor = ({ document: doc, extensionProviders = [], viewMode, settin
         setFallbackName(doc, text);
       }
     }),
-    providerExtensions,
-    baseExtensions
+    baseExtensions,
+    pluginExtensions
   ], [
+    baseExtensions,
+    pluginExtensions,
     doc,
     doc.content,
     space,
-    baseExtensions,
-    providerExtensions,
     identity
   ]);
   const initialValue = useMemo(() => doc.content?.content, [
@@ -161,4 +161,4 @@ export {
   serializer,
   DocumentEditor_default
 };
-//# sourceMappingURL=chunk-7AF2JLK4.mjs.map
+//# sourceMappingURL=chunk-QIO7ZONH.mjs.map

package/dist/lib/browser/chunk-QIO7ZONH.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  // TODO(wittjosiah): Autocomplete is not working and this query is causing performance issues.\n  // TODO(burdon): Unsubscribe.\n  // const query = space?.db.query(Filter.schema(DocumentType));\n  // query?.subscribe();\n  const baseExtensions = useMemo(\n    () =>\n      createBaseExtensions({\n        viewMode,\n        settings,\n        document: doc,\n        dispatch,\n        // query,\n      }),\n    [doc, viewMode, dispatch, settings, settings.folding, settings.numberedHeadings],\n  );\n\n  const pluginExtensions = useMemo(\n    () =>\n      extensionProviders.reduce((acc: Extension[], provider) => {\n        const extension = typeof provider === 'function' ? provider({ document: doc }) : provider;\n        if (extension) {\n          acc.push(extension);\n        }\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      baseExtensions,\n      pluginExtensions,\n    ],\n    [baseExtensions, pluginExtensions, doc, doc.content, space, 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", "pluginExtensions", "reduce", "acc", "provider", "extension", "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/index.mjs

@@ -1,22 +1,22 @@
-import "./chunk-RL7QY322.mjs";
+import "./chunk-AFWT6Z7B.mjs";
 import {
   getFallbackName,
   isMarkdownProperties,
   markdownExtensionPlugins,
   serializer,
   setFallbackName
-} from "./chunk-7AF2JLK4.mjs";
+} from "./chunk-QIO7ZONH.mjs";
 import {
   DocumentType,
   MarkdownAction,
   TextType
-} from "./chunk-CQJL4G4X.mjs";
+} from "./chunk-N7FS4CK2.mjs";
 import "./chunk-354DCID5.mjs";
-import "./chunk-VUN4QKTT.mjs";
+import "./chunk-AVGUYNPR.mjs";
 import {
   MARKDOWN_PLUGIN,
   meta_default
-} from "./chunk-4GGD6YJO.mjs";
+} from "./chunk-2SJN46PA.mjs";
 
 // packages/plugins/plugin-markdown/src/MarkdownPlugin.tsx
 import { TextAa } from "@phosphor-icons/react";
@@ -24,7 +24,6 @@ import React5 from "react";
 import { isObject, parseIntentPlugin, resolvePlugin, LayoutAction, NavigationAction } from "@dxos/app-framework";
 import { create } from "@dxos/echo-schema";
 import { LocalStorageStore } from "@dxos/local-storage";
-import { log } from "@dxos/log";
 import { parseClientPlugin } from "@dxos/plugin-client";
 import { createExtension, isActionGroup } from "@dxos/plugin-graph";
 import { SpaceAction } from "@dxos/plugin-space";
@@ -115,9 +114,9 @@ var MarkdownSettings = ({ settings }) => {
 };
 
 // packages/plugins/plugin-markdown/src/components/index.ts
-var DocumentCard = React4.lazy(() => import("./DocumentCard-2P4EICBA.mjs"));
-var DocumentEditor = React4.lazy(() => import("./DocumentEditor-GPWV3VN3.mjs"));
-var MarkdownEditor = React4.lazy(() => import("./MarkdownEditor-EKJJQEFL.mjs"));
+var DocumentCard = React4.lazy(() => import("./DocumentCard-RKENHCNE.mjs"));
+var DocumentEditor = React4.lazy(() => import("./DocumentEditor-JZI4663Q.mjs"));
+var MarkdownEditor = React4.lazy(() => import("./MarkdownEditor-5EUT7P66.mjs"));
 
 // packages/plugins/plugin-markdown/src/translations.ts
 var translations_default = [
@@ -152,7 +151,6 @@ var translations_default = [
 ];
 
 // packages/plugins/plugin-markdown/src/MarkdownPlugin.tsx
-var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-markdown/src/MarkdownPlugin.tsx";
 var isEditorModel = (data) => {
   return data && typeof data === "object" && "id" in data && typeof data.id === "string" && "text" in data && typeof data.text === "string";
 };
@@ -239,8 +237,7 @@ var MarkdownPlugin = () => {
                 ns: MARKDOWN_PLUGIN
               }
             ],
-            icon: (props) => /* @__PURE__ */ React5.createElement(TextAa, props),
-            iconSymbol: "ph--text-aa--regular",
+            icon: "ph--text-aa--regular",
             graphProps: {
               managesAutofocus: true
             },
@@ -263,6 +260,17 @@ var MarkdownPlugin = () => {
           TextType
         ]
       },
+      space: {
+        onSpaceCreate: {
+          label: [
+            "create document label",
+            {
+              ns: MARKDOWN_PLUGIN
+            }
+          ],
+          action: MarkdownAction.CREATE
+        }
+      },
       graph: {
         builder: (plugins) => {
           const client = resolvePlugin(plugins, parseClientPlugin)?.provides.client;
@@ -309,8 +317,7 @@ var MarkdownPlugin = () => {
                         ns: MARKDOWN_PLUGIN
                       }
                     ],
-                    icon: (props) => /* @__PURE__ */ React5.createElement(TextAa, props),
-                    iconSymbol: "ph--text-aa--regular",
+                    icon: "ph--text-aa--regular",
                     testId: "markdownPlugin.createObject"
                   }
                 }
@@ -391,26 +398,26 @@ var MarkdownPlugin = () => {
         ]
       },
       thread: {
-        // TODO(Zan): How to better handle the type predicate?
         predicate: (obj) => obj instanceof DocumentType,
         createSort: (doc) => {
           const accessor = doc.content ? createDocAccessor(doc.content, [
             "content"
           ]) : void 0;
           if (!accessor) {
-            log.warn("No accessor found for document content.", void 0, {
-              F: __dxlog_file,
-              L: 250,
-              S: void 0,
-              C: (f, a) => f(...a)
-            });
             return (_) => 0;
           }
           const getStartPosition = (cursor) => {
             const range = cursor ? getRangeFromCursor(accessor, cursor) : void 0;
             return range?.start ?? Number.MAX_SAFE_INTEGER;
           };
-          return (anchorA, anchorB) => getStartPosition(anchorA) - getStartPosition(anchorB);
+          return (anchorA, anchorB) => {
+            if (anchorA === void 0 || anchorB === void 0) {
+              return 0;
+            }
+            const posA = getStartPosition(anchorA);
+            const posB = getStartPosition(anchorB);
+            return posA - posB;
+          };
         }
       },
       surface: {