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

package/dist/lib/node/MarkdownContainer-IWMLWI6Z.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/MarkdownContainer.tsx", "../../../src/components/MarkdownEditor.tsx", "../../../src/hooks/useSelectCurrentThread.tsx", "../../../src/extensions.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useEffect, useMemo } from 'react';\n\nimport { useResolvePlugin, parseFileManagerPlugin } from '@dxos/app-framework';\nimport { fullyQualifiedId, getSpace } from '@dxos/react-client/echo';\nimport { localStorageStateStoreAdapter, type EditorSelectionState } from '@dxos/react-ui-editor';\n\nimport { MarkdownEditor, type MarkdownEditorProps } from './MarkdownEditor';\nimport { useExtensions } from '../extensions';\nimport { DocumentType, type MarkdownSettingsProps } from '../types';\nimport { getFallbackName } from '../util';\n\nexport type MarkdownContainerProps = Pick<\n  MarkdownEditorProps,\n  'role' | 'coordinate' | 'extensionProviders' | 'viewMode' | 'onViewModeChange'\n> & {\n  id: string;\n  object: DocumentType | any;\n  settings: MarkdownSettingsProps;\n};\n\n// TODO(burdon): Factor out difference for ECHO and non-ECHO objects; i.e., single component.\nconst MarkdownContainer = ({ role, id, object, settings, ...props }: MarkdownContainerProps) => {\n  const scrollPastEnd = role === 'article';\n  if (object instanceof DocumentType) {\n    return (\n      <DocumentEditor\n        id={fullyQualifiedId(object)}\n        document={object}\n        settings={settings}\n        scrollPastEnd={scrollPastEnd}\n        {...props}\n      />\n    );\n  } else {\n    return (\n      <MarkdownEditor\n        id={id}\n        initialValue={object.text}\n        toolbar={settings.toolbar}\n        scrollPastEnd={scrollPastEnd}\n        {...props}\n      />\n    );\n  }\n};\n\ntype DocumentEditorProps = Omit<MarkdownContainerProps, 'object'> & { document: DocumentType } & Pick<\n    MarkdownEditorProps,\n    'id' | 'scrollPastEnd'\n  >;\n\nexport const DocumentEditor = ({\n  id,\n  document: doc,\n  extensionProviders,\n  settings,\n  viewMode,\n  ...props\n}: DocumentEditorProps) => {\n  const space = getSpace(doc);\n  const initialValue = useMemo(() => doc.content?.content, [doc.content]);\n  const extensions = useExtensions({ extensionProviders, document: doc, settings, viewMode });\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 { scrollTo, selection } = useMemo<EditorSelectionState>(\n    () => localStorageStateStoreAdapter.getState(id) ?? {},\n    [id, doc],\n  );\n\n  // File dragging.\n  const fileManagerPlugin = useResolvePlugin(parseFileManagerPlugin);\n  const handleFileUpload = useMemo(() => {\n    if (space === undefined || fileManagerPlugin?.provides.file.upload === undefined) {\n      return undefined;\n    }\n\n    // TODO(burdon): Re-order props: space, file.\n    return async (file: File) => fileManagerPlugin?.provides?.file?.upload?.(file, space);\n  }, [space, fileManagerPlugin]);\n\n  return (\n    <MarkdownEditor\n      id={id}\n      initialValue={initialValue}\n      extensions={extensions}\n      scrollTo={scrollTo}\n      selection={selection}\n      toolbar={settings.toolbar}\n      inputMode={settings.editorInputMode}\n      viewMode={viewMode}\n      onFileUpload={handleFileUpload}\n      {...props}\n    />\n  );\n};\n\nexport default MarkdownContainer;\n", "//\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 { type FileInfo, LayoutAction, type LayoutCoordinate, useIntentDispatcher } from '@dxos/app-framework';\nimport { useThemeContext, useTranslation } from '@dxos/react-ui';\nimport { useAttendableAttributes, useAttention } from '@dxos/react-ui-attention';\nimport {\n  type Action,\n  type DNDOptions,\n  type EditorViewMode,\n  type EditorInputMode,\n  Toolbar,\n  type UseTextEditorProps,\n  createBasicExtensions,\n  createMarkdownExtensions,\n  createThemeExtensions,\n  dropFile,\n  editorContent,\n  editorGutter,\n  processAction,\n  useActionHandler,\n  useCommentState,\n  useCommentClickListener,\n  useFormattingState,\n  useTextEditor,\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\nconst DEFAULT_VIEW_MODE: EditorViewMode = 'preview';\n\nexport type MarkdownEditorProps = {\n  id: string;\n  role?: string;\n  coordinate?: LayoutCoordinate;\n  inputMode?: EditorInputMode;\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\n/**\n * Base markdown editor component.\n *\n * This component provides all the features of the markdown editor that do no depend on ECHO.\n * This allows it to be used as a common editor for markdown content on arbitrary backends (e.g. files).\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 [formattingState, formattingObserver] = useFormattingState();\n  const attendableAttributes = useAttendableAttributes(id);\n  const { hasAttention } = useAttention(id);\n\n  // Extensions from other plugins.\n  // TODO(burdon): Reconcile with DocumentEditor.useExtensions.\n  const providerExtensions = useMemo(\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',\n            // TODO(wittjosiah): Factor out to `useAttendableAttributes`?\n            ...(hasAttention && { 'aria-current': 'location' }),\n            ...attendableAttributes,\n          })}\n    >\n      {toolbar && (\n        <div role='none' className='flex shrink-0 justify-center overflow-x-auto attention-surface'>\n          <Toolbar.Root\n            classNames={\n              role === 'section'\n                ? [\n                    textBlockWidth,\n                    'z-[2] group-focus-within/section:visible',\n                    !hasAttention && 'invisible',\n                    sectionToolbarLayout,\n                  ]\n                : [textBlockWidth]\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                'focus-visible:ring-inset attention-surface',\n                'p-0.5', // TODO(burdon): Handle padding for focusRing consistently.\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", "//\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", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type AnchorHTMLAttributes, type ReactNode, useMemo } from 'react';\nimport { createRoot } from 'react-dom/client';\n\nimport { type IntentDispatcher, NavigationAction, useIntentDispatcher } from '@dxos/app-framework';\nimport { invariant } from '@dxos/invariant';\nimport { createDocAccessor, fullyQualifiedId, getSpace, type Query } from '@dxos/react-client/echo';\nimport { useIdentity } from '@dxos/react-client/halo';\nimport { Icon, ThemeProvider } from '@dxos/react-ui';\nimport { createDataExtensions, listener, localStorageStateStoreAdapter, state } from '@dxos/react-ui-editor';\nimport {\n  type AutocompleteResult,\n  type EditorViewMode,\n  type Extension,\n  InputModeExtensions,\n  autocomplete,\n  decorateMarkdown,\n  folding,\n  formattingKeymap,\n  linkTooltip,\n  typewriter,\n} from '@dxos/react-ui-editor';\nimport { defaultTx } from '@dxos/react-ui-theme';\nimport { isNotFalsy } from '@dxos/util';\n\nimport { type DocumentType, type MarkdownPluginState, type MarkdownSettingsProps } from './types';\nimport { setFallbackName } from './util';\n\ntype ExtensionsOptions = {\n  document: DocumentType;\n  dispatch?: IntentDispatcher;\n  query?: Query<DocumentType>;\n  settings: MarkdownSettingsProps;\n  viewMode?: EditorViewMode;\n};\n\n// TODO(burdon): Merge with createBaseExtensions above.\nexport const useExtensions = ({\n  extensionProviders,\n  document,\n  settings,\n  viewMode,\n}: Pick<ExtensionsOptions, 'document' | 'settings' | 'viewMode'> &\n  Pick<MarkdownPluginState, 'extensionProviders'>): Extension[] => {\n  const dispatch = useIntentDispatcher();\n  const identity = useIdentity();\n  const space = getSpace(document);\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        document,\n        settings,\n        viewMode,\n        dispatch,\n        // query,\n      }),\n    [document, viewMode, dispatch, settings, settings.folding, settings.numberedHeadings],\n  );\n\n  //\n  // External extensions from other plugins.\n  //\n  const pluginExtensions = useMemo<Extension[] | undefined>(\n    () =>\n      extensionProviders?.reduce((acc: Extension[], provider) => {\n        const extension = typeof provider === 'function' ? provider({ document }) : provider;\n        if (extension) {\n          acc.push(extension);\n        }\n\n        return acc;\n      }, []),\n    [extensionProviders],\n  );\n\n  //\n  // Basic plugins.\n  //\n  return useMemo<Extension[]>(\n    () =>\n      [\n        // NOTE: Data extensions must be first so that automerge is updated before other extensions compute their state.\n        createDataExtensions({\n          id: document.id,\n          text: document.content && createDocAccessor(document.content, ['content']),\n          space,\n          identity,\n        }),\n        state(localStorageStateStoreAdapter),\n        listener({\n          onChange: (text) => setFallbackName(document, text),\n        }),\n        baseExtensions,\n        pluginExtensions,\n      ].filter(isNotFalsy),\n    [baseExtensions, pluginExtensions, document, document.content, space, identity],\n  );\n};\n\n/**\n * Create extension instances for editor.\n */\nconst createBaseExtensions = ({ document, dispatch, settings, query, viewMode }: ExtensionsOptions): Extension[] => {\n  const extensions: Extension[] = [\n    settings.editorInputMode && InputModeExtensions[settings.editorInputMode],\n    settings.folding && folding(),\n  ].filter(isNotFalsy);\n\n  //\n  // Markdown\n  //\n  if (viewMode !== 'source') {\n    extensions.push(\n      ...[\n        formattingKeymap(),\n        decorateMarkdown({\n          selectionChangeDelay: 100,\n          numberedHeadings: settings.numberedHeadings ? { from: 2 } : undefined,\n          // TODO(wittjosiah): For internal links, consider ignoring the link text and rendering the label of the object being linked to.\n          renderLinkButton:\n            dispatch && document\n              ? onRenderLink((id: string) => {\n                  void dispatch({\n                    action: NavigationAction.ADD_TO_ACTIVE,\n                    data: {\n                      id,\n                      part: 'main',\n                      pivotId: fullyQualifiedId(document),\n                      scrollIntoView: true,\n                    },\n                  });\n                })\n              : undefined,\n        }),\n        linkTooltip(renderLinkTooltip),\n      ],\n    );\n  }\n\n  //\n  // Autocomplete object links.\n  //\n  if (query) {\n    extensions.push(\n      autocomplete({\n        onSearch: (text: string) => {\n          // TODO(burdon): Specify filter (e.g., stack).\n          return query.objects\n            .map<AutocompleteResult | undefined>((object) =>\n              object.name?.length && object.id !== document?.id\n                ? {\n                    label: object.name,\n                    // TODO(burdon): Factor out URL builder.\n                    apply: `[${object.name}](/${fullyQualifiedId(object)})`,\n                  }\n                : undefined,\n            )\n            .filter(isNotFalsy);\n        },\n      }),\n    );\n  }\n\n  if (settings.debug) {\n    const items = settings.typewriter?.split(/[,\\n]/) ?? '';\n    if (items) {\n      extensions.push(typewriter({ items }));\n    }\n  }\n\n  return extensions;\n};\n\n// TODO(burdon): Factor out styles.\nconst style = {\n  hover: 'rounded-sm text-primary-500 hover:text-primary-600 dark:text-primary-500 hover:dark:text-primary-400',\n  icon: 'inline-block leading-none mis-1 cursor-pointer',\n};\n\nconst onRenderLink = (onSelectObject: (id: string) => void) => (el: Element, url: string) => {\n  // TODO(burdon): Formalize/document internal link format.\n  const isInternal =\n    url.startsWith('/') ||\n    // TODO(wittjosiah): This should probably be parsed out on paste?\n    url.startsWith(window.location.origin);\n\n  const options: AnchorHTMLAttributes<any> = isInternal\n    ? {\n        onClick: () => {\n          const qualifiedId = url.split('/').at(-1);\n          invariant(qualifiedId, 'Invalid link format.');\n          onSelectObject(qualifiedId);\n        },\n      }\n    : {\n        href: url,\n        rel: 'noreferrer',\n        target: '_blank',\n      };\n\n  renderRoot(\n    el,\n    <a {...options} className={style.hover}>\n      <Icon\n        icon={isInternal ? 'ph--arrow-square-down--bold' : 'ph--arrow-square-out--bold'}\n        size={4}\n        classNames={style.icon}\n      />\n    </a>,\n  );\n};\n\nconst renderLinkTooltip = (el: Element, url: string) => {\n  const web = new URL(url);\n  renderRoot(\n    el,\n    <a href={url} rel='noreferrer' target='_blank' className={style.hover}>\n      {web.origin}\n      <Icon icon='ph--arrow-square-out--bold' size={4} classNames={style.icon} />\n    </a>,\n  );\n};\n\n// TODO(burdon): Remove react rendering; use DOM directly.\nexport const renderRoot = <T extends Element>(root: T, node: ReactNode): T => {\n  createRoot(root).render(<ThemeProvider tx={defaultTx}>{node}</ThemeProvider>);\n  return root;\n};\n"],
+  "mappings": "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",
+  "names": ["import_react", "import_app_framework", "import_react_ui_editor", "import_echo", "import_react_ui", "import_react_ui_theme", "import_util", "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", "DEFAULT_VIEW_MODE", "MarkdownEditor", "role", "initialValue", "extensions", "extensionProviders", "scrollPastEnd", "scrollTo", "toolbar", "viewMode", "onFileUpload", "onViewModeChange", "t", "useTranslation", "themeMode", "useThemeContext", "useIntentDispatcher", "formattingState", "formattingObserver", "useFormattingState", "attendableAttributes", "useAttendableAttributes", "hasAttention", "useAttention", "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", "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", "mx", "focusRing", "useEffect", "composer", "window", "useExtensions", "document", "settings", "identity", "useIdentity", "space", "getSpace", "baseExtensions", "createBaseExtensions", "folding", "numberedHeadings", "pluginExtensions", "reduce", "acc", "extension", "createDataExtensions", "text", "createDocAccessor", "localStorageStateStoreAdapter", "listener", "onChange", "setFallbackName", "query", "editorInputMode", "InputModeExtensions", "formattingKeymap", "decorateMarkdown", "selectionChangeDelay", "renderLinkButton", "onRenderLink", "NavigationAction", "ADD_TO_ACTIVE", "part", "pivotId", "fullyQualifiedId", "linkTooltip", "renderLinkTooltip", "autocomplete", "onSearch", "objects", "map", "object", "name", "length", "label", "apply", "debug", "items", "typewriter", "split", "style", "hover", "icon", "onSelectObject", "el", "isInternal", "startsWith", "location", "origin", "options", "onClick", "qualifiedId", "at", "invariant", "href", "rel", "target", "renderRoot", "a", "Icon", "size", "web", "URL", "root", "node", "createRoot", "render", "ThemeProvider", "tx", "defaultTx", "MarkdownContainer", "props", "DocumentType", "DocumentEditor", "doc", "fallbackName", "getFallbackName", "getState", "fileManagerPlugin", "useResolvePlugin", "parseFileManagerPlugin", "handleFileUpload", "provides", "upload", "inputMode"]
+}

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

