@dxos/plugin-markdown 0.8.3-staging.0fa589b → 0.8.4-main.03d5cd7b56

package/dist/types/src/components/MarkdownPreview/index.d.ts

@@ -1,4 +0,0 @@
-import { MarkdownPreview } from './MarkdownPreview';
-export * from './MarkdownPreview';
-export default MarkdownPreview;
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/MarkdownPreview/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/MarkdownPreview/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,cAAc,mBAAmB,CAAC;AAElC,eAAe,eAAe,CAAC"}

package/dist/types/src/components/Suggestions.stories.d.ts

@@ -1,12 +0,0 @@
-import '@dxos-theme';
-import { type Meta } from '@storybook/react';
-import React from 'react';
-declare const DefaultStory: ({ document, chat }: {
-    document: string;
-    chat: string;
-}) => React.JSX.Element;
-declare const meta: Meta<typeof DefaultStory>;
-export default meta;
-type Story = Meta<typeof DefaultStory>;
-export declare const Default: Story;
-//# sourceMappingURL=Suggestions.stories.d.ts.map

package/dist/types/src/components/Suggestions.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Suggestions.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Suggestions.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAE7C,OAAO,KAAgD,MAAM,OAAO,CAAC;AA0GrE,QAAA,MAAM,YAAY,GAAI,oBAAoB;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,sBAqC3E,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CA4BnC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,IAAI,CAAC,OAAO,YAAY,CAAC,CAAC;AAEvC,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAC"}

package/dist/types/src/components/Toolbar.stories.d.ts

@@ -1,11 +0,0 @@
-import '@dxos-theme';
-import { type Meta } from '@storybook/react';
-import { EditorToolbar } from '@dxos/react-ui-editor';
-declare const meta: Meta<typeof EditorToolbar>;
-export default meta;
-export declare const Default: {
-    args: {
-        content: string;
-    };
-};
-//# sourceMappingURL=Toolbar.stories.d.ts.map

package/dist/types/src/components/Toolbar.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toolbar.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAS7C,OAAO,EACL,aAAa,EAgBd,MAAM,uBAAuB,CAAC;AAgE/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAQpC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO;;;;CAInB,CAAC"}

package/dist/types/src/events.d.ts

@@ -1,4 +0,0 @@
-export declare namespace MarkdownEvents {
-    const SetupExtensions: import("@dxos/app-framework").ActivationEvent;
-}
-//# sourceMappingURL=events.d.ts.map

package/dist/types/src/events.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../../src/events.ts"],"names":[],"mappings":"AAQA,yBAAiB,cAAc,CAAC;IACvB,MAAM,eAAe,+CAAiE,CAAC;CAC/F"}

package/dist/types/src/extensions.d.ts

@@ -1,24 +0,0 @@
-import { type ReactNode } from 'react';
-import { type PromiseIntentDispatcher } from '@dxos/app-framework';
-import { type QueryResult } from '@dxos/react-client/echo';
-import { type SelectionManager } from '@dxos/react-ui-attention';
-import { type EditorStateStore, type EditorViewMode, type Extension, type PreviewOptions } from '@dxos/react-ui-editor';
-import { type DataType } from '@dxos/schema';
-import { type DocumentType, type MarkdownSettingsProps } from './types';
-type ExtensionsOptions = {
-    document?: DocumentType;
-    id?: string;
-    text?: DataType.Text;
-    dispatch?: PromiseIntentDispatcher;
-    query?: QueryResult<DocumentType>;
-    settings: MarkdownSettingsProps;
-    selectionManager?: SelectionManager;
-    viewMode?: EditorViewMode;
-    editorStateStore?: EditorStateStore;
-    previewOptions?: PreviewOptions;
-};
-export declare const useExtensions: ({ document, id, text, settings, selectionManager, viewMode, editorStateStore, previewOptions, }: ExtensionsOptions) => Extension[];
-export declare const selectionChange: (selectionManager: SelectionManager) => Extension;
-export declare const renderRoot: <T extends Element>(root: T, node: ReactNode) => T;
-export {};
-//# sourceMappingURL=extensions.d.ts.map

