@dxos/react-ui-editor 0.8.1-staging.9eaf14f → 0.8.2-main.10c050d

package/src/components/EditorToolbar/comment.ts

@@ -1,23 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { type Label } from '@dxos/react-ui';
-
-import { createEditorAction, type EditorToolbarState } from './util';
-import { translationKey } from '../../translations';
-
-const commentLabel = (comment?: boolean, selection?: boolean) =>
-  comment
-    ? 'selection overlaps existing comment label'
-    : selection === false
-      ? 'select text to comment label'
-      : 'comment label';
-
-const createCommentAction = (label: Label) =>
-  createEditorAction({ type: 'comment', testId: 'editor.toolbar.comment' }, 'ph--chat-text--regular', label);
-
-export const createComment = (state: EditorToolbarState) => ({
-  nodes: [createCommentAction([commentLabel(state.comment, state.selection), { ns: translationKey }])],
-  edges: [{ source: 'root', target: 'comment' }],
-});

package/src/extensions/command/preview.ts

@@ -1,79 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import { syntaxTree } from '@codemirror/language';
-import {
-  type EditorState,
-  type Extension,
-  type RangeSet,
-  RangeSetBuilder,
-  StateField,
-  type Transaction,
-} from '@codemirror/state';
-import { Decoration, type DecorationSet, EditorView, WidgetType } from '@codemirror/view';
-
-export type PreviewOptions = {
-  onRenderPreview: (el: HTMLElement, props: { url: string; text: string }) => void;
-};
-
-/**
- * Create image decorations.
- */
-export const preview = (options: PreviewOptions): Extension => {
-  return [
-    StateField.define<DecorationSet>({
-      create: (state) => buildDecorations(state, options),
-      update: (_: RangeSet<Decoration>, tr: Transaction) => buildDecorations(tr.state, options),
-      // TODO(burdon): Make atomic.
-      provide: (field) => EditorView.decorations.from(field),
-    }),
-  ];
-};
-
-// TODO(burdon): Make atomic.
-const buildDecorations = (state: EditorState, options: PreviewOptions) => {
-  const builder = new RangeSetBuilder<Decoration>();
-  syntaxTree(state).iterate({
-    enter: (node) => {
-      if (node.name === 'Link') {
-        const urlNode = node.node.getChild('URL');
-        if (urlNode) {
-          const text = state.sliceDoc(node.from + 1, urlNode.from - 2);
-          const url = state.sliceDoc(urlNode.from, urlNode.to);
-          builder.add(
-            node.from,
-            node.to,
-            Decoration.replace({
-              block: true, // Prevent cursor from entering.
-              widget: new PreviewWidget(options.onRenderPreview, url, text),
-            }),
-          );
-        }
-      }
-    },
-  });
-
-  return builder.finish();
-};
-
-class PreviewWidget extends WidgetType {
-  constructor(
-    readonly _onRenderPreview: PreviewOptions['onRenderPreview'],
-    readonly _url: string,
-    readonly _text: string,
-  ) {
-    super();
-  }
-
-  override eq(other: this) {
-    return this._url === (other as any as PreviewWidget)._url;
-  }
-
-  override toDOM(view: EditorView) {
-    const root = document.createElement('div');
-    root.classList.add('cm-preview');
-    this._onRenderPreview(root, { url: this._url, text: this._text });
-    return root;
-  }
-}

package/src/fragments.ts

@@ -1,19 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { mx } from '@dxos/react-ui-theme';
-
-// TODO(burdon): Move this to a common plugin.
-
-export const stackItemContentEditorClassNames = (role?: string) =>
-  mx(
-    'attention-surface dx-focus-ring-inset data-[toolbar=disabled]:pbs-2',
-    role === 'section' ? '[&_.cm-scroller]:overflow-hidden [&_.cm-scroller]:min-bs-24' : 'min-bs-0',
-  );
-
-export const stackItemContentToolbarClassNames = (role?: string) =>
-  mx(
-    'attention-surface is-full border-be !border-separator',
-    role === 'section' && 'sticky block-start-0 z-[1] -mbe-px min-is-0',
-  );

package/src/hooks/useActionHandler.ts

@@ -1,12 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import { type EditorView } from '@codemirror/view';
-import { useCallback } from 'react';
-
-import { type EditorAction, processEditorPayload } from '../extensions';
-
-export const useActionHandler = (view?: EditorView | null) => {
-  return useCallback((action: EditorAction) => view && processEditorPayload(view, action.properties), [view]);
-};