@@ -16,13 +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_HVDIBL5H_exports = {};
+__export(chunk_HVDIBL5H_exports, {
   DocumentType: () => DocumentType,
   MarkdownAction: () => MarkdownAction,
-  TextType: () => TextType
+  TextType: () => TextType,
+  isEditorModel: () => isEditorModel
 });
-module.exports = __toCommonJS(chunk_MCA5BBJR_exports);
+module.exports = __toCommonJS(chunk_HVDIBL5H_exports);
 var import_chunk_LPD4NOTH = require("./chunk-LPD4NOTH.cjs");
 var import_echo_schema = require("@dxos/echo-schema");
 var import_types = require("@dxos/plugin-space/types");
@@ -43,6 +44,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 isEditorModel = (data) => data && typeof data === "object" && "id" in data && typeof data.id === "string" && "text" in data && typeof data.text === "string";
 var MARKDOWN_ACTION = `${import_chunk_LPD4NOTH.MARKDOWN_PLUGIN}/action`;
 var MarkdownAction;
 (function(MarkdownAction2) {
@@ -53,6 +55,7 @@ var MarkdownAction;
 0 && (module.exports = {
   DocumentType,
   MarkdownAction,
-  TextType
+  TextType,
+  isEditorModel
 });
-//# sourceMappingURL=chunk-MCA5BBJR.cjs.map
+//# sourceMappingURL=chunk-HVDIBL5H.cjs.map

package/dist/lib/node/chunk-HVDIBL5H.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/**\n * Checks if an object conforms to the interface needed to render an editor.\n */\n// TODO(burdon): Normalize types (from FilesPlugin).\nexport const isEditorModel = (data: any): data is { id: string; text: string } =>\n  data &&\n  typeof data === 'object' &&\n  'id' in data &&\n  typeof data.id === 'string' &&\n  'text' in data &&\n  typeof data.text === 'string';\n", "//\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\n// TODO(burdon): Async.\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?: 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,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;AAMG,IAAMC,gBAAgB,CAACC,SAC5BA,QACA,OAAOA,SAAS,YAChB,QAAQA,QACR,OAAOA,KAAKC,OAAO,YACnB,UAAUD,QACV,OAAOA,KAAKE,SAAS;ACRvB,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", "isEditorModel", "data", "id", "text", "MARKDOWN_ACTION", "MARKDOWN_PLUGIN", "MarkdownAction"]
+}

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

@@ -0,0 +1,72 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var chunk_L2FIDO4L_exports = {};
+__export(chunk_L2FIDO4L_exports, {
+  getFallbackName: () => getFallbackName,
+  isMarkdownProperties: () => isMarkdownProperties,
+  markdownExtensionPlugins: () => markdownExtensionPlugins,
+  serializer: () => serializer,
+  setFallbackName: () => setFallbackName
+});
+module.exports = __toCommonJS(chunk_L2FIDO4L_exports);
+var import_chunk_HVDIBL5H = require("./chunk-HVDIBL5H.cjs");
+var import_async = require("@dxos/async");
+var import_echo = require("@dxos/react-client/echo");
+var isMarkdownProperties = (data) => (0, import_echo.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_echo.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_echo.createEchoObject)((0, import_echo.create)(import_chunk_HVDIBL5H.DocumentType, {
+      name,
+      content: (0, import_echo.create)(import_chunk_HVDIBL5H.TextType, {
+        content
+      }),
+      threads: []
+    }));
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getFallbackName,
+  isMarkdownProperties,
+  markdownExtensionPlugins,
+  serializer,
+  setFallbackName
+});
+//# sourceMappingURL=chunk-L2FIDO4L.cjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/util.tsx"],
+  "sourcesContent": ["//\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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,mBAAyB;AAEzB,kBAA6E;AAItE,IAAMA,uBAAuB,CAACC,aACnCC,0BAAaD,IAAAA,IACT,OACAA,QAAQ,OAAOA,SAAS,WACtB,WAAWA,QAAQ,OAAOA,KAAKE,UAAU,WACzC;AAID,IAAMC,2BAA2B,CAACC,YAAAA;AACvC,SAAQA,QAAsCC,OAAO,CAACC,WAAWC,QAAQD,OAAOE,UAAUC,QAAAA,CAAAA;AAC5F;AAEA,IAAMC,gBAAgB;AAEf,IAAMC,kBAAkB,CAACC,YAAAA;AAC9B,SAAOA,QAAQC,UAAU,GAAG,EAAA,EAAIC,MAAM,IAAA,EAAM,CAAA,EAAGC,WAAWL,eAAe,EAAA,EAAIM,KAAI;AACnF;AAEO,IAAMC,sBAAkBC,uBAAS,CAACC,KAAmBP,YAAAA;AAC1D,QAAMQ,OAAOT,gBAAgBC,OAAAA;AAC7B,MAAIO,IAAIE,iBAAiBD,MAAM;AAC7BD,QAAIE,eAAeD;EACrB;AACF,GAAG,GAAA;AAEI,IAAME,aAAkD;EAC7DC,WAAW,OAAO,EAAEC,OAAM,MAAE;AAC1B,UAAMZ,UAAU,UAAMa,kCAAqBD,QAAQ,CAACL,QAAQA,IAAIP,OAAO;AACvE,WAAOc,KAAKC,UAAU;MAAEP,MAAMI,OAAOJ;MAAMR,SAASA,QAAQA;IAAQ,CAAA;EACtE;EAEAgB,aAAa,OAAO,EAAEhB,SAASiB,WAAU,MAAE;AACzC,UAAM,EAAET,MAAMR,QAAO,IAAKc,KAAKI,MAAMD,UAAAA;AACrC,eAAOE,kCAAiBC,oBAAOC,oCAAc;MAAEb;MAAMR,aAASoB,oBAAOE,gCAAU;QAAEtB;MAAQ,CAAA;MAAIuB,SAAS,CAAA;IAAG,CAAA,CAAA;EAC3G;AACF;",
+  "names": ["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"]
+}

