@dxos/plugin-markdown 0.8.2-main.fbd8ed0 → 0.8.2-staging.4d6ad0f

package/src/components/MarkdownContainer.tsx

@@ -2,11 +2,13 @@
 // Copyright 2024 DXOS.org
 //
 
+import { Rx } from '@effect-rx/rx-react';
 import React, { useEffect, useMemo } from 'react';
 
-import { Capabilities, useCapabilities } from '@dxos/app-framework';
+import { Capabilities, useAppGraph, useCapabilities } from '@dxos/app-framework';
 import { isInstanceOf } from '@dxos/echo-schema';
 import { fullyQualifiedId, getSpace } from '@dxos/react-client/echo';
+import { type SelectionManager } from '@dxos/react-ui-attention';
 import { DataType } from '@dxos/schema';
 
 import { MarkdownEditor, type MarkdownEditorProps } from './MarkdownEditor';
@@ -21,6 +23,7 @@ export type MarkdownContainerProps = Pick<
   id: string;
   object: DocumentType | DataType.Text | any;
   settings: MarkdownSettingsProps;
+  selectionManager?: SelectionManager;
 };
 
 // TODO(burdon): Factor out difference for ECHO and non-ECHO objects; i.e., single component.
@@ -29,6 +32,7 @@ const MarkdownContainer = ({
   role,
   object,
   settings,
+  selectionManager,
   viewMode,
   editorStateStore,
   onViewModeChange,
@@ -36,7 +40,7 @@ const MarkdownContainer = ({
   const scrollPastEnd = role === 'article';
   const doc = isInstanceOf(DocumentType, object) ? object : undefined;
   const text = isInstanceOf(DataType.Text, object) ? object : undefined;
-  const extensions = useExtensions({ document: doc, text, id, settings, viewMode, editorStateStore });
+  const extensions = useExtensions({ document: doc, text, id, settings, selectionManager, viewMode, editorStateStore });
 
   if (doc) {
     return (
@@ -60,7 +64,6 @@ const MarkdownContainer = ({
         extensions={extensions}
         viewMode={viewMode}
         toolbar={settings.toolbar}
-        comment={false}
         inputMode={settings.editorInputMode}
         scrollPastEnd={scrollPastEnd}
         onViewModeChange={onViewModeChange}
@@ -115,12 +118,22 @@ export const DocumentEditor = ({ id, document: doc, settings, viewMode, ...props
     return async (file: File) => upload!(file, space);
   }, [space, upload]);
 
+  const { graph } = useAppGraph();
+  const customActions = useMemo(() => {
+    return Rx.make((get) => {
+      const actions = get(graph.actions(id));
+      const nodes = actions.filter((action) => action.properties.disposition === 'toolbar');
+      return { nodes, edges: nodes.map((node) => ({ source: 'root', target: node.id })) };
+    });
+  }, [graph]);
+
   return (
     <MarkdownEditor
       id={id}
       initialValue={doc.content?.target?.content}
       viewMode={viewMode}
       toolbar={settings.toolbar}
+      customActions={customActions}
       inputMode={settings.editorInputMode}
       onFileUpload={handleFileUpload}
       {...props}

package/src/components/MarkdownEditor/MarkdownEditor.tsx

@@ -6,9 +6,8 @@ import { type EditorView } from '@codemirror/view';
 import React, { useMemo, useEffect, useCallback } from 'react';
 import { useDropzone } from 'react-dropzone';
 
-import { createIntent, type FileInfo, useIntentDispatcher } from '@dxos/app-framework';
+import { type FileInfo } from '@dxos/app-framework';
 import { invariant } from '@dxos/invariant';
-import { ATTENDABLE_PATH_SEPARATOR, DeckAction } from '@dxos/plugin-deck/types';
 import { useThemeContext, useTranslation } from '@dxos/react-ui';
 import {
   type DNDOptions,
@@ -22,16 +21,15 @@ import {
   createMarkdownExtensions,
   createThemeExtensions,
   dropFile,
-  editorContent,
+  editorSlots,
   editorGutter,
   processEditorPayload,
   stackItemContentEditorClassNames,
-  useCommentState,
-  useCommentClickListener,
   useFormattingState,
   useTextEditor,
   useEditorToolbarState,
   addLink,
+  type EditorToolbarActionGraphProps,
 } from '@dxos/react-ui-editor';
 import { StackItem } from '@dxos/react-ui-stack';
 import { isNotFalsy, isNonNullable } from '@dxos/util';
@@ -46,8 +44,8 @@ export type MarkdownEditorProps = {
   inputMode?: EditorInputMode;
   scrollPastEnd?: boolean;
   toolbar?: boolean;
+  customActions?: EditorToolbarActionGraphProps['customActions'];
   // TODO(wittjosiah): Generalize custom toolbar actions (e.g. comment, upload, etc.)
-  comment?: boolean;
   viewMode?: EditorViewMode;
   editorStateStore?: EditorStateStore;
   onViewModeChange?: (id: string, mode: EditorViewMode) => void;
@@ -69,7 +67,7 @@ export const MarkdownEditor = ({
   extensionProviders,
   scrollPastEnd,
   toolbar,
-  comment = true,
+  customActions,
   viewMode,
   editorStateStore,
   onFileUpload,
@@ -77,7 +75,6 @@ export const MarkdownEditor = ({
 }: MarkdownEditorProps) => {
   const { t } = useTranslation(MARKDOWN_PLUGIN);
   const { themeMode } = useThemeContext();
-  const { dispatchPromise: dispatch } = useIntentDispatcher();
   const toolbarState = useEditorToolbarState({ viewMode });
   const formattingObserver = useFormattingState(toolbarState);
 
@@ -91,18 +88,6 @@ export const MarkdownEditor = ({
     [extensionProviders],
   );
 
-  // TODO(Zan): Factor out to thread plugin.
-  const commentObserver = useCommentState(toolbarState);
-  const onCommentClick = useCallback(async () => {
-    await dispatch(
-      createIntent(DeckAction.ChangeCompanion, {
-        primary: id,
-        companion: `${id}${ATTENDABLE_PATH_SEPARATOR}comments`,
-      }),
-    );
-  }, [dispatch]);
-  const commentClickObserver = useCommentClickListener(onCommentClick);
-
   // TODO(wittjosiah): Factor out to file uploader plugin.
   // Drag files.
   const handleDrop: DNDOptions['onDrop'] = async (view, { files }) => {
@@ -122,19 +107,13 @@ export const MarkdownEditor = ({
       initialValue,
       extensions: [
         formattingObserver,
-        comment && commentObserver,
-        comment && commentClickObserver,
         createBasicExtensions({
           readOnly: viewMode === 'readonly',
           placeholder: t('editor placeholder'),
           scrollPastEnd: role === 'section' ? false : scrollPastEnd,
         }),
         createMarkdownExtensions({ themeMode }),
-        createThemeExtensions({
-          themeMode,
-          syntaxHighlighting: true,
-          slots: { content: { className: editorContent } },
-        }),
+        createThemeExtensions({ themeMode, syntaxHighlighting: true, slots: editorSlots }),
         editorGutter,
         role !== 'section' && onFileUpload && dropFile({ onDrop: handleDrop }),
         providerExtensions,
@@ -149,7 +128,7 @@ export const MarkdownEditor = ({
         moveToEndOfLine: true,
       }),
     }),
-    [id, formattingObserver, comment, viewMode, themeMode, extensions, providerExtensions],
+    [id, formattingObserver, viewMode, themeMode, extensions, providerExtensions],
   );
 
   useTest(editorView);
@@ -206,8 +185,8 @@ export const MarkdownEditor = ({
             attendableId={id}
             role={role}
             state={toolbarState}
+            customActions={customActions}
             getView={getView}
-            comment={comment}
             image={handleImageUpload}
             viewMode={handleViewModeChange}
           />

package/src/components/MarkdownPreview/MarkdownPreview.stories.tsx

@@ -61,7 +61,6 @@ const data = (() => {
         content: faker.lorem.paragraphs(3),
       }),
     ),
-    threads: [],
   });
 
   return { document };

package/src/components/Suggestions.stories.tsx

@@ -5,9 +5,10 @@
 import '@dxos-theme';
 
 import { type Meta } from '@storybook/react';
-import { Schema, SchemaAST } from 'effect';
+import { Match, Option, pipe, Schema } from 'effect';
 import React, { type FC, useEffect, useMemo, useState } from 'react';
 
+import { Message } from '@dxos/ai';
 import {
   Capabilities,
   CollaborationActions,
@@ -19,7 +20,6 @@ import {
   useIntentDispatcher,
 } from '@dxos/app-framework';
 import { withPluginManager } from '@dxos/app-framework/testing';
-import { Message } from '@dxos/artifact';
 import { Type } from '@dxos/echo';
 import { create, createQueueDxn, type Expando } from '@dxos/echo-schema';
 import { invariant } from '@dxos/invariant';
@@ -31,9 +31,9 @@ import { SpacePlugin } from '@dxos/plugin-space';
 import { StorybookLayoutPlugin } from '@dxos/plugin-storybook-layout';
 import { ThemePlugin } from '@dxos/plugin-theme';
 import { faker } from '@dxos/random';
-import { useQueue, useSpace } from '@dxos/react-client/echo';
+import { createDocAccessor, fullyQualifiedId, toCursorRange, useQueue, useSpace } from '@dxos/react-client/echo';
 import { IconButton, Toolbar } from '@dxos/react-ui';
-import { command, useTextEditor } from '@dxos/react-ui-editor';
+import { command, type EditorSelection, type Range, useTextEditor } from '@dxos/react-ui-editor';
 import { StackItem } from '@dxos/react-ui-stack';
 import { defaultTx } from '@dxos/react-ui-theme';
 import { withLayout } from '@dxos/storybook-utils';
@@ -49,15 +49,15 @@ faker.seed(1);
 
 const TestItem = Schema.Struct({
   title: Schema.String.annotations({
-    [SchemaAST.TitleAnnotationId]: 'Title',
-    [SchemaAST.DescriptionAnnotationId]: 'Product title',
+    title: 'Title',
+    description: 'Product title',
   }),
   description: Schema.String.annotations({
-    [SchemaAST.TitleAnnotationId]: 'Description',
-    [SchemaAST.DescriptionAnnotationId]: 'Product description',
+    title: 'Description',
+    description: 'Product description',
   }),
 }).pipe(
-  Type.def({
+  Type.Obj({
     typename: 'dxos.org/type/Test',
     version: '0.1.0',
   }),
@@ -66,28 +66,39 @@ const TestItem = Schema.Struct({
 const TestChat: FC<{ doc: DocumentType; content: string }> = ({ doc, content }) => {
   const { dispatchPromise: dispatch } = useIntentDispatcher();
   const { parentRef } = useTextEditor({ initialValue: content });
+  const { editorState } = useCapability(MarkdownCapabilities.State);
 
   const space = useSpace();
   const queueDxn = useMemo(() => space && createQueueDxn(space.id), [space]);
   const queue = useQueue<Message>(queueDxn);
 
-  const handleInsert = () => {
+  const handleInsert = async () => {
     invariant(space);
     invariant(queue);
     queue.append([create(Message, { role: 'assistant', content: [{ type: 'text', text: 'Hello' }] })]);
-    const message = queue.items[queue.items.length - 1];
+    const message = queue.objects.at(-1);
+    invariant(message);
+
+    const text = await doc.content.load();
+    const accessor = createDocAccessor(text, ['content']);
+    const cursor = pipe(
+      editorState.getState(fullyQualifiedId(doc))?.selection,
+      Option.fromNullable,
+      Option.map(selectionToRange),
+      Option.map((range) => toCursorRange(accessor, range.from, range.to)),
+      Option.getOrUndefined,
+    );
 
     // {
     //   const ref = refFromDXN(new DXN(DXN.kind.QUEUE, [...queue.dxn.parts, message.id]));
-
     //   const message = deref(ref);
     // }
 
     void dispatch(
       createIntent(CollaborationActions.InsertContent, {
-        spaceId: space.id,
-        target: makeRef(doc as any as Expando), // TODO(burdon): Comomon base type.
+        target: doc as any as Expando, // TODO(burdon): Common base type.
         object: refFromDXN(new DXN(DXN.kind.QUEUE, [...queue.dxn.parts, message.id])),
+        at: cursor,
         label: 'Proposal',
       }),
     );
@@ -107,6 +118,7 @@ const DefaultStory = ({ document, chat }: { document: string; chat: string }) =>
   const space = useSpace();
   const [doc, setDoc] = useState<DocumentType>();
   const settings = useCapability(Capabilities.SettingsStore).getStore<MarkdownSettingsProps>(MARKDOWN_PLUGIN)!.value;
+  const { editorState } = useCapability(MarkdownCapabilities.State);
 
   useEffect(() => {
     if (!space) {
@@ -135,7 +147,7 @@ const DefaultStory = ({ document, chat }: { document: string; chat: string }) =>
 
   return (
     <>
-      <MarkdownContainer id={doc.id} object={doc} settings={settings} />
+      <MarkdownContainer id={doc.id} object={doc} settings={settings} editorStateStore={editorState} />
       <TestChat doc={doc} content={chat} />
     </>
   );
@@ -189,3 +201,16 @@ export const Default: Story = {
     ].join('\n'),
   },
 };
+
+// TODO(wittjosiah): Factor out.
+const selectionToRange = Match.type<EditorSelection>().pipe(
+  Match.when(
+    ({ head, anchor }) => (head ? head > anchor : false),
+    ({ head, anchor }) => ({ from: anchor, to: head! }) as Range,
+  ),
+  Match.when(
+    ({ head, anchor }) => (head ? head < anchor : false),
+    ({ head, anchor }) => ({ from: head!, to: anchor }) as Range,
+  ),
+  Match.orElse(({ anchor }) => ({ from: anchor, to: anchor }) as Range),
+);

package/src/components/Toolbar.stories.tsx

@@ -22,7 +22,7 @@ import {
   createMarkdownExtensions,
   createThemeExtensions,
   decorateMarkdown,
-  editorContent,
+  editorSlots,
   formattingKeymap,
   translations,
   useComments,
@@ -49,7 +49,7 @@ const DefaultStory: FC<{ content?: string }> = ({ content = '' }) => {
         formattingObserver,
         createBasicExtensions({ readOnly: toolbarState.viewMode === 'readonly' }),
         createMarkdownExtensions({ themeMode }),
-        createThemeExtensions({ themeMode, syntaxHighlighting: true, slots: { editor: { className: editorContent } } }),
+        createThemeExtensions({ themeMode, syntaxHighlighting: true, slots: editorSlots }),
         createDataExtensions({ id: text.id, text: createDocAccessor(text, ['content']) }),
         comments({
           onCreate: ({ cursor }) => {

package/src/extensions.tsx

@@ -16,6 +16,7 @@ import { invariant } from '@dxos/invariant';
 import { createDocAccessor, fullyQualifiedId, getSpace, type QueryResult } from '@dxos/react-client/echo';
 import { useIdentity } from '@dxos/react-client/halo';
 import { Icon, ThemeProvider } from '@dxos/react-ui';
+import { type SelectionManager } from '@dxos/react-ui-attention';
 import {
   type AutocompleteResult,
   type EditorStateStore,
@@ -33,6 +34,9 @@ import {
   selectionState,
   typewriter,
   type RenderCallback,
+  EditorView,
+  documentId,
+  Cursor,
 } from '@dxos/react-ui-editor';
 import { defaultTx } from '@dxos/react-ui-theme';
 import { type DataType } from '@dxos/schema';
@@ -49,6 +53,7 @@ type ExtensionsOptions = {
   dispatch?: PromiseIntentDispatcher;
   query?: QueryResult<DocumentType>;
   settings: MarkdownSettingsProps;
+  selectionManager?: SelectionManager;
   viewMode?: EditorViewMode;
   editorStateStore?: EditorStateStore;
 };
@@ -59,6 +64,7 @@ export const useExtensions = ({
   id,
   text,
   settings,
+  selectionManager,
   viewMode,
   editorStateStore,
 }: ExtensionsOptions): Extension[] => {
@@ -77,6 +83,7 @@ export const useExtensions = ({
         id,
         text,
         settings,
+        selectionManager,
         viewMode,
         dispatch,
         // query,
@@ -93,6 +100,7 @@ export const useExtensions = ({
       settings.numberedHeadings,
       settings.debug,
       settings.typewriter,
+      selectionManager,
     ],
   );
 
@@ -101,18 +109,20 @@ export const useExtensions = ({
   //
   // External extensions from other plugins.
   //
-  const pluginExtensions = useMemo<Extension[] | undefined>(
-    () =>
-      extensionProviders.flat().reduce((acc: Extension[], provider) => {
-        const extension = typeof provider === 'function' ? provider({ document }) : provider;
-        if (extension) {
-          acc.push(extension);
-        }
+  const pluginExtensions = useMemo<Extension[] | undefined>(() => {
+    if (!document) {
+      return [];
+    }
 
-        return acc;
-      }, []),
-    [extensionProviders, document],
-  );
+    extensionProviders.flat().reduce((acc: Extension[], provider) => {
+      const extension = typeof provider === 'function' ? provider({ document }) : provider;
+      if (extension) {
+        acc.push(extension);
+      }
+
+      return acc;
+    }, []);
+  }, [extensionProviders, document]);
 
   //
   // Basic plugins.
@@ -156,10 +166,12 @@ const createBaseExtensions = ({
   id,
   dispatch,
   settings,
+  selectionManager,
   query,
   viewMode,
 }: ExtensionsOptions): Extension[] => {
   const extensions: Extension[] = [
+    selectionManager && selectionChange(selectionManager),
     settings.editorInputMode && InputModeExtensions[settings.editorInputMode],
     settings.folding && folding(),
   ].filter(isNotFalsy);
@@ -230,6 +242,23 @@ const createBaseExtensions = ({
   return extensions;
 };
 
+export const selectionChange = (selectionManager: SelectionManager) => {
+  return EditorView.updateListener.of((update) => {
+    if (update.selectionSet) {
+      const id = update.state.facet(documentId);
+      const cursorConverter = update.state.facet(Cursor.converter);
+      const selection = update.state.selection;
+      const ranges = selection.ranges
+        .map((range) => ({
+          from: cursorConverter.toCursor(range.from),
+          to: cursorConverter.toCursor(range.to),
+        }))
+        .filter(({ from, to }) => to > from);
+      selectionManager.updateMultiRange(id, ranges);
+    }
+  });
+};
+
 // TODO(burdon): Factor out styles.
 const style = {
   hover: 'rounded-sm text-primary-500 hover:text-primary-600 dark:text-primary-500 hover:dark:text-primary-400',

package/src/types/schema.ts

@@ -4,25 +4,19 @@
 
 import { Schema } from 'effect';
 
-import { Type } from '@dxos/echo';
-import { Expando, LabelAnnotationId, Ref } from '@dxos/echo-schema';
-import { makeRef, live } from '@dxos/live-object';
-import { ThreadType } from '@dxos/plugin-space/types';
+import { Type, Ref } from '@dxos/echo';
+import { LabelAnnotation } from '@dxos/echo-schema';
+import { live } from '@dxos/live-object';
 import { DataType } from '@dxos/schema';
 
 export const DocumentSchema = Schema.Struct({
   name: Schema.optional(Schema.String),
   fallbackName: Schema.optional(Schema.String),
-  content: Ref(DataType.Text),
-  threads: Schema.mutable(Schema.Array(Ref(ThreadType))),
-  assistantChatQueue: Schema.optional(Ref(Expando)),
-}).annotations({
-  // TODO(dmaretskyi): `Schema.Struct(...).pipe(defaultLabel(['name', 'fallbackName']))` for type-safe annotations.
-  [LabelAnnotationId]: ['name', 'fallbackName'],
-});
+  content: Type.Ref(DataType.Text),
+}).pipe(LabelAnnotation.set(['name', 'fallbackName']));
 
 export const DocumentType = DocumentSchema.pipe(
-  Type.def({
+  Type.Obj({
     typename: 'dxos.org/type/Document',
     version: '0.1.0',
   }),
@@ -31,7 +25,7 @@ export type DocumentType = Schema.Schema.Type<typeof DocumentType>;
 
 // TODO(burdon): Replace when defaults are supported.
 export const createDocument = ({ name, content }: { name: string; content: string }) =>
-  live(DocumentType, { name, content: makeRef(live(DataType.Text, { content })), threads: [] });
+  live(DocumentType, { name, content: Ref.make(live(DataType.Text, { content })) });
 
 /**
  * Checks if an object conforms to the interface needed to render an editor.

package/src/util.tsx

@@ -4,7 +4,7 @@
 
 import { debounce } from '@dxos/async';
 import { type TypedObjectSerializer } from '@dxos/plugin-space/types';
-import { live, createObject, isEchoObject, loadObjectReferences, makeRef } from '@dxos/react-client/echo';
+import { live, createObject, isEchoObject, loadObjectReferences, Ref } from '@dxos/react-client/echo';
 import { DataType } from '@dxos/schema';
 
 import { DocumentType, type MarkdownProperties } from './types';
@@ -42,7 +42,7 @@ export const serializer: TypedObjectSerializer<DocumentType> = {
   deserialize: async ({ content: serialized }) => {
     const { name, fallbackName, content } = JSON.parse(serialized);
     return createObject(
-      live(DocumentType, { name, fallbackName, content: makeRef(live(DataType.Text, { content })), threads: [] }),
+      live(DocumentType, { name, fallbackName, content: Ref.make(live(DataType.Text, { content })) }),
     );
   },
 };

package/dist/lib/browser/MarkdownContainer-KKWICAKV.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/MarkdownContainer.tsx", "../../../src/components/MarkdownEditor/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 { Capabilities, useCapabilities } from '@dxos/app-framework';\nimport { isInstanceOf } from '@dxos/echo-schema';\nimport { fullyQualifiedId, getSpace } from '@dxos/react-client/echo';\nimport { DataType } from '@dxos/schema';\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' | 'extensionProviders' | 'viewMode' | 'editorStateStore' | 'onViewModeChange'\n> & {\n  id: string;\n  object: DocumentType | DataType.Text | any;\n  settings: MarkdownSettingsProps;\n};\n\n// TODO(burdon): Factor out difference for ECHO and non-ECHO objects; i.e., single component.\nconst MarkdownContainer = ({\n  id,\n  role,\n  object,\n  settings,\n  viewMode,\n  editorStateStore,\n  onViewModeChange,\n}: MarkdownContainerProps) => {\n  const scrollPastEnd = role === 'article';\n  const doc = isInstanceOf(DocumentType, object) ? object : undefined;\n  const text = isInstanceOf(DataType.Text, object) ? object : undefined;\n  const extensions = useExtensions({ document: doc, text, id, settings, viewMode, editorStateStore });\n\n  if (doc) {\n    return (\n      <DocumentEditor\n        id={fullyQualifiedId(object)}\n        role={role}\n        document={doc}\n        extensions={extensions}\n        viewMode={viewMode}\n        settings={settings}\n        scrollPastEnd={scrollPastEnd}\n        onViewModeChange={onViewModeChange}\n      />\n    );\n  } else if (text) {\n    return (\n      <MarkdownEditor\n        id={id}\n        role={role}\n        initialValue={text.content}\n        extensions={extensions}\n        viewMode={viewMode}\n        toolbar={settings.toolbar}\n        comment={false}\n        inputMode={settings.editorInputMode}\n        scrollPastEnd={scrollPastEnd}\n        onViewModeChange={onViewModeChange}\n      />\n    );\n  } else {\n    // TODO(burdon): Normalize with above.\n    return (\n      <MarkdownEditor\n        id={id}\n        role={role}\n        initialValue={object.text}\n        extensions={extensions}\n        viewMode={viewMode}\n        toolbar={settings.toolbar}\n        inputMode={settings.editorInputMode}\n        scrollPastEnd={scrollPastEnd}\n        onViewModeChange={onViewModeChange}\n      />\n    );\n  }\n};\n\ntype DocumentEditorProps = Omit<MarkdownContainerProps, 'object' | 'extensionProviders' | 'editorStateStore'> &\n  Pick<MarkdownEditorProps, 'id' | 'scrollPastEnd' | 'extensions'> & {\n    document: DocumentType;\n  };\n\nexport const DocumentEditor = ({ id, document: doc, settings, viewMode, ...props }: DocumentEditorProps) => {\n  const space = getSpace(doc);\n\n  // Migrate gradually to `fallbackName`.\n  useEffect(() => {\n    if (typeof doc.fallbackName === 'string') {\n      return;\n    }\n\n    const fallbackName = doc.content?.target?.content ? getFallbackName(doc.content.target.content) : undefined;\n    if (fallbackName) {\n      doc.fallbackName = fallbackName;\n    }\n  }, [doc, doc.content]);\n\n  // File dragging.\n  const [upload] = useCapabilities(Capabilities.FileUploader);\n  const handleFileUpload = useMemo(() => {\n    if (space === undefined || upload === undefined) {\n      return undefined;\n    }\n\n    // TODO(burdon): Re-order props: space, file.\n    return async (file: File) => upload!(file, space);\n  }, [space, upload]);\n\n  return (\n    <MarkdownEditor\n      id={id}\n      initialValue={doc.content?.target?.content}\n      viewMode={viewMode}\n      toolbar={settings.toolbar}\n      inputMode={settings.editorInputMode}\n      onFileUpload={handleFileUpload}\n      {...props}\n    />\n  );\n};\n\nexport default MarkdownContainer;\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type EditorView } from '@codemirror/view';\nimport React, { useMemo, useEffect, useCallback } from 'react';\nimport { useDropzone } from 'react-dropzone';\n\nimport { createIntent, type FileInfo, useIntentDispatcher } from '@dxos/app-framework';\nimport { invariant } from '@dxos/invariant';\nimport { ATTENDABLE_PATH_SEPARATOR, DeckAction } from '@dxos/plugin-deck/types';\nimport { useThemeContext, useTranslation } from '@dxos/react-ui';\nimport {\n  type DNDOptions,\n  type EditorViewMode,\n  type EditorInputMode,\n  type EditorSelectionState,\n  type EditorStateStore,\n  EditorToolbar,\n  type UseTextEditorProps,\n  createBasicExtensions,\n  createMarkdownExtensions,\n  createThemeExtensions,\n  dropFile,\n  editorContent,\n  editorGutter,\n  processEditorPayload,\n  stackItemContentEditorClassNames,\n  useCommentState,\n  useCommentClickListener,\n  useFormattingState,\n  useTextEditor,\n  useEditorToolbarState,\n  addLink,\n} from '@dxos/react-ui-editor';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { isNotFalsy, isNonNullable } from '@dxos/util';\n\nimport { useSelectCurrentThread } from '../../hooks';\nimport { MARKDOWN_PLUGIN } from '../../meta';\nimport { type MarkdownPluginState } from '../../types';\n\nexport type MarkdownEditorProps = {\n  id: string;\n  role?: string;\n  inputMode?: EditorInputMode;\n  scrollPastEnd?: boolean;\n  toolbar?: boolean;\n  // TODO(wittjosiah): Generalize custom toolbar actions (e.g. comment, upload, etc.)\n  comment?: boolean;\n  viewMode?: EditorViewMode;\n  editorStateStore?: EditorStateStore;\n  onViewModeChange?: (id: string, mode: EditorViewMode) => void;\n  onFileUpload?: (file: File) => Promise<FileInfo | undefined>;\n} & Pick<UseTextEditorProps, 'initialValue' | '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  toolbar,\n  comment = true,\n  viewMode,\n  editorStateStore,\n  onFileUpload,\n  onViewModeChange,\n}: MarkdownEditorProps) => {\n  const { t } = useTranslation(MARKDOWN_PLUGIN);\n  const { themeMode } = useThemeContext();\n  const { dispatchPromise: dispatch } = useIntentDispatcher();\n  const toolbarState = useEditorToolbarState({ viewMode });\n  const formattingObserver = useFormattingState(toolbarState);\n\n  // Restore last selection and scroll point.\n  const { scrollTo, selection } = useMemo<EditorSelectionState>(() => editorStateStore?.getState(id) ?? {}, [id]);\n\n  // Extensions from other plugins.\n  // TODO(burdon): Reconcile with DocumentEditor.useExtensions.\n  const providerExtensions = useMemo(\n    () => extensionProviders?.flatMap((provider) => provider({})).filter(isNonNullable),\n    [extensionProviders],\n  );\n\n  // TODO(Zan): Factor out to thread plugin.\n  const commentObserver = useCommentState(toolbarState);\n  const onCommentClick = useCallback(async () => {\n    await dispatch(\n      createIntent(DeckAction.ChangeCompanion, {\n        primary: id,\n        companion: `${id}${ATTENDABLE_PATH_SEPARATOR}comments`,\n      }),\n    );\n  }, [dispatch]);\n  const commentClickObserver = useCommentClickListener(onCommentClick);\n\n  // TODO(wittjosiah): Factor out to file uploader plugin.\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      processEditorPayload(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        comment && commentObserver,\n        comment && 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, formattingObserver, comment, viewMode, themeMode, extensions, providerExtensions],\n  );\n\n  useTest(editorView);\n  useSelectCurrentThread(editorView, id);\n\n  // https://react-dropzone.js.org/#src\n  const { acceptedFiles, getInputProps, open } = useDropzone({\n    multiple: false,\n    noDrag: true,\n    accept: {\n      'image/*': ['.jpg', '.jpeg', '.png', '.gif'],\n    },\n  });\n\n  useEffect(() => {\n    if (editorView && onFileUpload && acceptedFiles.length) {\n      requestAnimationFrame(async () => {\n        // NOTE: Clone file since react-dropzone patches in a non-standard `path` property, which confuses IPFS.\n        const f = acceptedFiles[0];\n        const file = new File([f], f.name, {\n          type: f.type,\n          lastModified: f.lastModified,\n        });\n\n        const info = await onFileUpload(file);\n        if (info) {\n          addLink({ url: info.url, image: true })(editorView);\n        }\n      });\n    }\n  }, [acceptedFiles, editorView, onFileUpload]);\n\n  const getView = useCallback(() => {\n    invariant(editorView);\n    return editorView;\n  }, [editorView]);\n\n  const handleViewModeChange = useCallback(\n    (mode: EditorViewMode) => onViewModeChange?.(id, mode),\n    [id, onViewModeChange],\n  );\n\n  const handleImageUpload = useCallback(() => {\n    if (onFileUpload) {\n      open();\n    }\n  }, [onFileUpload]);\n\n  return (\n    <StackItem.Content toolbar={!!toolbar}>\n      {toolbar && (\n        <>\n          <EditorToolbar\n            attendableId={id}\n            role={role}\n            state={toolbarState}\n            getView={getView}\n            comment={comment}\n            image={handleImageUpload}\n            viewMode={handleViewModeChange}\n          />\n          <input {...getInputProps()} />\n        </>\n      )}\n      <div\n        role='none'\n        ref={parentRef}\n        data-testid='composer.markdownRoot'\n        data-toolbar={toolbar ? 'enabled' : 'disabled'}\n        className={stackItemContentEditorClassNames(role)}\n        data-popover-collision-boundary={true}\n        {...focusAttributes}\n      />\n    </StackItem.Content>\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 { Schema } from 'effect';\nimport { useMemo } from 'react';\n\nimport { createResolver, LayoutAction, useIntentResolver } from '@dxos/app-framework';\nimport { invariant } from '@dxos/invariant';\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 scrollIntoViewResolver = useMemo(\n    () =>\n      createResolver({\n        intent: LayoutAction.UpdateLayout,\n        position: 'hoist',\n        filter: (data): data is { part: 'current'; subject: string; options: { cursor: string } } => {\n          if (!Schema.is(LayoutAction.ScrollIntoView.fields.input)(data)) {\n            return false;\n          }\n\n          return !!editorView && data.subject === documentId && !!data.options?.cursor;\n        },\n        resolve: ({ options: { cursor } }) => {\n          invariant(editorView, 'Editor view is not defined.');\n          const range = Cursor.getRangeFromCursor(editorView.state, 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    [documentId, editorView],\n  );\n\n  useIntentResolver(MARKDOWN_PLUGIN, scrollIntoViewResolver);\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 {\n  createIntent,\n  LayoutAction,\n  type PromiseIntentDispatcher,\n  useCapabilities,\n  useIntentDispatcher,\n} from '@dxos/app-framework';\nimport { invariant } from '@dxos/invariant';\nimport { createDocAccessor, fullyQualifiedId, getSpace, type QueryResult } from '@dxos/react-client/echo';\nimport { useIdentity } from '@dxos/react-client/halo';\nimport { Icon, ThemeProvider } from '@dxos/react-ui';\nimport {\n  type AutocompleteResult,\n  type EditorStateStore,\n  type EditorViewMode,\n  type Extension,\n  InputModeExtensions,\n  createDataExtensions,\n  autocomplete,\n  decorateMarkdown,\n  folding,\n  formattingKeymap,\n  linkTooltip,\n  listener,\n  preview,\n  selectionState,\n  typewriter,\n  type RenderCallback,\n} from '@dxos/react-ui-editor';\nimport { defaultTx } from '@dxos/react-ui-theme';\nimport { type DataType } from '@dxos/schema';\nimport { isNotFalsy } from '@dxos/util';\n\nimport { MarkdownCapabilities } from './capabilities';\nimport { type DocumentType, type MarkdownSettingsProps } from './types';\nimport { setFallbackName } from './util';\n\ntype ExtensionsOptions = {\n  document?: DocumentType;\n  id?: string;\n  text?: DataType.Text;\n  dispatch?: PromiseIntentDispatcher;\n  query?: QueryResult<DocumentType>;\n  settings: MarkdownSettingsProps;\n  viewMode?: EditorViewMode;\n  editorStateStore?: EditorStateStore;\n};\n\n// TODO(burdon): Merge with createBaseExtensions below.\nexport const useExtensions = ({\n  document,\n  id,\n  text,\n  settings,\n  viewMode,\n  editorStateStore,\n}: ExtensionsOptions): Extension[] => {\n  const { dispatchPromise: dispatch } = useIntentDispatcher();\n  const identity = useIdentity();\n  const space = getSpace(document) ?? getSpace(text);\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.type(DocumentType));\n  // query?.subscribe();\n  const baseExtensions = useMemo(\n    () =>\n      createBaseExtensions({\n        document,\n        id,\n        text,\n        settings,\n        viewMode,\n        dispatch,\n        // query,\n      }),\n    [\n      document,\n      id,\n      text,\n      viewMode,\n      dispatch,\n      settings,\n      settings.editorInputMode,\n      settings.folding,\n      settings.numberedHeadings,\n      settings.debug,\n      settings.typewriter,\n    ],\n  );\n\n  const extensionProviders = useCapabilities(MarkdownCapabilities.Extensions);\n\n  //\n  // External extensions from other plugins.\n  //\n  const pluginExtensions = useMemo<Extension[] | undefined>(\n    () =>\n      extensionProviders.flat().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, document],\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        document &&\n          createDataExtensions({\n            id: document.id,\n            text: document.content.target && createDocAccessor(document.content.target, ['content']),\n            space,\n            identity,\n          }),\n        text &&\n          id &&\n          createDataExtensions({\n            id,\n            text: createDocAccessor(text, ['content']),\n            space,\n            identity,\n          }),\n        selectionState(editorStateStore),\n        document &&\n          listener({\n            onChange: (text) => setFallbackName(document, text),\n          }),\n        baseExtensions,\n        pluginExtensions,\n      ].filter(isNotFalsy),\n    [baseExtensions, pluginExtensions, document, document?.content?.target, text, id, space, identity],\n  );\n};\n\n/**\n * Create extension instances for editor.\n */\nconst createBaseExtensions = ({\n  document,\n  id,\n  dispatch,\n  settings,\n  query,\n  viewMode,\n}: 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 || id)\n              ? createLinkRenderer((id: string) => {\n                  void dispatch(\n                    createIntent(LayoutAction.Open, {\n                      part: 'main',\n                      subject: [id],\n                      options: {\n                        pivotId: document ? fullyQualifiedId(document) : id,\n                      },\n                    }),\n                  );\n                })\n              : undefined,\n        }),\n        linkTooltip(renderLinkTooltip),\n        preview(),\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 createLinkRenderer =\n  (onSelectObject: (id: string) => void): RenderCallback<{ url: string }> =>\n  (el, { url }) => {\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: RenderCallback<{ url: string }> = (el, { url }) => {\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": ["React", "useEffect", "useMemo", "Capabilities", "useCapabilities", "isInstanceOf", "fullyQualifiedId", "getSpace", "DataType", "React", "useMemo", "useEffect", "useCallback", "useDropzone", "createIntent", "useIntentDispatcher", "invariant", "ATTENDABLE_PATH_SEPARATOR", "DeckAction", "useThemeContext", "useTranslation", "EditorToolbar", "createBasicExtensions", "createMarkdownExtensions", "createThemeExtensions", "dropFile", "editorContent", "editorGutter", "processEditorPayload", "stackItemContentEditorClassNames", "useCommentState", "useCommentClickListener", "useFormattingState", "useTextEditor", "useEditorToolbarState", "addLink", "StackItem", "isNotFalsy", "isNonNullable", "EditorView", "Schema", "useMemo", "createResolver", "LayoutAction", "useIntentResolver", "invariant", "Cursor", "setSelection", "useSelectCurrentThread", "editorView", "documentId", "scrollIntoViewResolver", "useMemo", "createResolver", "intent", "LayoutAction", "UpdateLayout", "position", "filter", "data", "Schema", "is", "ScrollIntoView", "fields", "input", "subject", "options", "cursor", "resolve", "invariant", "range", "Cursor", "getRangeFromCursor", "state", "selection", "main", "from", "anchor", "undefined", "effects", "EditorView", "scrollIntoView", "y", "yMargin", "push", "setSelection", "of", "current", "dispatch", "useIntentResolver", "MARKDOWN_PLUGIN", "MarkdownEditor", "id", "role", "initialValue", "extensions", "extensionProviders", "scrollPastEnd", "toolbar", "comment", "viewMode", "editorStateStore", "onFileUpload", "onViewModeChange", "t", "useTranslation", "MARKDOWN_PLUGIN", "themeMode", "useThemeContext", "dispatchPromise", "dispatch", "useIntentDispatcher", "toolbarState", "useEditorToolbarState", "formattingObserver", "useFormattingState", "scrollTo", "selection", "useMemo", "getState", "providerExtensions", "flatMap", "provider", "filter", "isNonNullable", "commentObserver", "useCommentState", "onCommentClick", "useCallback", "createIntent", "DeckAction", "ChangeCompanion", "primary", "companion", "ATTENDABLE_PATH_SEPARATOR", "commentClickObserver", "useCommentClickListener", "handleDrop", "view", "files", "file", "info", "undefined", "processEditorPayload", "type", "data", "url", "parentRef", "editorView", "focusAttributes", "useTextEditor", "createBasicExtensions", "readOnly", "placeholder", "createMarkdownExtensions", "createThemeExtensions", "syntaxHighlighting", "slots", "content", "className", "editorContent", "editorGutter", "dropFile", "onDrop", "isNotFalsy", "moveToEndOfLine", "useTest", "useSelectCurrentThread", "acceptedFiles", "getInputProps", "open", "useDropzone", "multiple", "noDrag", "accept", "useEffect", "length", "requestAnimationFrame", "f", "File", "name", "lastModified", "addLink", "image", "getView", "invariant", "handleViewModeChange", "mode", "handleImageUpload", "StackItem", "Content", "EditorToolbar", "attendableId", "state", "input", "div", "ref", "data-testid", "data-toolbar", "stackItemContentEditorClassNames", "data-popover-collision-boundary", "composer", "window", "React", "useMemo", "createRoot", "createIntent", "LayoutAction", "useCapabilities", "useIntentDispatcher", "invariant", "createDocAccessor", "fullyQualifiedId", "getSpace", "useIdentity", "Icon", "ThemeProvider", "InputModeExtensions", "createDataExtensions", "autocomplete", "decorateMarkdown", "folding", "formattingKeymap", "linkTooltip", "listener", "preview", "selectionState", "typewriter", "defaultTx", "isNotFalsy", "useExtensions", "document", "id", "text", "settings", "viewMode", "editorStateStore", "dispatchPromise", "dispatch", "useIntentDispatcher", "identity", "useIdentity", "space", "getSpace", "baseExtensions", "useMemo", "createBaseExtensions", "editorInputMode", "folding", "numberedHeadings", "debug", "typewriter", "extensionProviders", "useCapabilities", "MarkdownCapabilities", "Extensions", "pluginExtensions", "flat", "reduce", "acc", "provider", "extension", "push", "createDataExtensions", "content", "target", "createDocAccessor", "selectionState", "listener", "onChange", "setFallbackName", "filter", "isNotFalsy", "query", "extensions", "InputModeExtensions", "formattingKeymap", "decorateMarkdown", "selectionChangeDelay", "from", "undefined", "renderLinkButton", "createLinkRenderer", "createIntent", "LayoutAction", "Open", "part", "subject", "options", "pivotId", "fullyQualifiedId", "linkTooltip", "renderLinkTooltip", "preview", "autocomplete", "onSearch", "objects", "map", "object", "name", "length", "label", "apply", "items", "split", "style", "hover", "icon", "onSelectObject", "el", "url", "isInternal", "startsWith", "window", "location", "origin", "onClick", "qualifiedId", "at", "invariant", "href", "rel", "renderRoot", "React", "a", "className", "Icon", "size", "classNames", "web", "URL", "root", "node", "createRoot", "render", "ThemeProvider", "tx", "defaultTx", "MarkdownContainer", "id", "role", "object", "settings", "viewMode", "editorStateStore", "onViewModeChange", "scrollPastEnd", "doc", "isInstanceOf", "DocumentType", "undefined", "text", "DataType", "Text", "extensions", "useExtensions", "document", "React", "DocumentEditor", "fullyQualifiedId", "MarkdownEditor", "initialValue", "content", "toolbar", "comment", "inputMode", "editorInputMode", "props", "space", "getSpace", "useEffect", "fallbackName", "target", "getFallbackName", "upload", "useCapabilities", "Capabilities", "FileUploader", "handleFileUpload", "useMemo", "file", "onFileUpload"]
-}