package/dist/types/src/extensions.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"extensions.d.ts","sourceRoot":"","sources":["../../../src/extensions.tsx"],"names":[],"mappings":"AAIA,OAAc,EAA6B,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAGlF,OAAO,EAGL,KAAK,uBAAuB,EAG7B,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAiD,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAG1G,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,SAAS,EAgBd,KAAK,cAAc,EACpB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAI7C,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAGxE,KAAK,iBAAiB,GAAG;IACvB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,QAAQ,CAAC,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,uBAAuB,CAAC;IACnC,KAAK,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;IAClC,QAAQ,EAAE,qBAAqB,CAAC;IAChC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC,CAAC;AAGF,eAAO,MAAM,aAAa,GAAI,iGAS3B,iBAAiB,KAAG,SAAS,EA2F/B,CAAC;AAuFF,eAAO,MAAM,eAAe,GAAI,kBAAkB,gBAAgB,cAejE,CAAC;AAuDF,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,SAAS,KAAG,CAGxE,CAAC"}

package/dist/types/src/hooks/useSelectCurrentThread.d.ts

@@ -1,6 +0,0 @@
-import { EditorView } from '@codemirror/view';
-/**
- * Handle scrolling and selection of the current thread in a markdown editor.
- */
-export declare const useSelectCurrentThread: (editorView: EditorView | undefined, documentId: string) => void;
-//# sourceMappingURL=useSelectCurrentThread.d.ts.map

package/dist/types/src/hooks/useSelectCurrentThread.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSelectCurrentThread.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useSelectCurrentThread.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAU9C;;GAEG;AACH,eAAO,MAAM,sBAAsB,GAAI,YAAY,UAAU,GAAG,SAAS,EAAE,YAAY,MAAM,SAsC5F,CAAC"}

package/dist/types/src/types/schema.d.ts

@@ -1,35 +0,0 @@
-import { Schema } from 'effect';
-import { Type } from '@dxos/echo';
-export declare const DocumentSchema: Schema.Struct<{
-    name: Schema.optional<typeof Schema.String>;
-    fallbackName: Schema.optional<typeof Schema.String>;
-    content: Type.ref<Type.obj<Schema.Struct<{
-        content: typeof import("effect/Schema").String;
-    }>>>;
-}>;
-export declare const DocumentType: Type.obj<Schema.Struct<{
-    name: Schema.optional<typeof Schema.String>;
-    fallbackName: Schema.optional<typeof Schema.String>;
-    content: Type.ref<Type.obj<Schema.Struct<{
-        content: typeof import("effect/Schema").String;
-    }>>>;
-}>>;
-export type DocumentType = Schema.Schema.Type<typeof DocumentType>;
-export declare const createDocument: ({ name, content }: {
-    name: string;
-    content: string;
-}) => import("@dxos/live-object").Live<Type.OfKind<Type.Kind.Object> & {
-    name?: string | undefined;
-    fallbackName?: string | undefined;
-    content: import("@dxos/echo-schema").Ref<Type.OfKind<Type.Kind.Object> & {
-        content: string;
-    }>;
-}>;
-/**
- * Checks if an object conforms to the interface needed to render an editor.
- */
-export declare const isEditorModel: (data: any) => data is {
-    id: string;
-    text: string;
-};
-//# sourceMappingURL=schema.d.ts.map

package/dist/types/src/types/schema.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../../src/types/schema.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAEhC,OAAO,EAAY,IAAI,EAAE,MAAM,YAAY,CAAC;AAI5C,eAAO,MAAM,cAAc;;;;;;EAI2B,CAAC;AAEvD,eAAO,MAAM,YAAY;;;;;;GAKxB,CAAC;AACF,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,YAAY,CAAC,CAAC;AAGnE,eAAO,MAAM,cAAc,GAAI,mBAAmB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE;;;;;;EACQ,CAAC;AAE5F;;GAEG;AAEH,eAAO,MAAM,aAAa,GAAI,MAAM,GAAG,KAAG,IAAI,IAAI;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAM7C,CAAC"}

package/src/capabilities/capabilities.ts

