@dxos/react-ui-editor 0.8.1 → 0.8.2-main.12df754

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',
-  );