@dxos/react-ui-editor 0.8.4-main.e8ec1fe → 0.8.4-main.ef1bc66f44

package/src/extensions/blocks.ts

@@ -1,131 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { RangeSetBuilder } from '@codemirror/state';
-import { Decoration, type DecorationSet, EditorView, ViewPlugin, type ViewUpdate } from '@codemirror/view';
-
-import { mx } from '@dxos/react-ui-theme';
-
-const paragraphBlockPlugin = ViewPlugin.fromClass(
-  class {
-    decorations: DecorationSet;
-
-    constructor(view: EditorView) {
-      this.decorations = this.build(view);
-    }
-
-    update(update: ViewUpdate) {
-      if (update.docChanged || update.viewportChanged) {
-        this.decorations = this.build(update.view);
-      }
-    }
-
-    build({ state }: EditorView) {
-      const builder = new RangeSetBuilder<Decoration>();
-
-      // Helper: commit a block from blockStart to endLine (inclusive).
-      const pushBlock = (fromLine: number, toLine: number) => {
-        // Add line decorations for each line in the block.
-        for (let lineNum = fromLine; lineNum <= toLine; lineNum++) {
-          const line = state.doc.line(lineNum);
-          builder.add(
-            line.from,
-            line.from,
-            Decoration.line({
-              class: mx(
-                'block-line',
-                fromLine === toLine && 'block-single',
-                lineNum === fromLine && 'block-first',
-                lineNum > fromLine && lineNum < toLine && 'block-middle',
-                lineNum === toLine && 'block-last',
-              ),
-            }),
-          );
-        }
-      };
-
-      let blockStart: number | null = null;
-      let consecutiveBlankLines = 0;
-      const totalLines = state.doc.lines;
-      for (let i = 1; i <= totalLines; i++) {
-        const line = state.doc.line(i);
-        const isBlank = /^\s*$/.test(line.text);
-
-        if (!isBlank) {
-          // Reset blank line counter.
-          consecutiveBlankLines = 0;
-          // Start a new block if we're not already in one.
-          if (blockStart === null) {
-            blockStart = i;
-          }
-        } else {
-          // Increment blank line counter.
-          consecutiveBlankLines++;
-
-          // End the current block if we have 2+ consecutive blank lines.
-          if (consecutiveBlankLines >= 2 && blockStart !== null) {
-            pushBlock(blockStart, i - consecutiveBlankLines);
-            blockStart = null;
-          }
-        }
-      }
-
-      // Handle any remaining block at the end of the document.
-      if (blockStart !== null) {
-        // Find the last non-blank line for the block end.
-        let lastNonBlankLine = totalLines;
-        while (lastNonBlankLine >= blockStart) {
-          const line = state.doc.line(lastNonBlankLine);
-          if (!/^\s*$/.test(line.text)) {
-            break;
-          }
-          lastNonBlankLine--;
-        }
-        if (lastNonBlankLine >= blockStart) {
-          pushBlock(blockStart, lastNonBlankLine);
-        }
-      }
-
-      return builder.finish();
-    }
-  },
-  {
-    decorations: (v) => v.decorations,
-  },
-);
-
-export const blocks = () => [
-  paragraphBlockPlugin,
-  EditorView.baseTheme({
-    '.cm-line.block-line': {
-      paddingLeft: '0.75rem',
-      paddingRight: '0.75rem',
-      borderLeft: '1px solid var(--dx-subduedSeparator)',
-      borderRight: '1px solid var(--dx-subduedSeparator)',
-    },
-    '.cm-line.block-single': {
-      border: '1px solid var(--dx-subduedSeparator)',
-      borderRadius: '6px',
-      paddingTop: '0.5rem',
-      paddingBottom: '0.5rem',
-      marginTop: '0.5rem',
-      marginBottom: '0.5rem',
-    },
-    '.cm-line.block-first': {
-      borderTop: '1px solid var(--dx-subduedSeparator)',
-      borderTopLeftRadius: '6px',
-      borderTopRightRadius: '6px',
-      paddingTop: '0.5rem',
-      marginTop: '0.5rem',
-    },
-    '.cm-line.block-middle': {},
-    '.cm-line.block-last': {
-      borderBottom: '1px solid var(--dx-subduedSeparator)',
-      borderBottomLeftRadius: '6px',
-      borderBottomRightRadius: '6px',
-      paddingBottom: '0.5rem',
-      marginBottom: '0.5rem',
-    },
-  }),
-];

package/src/extensions/bookmarks.ts

@@ -1,75 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { type Extension, Prec, StateEffect, StateField } from '@codemirror/state';
-import { keymap } from '@codemirror/view';
-
-type Bookmark = {
-  id: string;
-  pos: number;
-  name: string;
-};
-
-export const addBookmark = StateEffect.define<Bookmark>();
-export const removeBookmark = StateEffect.define<string>();
-export const clearBookmarks = StateEffect.define<void>();
-
-export const bookmarks = (): Extension => {
-  return [
-    bookmarksField,
-    Prec.highest(
-      keymap.of([
-        {
-          key: 'Mod-ArrowUp',
-          run: (view) => {
-            const bookmarks = view.state.field(bookmarksField);
-            console.log('up', bookmarks);
-            return true;
-          },
-        },
-        {
-          key: 'Mod-ArrowDown',
-          run: (view) => {
-            const bookmarks = view.state.field(bookmarksField);
-            console.log('down', bookmarks);
-            return true;
-          },
-        },
-      ]),
-    ),
-  ];
-};
-
-type BookmarkFieldState = {
-  bookmarks: Bookmark[];
-};
-
-const bookmarksField = StateField.define<BookmarkFieldState>({
-  create: (): BookmarkFieldState => ({
-    bookmarks: [],
-  }),
-
-  update: (value: BookmarkFieldState, tr): BookmarkFieldState => {
-    // Map bookmark positions through document changes.
-    let bookmarks = value.bookmarks.map((bookmark) => ({
-      ...bookmark,
-      pos: tr.changes.mapPos(bookmark.pos),
-    }));
-
-    // Process effects.
-    for (const effect of tr.effects) {
-      if (effect.is(addBookmark)) {
-        bookmarks = [...bookmarks, effect.value];
-      } else if (effect.is(removeBookmark)) {
-        bookmarks = bookmarks.filter((b) => b.id !== effect.value);
-      } else if (effect.is(clearBookmarks)) {
-        bookmarks = [];
-      }
-    }
-
-    // Sort bookmarks by position.
-    bookmarks.sort(({ pos: a }, { pos: b }) => a - b);
-    return { bookmarks };
-  },
-});