@dxos/plugin-markdown 0.8.4-main.c85a9c8dae → 0.8.4-main.d9fc60f731

package/src/containers/MarkdownSettings/MarkdownSettings.tsx

@@ -1,122 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import React from 'react';
-
-import { Input, Select, useTranslation } from '@dxos/react-ui';
-import { Settings } from '@dxos/react-ui-form';
-import { type EditorInputMode, EditorInputModes, type EditorViewMode, EditorViewModes } from '@dxos/ui-editor';
-
-import { meta } from '../../meta';
-import { type Markdown } from '../../types';
-
-export type MarkdownSettingsComponentProps = {
-  settings: Markdown.Settings;
-  onSettingsChange: (fn: (current: Markdown.Settings) => Markdown.Settings) => void;
-};
-
-export const MarkdownSettings = ({ settings, onSettingsChange }: MarkdownSettingsComponentProps) => {
-  const { t } = useTranslation(meta.id);
-
-  // TODO(wittjosiah): Add skill test confirmation for entering vim mode.
-  return (
-    <Settings.Root>
-      <Settings.Section title={t('settings title', { ns: meta.id })}>
-        <Settings.Group>
-          <Settings.ItemInput title={t('default view mode label')}>
-            <Select.Root
-              value={settings.defaultViewMode}
-              onValueChange={(value) => {
-                onSettingsChange((s) => ({ ...s, defaultViewMode: value as EditorViewMode }));
-              }}
-            >
-              <Select.TriggerButton />
-              <Select.Portal>
-                <Select.Content>
-                  <Select.Viewport>
-                    {EditorViewModes.map((mode) => (
-                      <Select.Option key={mode} value={mode}>
-                        {t(`${mode} mode label`, { ns: '@dxos/react-ui-editor' })}
-                      </Select.Option>
-                    ))}
-                  </Select.Viewport>
-                  <Select.Arrow />
-                </Select.Content>
-              </Select.Portal>
-            </Select.Root>
-          </Settings.ItemInput>
-
-          <Settings.ItemInput title={t('editor input mode label')}>
-            <Select.Root
-              value={settings.editorInputMode ?? 'default'}
-              onValueChange={(value) => {
-                onSettingsChange((s) => ({ ...s, editorInputMode: value as EditorInputMode }));
-              }}
-            >
-              <Select.TriggerButton placeholder={t('select editor input mode placeholder')} />
-              <Select.Portal>
-                <Select.Content>
-                  <Select.Viewport>
-                    {EditorInputModes.map((mode) => (
-                      <Select.Option key={mode} value={mode}>
-                        {t(`settings editor input mode ${mode} label`)}
-                      </Select.Option>
-                    ))}
-                  </Select.Viewport>
-                  <Select.Arrow />
-                </Select.Content>
-              </Select.Portal>
-            </Select.Root>
-          </Settings.ItemInput>
-
-          <Settings.ItemInput title={t('settings toolbar label')}>
-            <Input.Switch
-              checked={settings.toolbar}
-              onCheckedChange={(checked) => onSettingsChange((s) => ({ ...s, toolbar: !!checked }))}
-            />
-          </Settings.ItemInput>
-
-          <Settings.ItemInput title={t('settings numbered headings label')}>
-            <Input.Switch
-              checked={settings.numberedHeadings}
-              onCheckedChange={(checked) => onSettingsChange((s) => ({ ...s, numberedHeadings: !!checked }))}
-            />
-          </Settings.ItemInput>
-
-          <Settings.ItemInput title={t('settings folding label')}>
-            <Input.Switch
-              checked={settings.folding}
-              onCheckedChange={(checked) => onSettingsChange((s) => ({ ...s, folding: !!checked }))}
-            />
-          </Settings.ItemInput>
-
-          <Settings.ItemInput title={t('settings experimental label')}>
-            <Input.Switch
-              checked={settings.experimental}
-              onCheckedChange={(checked) => onSettingsChange((s) => ({ ...s, experimental: !!checked }))}
-            />
-          </Settings.ItemInput>
-
-          <Settings.ItemInput title={t('settings debug label')}>
-            <Input.Switch
-              checked={settings.debug}
-              onCheckedChange={(checked) => onSettingsChange((s) => ({ ...s, debug: !!checked }))}
-            />
-          </Settings.ItemInput>
-
-          {settings.debug && (
-            <Settings.ItemInput title={t('settings debug textarea label', { ns: meta.id })}>
-              <Input.TextArea
-                rows={5}
-                value={settings.typewriter}
-                onChange={({ target: { value } }) => onSettingsChange((s) => ({ ...s, typewriter: value }))}
-                placeholder={t('settings debug placeholder')}
-              />
-            </Settings.ItemInput>
-          )}
-        </Settings.Group>
-      </Settings.Section>
-    </Settings.Root>
-  );
-};

package/src/containers/MarkdownSettings/index.ts

@@ -1,7 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { MarkdownSettings } from './MarkdownSettings';
-
-export default MarkdownSettings;

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 { Collection } from '@dxos/echo';
-import { Operation } from '@dxos/operation';
-import { SpaceSchema } from '@dxos/react-client/echo';
-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`,
-  );
-}