@dxos/plugin-markdown 0.8.4-main.3eb6e50203 → 0.8.4-main.3fbcb4aa9b

package/src/components/Suggestions.stories.tsx

@@ -1,215 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import { type Meta } from '@storybook/react-vite';
-import * as Effect from 'effect/Effect';
-import * as Function from 'effect/Function';
-import * as Match from 'effect/Match';
-import * as Option from 'effect/Option';
-import * as Schema from 'effect/Schema';
-import React, { type FC, useEffect, useMemo, useState } from 'react';
-
-import { withPluginManager } from '@dxos/app-framework/testing';
-import { useAtomCapability, useCapability } from '@dxos/app-framework/ui';
-import { Obj, Ref, Type } from '@dxos/echo';
-import { createDocAccessor, toCursorRange } from '@dxos/echo-db';
-import { invariant } from '@dxos/invariant';
-import { ClientPlugin } from '@dxos/plugin-client';
-import { PreviewPlugin } from '@dxos/plugin-preview';
-import { StorybookPlugin, corePlugins } from '@dxos/plugin-testing';
-import { faker } from '@dxos/random';
-import { useQueue, useSpace } from '@dxos/react-client/echo';
-import { IconButton, Toolbar } from '@dxos/react-ui';
-import { Layout } from '@dxos/react-ui';
-import { withTheme } from '@dxos/react-ui/testing';
-import { useTextEditor } from '@dxos/react-ui-editor';
-import { render } from '@dxos/storybook-utils';
-import { Message } from '@dxos/types';
-import { type EditorSelection, type Range } from '@dxos/ui-editor';
-
-import { MarkdownPlugin } from '../MarkdownPlugin';
-import { translations } from '../translations';
-import { Markdown, MarkdownCapabilities } from '../types';
-
-import { MarkdownContainer } from './MarkdownContainer';
-
-faker.seed(1);
-
-const TestItem = Schema.Struct({
-  title: Schema.String.annotations({
-    title: 'Title',
-    description: 'Product title',
-  }),
-  description: Schema.String.annotations({
-    title: 'Description',
-    description: 'Product description',
-  }),
-}).pipe(
-  Type.object({
-    typename: 'dxos.org/type/Test',
-    version: '0.1.0',
-  }),
-);
-
-const TestChat: FC<{ doc: Markdown.Document; content: string }> = ({ doc, content }) => {
-  const { parentRef } = useTextEditor({ initialValue: content });
-  const editorState = useCapability(MarkdownCapabilities.EditorState);
-
-  const space = useSpace();
-  const queueDxn = useMemo(() => space && space.queues.create().dxn, [space]);
-  const queue = useQueue<Message.Message>(queueDxn);
-
-  const handleInsert = async () => {
-    invariant(space);
-    invariant(queue);
-    await queue.append([
-      Obj.make(Message.Message, {
-        created: new Date().toISOString(),
-        sender: { role: 'assistant' },
-        blocks: [{ _tag: 'text', text: 'Hello' }],
-      }),
-    ]);
-    const message = queue.objects.at(-1);
-    invariant(message);
-
-    const text = await doc.content.load();
-    const accessor = createDocAccessor(text, ['content']);
-    const cursor = Function.pipe(
-      editorState.getState(Obj.getDXN(doc).toString())?.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, {
-    //     target: doc as any as TestSchema.Expando,
-    //     object: Ref.fromDXN(new DXN(DXN.kind.QUEUE, [...queue.dxn.parts, message.id])),
-    //     at: cursor,
-    //     label: 'Proposal',
-    //   }),
-    // );
-  };
-
-  return (
-    <Layout.Main toolbar>
-      <Toolbar.Root>
-        <IconButton icon='ph--plus--regular' disabled={!queue} label='Insert' onClick={handleInsert} />
-      </Toolbar.Root>
-      <div ref={parentRef} className='p-4' />
-    </Layout.Main>
-  );
-};
-
-const DefaultStory = ({ document, chat }: { document: string; chat: string }) => {
-  const space = useSpace();
-  const [doc, setDoc] = useState<Markdown.Document>();
-  const settings = useAtomCapability(MarkdownCapabilities.Settings);
-  const editorState = useCapability(MarkdownCapabilities.EditorState);
-
-  useEffect(() => {
-    if (!space) {
-      return undefined;
-    }
-
-    const doc = space.db.add(
-      Markdown.make({
-        name: 'Test',
-        content: document.replaceAll(/\[(\w+)\]/g, (_, label) => {
-          const obj = space.db.add(
-            Obj.make(TestItem, {
-              title: label,
-              description: faker.lorem.paragraph(),
-            }),
-          );
-          const dxn = Ref.make(obj).dxn.toString();
-          return `[${label}](${dxn})`;
-        }),
-      }),
-    );
-
-    setDoc(doc);
-  }, [space]);
-
-  if (!space || !doc) {
-    return null;
-  }
-
-  return (
-    <div className='grid grid-cols-2 bs-full overflow-hidden'>
-      <MarkdownContainer id={doc.id} subject={doc} settings={settings} editorStateStore={editorState} />
-      <TestChat doc={doc} content={chat} />
-    </div>
-  );
-};
-
-const storybook: Meta<typeof DefaultStory> = {
-  title: 'plugins/plugin-markdown/Suggestions',
-  render: render(DefaultStory),
-  decorators: [
-    withTheme(),
-    withPluginManager({
-      plugins: [
-        ...corePlugins(),
-        StorybookPlugin({}),
-        ClientPlugin({
-          types: [Markdown.Document, TestItem],
-          onClientInitialized: ({ client }) =>
-            Effect.gen(function* () {
-              yield* Effect.promise(() => client.halo.createIdentity());
-            }),
-        }),
-
-        MarkdownPlugin(),
-        PreviewPlugin(),
-      ],
-    }),
-  ],
-  parameters: {
-    layout: 'fullscreen',
-    controls: {
-      disable: true,
-    },
-    translations,
-  },
-};
-
-export default storybook;
-
-type Story = Meta<typeof DefaultStory>;
-
-export const Default: Story = {
-  args: {
-    chat: 'Hello\n',
-    document: [
-      '# Test',
-      '',
-      faker.lorem.paragraph(1),
-      '',
-      'This is a [DXOS] story that tests [ECHO] references inside the Markdown plugin.',
-      '',
-      faker.lorem.paragraph(3),
-      '',
-    ].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/hooks/useSelectCurrentThread.tsx

@@ -1,61 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import { EditorView } from '@codemirror/view';
-import * as Effect from 'effect/Effect';
-import { useMemo } from 'react';
-
-import { useOperationResolver } from '@dxos/app-framework/ui';
-import { LayoutOperation } from '@dxos/app-toolkit';
-import { invariant } from '@dxos/invariant';
-import { OperationResolver } from '@dxos/operation';
-import { Cursor, setSelection } from '@dxos/ui-editor';
-
-import { meta } from '../meta';
-
-/**
- * Handle scrolling and selection of the current thread in a markdown editor.
- */
-export const useSelectCurrentThread = (editorView: EditorView | null, documentId: string) => {
-  const scrollIntoViewHandler = useMemo(
-    () =>
-      OperationResolver.make({
-        operation: LayoutOperation.ScrollIntoView,
-        position: 'hoist',
-        filter: (input) => !!editorView && input.subject === documentId && !!input.cursor,
-        handler: (input) =>
-          Effect.sync(() => {
-            invariant(editorView, 'Editor view is not defined.');
-            const cursor = input.cursor;
-            if (!cursor) {
-              return;
-            }
-            const range = Cursor.getRangeFromCursor(editorView.state, cursor);
-            if (range) {
-              const selection =
-                editorView.state.selection.main.from !== range.from ? { anchor: range.from } : undefined;
-              const effects = [
-                // NOTE: This does not use the DOM scrollIntoView function.
-                EditorView.scrollIntoView(range.from, {
-                  y: 'start',
-                  yMargin: 96,
-                }),
-              ];
-              if (selection) {
-                // Update the editor selection to get bi-directional highlighting.
-                effects.push(setSelection.of({ current: documentId }));
-              }
-
-              editorView.dispatch({
-                effects,
-                selection: selection ? { anchor: range.from } : undefined,
-              });
-            }
-          }),
-      }),
-    [documentId, editorView],
-  );
-
-  useOperationResolver(meta.id, scrollIntoViewHandler);
-};

package/src/types/MarkdownAction.ts

@@ -1,59 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import * as Schema from 'effect/Schema';
-
-import { Capability } from '@dxos/app-framework';
-import { Operation } from '@dxos/operation';
-import { SpaceSchema } from '@dxos/react-client/echo';
-import { Collection } from '@dxos/schema';
-import { EditorViewMode } from '@dxos/ui-editor/types';
-
-import { meta } from '../meta';
-
-import { Document } from './Markdown';
-
-const MARKDOWN_OPERATION = `${meta.id}/operation`;
-
-export namespace MarkdownOperation {
-  export const OnCreateSpace = Operation.make({
-    meta: { key: `${MARKDOWN_OPERATION}/on-create-space`, name: 'On Create Space' },
-    services: [Capability.Service],
-    schema: {
-      input: Schema.Struct({
-        space: SpaceSchema,
-        rootCollection: Collection.Collection,
-        isDefault: Schema.optional(Schema.Boolean),
-      }),
-      output: Schema.Void,
-    },
-  });
-
-  export const Create = Operation.make({
-    meta: { key: `${MARKDOWN_OPERATION}/create`, name: 'Create Markdown Document' },
-    services: [Capability.Service],
-    schema: {
-      input: Schema.Struct({
-        name: Schema.optional(Schema.String),
-        content: Schema.optional(Schema.String),
-      }),
-      output: Schema.Struct({
-        object: Document,
-      }),
-    },
-  });
-
-  // TODO(wittjosiah): This appears to be unused.
-  export const SetViewMode = Operation.make({
-    meta: { key: `${MARKDOWN_OPERATION}/set-view-mode`, name: 'Set View Mode' },
-    services: [Capability.Service],
-    schema: {
-      input: Schema.Struct({
-        id: Schema.String,
-        viewMode: EditorViewMode,
-      }),
-      output: Schema.Void,
-    },
-  });
-}

package/src/types/capabilities.ts

@@ -1,38 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { type Atom } from '@effect-atom/atom-react';
-import * as Schema from 'effect/Schema';
-
-import { Capability } from '@dxos/app-framework';
-import { type EditorStateStore, type EditorViewMode } from '@dxos/ui-editor';
-
-import { meta } from '../meta';
-
-import type * as Markdown from './Markdown';
-import { type MarkdownExtensionProvider } from './types';
-
-/** Schema for persisted markdown state. */
-export const MarkdownStateSchema = Schema.mutable(
-  Schema.Struct({
-    viewMode: Schema.Record({ key: Schema.String, value: Schema.String }),
-  }),
-);
-
-export type MarkdownState = {
-  viewMode: Record<string, EditorViewMode>;
-};
-
-export namespace MarkdownCapabilities {
-  export const Settings = Capability.make<Atom.Writable<Markdown.Settings>>(`${meta.id}/capability/settings`);
-
-  /** Persisted state atom for view mode per document. */
-  export const State = Capability.make<Atom.Writable<MarkdownState>>(`${meta.id}/capability/state`);
-
-  /** Editor state store for cursor positions, scroll state, etc. */
-  export const EditorState = Capability.make<EditorStateStore>(`${meta.id}/capability/editor-state`);
-
-  // TODO(burdon): Move to ./types (external API)?
-  export const Extensions = Capability.make<MarkdownExtensionProvider[]>(`${meta.id}/capability/extensions`);
-}

package/src/types/events.ts

@@ -1,14 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { type ActivationEvent } from '@dxos/app-framework';
-import { AppActivationEvents } from '@dxos/app-toolkit';
-
-import { meta } from '../meta';
-
-export namespace MarkdownEvents {
-  export const SetupExtensions: ActivationEvent.ActivationEvent = AppActivationEvents.createStateEvent(
-    `${meta.id}/event/setup-extensions`,
-  );
-}