@dxos/react-ui-editor 0.8.4-main.ead640a → 0.8.4-main.effb148878

package/src/util/cursor.ts

@@ -1,56 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import { type EditorState } from '@codemirror/state';
-
-import { type Range } from '../types';
-
-import { singleValueFacet } from './facet';
-
-/**
- * Determines if two ranges overlap.
- * A range is considered to overlap if there is any intersection
- * between the two ranges, inclusive of their boundaries.
- */
-export const overlap = (a: Range, b: Range): boolean => a.from <= b.to && a.to >= b.from;
-
-/**
- * Converts indexes into the text document into stable peer-independent cursors.
- *
- * See:
- *  - https://automerge.org/automerge/api-docs/js/functions/next.getCursor.html
- *  - https://github.com/yjs/yjs?tab=readme-ov-file#relative-positions
- *
- * @param {assoc} number Negative values will associate the cursor with the previous character
- *  while positive - with the next one.
- */
-export interface CursorConverter {
-  toCursor(position: number, assoc?: -1 | 1 | undefined): string;
-  fromCursor(cursor: string): number;
-}
-
-const defaultCursorConverter: CursorConverter = {
-  toCursor: (position) => position.toString(),
-  fromCursor: (cursor) => parseInt(cursor),
-};
-
-export class Cursor {
-  static readonly converter = singleValueFacet(defaultCursorConverter);
-
-  static readonly getCursorFromRange = (state: EditorState, range: Range) => {
-    const cursorConverter = state.facet(Cursor.converter);
-    const from = cursorConverter.toCursor(range.from);
-    const to = cursorConverter.toCursor(range.to, -1);
-    return [from, to].join(':');
-  };
-
-  static readonly getRangeFromCursor = (state: EditorState, cursor: string) => {
-    const cursorConverter = state.facet(Cursor.converter);
-
-    const parts = cursor.split(':');
-    const from = cursorConverter.fromCursor(parts[0]);
-    const to = cursorConverter.fromCursor(parts[1]);
-    return from !== undefined && to !== undefined ? { from, to } : undefined;
-  };
-}

package/src/util/debug.ts

@@ -1,64 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import { type Transaction } from '@codemirror/state';
-import { type EditorView } from '@codemirror/view';
-
-import { log } from '@dxos/log';
-
-export const wrapWithCatch = (fn: (...args: any[]) => any, label?: string) => {
-  return (...args: any[]) => {
-    try {
-      return fn(...args);
-    } catch (err) {
-      log.catch(err, { label });
-    }
-  };
-};
-
-/**
- * CodeMirror callbacks swallow errors so wrap handlers.
- */
-// TODO(burdon): Reconcile with wrapWithCatch.
-export const callbackWrapper = <T extends Function>(fn: T): T =>
-  ((...args: any[]) => {
-    try {
-      return fn(...args);
-    } catch (err) {
-      log.catch(err);
-    }
-  }) as unknown as T;
-
-/**
- * Log all changes before dispatching them to the view.
- * https://codemirror.net/docs/ref/#view.EditorView.dispatch
- */
-export const debugDispatcher = (trs: readonly Transaction[], view: EditorView) => {
-  logChanges(trs);
-  view.update(trs);
-};
-
-/**
- * Util to log transactions in update listener.
- */
-export const logChanges = (trs: readonly Transaction[]) => {
-  const changes = trs
-    .flatMap((tr) => {
-      if (tr.changes.empty) {
-        return undefined;
-      }
-
-      const changes: any[] = [];
-      tr.changes.iterChanges((fromA, toA, fromB, toB, inserted) =>
-        changes.push(JSON.stringify({ fromA, toA, fromB, toB, inserted: inserted.toString() })),
-      );
-
-      return changes;
-    })
-    .filter(Boolean);
-
-  if (changes.length) {
-    log('changes', { changes });
-  }
-};

package/src/util/decorations.ts

@@ -1,21 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { type Range } from '@codemirror/state';
-import { type Decoration, type DecorationSet } from '@codemirror/view';
-
-export const decorationSetToArray = (deco: DecorationSet): readonly Range<Decoration>[] => {
-  const ranges: Range<Decoration>[] = [];
-  const iter = deco.iter();
-  while (iter.value) {
-    ranges.push({
-      from: iter.from,
-      to: iter.to,
-      value: iter.value,
-    });
-    iter.next();
-  }
-
-  return ranges;
-};

package/src/util/dom.ts

@@ -1,34 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-export type Rect = {
-  readonly left: number;
-  readonly right: number;
-  readonly top: number;
-  readonly bottom: number;
-};
-
-export const flattenRect = (rect: Rect, left: boolean): Rect => {
-  const x = left ? rect.left : rect.right;
-  return { left: x, right: x, top: rect.top, bottom: rect.bottom };
-};
-
-let scratchRange: Range | null;
-
-export const textRange = (node: Text, from: number, to = from): Range => {
-  const range = scratchRange || (scratchRange = document.createRange());
-  range.setEnd(node, to);
-  range.setStart(node, from);
-  return range;
-};
-
-export const clientRectsFor = (dom: Node): DOMRectList => {
-  if (dom.nodeType === 3) {
-    return textRange(dom as Text, 0, dom.nodeValue!.length).getClientRects();
-  } else if (dom.nodeType === 1) {
-    return (dom as HTMLElement).getClientRects();
-  } else {
-    return [] as any as DOMRectList;
-  }
-};

package/src/util/facet.ts

@@ -1,13 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import { Facet } from '@codemirror/state';
-
-export const singleValueFacet = <I, O = I>(defaultValue?: O) =>
-  Facet.define<I, O>({
-    // Called immediately.
-    combine: (providers) => {
-      return (providers[0] ?? defaultValue) as O;
-    },
-  });