@dxos/plugin-markdown 0.6.12-main.f9d0246 → 0.6.12-staging.e11e696

package/dist/lib/node/chunk-2T7LIVPT.cjs

@@ -1,246 +0,0 @@
-"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)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  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_2T7LIVPT_exports = {};
-__export(chunk_2T7LIVPT_exports, {
-  MarkdownEditor: () => MarkdownEditor,
-  MarkdownEditor_default: () => MarkdownEditor_default
-});
-module.exports = __toCommonJS(chunk_2T7LIVPT_exports);
-var import_chunk_LPD4NOTH = require("./chunk-LPD4NOTH.cjs");
-var import_search = require("@codemirror/search");
-var import_react = __toESM(require("react"));
-var import_app_framework = require("@dxos/app-framework");
-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 { themeMode } = (0, import_react_ui.useThemeContext)();
-  const dispatch = (0, import_app_framework.useIntentDispatcher)();
-  const layoutPlugin = (0, import_app_framework.useResolvePlugin)(import_app_framework.parseLayoutPlugin);
-  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 [commentsState, commentObserver] = (0, import_react_ui_editor.useCommentState)();
-  const onCommentClick = (0, import_react.useCallback)(() => {
-    void dispatch({
-      action: import_app_framework.LayoutAction.SET_LAYOUT,
-      data: {
-        element: "complementary",
-        state: true
-      }
-    });
-  }, [
-    dispatch
-  ]);
-  const commentClickObserver = (0, import_react_ui_editor.useCommentClickListener)(onCommentClick);
-  const handleDrop = async (view, { files }) => {
-    const file = files[0];
-    const info = file && onFileUpload ? await onFileUpload(file) : void 0;
-    if (info) {
-      (0, import_react_ui_editor.processAction)(view, {
-        type: "image",
-        data: info.url
-      });
-    }
-  };
-  const { parentRef, view: editorView, focusAttributes } = (0, import_react_ui_editor.useTextEditor)(() => ({
-    initialValue,
-    extensions: [
-      formattingObserver,
-      commentObserver,
-      commentClickObserver,
-      (0, import_react_ui_editor.createBasicExtensions)({
-        readonly: viewMode === "readonly",
-        placeholder: t("editor placeholder"),
-        scrollPastEnd: role === "section" ? false : scrollPastEnd
-      }),
-      (0, import_react_ui_editor.createMarkdownExtensions)({
-        themeMode
-      }),
-      (0, import_react_ui_editor.createThemeExtensions)({
-        themeMode,
-        syntaxHighlighting: true,
-        slots: {
-          content: {
-            className: import_react_ui_editor.editorContent
-          }
-        }
-      }),
-      import_react_ui_editor.editorGutter,
-      role !== "section" && onFileUpload && (0, import_react_ui_editor.dropFile)({
-        onDrop: handleDrop
-      }),
-      providerExtensions,
-      extensions
-    ].filter(import_util.isNotFalsy),
-    ...role !== "section" && {
-      id,
-      scrollTo,
-      selection,
-      // TODO(wittjosiah): Autofocus based on layout is racy.
-      autoFocus: layoutPlugin?.provides.layout ? layoutPlugin?.provides.layout.scrollIntoView === id : true,
-      moveToEndOfLine: true
-    }
-  }), [
-    id,
-    initialValue,
-    formattingObserver,
-    viewMode,
-    themeMode,
-    extensions,
-    providerExtensions
-  ]);
-  useTest(editorView);
-  useSelectCurrentThread(editorView, id);
-  const handleToolbarAction = (0, import_react_ui_editor.useActionHandler)(editorView);
-  const handleAction = (action) => {
-    switch (action.type) {
-      case "search": {
-        if (editorView) {
-          (0, import_search.openSearchPanel)(editorView);
-        }
-        return;
-      }
-      case "view-mode": {
-        onViewModeChange?.(id, action.data);
-        return;
-      }
-    }
-    handleToolbarAction?.(action);
-  };
-  return /* @__PURE__ */ import_react.default.createElement("div", {
-    role: "none",
-    ...role === "section" ? {
-      className: "flex flex-col"
-    } : {
-      className: "contents group/editor",
-      ...isDirectlyAttended && {
-        "aria-current": "location"
-      }
-    }
-  }, toolbar && /* @__PURE__ */ import_react.default.createElement("div", {
-    role: "none",
-    className: (0, import_react_ui_theme.mx)("flex shrink-0 justify-center overflow-x-auto", attentionFragment)
-  }, /* @__PURE__ */ import_react.default.createElement(import_react_ui_editor.Toolbar.Root, {
-    classNames: role === "section" ? [
-      import_react_ui_theme.textBlockWidth,
-      "z-[2] group-focus-within/section:visible",
-      !isDirectlyAttended && "invisible",
-      import_react_ui_stack.sectionToolbarLayout
-    ] : [
-      import_react_ui_theme.textBlockWidth,
-      "group-focus-within/editor:border-separator group-[[aria-current]]/editor:border-separator"
-    ],
-    state: formattingState && {
-      ...formattingState,
-      ...commentsState
-    },
-    onAction: handleAction
-  }, /* @__PURE__ */ import_react.default.createElement(import_react_ui_editor.Toolbar.Markdown, null), onFileUpload && /* @__PURE__ */ import_react.default.createElement(import_react_ui_editor.Toolbar.Custom, {
-    onUpload: onFileUpload
-  }), /* @__PURE__ */ import_react.default.createElement(import_react_ui_editor.Toolbar.Separator, null), /* @__PURE__ */ import_react.default.createElement(import_react_ui_editor.Toolbar.View, {
-    mode: viewMode ?? DEFAULT_VIEW_MODE
-  }), /* @__PURE__ */ import_react.default.createElement(import_react_ui_editor.Toolbar.Actions, null))), /* @__PURE__ */ import_react.default.createElement("div", {
-    role: "none",
-    ref: parentRef,
-    "data-testid": "composer.markdownRoot",
-    "data-toolbar": toolbar ? "enabled" : "disabled",
-    className: role === "section" ? (0, import_react_ui_theme.mx)("flex flex-col flex-1 min-bs-[12rem]", import_react_ui_theme.focusRing) : (0, import_react_ui_theme.mx)("flex is-full bs-full overflow-hidden", import_react_ui_theme.focusRing, attentionFragment, "focus-visible:ring-inset", "data-[toolbar=disabled]:pbs-2 data-[toolbar=disabled]:row-span-2"),
-    ...focusAttributes
-  }));
-};
-var useTest = (view) => {
-  (0, import_react.useEffect)(() => {
-    const composer = window.composer;
-    if (composer) {
-      composer.editorView = view;
-    }
-  }, [
-    view
-  ]);
-};
-var MarkdownEditor_default = MarkdownEditor;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  MarkdownEditor,
-  MarkdownEditor_default
-});
-//# sourceMappingURL=chunk-2T7LIVPT.cjs.map

