feat(json-crdt-peritext-ui): 🎸 integrate selection set concept into "buffer" events

Author: streamich

src/json-crdt-peritext-ui/__demos__/components/App.tsx

@@ -62,7 +62,7 @@ export const App: React.FC = () => {
             state.events.et.buffer({
               action: 'paste',
               format: 'md',
-              unit: [0, 0],
+              at: [0],
               data: {
                 text: markdown,
               },

src/json-crdt-peritext-ui/events/defaults/PeritextEventDefaults.ts

@@ -226,23 +226,16 @@ export class PeritextEventDefaults implements PeritextEventHandlerMap {
     this.undo?.capture();
   };
 
-  public readonly buffer = async (event: CustomEvent<events.BufferDetail>) => {
+  public readonly buffer = async ({detail}: CustomEvent<events.BufferDetail>) => {
+    const selection = [...this.getSelSet(detail)];
+    this.moveSelSet(selection, detail);
     const opts = this.opts;
     const clipboard = opts.clipboard;
     if (!clipboard) return;
-    const detail = event.detail;
     const {action, format} = detail;
-    let range: undefined | Range<any>;
     const txt = this.txt;
     const editor = txt.editor;
-    if (detail.unit) {
-      const p1 = editor.pos2point(detail.unit[0]);
-      const p2 = editor.pos2point(detail.unit[1]);
-      range = txt.rangeFromPoints(p1, p2);
-    } else {
-      range = editor.getCursor()?.range();
-      if (!range) range = txt.rangeAll();
-    }
+    let range: undefined | Range<any> = selection[0] ?? txt.rangeAll();
     if (!range) return;
     switch (action) {
       case 'cut':

src/json-crdt-peritext-ui/events/types.ts

@@ -377,29 +377,6 @@ export interface BufferDetail extends RangeEventDetail {
    */
   format?: 'auto' | 'text' | 'json' | 'jsonml' | 'hast' | 'html' | 'mdast' | 'md' | 'fragment' | 'style';
 
-  /**
-   * The range of text to cut or copy. If not specified, the first selection of
-   * the current cursor is used. If not specified and there is no cursor, the
-   * whole document is used.
-   * 
-   * When multiple cursors are present, the range is calculated by using the
-   * first cursor.
-   * 
-   * Below is a description of the possible values:
-   * 
-   * - `cursor`: The current cursor selection.
-   * - `word`: The word at the current cursor position. Left and right edges of
-   *   the selection are moved to the beginning and end of the word.
-   * - `line`: The line at the current cursor caret or focus position.
-   * - `block`: The block at the current cursor caret or focus position.
-   * - `all`: The whole document.
-   * - `[start, end]`: A specific range of text to cut or copy.
-   * 
-   * @default 'cursor'
-   */
-  // unit?: [start: Position, end: Position] | 'cursor' | 'word' | 'line' | 'block' | 'all';
-  unit?: [start: Position, end: Position];
-
   /**
    * The data to paste into the document, when `action` is `"paste"`. If not
    * specified, an attempt is made to retrieve the data from the clipboard.