@@ -1,20 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { defineCapability } from '@dxos/app-framework';
-import { type EditorViewMode, type EditorStateStore } from '@dxos/react-ui-editor';
-
-import { MARKDOWN_PLUGIN } from '../meta';
-import { type MarkdownExtensionProvider, type MarkdownPluginState } from '../types';
-
-export namespace MarkdownCapabilities {
-  export const State = defineCapability<{
-    state: MarkdownPluginState;
-    editorState: EditorStateStore;
-    getViewMode: (id: string) => EditorViewMode;
-    setViewMode: (id: string, viewMode: EditorViewMode) => void;
-  }>(`${MARKDOWN_PLUGIN}/capability/state`);
-
-  export const Extensions = defineCapability<MarkdownExtensionProvider[]>(`${MARKDOWN_PLUGIN}/capability/extensions`);
-}

package/src/capabilities/intent-resolver.ts

@@ -1,63 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { next as A } from '@automerge/automerge';
-import { Option, pipe, type Schema } from 'effect';
-
-import {
-  Capabilities,
-  CollaborationActions,
-  contributes,
-  createResolver,
-  type PluginContext,
-} from '@dxos/app-framework';
-import { Obj } from '@dxos/echo';
-import { createDocAccessor, getRangeFromCursor, Ref } from '@dxos/react-client/echo';
-import { DataType } from '@dxos/schema';
-
-import { MarkdownCapabilities } from './capabilities';
-import { DocumentType, MarkdownAction } from '../types';
-
-export default (context: PluginContext) =>
-  contributes(Capabilities.IntentResolver, [
-    createResolver({
-      intent: MarkdownAction.Create,
-      resolve: ({ name, content }) => {
-        const doc = Obj.make(DocumentType, {
-          name,
-          content: Ref.make(Obj.make(DataType.Text, { content: content ?? '' })),
-        });
-
-        return { data: { object: doc } };
-      },
-    }),
-    createResolver({
-      intent: MarkdownAction.SetViewMode,
-      resolve: ({ id, viewMode }) => {
-        const { state } = context.getCapability(MarkdownCapabilities.State);
-        state.viewMode[id] = viewMode;
-      },
-    }),
-    createResolver({
-      intent: CollaborationActions.InsertContent,
-      filter: (
-        data,
-      ): data is Omit<Schema.Schema.Type<typeof CollaborationActions.InsertContent.fields.input>, 'target'> & {
-        target: DocumentType;
-      } => Obj.instanceOf(DocumentType, data.target),
-      resolve: async ({ target, object: objectRef, at, label }) => {
-        const text = await target.content.load();
-        const accessor = createDocAccessor(text, ['content']);
-        const { start, end } = pipe(
-          Option.fromNullable(at),
-          Option.flatMap((at) => Option.fromNullable(getRangeFromCursor(accessor, at))),
-          Option.getOrElse(() => ({ start: text.content.length - 1, end: text.content.length - 1 })),
-        );
-        accessor.handle.change((doc) => {
-          const ref = `[${label ?? 'Generated content'}]](${objectRef.dxn.toString()})\n`;
-          A.splice(doc, accessor.path.slice(), start, end - start, ref);
-        });
-      },
-    }),
-  ]);

package/src/components/MarkdownContainer.stories.tsx