package/dist/lib/node/index.cjs

@@ -28,23 +28,21 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var node_exports = {};
 __export(node_exports, {
-  DocumentType: () => import_chunk_MCA5BBJR.DocumentType,
-  MarkdownAction: () => import_chunk_MCA5BBJR.MarkdownAction,
+  DocumentType: () => import_chunk_HVDIBL5H.DocumentType,
+  MarkdownAction: () => import_chunk_HVDIBL5H.MarkdownAction,
   MarkdownPlugin: () => MarkdownPlugin,
-  TextType: () => import_chunk_MCA5BBJR.TextType,
+  TextType: () => import_chunk_HVDIBL5H.TextType,
   default: () => src_default,
-  getFallbackName: () => import_chunk_OEWBZFBF.getFallbackName,
-  isMarkdownProperties: () => import_chunk_OEWBZFBF.isMarkdownProperties,
-  markdownExtensionPlugins: () => import_chunk_OEWBZFBF.markdownExtensionPlugins,
-  serializer: () => import_chunk_OEWBZFBF.serializer,
-  setFallbackName: () => import_chunk_OEWBZFBF.setFallbackName
+  getFallbackName: () => import_chunk_L2FIDO4L.getFallbackName,
+  isEditorModel: () => import_chunk_HVDIBL5H.isEditorModel,
+  isMarkdownProperties: () => import_chunk_L2FIDO4L.isMarkdownProperties,
+  markdownExtensionPlugins: () => import_chunk_L2FIDO4L.markdownExtensionPlugins,
+  serializer: () => import_chunk_L2FIDO4L.serializer,
+  setFallbackName: () => import_chunk_L2FIDO4L.setFallbackName
 });
 module.exports = __toCommonJS(node_exports);
