yjs_fundamentals_05.ts

import * as Y from "yjs";
import * as util from "util";

const ydoc = new Y.Doc();

// Create a top level data type
const yarray = ydoc.getArray("listOfNumbers");

// Insert 1, then replace it with 2
yarray.insert(0, [1]);
yarray.delete(0);
yarray.insert(0, [2]);

// Log the underlying edits
const updates = Y.encodeStateAsUpdate(ydoc);
console.log(
  util.inspect(Y.decodeUpdate(updates), { colors: true, depth: null })
);