@@ -1,103 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import '@dxos-theme';
-
-import { type Meta } from '@storybook/react';
-import React, { useMemo } from 'react';
-
-import { Capabilities, contributes, IntentPlugin, SettingsPlugin, Surface } from '@dxos/app-framework';
-import { withPluginManager } from '@dxos/app-framework/testing';
-import { todo } from '@dxos/debug';
-import { Obj, Query, Ref, Type } from '@dxos/echo';
-import { AttentionPlugin } from '@dxos/plugin-attention';
-import { ClientPlugin } from '@dxos/plugin-client';
-import { GraphPlugin } from '@dxos/plugin-graph';
-import { PreviewPlugin } from '@dxos/plugin-preview';
-import { SpaceCapabilities, SpacePlugin } from '@dxos/plugin-space';
-import { StorybookLayoutPlugin } from '@dxos/plugin-storybook-layout';
-import { ThemePlugin } from '@dxos/plugin-theme';
-import { faker } from '@dxos/random';
-import { useQuery, useSpace } from '@dxos/react-client/echo';
-import { defaultTx } from '@dxos/react-ui-theme';
-import { DataType } from '@dxos/schema';
-import { createObjectFactory, Testing, type ValueGenerator } from '@dxos/schema/testing';
-import { withLayout } from '@dxos/storybook-utils';
-
-import { MarkdownPlugin } from '../MarkdownPlugin';
-import translations from '../translations';
-import { DocumentType } from '../types';
-
-faker.seed(1);
-
-const generator: ValueGenerator = faker as any;
-
-const DefaultStory = () => {
-  const space = useSpace();
-  const [doc] = useQuery(space, Query.type(DocumentType));
-  const data = useMemo(() => ({ subject: doc }), [doc]);
-
-  return <Surface role='article' data={data} />;
-};
-
-const meta: Meta<typeof DefaultStory> = {
-  title: 'plugins/plugin-markdown/MarkdownContainer',
-  render: DefaultStory,
-  decorators: [
-    withPluginManager({
-      plugins: [
-        AttentionPlugin(),
-        ThemePlugin({ tx: defaultTx }),
-        StorybookLayoutPlugin(),
-        ClientPlugin({
-          types: [DocumentType, DataType.Text, Testing.Contact],
-          onClientInitialized: async (_, client) => {
-            await client.halo.createIdentity();
-            await client.spaces.waitUntilReady();
-            await client.spaces.default.waitUntilReady();
-            const space = client.spaces.default;
-            const doc = Obj.make(DocumentType, {
-              name: 'Test',
-              content: Ref.make(Obj.make(DataType.Text, { content: '# Test\n\n' })),
-            });
-            space.db.add(doc);
-            const createObjects = createObjectFactory(space.db, generator);
-            await createObjects([{ type: Testing.Contact, count: 10 }]);
-            await space.db.flush({ indexes: true });
-          },
-        }),
-        SpacePlugin(),
-        SettingsPlugin(),
-        IntentPlugin(),
-        MarkdownPlugin(),
-        PreviewPlugin(),
-        GraphPlugin(),
-      ],
-      capabilities: [
-        // NOTE: Editor only queries for object form schemas when linking.
-        contributes(SpaceCapabilities.ObjectForm, {
-          objectSchema: Testing.Contact,
-          getIntent: () => todo(),
-        }),
-        contributes(Capabilities.Metadata, {
-          id: Type.getTypename(Testing.Contact),
-          metadata: {
-            icon: 'ph--user--regular',
-          },
-        }),
-      ],
-    }),
-    withLayout({ fullscreen: true }),
-  ],
-  parameters: {
-    translations,
-    controls: { disable: true },
-  },
-};
-
-export default meta;
-
-type Story = Meta<typeof DefaultStory>;
-
-export const Default: Story = {};

package/src/components/MarkdownContainer.tsx