-var import_chunk_5ZWOR7JF = require("./chunk-5ZWOR7JF.cjs");
-var import_chunk_OEWBZFBF = require("./chunk-OEWBZFBF.cjs");
-var import_chunk_MCA5BBJR = require("./chunk-MCA5BBJR.cjs");
-var import_chunk_KTYIOXL5 = require("./chunk-KTYIOXL5.cjs");
-var import_chunk_2T7LIVPT = require("./chunk-2T7LIVPT.cjs");
+var import_chunk_L2FIDO4L = require("./chunk-L2FIDO4L.cjs");
+var import_chunk_HVDIBL5H = require("./chunk-HVDIBL5H.cjs");
 var import_chunk_LPD4NOTH = require("./chunk-LPD4NOTH.cjs");
 var import_react = require("@phosphor-icons/react");
 var import_react2 = __toESM(require("react"));
@@ -57,83 +55,71 @@ var import_plugin_space = require("@dxos/plugin-space");
 var import_types = require("@dxos/plugin-space/types");
 var import_echo = require("@dxos/react-client/echo");
 var import_react_ui_editor = require("@dxos/react-ui-editor");
-var import_react_ui_mosaic = require("@dxos/react-ui-mosaic");
 var import_react3 = __toESM(require("react"));
-var import_react4 = require("@phosphor-icons/react");
-var import_react5 = __toESM(require("react"));
-var import_app_framework2 = require("@dxos/app-framework");
+var import_react4 = __toESM(require("react"));
+var import_plugin_settings = require("@dxos/plugin-settings");
 var import_react_ui = require("@dxos/react-ui");
