@dxos/react-ui-editor 0.3.10 → 0.3.11-main.1caa3af

package/src/components/TextEditor/extensions/table.ts

@@ -9,6 +9,9 @@ import { Decoration, EditorView, WidgetType } from '@codemirror/view';
 // TODO(burdon): Snippet to create basic table.
 //  https://codemirror.net/docs/ref/#autocomplete.snippet
 
+// TODO(burdon): Advanced formatting (left/right/center).
+// TODO(burdon): Editor to auto balance columns.
+
 export type TableOptions = {};
 
 /**
@@ -73,7 +76,17 @@ const update = (state: EditorState, options: TableOptions) => {
 
   tables.forEach((table) => {
     const hide = state.readOnly || cursor < table.from || cursor > table.to;
-    hide && builder.add(table.from, table.to, Decoration.replace({ widget: new TableWidget(table) }));
+    hide &&
+      builder.add(
+        table.from,
+        table.to,
+        Decoration.replace({
+          block: true,
+          widget: new TableWidget(table),
+        }),
+      );
+
+    // Add class for styling.
     builder.add(table.from, table.to, Decoration.mark({ class: 'cm-table' }));
   });
 

package/src/components/TextEditor/extensions/{tooltip.tsx → tooltip.ts}

@@ -55,7 +55,7 @@ export const tooltip = ({ onHover, regexp = markdownLinkRegexp }: TooltipOptions
         const el = document.createElement('div');
         el.className = tooltipContent({}, 'pli-2 plb-1');
         onHover(el, url);
-        return { dom: el, offset: { x: 0, y: 12 } };
+        return { dom: el, offset: { x: 0, y: 4 } };
       },
     };
   });

package/src/components/TextEditor/extensions/{demo.ts → typewriter.ts}

@@ -15,10 +15,9 @@ export type DemoOptions = {
 const defaultItems = ['hello world!', 'this is a test.', 'this is [DXOS](https://dxos.org)'];
 
 /**
- * Demo script.
  * Configurable plugin that let's user cycle through pre-configured input script.
  */