package/dist/lib/node/chunk-2T7LIVPT.cjs.map

@@ -1,7 +0,0 @@
-{
-  "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": ["import_react", "import_app_framework", "import_react_ui_editor", "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", "role", "initialValue", "extensions", "extensionProviders", "scrollPastEnd", "scrollTo", "toolbar", "viewMode", "onFileUpload", "onViewModeChange", "t", "useTranslation", "themeMode", "useThemeContext", "useIntentDispatcher", "layoutPlugin", "useResolvePlugin", "parseLayoutPlugin", "formattingState", "formattingObserver", "useFormattingState", "isDirectlyAttended", "useIsDirectlyAttended", "providerExtensions", "useMemo", "flatMap", "provider", "filter", "nonNullable", "commentsState", "commentObserver", "useCommentState", "onCommentClick", "SET_LAYOUT", "element", "commentClickObserver", "useCommentClickListener", "handleDrop", "view", "files", "file", "info", "processAction", "type", "url", "parentRef", "focusAttributes", "useTextEditor", "createBasicExtensions", "readonly", "placeholder", "createMarkdownExtensions", "createThemeExtensions", "syntaxHighlighting", "slots", "content", "className", "editorContent", "editorGutter", "dropFile", "onDrop", "isNotFalsy", "autoFocus", "provides", "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

@@ -1,114 +0,0 @@
-"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)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  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_5ZWOR7JF_exports = {};
-__export(chunk_5ZWOR7JF_exports, {
-  DocumentCard: () => DocumentCard,
-  DocumentCard_default: () => DocumentCard_default
-});
-module.exports = __toCommonJS(chunk_5ZWOR7JF_exports);
-var import_chunk_KTYIOXL5 = require("./chunk-KTYIOXL5.cjs");
-var import_chunk_LPD4NOTH = require("./chunk-LPD4NOTH.cjs");
-var import_react = __toESM(require("react"));
-var import_echo = require("@dxos/react-client/echo");
-var import_react_ui = require("@dxos/react-ui");
-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 { themeMode } = (0, import_react_ui.useThemeContext)();
-  const { parentRef, focusAttributes } = (0, import_react_ui_editor.useTextEditor)(() => ({
-    initialValue: object.content?.content,
-    extensions: [
-      (0, import_react_ui_editor.createBasicExtensions)({
-        placeholder: t("editor placeholder")
-      }),
-      (0, import_react_ui_editor.createThemeExtensions)({
-        themeMode
-      }),
-      (0, import_react_ui_editor.createDataExtensions)({
-        id: object.id,
-        text: object.content && (0, import_echo.createDocAccessor)(object.content, [
-          "content"
-        ])
-      }),
-      (0, import_chunk_KTYIOXL5.createBaseExtensions)({
-        document: object,
-        debug: settings.debug,
-        experimental: settings.experimental
-      })
-    ]
-  }), [
-    object,
-    object.content,
-    themeMode
-  ]);
-  return /* @__PURE__ */ import_react.default.createElement("div", {
-    role: "none",
-    ref: forwardRef2,
-    className: "flex w-full",
-    style: draggableStyle
-  }, /* @__PURE__ */ import_react.default.createElement(import_react_ui_card.Card.Root, {
-    classNames: (0, import_react_ui_theme.mx)("w-full snap-center", color, isDragging && "opacity-20", classNames),
-    grow
-  }, /* @__PURE__ */ import_react.default.createElement(import_react_ui_card.Card.Header, {
-    onDoubleClick: () => onSelect?.()
-  }, /* @__PURE__ */ import_react.default.createElement(import_react_ui_card.Card.DragHandle, draggableProps), /* @__PURE__ */ import_react.default.createElement(import_react_ui.Input.Root, null, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Input.TextInput, {
-    variant: "subdued",
-    classNames: "p-0",
-    placeholder: t("document title placeholder"),
-    value: object.name,
-    onChange: (event) => object.name = event.target.value
-  })), /* @__PURE__ */ import_react.default.createElement(import_react_ui_card.Card.Menu, null, /* @__PURE__ */ import_react.default.createElement(import_react_ui.DropdownMenu.Item, {
-    onClick: () => onAction?.({
-      id,
-      action: "delete"
-    })
-  }, /* @__PURE__ */ import_react.default.createElement("span", {
-    className: "grow"
-  }, "Delete")), /* @__PURE__ */ import_react.default.createElement(import_react_ui.DropdownMenu.Item, {
-    onClick: () => onAction?.({
-      id,
-      action: "set-color"
-    })
-  }, /* @__PURE__ */ import_react.default.createElement("span", {
-    className: "grow"
-  }, "Change color")))), /* @__PURE__ */ import_react.default.createElement(import_react_ui_card.Card.Body, null, /* @__PURE__ */ import_react.default.createElement("div", {
-    ...focusAttributes,
-    ref: parentRef,
-    className: (0, import_react_ui_theme.mx)(import_react_ui_theme.focusRing, "rounded-sm h-full p-1 text-sm")
-  }))));
-});
-var DocumentCard_default = DocumentCard;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  DocumentCard,
-  DocumentCard_default
-});
-//# sourceMappingURL=chunk-5ZWOR7JF.cjs.map