@@ -1,241 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import { Rx } from '@effect-rx/rx-react';
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { createPortal } from 'react-dom';
-
-import { Capabilities, Surface, useAppGraph, useCapabilities, usePluginManager } from '@dxos/app-framework';
-import { DXN, Filter, Obj, Query } from '@dxos/echo';
-import { SpaceCapabilities } from '@dxos/plugin-space';
-import { fullyQualifiedId, getSpace, useQuery, useSpace } from '@dxos/react-client/echo';
-import { toLocalizedString, useTranslation } from '@dxos/react-ui';
-import { type SelectionManager } from '@dxos/react-ui-attention';
-import {
-  type CommandMenuGroup,
-  type CommandMenuItem,
-  insertAtCursor,
-  insertAtLineStart,
-  type PreviewLinkRef,
-  type PreviewOptions,
-} from '@dxos/react-ui-editor';
-import { DataType } from '@dxos/schema';
-
-import { MarkdownEditor, type MarkdownEditorProps } from './MarkdownEditor';
-import { useExtensions } from '../extensions';
-import { DocumentType, type MarkdownSettingsProps } from '../types';
-import { getFallbackName } from '../util';
-
-export type MarkdownContainerProps = Pick<
-  MarkdownEditorProps,
-  'role' | 'extensionProviders' | 'viewMode' | 'editorStateStore' | 'onViewModeChange'
-> & {
-  id: string;
-  object: DocumentType | DataType.Text | any;
-  settings: MarkdownSettingsProps;
-  selectionManager?: SelectionManager;
-};
-
-const MarkdownContainer = ({
-  id,
-  role,
-  object,
-  settings,
-  selectionManager,
-  viewMode,
-  editorStateStore,
-  onViewModeChange,
-}: MarkdownContainerProps) => {
-  const { t } = useTranslation();
-  const scrollPastEnd = role === 'article';
-  const doc = Obj.instanceOf(DocumentType, object) ? object : undefined;
-  const text = Obj.instanceOf(DataType.Text, object) ? object : undefined;
-  const [previewBlocks, setPreviewBlocks] = useState<{ link: PreviewLinkRef; el: HTMLElement }[]>([]);
-  const previewOptions = useMemo(
-    (): PreviewOptions => ({
-      addBlockContainer: (link, el) => {
-        setPreviewBlocks((prev) => [...prev, { link, el }]);
-      },
-      removeBlockContainer: (link) => {
-        setPreviewBlocks((prev) => prev.filter(({ link: prevLink }) => prevLink.ref !== link.ref));
-      },
-    }),
-    [],
-  );
-  const extensions = useExtensions({
-    document: doc,
-    text,
-    id,
-    settings,
-    selectionManager,
-    viewMode,
-    editorStateStore,
-    previewOptions,
-  });
-
-  // TODO(wittjosiah): Factor out.
-  const manager = usePluginManager();
-  const resolve = useCallback(
-    (typename: string) =>
-      manager.context.getCapabilities(Capabilities.Metadata).find(({ id }) => id === typename)?.metadata ?? {},
-    [manager],
-  );
-  const space = getSpace(object);
-  const objectForms = useCapabilities(SpaceCapabilities.ObjectForm);
-  const filter = useMemo(() => Filter.or(...objectForms.map((form) => Filter.type(form.objectSchema))), [objectForms]);
-  const onLinkQuery = useCallback(
-    async (query?: string): Promise<CommandMenuGroup[]> => {
-      const name = query?.startsWith('@') ? query.slice(1).toLowerCase() : query?.toLowerCase() ?? '';
-      const results = await space?.db.query(Query.select(filter)).run();
-      // TODO(wittjosiah): Use `Obj.Any` type.
-      const getLabel = (object: any) => {
-        const type = Obj.getTypename(object)!;
-        const metadata = resolve(type);
-        return (
-          metadata.label?.(object) || object.name || ['object name placeholder', { ns: type, default: 'New object' }]
-        );
-      };
-      const items =
-        results?.objects
-          .filter((object) => toLocalizedString(getLabel(object), t).toLowerCase().includes(name))
-          // TODO(wittjosiah): Remove `any` type.
-          .map((object: any): CommandMenuItem => {
-            const metadata = resolve(Obj.getTypename(object)!);
-            const label = toLocalizedString(getLabel(object), t);
-            return {
-              id: object.id,
-              label,
-              icon: metadata.icon,
-              onSelect: (view, head) => {
-                const link = `[${label}][${Obj.getDXN(object)}]`;
-                if (query?.startsWith('@')) {
-                  insertAtLineStart(view, head, `!${link}\n`);
-                } else {
-                  insertAtCursor(view, head, `${link} `);
-                }
-              },
-            };
-          }) ?? [];
-      return [{ id: 'echo', items }];
-    },
-    [filter, resolve, space],
-  );
-
-  const editor = doc ? (
-    <DocumentEditor
-      id={fullyQualifiedId(object)}
-      role={role}
-      document={doc}
-      extensions={extensions}
-      viewMode={viewMode}
-      settings={settings}
-      scrollPastEnd={scrollPastEnd}
-      onViewModeChange={onViewModeChange}
-      onLinkQuery={space ? onLinkQuery : undefined}
-    />
-  ) : text ? (
-    <MarkdownEditor
-      id={id}
-      role={role}
-      initialValue={text.content}
-      extensions={extensions}
-      viewMode={viewMode}
-      toolbar={settings.toolbar}
-      inputMode={settings.editorInputMode}
-      scrollPastEnd={scrollPastEnd}
-      onViewModeChange={onViewModeChange}
-      onLinkQuery={space ? onLinkQuery : undefined}
-    />
-  ) : (
-    // TODO(burdon): Normalize with above.
-    <MarkdownEditor
-      id={id}
-      role={role}
-      initialValue={object.text}
-      extensions={extensions}
-      viewMode={viewMode}
-      toolbar={settings.toolbar}
-      inputMode={settings.editorInputMode}
-      scrollPastEnd={scrollPastEnd}
-      onViewModeChange={onViewModeChange}
-      onLinkQuery={space ? onLinkQuery : undefined}
-    />
-  );
-
-  return (
-    <>
-      {editor}
-      {previewBlocks.map(({ link, el }) => (
-        <PreviewBlock key={link.ref} link={link} el={el} />
-      ))}
-    </>
-  );
-};
-
-// TODO(wittjosiah): This shouldn't be "card" but "block".
-//   It's not a preview card but an interactive embedded object.
-const PreviewBlock = ({ link, el }: { link: PreviewLinkRef; el: HTMLElement }) => {
-  const echoDXN = useMemo(() => DXN.parse(link.ref).asEchoDXN(), [link.ref]);
-  const space = useSpace(echoDXN?.spaceId);
-  const [subject] = useQuery(space, Query.select(Filter.ids(echoDXN?.echoId ?? '')));
-  const data = useMemo(() => ({ subject }), [subject]);
-
-  return createPortal(<Surface role='card--document' data={data} limit={1} />, el);
-};
-
-type DocumentEditorProps = Omit<MarkdownContainerProps, 'object' | 'extensionProviders' | 'editorStateStore'> &
-  Pick<MarkdownEditorProps, 'id' | 'scrollPastEnd' | 'extensions' | 'onLinkQuery'> & {
-    document: DocumentType;
-  };
-
-export const DocumentEditor = ({ id, document: doc, settings, viewMode, ...props }: DocumentEditorProps) => {
-  const space = getSpace(doc);
-
-  // Migrate gradually to `fallbackName`.
-  useEffect(() => {
-    if (typeof doc.fallbackName === 'string') {
-      return;
-    }
-
-    const fallbackName = doc.content?.target?.content ? getFallbackName(doc.content.target.content) : undefined;
-    if (fallbackName) {
-      doc.fallbackName = fallbackName;
-    }
-  }, [doc, doc.content]);
-
-  // File dragging.
-  const [upload] = useCapabilities(Capabilities.FileUploader);
-  const handleFileUpload = useMemo(() => {
-    if (space === undefined || upload === undefined) {
-      return undefined;
-    }
-
-    // TODO(burdon): Re-order props: space, file.
-    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}
-    />
-  );
-};
-
-export default MarkdownContainer;

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