-var import_react_ui_theme = require("@dxos/react-ui-theme");
-var import_react6 = __toESM(require("react"));
-var import_react_ui2 = require("@dxos/react-ui");
 var import_react_ui_editor2 = require("@dxos/react-ui-editor");
-var import_react_ui_theme2 = require("@dxos/react-ui-theme");
-var import_react7 = __toESM(require("react"));
-var import_plugin_settings = require("@dxos/plugin-settings");
-var import_react_ui3 = require("@dxos/react-ui");
-var import_react_ui_editor3 = require("@dxos/react-ui-editor");
 var MarkdownSettings = ({ settings }) => {
-  const { t } = (0, import_react_ui3.useTranslation)(import_chunk_LPD4NOTH.MARKDOWN_PLUGIN);
-  return /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement(import_plugin_settings.SettingsValue, {
+  const { t } = (0, import_react_ui.useTranslation)(import_chunk_LPD4NOTH.MARKDOWN_PLUGIN);
+  return /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, /* @__PURE__ */ import_react4.default.createElement(import_plugin_settings.SettingsValue, {
     label: t("default view mode label")
-  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Select.Root, {
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Select.Root, {
     value: settings.defaultViewMode,
     onValueChange: (value) => {
       settings.defaultViewMode = value;
     }
-  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Select.TriggerButton, null), /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Select.Portal, null, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Select.Content, null, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Select.Viewport, null, import_react_ui_editor3.EditorViewModes.map((mode) => /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Select.Option, {
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Select.TriggerButton, null), /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Select.Portal, null, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Select.Content, null, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Select.Viewport, null, import_react_ui_editor2.EditorViewModes.map((mode) => /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Select.Option, {
     key: mode,
     value: mode
   }, t(`${mode} mode label`, {
     ns: "react-ui-editor"
-  })))))))), /* @__PURE__ */ import_react7.default.createElement(import_plugin_settings.SettingsValue, {
+  })))))))), /* @__PURE__ */ import_react4.default.createElement(import_plugin_settings.SettingsValue, {
     label: t("editor input mode label")
-  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Select.Root, {
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Select.Root, {
     value: settings.editorInputMode ?? "default",
     onValueChange: (value) => {
       settings.editorInputMode = value;
     }
-  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Select.TriggerButton, {
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Select.TriggerButton, {
     placeholder: t("select editor input mode placeholder")
-  }), /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Select.Portal, null, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Select.Content, null, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Select.Viewport, null, import_react_ui_editor3.EditorInputModes.map((mode) => /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Select.Option, {
+  }), /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Select.Portal, null, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Select.Content, null, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Select.Viewport, null, import_react_ui_editor2.EditorInputModes.map((mode) => /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Select.Option, {
     key: mode,
     value: mode
-  }, t(`settings editor input mode ${mode} label`)))))))), /* @__PURE__ */ import_react7.default.createElement(import_plugin_settings.SettingsValue, {
+  }, t(`settings editor input mode ${mode} label`)))))))), /* @__PURE__ */ import_react4.default.createElement(import_plugin_settings.SettingsValue, {
     label: t("settings toolbar label")
-  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Input.Switch, {
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Input.Switch, {
     checked: settings.toolbar,
     onCheckedChange: (checked) => settings.toolbar = !!checked
-  })), /* @__PURE__ */ import_react7.default.createElement(import_plugin_settings.SettingsValue, {
+  })), /* @__PURE__ */ import_react4.default.createElement(import_plugin_settings.SettingsValue, {
     label: t("settings numbered headings label")
-  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Input.Switch, {
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Input.Switch, {
     checked: settings.numberedHeadings,
     onCheckedChange: (checked) => settings.numberedHeadings = !!checked
-  })), /* @__PURE__ */ import_react7.default.createElement(import_plugin_settings.SettingsValue, {
+  })), /* @__PURE__ */ import_react4.default.createElement(import_plugin_settings.SettingsValue, {
     label: t("settings folding label")
-  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Input.Switch, {
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Input.Switch, {
     checked: settings.folding,
     onCheckedChange: (checked) => settings.folding = !!checked
-  })), /* @__PURE__ */ import_react7.default.createElement(import_plugin_settings.SettingsValue, {
+  })), /* @__PURE__ */ import_react4.default.createElement(import_plugin_settings.SettingsValue, {
     label: t("settings experimental label")
-  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Input.Switch, {
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Input.Switch, {
     checked: settings.experimental,
     onCheckedChange: (checked) => settings.experimental = !!checked
-  })), /* @__PURE__ */ import_react7.default.createElement(import_plugin_settings.SettingsValue, {
+  })), /* @__PURE__ */ import_react4.default.createElement(import_plugin_settings.SettingsValue, {
     label: t("settings debug label"),
-    secondary: settings.debug ? /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Input.Root, null, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Input.TextArea, {
+    secondary: settings.debug ? /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Input.Root, null, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Input.TextArea, {
       rows: 5,
       value: settings.typewriter,
       onChange: ({ target: { value } }) => settings.typewriter = value,
       placeholder: t("settings debug placeholder")
     })) : void 0
-  }, /* @__PURE__ */ import_react7.default.createElement(import_react_ui3.Input.Switch, {
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Input.Switch, {
     checked: settings.debug,
     onCheckedChange: (checked) => settings.debug = !!checked
   })));
 };