-export const demo = ({ delay = 75, items = defaultItems }: DemoOptions = {}): Extension => {
+export const typewriter = ({ delay = 75, items = defaultItems }: DemoOptions = {}): Extension => {
   let t: any;
   let idx = 0;
 

package/src/components/TextEditor/extensions/util.ts

@@ -0,0 +1,18 @@
+//
+// Copyright 2024 DXOS.org
+//
+
+import { log } from '@dxos/log';
+
+/**
+ * CodeMirror callbacks swallow errors so wrap handlers.
+ */
+// TODO(burdon): Figure out how to systematize this.
+export const callbackWrapper = <T extends Function>(fn: T): T =>
+  ((...args: any[]) => {
+    try {
+      return fn(...args);
+    } catch (error) {
+      log.catch(error);
+    }
+  }) as unknown as T;

package/src/components/TextEditor/themes/default.ts

@@ -3,9 +3,11 @@
 //
 
 import get from 'lodash.get';
-import { type StyleSpec } from 'style-mod';
 
-import { tokens } from '../../../styles';
+import { type ThemeStyles, tokens } from '../../../styles';
+
+// TODO(burdon): Can we erase All of the default CM styles?
+// TODO(burdon): Theme styles seem to be added multiple times?
 
 /**
  * Minimal styles.
@@ -18,19 +20,31 @@ import { tokens } from '../../../styles';
  * NOTE: Use one of '&', '&light', and '&dark' prefix to scope instance.
  * NOTE: `light` and `dark` selectors are preprocessed by CodeMirror and can only be in the base theme.
  */
-export const defaultTheme: {
-  [selector: string]: StyleSpec;
-} = {
+export const defaultTheme: ThemeStyles = {
   //
   // Main layout:
-  // <div class=".cm-editor .cm-focused">
-  //   <div class=".cm-scroller">
-  //     <div class=".cm-content" role="textbox" contenteditable="true">
-  //       <div class=".cm-line" />
+  // https://codemirror.net/examples/styling
+  //
+  // <div class="cm-editor [cm-focused] [generated classes]">
+  //   <div class="cm-scroller">
+  //     <div class="cm-gutters">
+  //       <div class="cm-gutter [...]">
+  //         <div class="cm-gutterElement">...</div>
+  //       </div>
+  //     </div>
+  //     <div class="cm-content" role="textbox" contenteditable="true">
+  //       <div class="cm-line"></div>
+  //     </div>
+  //     <div class="cm-selectionLayer">
+  //       <div class="cm-selectionBackground"></div>
+  //     </div>
+  //     <div class="cm-cursorLayer">
+  //       <div class="cm-cursor"></div>
   //     </div>
   //   </div>
   // </div>
   //
+
   '&': {},
   '&.cm-focused': {
     outline: 'none',
@@ -39,9 +53,10 @@ export const defaultTheme: {
     overflow: 'visible',
     fontFamily: get(tokens, 'fontFamily.mono', []).join(','),
   },
+
   '& .cm-content': {
     padding: 0,
-    // Base font size (otherwise defined by HTML tag, which might be different for storybook).
+    // NOTE: Base font size (otherwise defined by HTML tag, which might be different for storybook).
     fontSize: '16px',
   },
   '&light .cm-content': {
@@ -72,31 +87,41 @@ export const defaultTheme: {
   '& .cm-line': {
     paddingInline: 0,
   },
-  '& .cm-line *': {},
   '& .cm-activeLine': {
-    backgroundColor: 'transparent',
+    background: 'inherit',
   },
 
   //
-  // selection
+  // Selection
   //
 
-  '&light .cm-selectionBackground, &light.cm-focused .cm-selectionBackground': {
-    background: get(tokens, 'extend.colors.primary.150', '#00ffff'),
+  '&light .cm-selectionBackground': {
+    background: get(tokens, 'extend.colors.primary.100'),
   },
-  '&dark .cm-selectionBackground, &dark.cm-focused .cm-selectionBackground': {
-    background: get(tokens, 'extend.colors.primary.850', '#00ffff'),
+  '&light.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground': {
+    background: get(tokens, 'extend.colors.primary.200'),
   },
-  '&light .cm-selectionMatch': {
-    background: get(tokens, 'extend.colors.primary.250', '#00ffff') + '44',
+  '&dark .cm-selectionBackground': {
+    background: get(tokens, 'extend.colors.primary.700'),
   },
-  '&dark .cm-selectionMatch': {
-    background: get(tokens, 'extend.colors.primary.600', '#00ffff') + '44',
+  '&dark.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground': {
+    background: get(tokens, 'extend.colors.primary.600'),
+  },
+
+  //
+  // Search
+  //
+
+  '&light .cm-searchMatch': {
+    backgroundColor: get(tokens, 'extend.colors.yellow.100'),
+  },
+  '&dark .cm-searchMatch': {
+    backgroundColor: get(tokens, 'extend.colors.yellow.700'),
   },
 
   //
   // collaboration
-  // TODO(burdon): Review classnames (YJS dependent?)
+  // TODO(burdon): Review classnames (YJS dependent?) Note: e2e tests depend on this class.
   //
 
   '&light .cm-ySelection, &light .cm-yLineSelection': {
@@ -211,6 +236,7 @@ export const defaultTheme: {
 
   /**
    * Panels
+   * TODO(burdon): Needs styling attention (esp. dark mode).
    * https://github.com/codemirror/search/blob/main/src/search.ts#L745
    *
    * Find/replace panel.
@@ -226,7 +252,6 @@ export const defaultTheme: {
    */
   '& .cm-panels': {
     border: `1px solid ${get(tokens, 'extend.colors.neutral.200')}`,
-    borderBottom: 'none',
   },
   '& .cm-panel': {
     background: get(tokens, 'extend.colors.neutral.50'),
@@ -236,20 +261,22 @@ export const defaultTheme: {
     margin: '4px',
     fontFamily: get(tokens, 'fontFamily.body', []).join(','),
     background: get(tokens, 'extend.colors.neutral.100'),
+    backgroundImage: 'none',
     border: 'none',
+    '&:hover': {
+      background: get(tokens, 'extend.colors.neutral.200'),
+    },
+    '&:active': {
+      background: get(tokens, 'extend.colors.neutral.300'),
+      backgroundImage: 'none',
+    },
   },
-
-  '& .cm-searchMatch': {
-    backgroundColor: get(tokens, 'extend.colors.yellow.100'),
-  },
-  '& .cm-searchMatch.cm-searchMatch-selected': {
-    backgroundColor: get(tokens, 'extend.colors.primary.100'),
+  '& .cm-panel input[type=checkbox]': {
+    marginRight: '0.4rem !important',
   },
 };
 
-export const textTheme: {
-  [selector: string]: StyleSpec;
-} = {
+export const textTheme: ThemeStyles = {
   '& .cm-scroller': {
     fontFamily: get(tokens, 'fontFamily.body', []).join(','),
   },
@@ -258,18 +285,14 @@ export const textTheme: {
   },
 };
 
-export const markdownTheme: {
-  [selector: string]: StyleSpec;
-} = {
+export const markdownTheme: ThemeStyles = {
   // NOTE: Must leave base font family as is (i.e., monospace) due to fenced code blocks.
   '& .cm-placeholder': {
     fontFamily: get(tokens, 'fontFamily.body', []).join(','),
   },
 };
 
-export const codeTheme: {
-  [selector: string]: StyleSpec;
-} = {
+export const codeTheme: ThemeStyles = {
   '& .cm-scroller': {
     fontFamily: get(tokens, 'fontFamily.mono', []).join(','),
   },

package/src/hooks/automerge/automerge.stories.tsx

@@ -85,8 +85,7 @@ const Story = () => {
 export default {
   title: 'react-ui-editor/Automerge',
   component: Editor,
-};
-
-export const Default = {
   render: () => <Story />,
 };
+
+export const Default = {};

package/src/hooks/automerge/plugin.ts

@@ -17,8 +17,8 @@ import { ViewPlugin, type EditorView, type PluginValue, type ViewUpdate } from '
 import * as automerge from '@dxos/automerge/automerge';
 import { type Heads, type Prop } from '@dxos/automerge/automerge';
 
-import { PatchSemaphore } from './PatchSemaphore';
 import { type IDocHandle } from './handle';
+import { PatchSemaphore } from './semaphore';
 
 export type Value = {
   lastHeads: Heads;

package/src/hooks/automerge/{PatchSemaphore.ts → semaphore.ts}

@@ -10,7 +10,8 @@ import { next as automerge } from '@dxos/automerge/automerge';
 
 import { type IDocHandle } from './handle';
 import { type Field, isReconcileTx, getPath, reconcileAnnotationType, updateHeads, getLastHeads } from './plugin';
-import { automergeToCodemirror, codemirrorToAutomerge } from './translation';
+import { updateAutomerge } from './update-automerge';
+import { updateCodeMirror } from './update-codemirror';
 
 type Doc<T> = automerge.Doc<T>;
 type Heads = automerge.Heads;
@@ -55,7 +56,7 @@ export class PatchSemaphore {
     }
 
     // Apply the unreconciled transactions to the document.
-    let newHeads = codemirrorToAutomerge(this._field, handle, transactions, view.state);
+    let newHeads = updateAutomerge(this._field, handle, transactions, view.state);
 
     // NOTE: null and undefined each come from automerge and repo respectively.
     if (newHeads === null || newHeads === undefined) {
@@ -65,7 +66,7 @@ export class PatchSemaphore {
 
     // Now get the diff between the updated state of the document and the heads and apply that to the codemirror doc.
     const diff = automerge.equals(oldHeads, newHeads) ? [] : automerge.diff(handle.docSync()!, oldHeads, newHeads);
-    automergeToCodemirror(view, selection, path, diff);
+    updateCodeMirror(view, selection, path, diff);
 
     view.dispatch({
       effects: updateHeads(newHeads),

package/src/hooks/automerge/{translation/codemirror-to-automerge.ts → update-automerge.ts}

@@ -8,10 +8,10 @@ import { type EditorState, type Text, type Transaction } from '@codemirror/state
 
 import { next as am, type Heads } from '@dxos/automerge/automerge';
 
-import { type IDocHandle } from '../handle';
-import { type Field } from '../plugin';
+import { type IDocHandle } from './handle';
+import { type Field } from './plugin';
 
-export const codemirrorToAutomerge = (
+export const updateAutomerge = (
   field: Field,
   handle: IDocHandle,
   transactions: Transaction[],

package/src/hooks/automerge/{translation/automerge-to-codemirror.ts → update-codemirror.ts}

@@ -16,14 +16,9 @@ import {
   type SpliceTextPatch,
 } from '@dxos/automerge/automerge';
 
-import { reconcileAnnotationType } from '../plugin';
+import { reconcileAnnotationType } from './plugin';
 
-export const automergeToCodemirror = (
-  view: EditorView,
-  selection: EditorSelection,
-  target: Prop[],
-  patches: Patch[],
-) => {
+export const updateCodeMirror = (view: EditorView, selection: EditorSelection, target: Prop[], patches: Patch[]) => {
   for (const patch of patches) {
     const changeSpec = handlePatch(patch, target, view.state);
     if (changeSpec != null) {

package/src/hooks/useTextModel.ts

@@ -2,11 +2,12 @@
 // Copyright 2023 DXOS.org
 //
 
-import { type Extension } from '@codemirror/state';
+import { type Extension, StateField } from '@codemirror/state';
 import get from 'lodash.get';
 import { useEffect, useState } from 'react';
 import { yCollab } from 'y-codemirror.next';
 import type * as awarenessProtocol from 'y-protocols/awareness';
+import * as Y from 'yjs';
 
 import { invariant } from '@dxos/invariant';
 import {
@@ -19,6 +20,7 @@ import {
 } from '@dxos/react-client/echo';
 import { type Identity } from '@dxos/react-client/halo';
 import type { YText, YXmlFragment } from '@dxos/text-model';
+import { arrayToString, stringToArray } from '@dxos/util';
 
 import { automergePlugin } from './automerge';
 import { SpaceAwarenessProvider } from './yjs';
@@ -26,19 +28,34 @@ import { SpaceAwarenessProvider } from './yjs';
 // TODO(burdon): Move.
 type Awareness = awarenessProtocol.Awareness;
 
-export type DocumentRange = {
-  id: string;
+/**
+ * State field makes the model available to other extensions.
+ */
+// TODO(burdon): Use facet?
+export const modelState = StateField.define<EditorModel | undefined>({
+  create: () => undefined,
+  update: (model) => model,
+});
+
+export type Range = {
   from: number;
   to: number;
 };
 
+export type CommentRange = {
+  id: string;
+  // TODO(burdon): Split into begin/end?
+  cursor: string;
+};
+
 // TODO(wittjosiah): Factor out to common package? @dxos/react-client?
 export type EditorModel = {
   id: string;
   // TODO(burdon): Remove.
   content: string | YText | YXmlFragment | DocAccessor;
   text: () => string;
-  ranges: DocumentRange[];
+  getCursorFromRange?: (value: Range) => string;
+  getRangeFromCursor?: (cursor: string) => Range;
   extension?: Extension;
   awareness?: Awareness;
   peer?: {
@@ -48,7 +65,7 @@ export type EditorModel = {
 };
 
 // TODO(burdon): Remove space/identity dependency. Define interface for the framework re content and presence.
-export type UseTextModelOptions = {
+export type UseTextModelProps = {
   identity?: Identity | null;
   space?: Space;
   text?: TextObject;
@@ -56,39 +73,55 @@ export type UseTextModelOptions = {
 
 // TODO(burdon): Remove YJS/Automerge deps (from UI component -- create abstraction; incl. all ECHO/Space deps).
 // TODO(wittjosiah): Factor out to common package? @dxos/react-client?
-export const useTextModel = ({ identity, space, text }: UseTextModelOptions): EditorModel | undefined => {
-  const [model, setModel] = useState<EditorModel | undefined>(() => createModel({ identity, space, text }));
-  useEffect(() => {
-    setModel(createModel({ identity, space, text }));
-  }, [identity, space, text]);
+export const useTextModel = (props: UseTextModelProps): EditorModel | undefined => {
+  const { identity, space, text } = props;
+  const [model, setModel] = useState<EditorModel | undefined>(() => createModel(props));
+  useEffect(() => setModel(createModel(props)), [identity, space, text]);
   return model;
 };
 
-const createModel = (options: UseTextModelOptions) => {
-  const { text } = options;
+const createModel = (props: UseTextModelProps) => {
+  const { text } = props;
   if (isActualAutomergeObject(text)) {
-    return createAutomergeModel(options);
+    return createAutomergeModel(props);
   } else {
     if (!text?.doc) {
       return undefined;
     }
 
-    return createYjsModel(options);
+    return createYjsModel(props);
   }
 };
 
-const createYjsModel = ({ identity, space, text }: UseTextModelOptions): EditorModel => {
+const createYjsModel = ({ identity, space, text }: UseTextModelProps): EditorModel => {
   invariant(text?.doc && text?.content);
   const provider = space
     ? new SpaceAwarenessProvider({ space, doc: text.doc, channel: `yjs.awareness.${text.id}` })
     : undefined;
 
-  return {
+  const model: EditorModel = {
     id: text.doc.guid,
     content: text.content,
     text: () => text.content!.toString(),
-    ranges: [],
-    extension: yCollab(text.content as YText, provider?.awareness),
+    // https://github.com/yjs/yjs?tab=readme-ov-file#relative-positions
+    getCursorFromRange: (range: Range) => {
+      const from = Y.encodeRelativePosition(Y.createRelativePositionFromTypeIndex(text.content as YText, range.from));
+      const to = Y.encodeRelativePosition(Y.createRelativePositionFromTypeIndex(text.content as YText, range.to, -1));
+      return [arrayToString(from), arrayToString(to)].join(':');
+    },
+    getRangeFromCursor: (cursor: string) => {
+      const parts = cursor.split(':');
+      const from = Y.createAbsolutePositionFromRelativePosition(
+        Y.decodeRelativePosition(stringToArray(parts[0])),
+        text.doc!,
+      );
+      const to = Y.createAbsolutePositionFromRelativePosition(
+        Y.decodeRelativePosition(stringToArray(parts[1])),
+        text.doc!,
+      );
+      return { from: from!.index, to: to!.index };
+    },
+    extension: [yCollab(text.content as YText, provider?.awareness), modelState.init(() => model)],
     awareness: provider?.awareness,
     peer: identity
       ? {
@@ -97,18 +130,20 @@ const createYjsModel = ({ identity, space, text }: UseTextModelOptions): EditorM
         }
       : undefined,
   };
+
+  return model;
 };
 
-const createAutomergeModel = ({ identity, text }: UseTextModelOptions): EditorModel => {
+const createAutomergeModel = ({ identity, text }: UseTextModelProps): EditorModel => {
   const obj = text as any as AutomergeTextCompat;
   const doc = getRawDoc(obj, [obj.field]);
 
-  return {
+  const model: EditorModel = {
     id: obj.id,
     content: doc,
     text: () => get(doc.handle.docSync(), doc.path),
-    ranges: [],
-    extension: automergePlugin(doc.handle, doc.path),
+    // TODO(burdon): https://automerge.org/automerge/api-docs/js/functions/next.getCursor.html
+    extension: [automergePlugin(doc.handle, doc.path), modelState.init(() => model)],
     peer: identity
       ? {
           id: identity.identityKey.toHex(),
@@ -116,4 +151,6 @@ const createAutomergeModel = ({ identity, text }: UseTextModelOptions): EditorMo
         }
       : undefined,
   };
+
+  return model;
 };

package/src/hooks/yjs/yjs.test.ts

@@ -0,0 +1,59 @@
+//
+// Copyright 2024 DXOS.org
+//
+
+import { effect } from '@preact/signals-react';
+import { expect } from 'chai';
+import * as Y from 'yjs';
+
+import { Trigger } from '@dxos/async';
+import { Expando, setGlobalAutomergePreference, TextObject } from '@dxos/echo-schema';
+import { registerSignalFactory } from '@dxos/echo-signals';
+import { describe, test } from '@dxos/test';
+import { type YText } from '@dxos/text-model';
+
+describe('YJS', () => {
+  // https://docs.yjs.dev/api/shared-types/y.text
+  // https://github.com/yjs/yjs?tab=readme-ov-file#relative-positions
+  test('absolute position', () => {
+    const obj = new TextObject('hello world');
+    const index = obj.text.indexOf('world');
+    const relPos = Y.encodeRelativePosition(Y.createRelativePositionFromTypeIndex(obj.content as YText, index));
+
+    {
+      const cursor = Y.createAbsolutePositionFromRelativePosition(Y.decodeRelativePosition(relPos), obj.doc!);
+      expect(cursor!.index).to.equal(index);
+      expect(obj.text.substring(cursor!.index)).to.equal('world');
+    }
+
+    (obj.content as YText).insert(index, 'cruel ');
+    expect(obj.text).to.equal('hello cruel world');
+
+    {
+      const cursor = Y.createAbsolutePositionFromRelativePosition(Y.decodeRelativePosition(relPos), obj.doc!);
+      expect(cursor!.index).not.to.equal(index);
+      expect(obj.text.substring(cursor!.index)).to.equal('world');
+    }
+  });
+
+  // TODO(burdon): Test deleting end character.
+
+  test.skip('effect', async () => {
+    setGlobalAutomergePreference(true);
+    registerSignalFactory();
+    const obj = new Expando({ comments: [] });
+
+    const trigger = new Trigger();
+    const unsubscribe = effect(() => {
+      // TODO(burdon): BUG: doesn't work with YJS.
+      console.log(obj.comments);
+      if (obj.comments.length > 0) {
+        trigger.wake();
+      }
+    });
+
+    obj.comments.push({ message: 'hello' });
+    await trigger.wait();
+    unsubscribe();
+  });
+});

package/src/index.ts

@@ -4,6 +4,7 @@
 
 export { TextKind } from '@dxos/protocols/proto/dxos/echo/model/text';
 export { Doc, YText, YXmlFragment } from '@dxos/text-model';
+export { type Extension } from '@codemirror/state';
 
 export * from './components';
 export * from './hooks';

package/src/testing/replicator.ts

@@ -169,7 +169,6 @@ export class Replicator {
       id: doc.guid,
       text: () => content.toString(),
       content,
-      ranges: [],
       awareness: provider.awareness,
       peer: { id },
     };

package/dist/types/src/components/TextEditor/extensions/demo.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"demo.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextEditor/extensions/demo.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAKnD,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;CAClB,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,IAAI,sBAA0C,WAAW,KAAQ,SAgD7E,CAAC"}

package/dist/types/src/components/TextEditor/extensions/experimental.d.ts

@@ -1,10 +0,0 @@
-import { type Extension } from '@codemirror/state';
-import { type DecorationSet, MatchDecorator, ViewPlugin, type ViewUpdate } from '@codemirror/view';
-export declare const styles: Extension;
-export declare function hyperLinkExtension(): ViewPlugin<{
-    readonly decorator: MatchDecorator;
-    decorations: DecorationSet;
-    update(update: ViewUpdate): void;
-}>;
-export declare const hyperlinkWidget: Extension;
-//# sourceMappingURL=experimental.d.ts.map

package/dist/types/src/components/TextEditor/extensions/experimental.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"experimental.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextEditor/extensions/experimental.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAEL,KAAK,aAAa,EAElB,cAAc,EACd,UAAU,EACV,KAAK,UAAU,EAChB,MAAM,kBAAkB,CAAC;AAG1B,eAAO,MAAM,MAAM,WAYjB,CAAC;AAiDH,wBAAgB,kBAAkB;wBAGR,cAAc;;mBAOnB,UAAU;GAwB9B;AAED,eAAO,MAAM,eAAe,EAAE,SAA0C,CAAC"}

package/dist/types/src/components/TextEditor/extensions/highlight.d.ts

@@ -1,24 +0,0 @@
-import { type Extension, StateField } from '@codemirror/state';
-import { EditorView } from '@codemirror/view';
-import { type DocumentRange } from '../../../hooks';
-type HighlightRange = DocumentRange & {
-    active?: boolean;
-};
-/**
- * Update field set.
- */
-export declare const useHighlights: (view: EditorView | undefined, ranges?: HighlightRange[]) => void;
-/**
- * State field that tracks highlight ranges.
- */
-export declare const highlightStateField: StateField<HighlightRange[]>;
-/**
- * Decorate ranges.
- */
-export declare const highlightDecorations: Extension;
-export type HighlightOptions = {
-    onChange?: (active?: string) => {};
-};
-export declare const highlight: (options?: HighlightOptions) => Extension;
-export {};
-//# sourceMappingURL=highlight.d.ts.map

package/dist/types/src/components/TextEditor/extensions/highlight.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"highlight.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextEditor/extensions/highlight.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAe,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EAAc,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAI1D,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAsBpD,KAAK,cAAc,GAAG,aAAa,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAK3D;;GAEG;AAEH,eAAO,MAAM,aAAa,SAAU,UAAU,GAAG,SAAS,WAAU,cAAc,EAAE,SAMnF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,8BAW9B,CAAC;AAEH;;GAEG;AAEH,eAAO,MAAM,oBAAoB,WAiB/B,CAAC;AAoCH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,EAAE,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,SAAS,aAAa,gBAAgB,KAAQ,SAE1D,CAAC"}

package/dist/types/src/hooks/automerge/PatchSemaphore.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PatchSemaphore.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/automerge/PatchSemaphore.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,EAAE,IAAI,IAAI,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAE9D,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,KAAK,KAAK,EAA8E,MAAM,UAAU,CAAC;AAGlH,KAAK,GAAG,CAAC,CAAC,IAAI,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AAC/B,KAAK,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC;AAE7B,KAAK,QAAQ,GAAG,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,OAAO,CAAC,KAAK,IAAI,KAAK,KAAK,GAAG,SAAS,CAAC;AAE3F;;GAEG;AACH,qBAAa,cAAc;IACzB,MAAM,EAAG,KAAK,CAAC;IACf,YAAY,UAAS;IACrB,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAM;gBAEjB,KAAK,CAAC,EAAE,KAAK;IAMzB,SAAS,WAAY,UAAU,QAAQ,UAAU,UA0C/C;CACH"}

package/dist/types/src/hooks/automerge/translation/automerge-to-codemirror.d.ts

@@ -1,5 +0,0 @@
-import { type EditorSelection } from '@codemirror/state';
-import { type EditorView } from '@codemirror/view';
-import { type Patch, type Prop } from '@dxos/automerge/automerge';
-export declare const automergeToCodemirror: (view: EditorView, selection: EditorSelection, target: Prop[], patches: Patch[]) => void;
-//# sourceMappingURL=automerge-to-codemirror.d.ts.map

package/dist/types/src/hooks/automerge/translation/automerge-to-codemirror.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"automerge-to-codemirror.d.ts","sourceRoot":"","sources":["../../../../../../src/hooks/automerge/translation/automerge-to-codemirror.ts"],"names":[],"mappings":"AAMA,OAAO,EAA8B,KAAK,eAAe,EAAoB,MAAM,mBAAmB,CAAC;AACvG,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,EAGL,KAAK,KAAK,EACV,KAAK,IAAI,EAGV,MAAM,2BAA2B,CAAC;AAInC,eAAO,MAAM,qBAAqB,SAC1B,UAAU,aACL,eAAe,UAClB,IAAI,EAAE,WACL,KAAK,EAAE,SAkBjB,CAAC"}

package/dist/types/src/hooks/automerge/translation/codemirror-to-automerge.d.ts

@@ -1,6 +0,0 @@
-import { type EditorState, type Transaction } from '@codemirror/state';
-import { type Heads } from '@dxos/automerge/automerge';
-import { type IDocHandle } from '../handle';
-import { type Field } from '../plugin';
-export declare const codemirrorToAutomerge: (field: Field, handle: IDocHandle, transactions: Transaction[], state: EditorState) => Heads | undefined;
-//# sourceMappingURL=codemirror-to-automerge.d.ts.map