@@ -1,74 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import '@dxos-theme';
-
-import { type Meta } from '@storybook/react';
-import React from 'react';
-
-import { IntentPlugin } from '@dxos/app-framework';
-import { withPluginManager } from '@dxos/app-framework/testing';
-import { Obj, Ref } from '@dxos/echo';
-import { DocumentType } from '@dxos/plugin-markdown/types';
-import { faker } from '@dxos/random';
-import { Icon, Popover } from '@dxos/react-ui';
-import { DataType } from '@dxos/schema';
-import { withTheme, withLayout } from '@dxos/storybook-utils';
-
-import { MarkdownPreview } from './MarkdownPreview';
-import translations from '../../translations';
-
-faker.seed(1234);
-
-const meta: Meta<typeof MarkdownPreview> = {
-  title: 'plugins/plugin-markdown/MarkdownPreview',
-  component: MarkdownPreview,
-  render: ({ subject }) => {
-    return (
-      <Popover.Root open>
-        <Popover.Content>
-          <Popover.Viewport>
-            <MarkdownPreview subject={subject} role='popover' />
-          </Popover.Viewport>
-          <Popover.Arrow />
-        </Popover.Content>
-        <Popover.Trigger>
-          <Icon icon='ph--text-aa--regular' size={5} />
-        </Popover.Trigger>
-      </Popover.Root>
-    );
-  },
-  decorators: [
-    withPluginManager({
-      plugins: [IntentPlugin()],
-    }),
-    withTheme,
-    withLayout(),
-  ],
-  parameters: {
-    layout: 'centered',
-    translations,
-  },
-};
-
-export default meta;
-
-const data = (() => {
-  const document = Obj.make(DocumentType, {
-    name: faker.lorem.words(3),
-    content: Ref.make(
-      Obj.make(DataType.Text, {
-        content: faker.lorem.paragraphs(3),
-      }),
-    ),
-  });
-
-  return { document };
-})();
-
-export const Default = {
-  args: {
-    subject: Obj.make(DocumentType, data.document),
-  },
-};