-var DocumentCard = import_react3.default.lazy(() => import("./DocumentCard-ECPKHJT7.cjs"));
-var DocumentEditor = import_react3.default.lazy(() => import("./DocumentEditor-YVZTTY5L.cjs"));
-var MarkdownEditor = import_react3.default.lazy(() => import("./MarkdownEditor-ZD4W4UJ6.cjs"));
+var MarkdownContainer = import_react3.default.lazy(() => import("./MarkdownContainer-IWMLWI6Z.cjs"));
 var translations_default = [
   {
     "en-US": {
@@ -164,9 +150,7 @@ var translations_default = [
     }
   }
 ];
-var isEditorModel = (data) => {
-  return data && typeof data === "object" && "id" in data && typeof data.id === "string" && "text" in data && typeof data.text === "string";
-};
+var getDoc = (object) => object instanceof import_chunk_HVDIBL5H.DocumentType ? object : void 0;
 var MarkdownPlugin = () => {
   const settings = new import_local_storage.LocalStorageStore(import_chunk_LPD4NOTH.MARKDOWN_PLUGIN, {
     defaultViewMode: "preview",
@@ -178,12 +162,8 @@ var MarkdownPlugin = () => {
     extensionProviders: [],
     viewMode: {}
   });
-  const getViewMode = (id) => {
-    return id && state.values.viewMode[id] || settings.values.defaultViewMode;
-  };
-  const setViewMode = (id, nextViewMode) => {
-    state.values.viewMode[id] = nextViewMode;
-  };
+  const getViewMode = (id) => id && state.values.viewMode[id] || settings.values.defaultViewMode;
+  const setViewMode = (id, viewMode) => state.values.viewMode[id] = viewMode;
   return {
     meta: import_chunk_LPD4NOTH.meta_default,
     ready: async (plugins) => {
@@ -233,17 +213,17 @@ var MarkdownPlugin = () => {
         storageKey: "view-mode",
         type: import_local_storage.LocalStorageStore.json()
       });
-      (0, import_chunk_OEWBZFBF.markdownExtensionPlugins)(plugins).forEach((plugin) => {
+      (0, import_chunk_L2FIDO4L.markdownExtensionPlugins)(plugins).forEach((plugin) => {
         const { extensions } = plugin.provides.markdown;
-        state.values.extensionProviders.push(extensions);
+        state.values.extensionProviders?.push(extensions);
       });
     },
     provides: {
       settings: settings.values,
       metadata: {
         records: {
-          [import_chunk_MCA5BBJR.DocumentType.typename]: {
-            label: (object) => object instanceof import_chunk_MCA5BBJR.DocumentType ? object.name ?? object.fallbackName : void 0,
+          [import_chunk_HVDIBL5H.DocumentType.typename]: {
+            label: (object) => object instanceof import_chunk_HVDIBL5H.DocumentType ? object.name ?? object.fallbackName : void 0,
             placeholder: [
               "document title placeholder",
               {
@@ -259,7 +239,7 @@ var MarkdownPlugin = () => {
               doc2.content,
               ...doc2.threads
             ]),
-            serializer: import_chunk_OEWBZFBF.serializer
+            serializer: import_chunk_L2FIDO4L.serializer
           }
         }
       },
@@ -269,8 +249,8 @@ var MarkdownPlugin = () => {
       ],
       echo: {
         schema: [
-          import_chunk_MCA5BBJR.DocumentType,
-          import_chunk_MCA5BBJR.TextType
+          import_chunk_HVDIBL5H.DocumentType,
+          import_chunk_HVDIBL5H.TextType
         ]
       },
       space: {
@@ -281,7 +261,7 @@ var MarkdownPlugin = () => {
               ns: import_chunk_LPD4NOTH.MARKDOWN_PLUGIN
             }
           ],
-          action: import_chunk_MCA5BBJR.MarkdownAction.CREATE
+          action: import_chunk_HVDIBL5H.MarkdownAction.CREATE
         }
       },
       graph: {
@@ -292,7 +272,7 @@ var MarkdownPlugin = () => {
             return [];
           }
           return (0, import_plugin_graph.createExtension)({
-            id: import_chunk_MCA5BBJR.MarkdownAction.CREATE,
+            id: import_chunk_HVDIBL5H.MarkdownAction.CREATE,
             filter: (node) => (0, import_plugin_graph.isActionGroup)(node) && node.id.startsWith(import_plugin_space.SpaceAction.ADD_OBJECT),
             actions: ({ node }) => {
               const id = node.id.split("/").at(-1);
@@ -310,7 +290,7 @@ var MarkdownPlugin = () => {
                     await dispatch([
                       {
                         plugin: import_chunk_LPD4NOTH.MARKDOWN_PLUGIN,
-                        action: import_chunk_MCA5BBJR.MarkdownAction.CREATE
+                        action: import_chunk_HVDIBL5H.MarkdownAction.CREATE
                       },
                       {
                         action: import_plugin_space.SpaceAction.ADD_OBJECT,
@@ -345,7 +325,7 @@ var MarkdownPlugin = () => {
           }
           return [
             {
-              inputType: import_chunk_MCA5BBJR.DocumentType.typename,
+              inputType: import_chunk_HVDIBL5H.DocumentType.typename,
               outputType: "text/markdown",
               // Reconcile with metadata serializers.
               serialize: async (node) => {
@@ -366,7 +346,7 @@ var MarkdownPlugin = () => {
                 const result = await dispatch([
                   {
                     plugin: import_chunk_LPD4NOTH.MARKDOWN_PLUGIN,
-                    action: import_chunk_MCA5BBJR.MarkdownAction.CREATE,
+                    action: import_chunk_HVDIBL5H.MarkdownAction.CREATE,
                     data: {
                       name: data.name,
                       content: data.data
@@ -405,13 +385,13 @@ var MarkdownPlugin = () => {
             icon: (props) => /* @__PURE__ */ import_react2.default.createElement(import_react.TextAa, props),
             intent: {
               plugin: import_chunk_LPD4NOTH.MARKDOWN_PLUGIN,
-              action: import_chunk_MCA5BBJR.MarkdownAction.CREATE
+              action: import_chunk_HVDIBL5H.MarkdownAction.CREATE
             }
           }
         ]
       },
       thread: {
-        predicate: (obj) => obj instanceof import_chunk_MCA5BBJR.DocumentType,
+        predicate: (obj) => obj instanceof import_chunk_HVDIBL5H.DocumentType,
         createSort: (doc) => {
           const accessor = doc.content ? (0, import_echo.createDocAccessor)(doc.content, [
             "content"
@@ -434,55 +414,31 @@ var MarkdownPlugin = () => {
         }
       },
       surface: {
-        component: ({ data, role, ...props }, forwardedRef) => {
-          const doc = data.active instanceof import_chunk_MCA5BBJR.DocumentType ? data.active : data.object instanceof import_chunk_MCA5BBJR.DocumentType ? data.object : void 0;
+        component: ({ data, role }) => {
           switch (role) {
             case "section":
             case "article": {
-              if (doc && doc.content) {
-                return /* @__PURE__ */ import_react2.default.createElement(DocumentEditor, {
-                  role,
-                  coordinate: data.coordinate,
-                  document: doc,
-                  extensionProviders: state.values.extensionProviders,
-                  settings: settings.values,
-                  scrollPastEnd: true,
-                  viewMode: getViewMode((0, import_echo.fullyQualifiedId)(doc)),
-                  onViewModeChange: setViewMode
-                });
-              } else if (isEditorModel(data.object)) {
-                return /* @__PURE__ */ import_react2.default.createElement(MarkdownEditor, {
-                  id: data.object.id,
-                  role,
-                  coordinate: data.coordinate,
-                  initialValue: data.object.text,
-                  extensionProviders: state.values.extensionProviders,
-                  inputMode: settings.values.editorInputMode,
-                  toolbar: settings.values.toolbar,
-                  scrollPastEnd: true,
-                  viewMode: getViewMode(data.object.id),
-                  onViewModeChange: setViewMode
-                });
-              }
-              break;
-            }
-            case "card": {
-              if ((0, import_app_framework.isObject)(data.content) && typeof data.content.id === "string" && data.content.object instanceof import_chunk_MCA5BBJR.DocumentType) {
-                const cardProps = {
-                  ...props,
-                  item: {
-                    id: data.content.id,
-                    object: data.content.object,
-                    color: typeof data.content.color === "string" ? data.content.color : void 0
-                  }
-                };
-                return (0, import_react_ui_mosaic.isTileComponentProps)(cardProps) ? /* @__PURE__ */ import_react2.default.createElement(DocumentCard, {
-                  ...cardProps,
-                  settings: settings.values,
-                  ref: forwardedRef
-                }) : null;
+              const doc = getDoc(data.active) ?? getDoc(data.object);
+              const { id, object } = (0, import_chunk_HVDIBL5H.isEditorModel)(data.object) ? {
+                id: data.object.id,
+                object: data.object
+              } : doc ? {
+                id: (0, import_echo.fullyQualifiedId)(doc),
+                object: doc
+              } : {};
+              if (!id || !object) {
+                return null;
               }
-              break;
+              return /* @__PURE__ */ import_react2.default.createElement(MarkdownContainer, {
+                id,
+                object,
+                role,
+                coordinate: data.coordinate,
+                settings: settings.values,
+                extensionProviders: state.values.extensionProviders,
+                viewMode: getViewMode(id),
+                onViewModeChange: setViewMode
+              });
             }
             case "settings": {
               return data.plugin === import_chunk_LPD4NOTH.meta_default.id ? /* @__PURE__ */ import_react2.default.createElement(MarkdownSettings, {
@@ -496,10 +452,10 @@ var MarkdownPlugin = () => {
       intent: {
         resolver: ({ action, data }) => {
           switch (action) {
-            case import_chunk_MCA5BBJR.MarkdownAction.CREATE: {
-              const doc = (0, import_echo_schema.create)(import_chunk_MCA5BBJR.DocumentType, {
+            case import_chunk_HVDIBL5H.MarkdownAction.CREATE: {
+              const doc = (0, import_echo_schema.create)(import_chunk_HVDIBL5H.DocumentType, {
                 name: data?.name,
-                content: (0, import_echo_schema.create)(import_chunk_MCA5BBJR.TextType, {
+                content: (0, import_echo_schema.create)(import_chunk_HVDIBL5H.TextType, {
                   content: data?.content ?? ""
                 }),
                 threads: []
@@ -518,7 +474,7 @@ var MarkdownPlugin = () => {
                 ]
               };
             }
-            case import_chunk_MCA5BBJR.MarkdownAction.SET_VIEW_MODE: {
+            case import_chunk_HVDIBL5H.MarkdownAction.SET_VIEW_MODE: {
               const { id, viewMode } = data ?? {};
               if (typeof id === "string" && import_react_ui_editor.EditorViewModes.includes(viewMode)) {
                 state.values.viewMode[id] = viewMode;
@@ -542,6 +498,7 @@ var src_default = MarkdownPlugin;
   MarkdownPlugin,
   TextType,
   getFallbackName,
+  isEditorModel,
   isMarkdownProperties,
   markdownExtensionPlugins,
   serializer,