package/dist/lib/node/chunk-5ZWOR7JF.cjs.map

@@ -1,7 +0,0 @@
-{
-  "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,mBAAkC;AAElC,kBAAkC;AAClC,sBAAqE;AACrE,2BAAqB;AACrB,6BAKO;AAEP,4BAA8B;AAoBvB,IAAMA,eAA0FC,6CACrG,CACE,EACEC,YACAC,YACAC,gBACAC,gBACAC,MAAM,EAAEC,IAAIC,QAAQC,MAAK,GACzBC,MACAC,UACAC,UACAC,SAAQ,GAEVZ,gBAAAA;AAEA,QAAM,EAAEa,EAAC,QAAKC,gCAAeC,qCAAAA;AAC7B,QAAM,EAAEC,UAAS,QAAKC,iCAAAA;AACtB,QAAM,EAAEC,WAAWC,gBAAe,QAAKC,sCACrC,OAAO;IACLC,cAAcd,OAAOe,SAASA;IAC9BC,YAAY;UACVC,8CAAsB;QAAEC,aAAaZ,EAAE,oBAAA;MAAsB,CAAA;UAC7Da,8CAAsB;QAAEV;MAAU,CAAA;UAClCW,6CAAqB;QACnBrB,IAAIC,OAAOD;QACXsB,MAAMrB,OAAOe,eAAWO,+BAAkBtB,OAAOe,SAAS;UAAC;SAAU;MACvE,CAAA;UACAQ,4CAAqB;QACnBC,UAAUxB;QACVyB,OAAOtB,SAASsB;QAChBC,cAAcvB,SAASuB;MACzB,CAAA;;EAEJ,IACA;IAAC1B;IAAQA,OAAOe;IAASN;GAAU;AAGrC,SACE,6BAAAkB,QAAA,cAACC,OAAAA;IAAIC,MAAK;IAAOC,KAAKrC;IAAYsC,WAAU;IAAcC,OAAOpC;KAC/D,6BAAA+B,QAAA,cAACM,0BAAKC,MAAI;IAACxC,gBAAYyC,0BAAG,sBAAsBlC,OAAON,cAAc,cAAcD,UAAAA;IAAaQ;KAC9F,6BAAAyB,QAAA,cAACM,0BAAKG,QAAM;IAACC,eAAe,MAAMjC,WAAAA;KAChC,6BAAAuB,QAAA,cAACM,0BAAKK,YAAezC,cAAAA,GACrB,6BAAA8B,QAAA,cAACY,sBAAML,MAAI,MACT,6BAAAP,QAAA,cAACY,sBAAMC,WAAS;IACdC,SAAQ;IACR/C,YAAW;IACXwB,aAAaZ,EAAE,4BAAA;IACfoC,OAAO1C,OAAO2C;IACdC,UAAU,CAACC,UAAW7C,OAAO2C,OAAOE,MAAMC,OAAOJ;OAGrD,6BAAAf,QAAA,cAACM,0BAAKc,MAAI,MAER,6BAAApB,QAAA,cAACqB,6BAAaC,MAAI;IAACC,SAAS,MAAM7C,WAAW;MAAEN;MAAIoD,QAAQ;IAAS,CAAA;KAClE,6BAAAxB,QAAA,cAACyB,QAAAA;IAAKrB,WAAU;KAAO,QAAA,CAAA,GAEzB,6BAAAJ,QAAA,cAACqB,6BAAaC,MAAI;IAACC,SAAS,MAAM7C,WAAW;MAAEN;MAAIoD,QAAQ;IAAY,CAAA;KACrE,6BAAAxB,QAAA,cAACyB,QAAAA;IAAKrB,WAAU;KAAO,cAAA,CAAA,CAAA,CAAA,GAI7B,6BAAAJ,QAAA,cAACM,0BAAKoB,MAAI,MACR,6BAAA1B,QAAA,cAACC,OAAAA;IAAK,GAAGhB;IAAiBkB,KAAKnB;IAAWoB,eAAWI,0BAAGmB,iCAAW,+BAAA;;AAK7E,CAAA;AAGF,IAAA,uBAAe9D;",
-  "names": ["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", "React", "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"]
-}

package/dist/lib/node/chunk-KDXONMFH.cjs

@@ -1,189 +0,0 @@
-"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)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  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_KDXONMFH_exports = {};
-__export(chunk_KDXONMFH_exports, {
-  DocumentEditor_default: () => DocumentEditor_default,
-  getFallbackName: () => getFallbackName,
-  isMarkdownProperties: () => isMarkdownProperties,
-  markdownExtensionPlugins: () => markdownExtensionPlugins,
-  serializer: () => serializer,
-  setFallbackName: () => setFallbackName
-});
-module.exports = __toCommonJS(chunk_KDXONMFH_exports);
-var import_chunk_RVNU7MRZ = require("./chunk-RVNU7MRZ.cjs");
-var import_chunk_KTYIOXL5 = require("./chunk-KTYIOXL5.cjs");
-var import_chunk_2T7LIVPT = require("./chunk-2T7LIVPT.cjs");
-var import_react = __toESM(require("react"));
-var import_app_framework = require("@dxos/app-framework");
-var import_echo = require("@dxos/react-client/echo");
-var import_halo = require("@dxos/react-client/halo");
-var import_react_ui_editor = require("@dxos/react-ui-editor");
-var import_async = require("@dxos/async");
-var import_echo2 = require("@dxos/react-client/echo");
-var isMarkdownProperties = (data) => (0, import_echo2.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 = (0, import_async.debounce)((doc, content) => {
-  const name = getFallbackName(content);
-  if (doc.fallbackName !== name) {
-    doc.fallbackName = name;
-  }
-}, 200);
-var serializer = {
-  serialize: async ({ object }) => {
-    const content = await (0, import_echo2.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 (0, import_echo2.createEchoObject)((0, import_echo2.create)(import_chunk_RVNU7MRZ.DocumentType, {
-      name,
-      content: (0, import_echo2.create)(import_chunk_RVNU7MRZ.TextType, {
-        content
-      }),
-      threads: []
-    }));
-  }
-};
-var DocumentEditor = ({ document: doc, extensionProviders = [], viewMode, settings, ...props }) => {
-  const space = (0, import_echo.getSpace)(doc);
-  const identity = (0, import_halo.useIdentity)();
-  const dispatch = (0, import_app_framework.useIntentDispatcher)();
-  const baseExtensions = (0, import_react.useMemo)(() => (0, import_chunk_KTYIOXL5.createBaseExtensions)({
-    viewMode,
-    settings,
-    document: doc,
-    dispatch
-  }), [
-    doc,
-    viewMode,
-    dispatch,
-    settings,
-    settings.folding,
-    settings.numberedHeadings
-  ]);
-  const pluginExtensions = (0, import_react.useMemo)(() => extensionProviders.reduce((acc, provider) => {
-    const extension = typeof provider === "function" ? provider({
-      document: doc
-    }) : provider;
-    if (extension) {
-      acc.push(extension);
-    }
-    return acc;
-  }, []), [
-    extensionProviders
-  ]);
-  const extensions = (0, import_react.useMemo)(() => [
-    // NOTE: Data extensions must be first so that automerge is updated before other extensions compute their state.
-    (0, import_react_ui_editor.createDataExtensions)({
-      id: doc.id,
-      text: doc.content && (0, import_echo.createDocAccessor)(doc.content, [
-        "content"
-      ]),
-      space,
-      identity
-    }),
-    (0, import_react_ui_editor.state)(import_react_ui_editor.localStorageStateStoreAdapter),
-    (0, import_react_ui_editor.listener)({
-      onChange: (text) => {
-        setFallbackName(doc, text);
-      }
-    }),
-    baseExtensions,
-    pluginExtensions
-  ], [
-    baseExtensions,
-    pluginExtensions,
-    doc,
-    doc.content,
-    space,
-    identity
-  ]);
-  const initialValue = (0, import_react.useMemo)(() => doc.content?.content, [
-    doc.content
-  ]);
-  (0, import_react.useEffect)(() => {
-    if (!doc.fallbackName && doc.content?.content) {
-      doc.fallbackName = getFallbackName(doc.content.content);
-    }
-  }, [
-    doc,
-    doc.content
-  ]);
-  const id = (0, import_echo.fullyQualifiedId)(doc);
-  const { scrollTo, selection } = (0, import_react.useMemo)(() => import_react_ui_editor.localStorageStateStoreAdapter.getState(id) ?? {}, [
-    doc
-  ]);
-  const fileManagerPlugin = (0, import_app_framework.useResolvePlugin)(import_app_framework.parseFileManagerPlugin);
-  const handleFileUpload = (0, import_react.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__ */ import_react.default.createElement(import_chunk_2T7LIVPT.MarkdownEditor_default, {
-    id,
-    initialValue,
-    extensions,
-    scrollTo,
-    selection,
-    onFileUpload: handleFileUpload,
-    inputMode: settings.editorInputMode,
-    toolbar: settings.toolbar,
-    viewMode,
-    ...props
-  });
-};
-var DocumentEditor_default = DocumentEditor;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  DocumentEditor_default,
-  getFallbackName,
-  isMarkdownProperties,
-  markdownExtensionPlugins,
-  serializer,
-  setFallbackName
-});
-//# sourceMappingURL=chunk-KDXONMFH.cjs.map

package/dist/lib/node/chunk-KDXONMFH.cjs.map

@@ -1,7 +0,0 @@
-{
-  "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": ["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", "pluginExtensions", "reduce", "acc", "provider", "extension", "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"]
-}