@pluv/crdt-yjs 0.15.0 → 0.16.1

package/dist/index.js

@@ -37,58 +37,354 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
-  YjsDoc: () => YjsDoc,
+  yjs: () => yjs_exports
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/yjs.ts
+var yjs_exports = {};
+__export(yjs_exports, {
+  CrdtYjsArray: () => CrdtYjsArray,
+  CrdtYjsDoc: () => CrdtYjsDoc,
+  CrdtYjsMap: () => CrdtYjsMap,
+  CrdtYjsObject: () => CrdtYjsObject,
+  CrdtYjsText: () => CrdtYjsText,
+  CrdtYjsXmlElement: () => CrdtYjsXmlElement,
+  CrdtYjsXmlFragment: () => CrdtYjsXmlFragment,
+  CrdtYjsXmlText: () => CrdtYjsXmlText,
   array: () => array,
   doc: () => doc,
   map: () => map,
   object: () => object,
-  text: () => text,
   xmlElement: () => xmlElement,
   xmlFragment: () => xmlFragment,
   xmlText: () => xmlText
 });
-module.exports = __toCommonJS(src_exports);
 
-// src/array.ts
+// src/array/CrdtYjsArray.ts
+var import_crdt7 = require("@pluv/crdt");
+var import_yjs7 = require("yjs");
+
+// src/map/CrdtYjsMap.ts
+var import_crdt = require("@pluv/crdt");
 var import_yjs = require("yjs");
+var CrdtYjsMap = class extends import_crdt.AbstractCrdtType {
+  constructor(value = []) {
+    super();
+    this.initialValue = value.map(([k, v]) => [k, toYjsValue(v)]);
+    this.value = new import_yjs.Map(this.initialValue);
+  }
+  get size() {
+    return this.value.size;
+  }
+  delete(prop) {
+    this.value.delete(prop);
+    return this;
+  }
+  set(prop, value) {
+    this.value.set(prop, toYjsValue(value));
+    return this;
+  }
+  toJson() {
+    return this.value.toJSON();
+  }
+};
+
+// src/object/CrdtYjsObject.ts
+var import_crdt2 = require("@pluv/crdt");
+var import_yjs2 = require("yjs");
+var CrdtYjsObject = class extends import_crdt2.AbstractCrdtType {
+  constructor(value = {}) {
+    super();
+    this.initialValue = Object.entries(value).map(([k, v]) => [
+      k,
+      toYjsValue(v)
+    ]);
+    this.value = new import_yjs2.Map(this.initialValue);
+  }
+  set(prop, value) {
+    this.value.set(prop.toString(), toYjsValue(value));
+    return this;
+  }
+  toJson() {
+    return this.value.toJSON();
+  }
+};
+
+// src/text/CrdtYjsText.ts
+var import_crdt3 = require("@pluv/crdt");
+var import_yjs3 = require("yjs");
+var CrdtYjsText = class extends import_crdt3.AbstractCrdtType {
+  constructor(value = "") {
+    super();
+    this.initialValue = value;
+    this.value = new import_yjs3.Text(value);
+  }
+  get length() {
+    return this.value.length;
+  }
+  delete(index, length = 1) {
+    this.value.delete(index, length);
+    return this;
+  }
+  insert(index, text2) {
+    this.value.insert(index, text2);
+    return this;
+  }
+  toJson() {
+    return this.value.toJSON();
+  }
+};
+
+// src/xmlElement/CrdtYjsXmlElement.ts
+var import_crdt4 = require("@pluv/crdt");
+var import_yjs4 = require("yjs");
+var CrdtYjsXmlElement = class extends import_crdt4.AbstractCrdtType {
+  constructor(name, children) {
+    super();
+    this.initialValue = children.map((item) => item.value);
+    this.name = name;
+    this.value = new import_yjs4.XmlElement(name);
+    this.push(...children);
+  }
+  get length() {
+    return this.value.length;
+  }
+  delete(index, length = 1) {
+    this.value.delete(index, length);
+    return this;
+  }
+  insert(index, ...children) {
+    const converted = children.map((child) => toYjsValue(child));
+    this.value.insert(index, converted);
+    return this;
+  }
+  push(...children) {
+    return this.insert(this.length, ...children);
+  }
+  unshift(...children) {
+    return this.insert(0, ...children);
+  }
+  toJson() {
+    return this.value.toJSON();
+  }
+};
+
+// src/xmlElement/xmlElement.ts
+var xmlElement = (name, children) => {
+  return new CrdtYjsXmlElement(name, children);
+};
+
+// src/xmlFragment/CrdtYjsXmlFragment.ts
+var import_crdt5 = require("@pluv/crdt");
+var import_yjs5 = require("yjs");
+var CrdtYjsXmlFragment = class extends import_crdt5.AbstractCrdtType {
+  constructor(children) {
+    super();
+    this.initialValue = children.map((item) => item.value);
+    this.value = new import_yjs5.XmlFragment();
+    this.push(...children);
+  }
+  get length() {
+    return this.value.length;
+  }
+  delete(index, length = 1) {
+    this.value.delete(index, length);
+    return this;
+  }
+  insert(index, ...children) {
+    const converted = children.map((child) => toYjsValue(child));
+    this.value.insert(index, converted);
+    return this;
+  }
+  push(...children) {
+    return this.insert(this.length, ...children);
+  }
+  unshift(...children) {
+    return this.insert(0, ...children);
+  }
+  toJson() {
+    return this.value.toJSON();
+  }
+};
+
+// src/xmlFragment/xmlFragment.ts
+var xmlFragment = (children) => {
+  return new CrdtYjsXmlFragment(children);
+};
+
+// src/xmlText/CrdtYjsXmlText.ts
+var import_crdt6 = require("@pluv/crdt");
+var import_yjs6 = require("yjs");
+var CrdtYjsXmlText = class extends import_crdt6.AbstractCrdtType {
+  constructor(value = "") {
+    super();
+    this.initialValue = value;
+    this.value = new import_yjs6.XmlText(value);
+  }
+  get length() {
+    return this.value.length;
+  }
+  delete(index, length = 1) {
+    this.value.delete(index, length);
+    return this;
+  }
+  insert(index, text2, attributes) {
+    this.value.insert(index, text2, attributes);
+    return this;
+  }
+  toJson() {
+    return this.value.toJSON();
+  }
+};
+
+// src/xmlText/xmlText.ts
+var xmlText = (value = "") => {
+  return new CrdtYjsXmlText(value);
+};
+
+// src/shared/isWrapper.ts
+var isWrapper = (item) => {
+  return item instanceof CrdtYjsArray || item instanceof CrdtYjsMap || item instanceof CrdtYjsObject || item instanceof CrdtYjsText || item instanceof CrdtYjsXmlElement || item instanceof CrdtYjsXmlFragment || item instanceof CrdtYjsXmlText;
+};
+
+// src/shared/toYjsValue.ts
+var toYjsValue = (item) => {
+  return isWrapper(item) ? item.value : item;
+};
+
+// src/array/CrdtYjsArray.ts
+var CrdtYjsArray = class extends import_crdt7.AbstractCrdtType {
+  constructor(value = []) {
+    super();
+    const initialValue = value.map((item) => toYjsValue(item));
+    this.initialValue = initialValue;
+    this.value = new import_yjs7.Array();
+    this.push(...value);
+  }
+  get length() {
+    return this.value.length;
+  }
+  delete(index, length = 1) {
+    this.value.delete(index, length);
+    return this;
+  }
+  insert(index, ...items) {
+    const converted = items.map((item) => toYjsValue(item));
+    this.value.insert(index, converted);
+    return this;
+  }
+  push(...items) {
+    return this.insert(this.length, ...items);
+  }
+  unshift(...items) {
+    return this.insert(0, ...items);
+  }
+  toJson() {
+    return this.value.toJSON();
+  }
+};
+
+// src/array/array.ts
 var array = (value = []) => {
-  const yarray = new import_yjs.Array();
-  yarray.push(value.slice());
-  return yarray;
+  return new CrdtYjsArray(value);
 };
 
-// src/doc.ts
+// src/doc/CrdtYjsDoc.ts
+var import_crdt8 = require("@pluv/crdt");
 var import_js_base64 = require("js-base64");
-var import_yjs2 = require("yjs");
-var YjsDoc = class _YjsDoc {
-  constructor(value) {
-    this.value = new import_yjs2.Doc();
+var import_yjs8 = require("yjs");
+var CrdtYjsDoc = class extends import_crdt8.AbstractCrdtDoc {
+  constructor(value = {}) {
+    super();
+    this.value = new import_yjs8.Doc();
     this._undoManager = null;
-    if (!value)
-      return;
-    const storage = this.value.getMap("storage");
-    Object.entries(value).forEach(([key, node]) => {
-      storage.set(key, node);
-    });
-  }
-  get storage() {
-    const storage = this._storage;
-    const keys = Array.from(storage.keys());
-    return keys.reduce(
-      (acc, key) => __spreadProps(__spreadValues({}, acc), { [key]: storage.get(key) }),
-      {}
-    );
+    this._storage = Object.entries(value).reduce((acc, [key, node]) => {
+      if (node instanceof CrdtYjsArray) {
+        const yArray = this.value.get(key, import_yjs8.Array);
+        yArray.insert(0, node.initialValue.slice(0));
+        node.value = yArray;
+        return __spreadProps(__spreadValues({}, acc), { [key]: node });
+      }
+      if (node instanceof CrdtYjsMap || node instanceof CrdtYjsObject) {
+        const yMap = this.value.get(key, import_yjs8.Map);
+        node.initialValue.forEach(([k, v]) => {
+          yMap.set(k.toString(), v);
+        });
+        node.value = yMap;
+        return __spreadProps(__spreadValues({}, acc), { [key]: node });
+      }
+      if (node instanceof CrdtYjsObject) {
+        const yMap = this.value.get(key, import_yjs8.Map);
+        node.initialValue.forEach(([k, v]) => {
+          yMap.set(k.toString(), v);
+        });
+        node.value = yMap;
+        return __spreadProps(__spreadValues({}, acc), { [key]: node });
+      }
+      if (node instanceof CrdtYjsText) {
+        const yText = this.value.get(key, import_yjs8.Text);
+        yText.insert(0, node.initialValue);
+        node.value = yText;
+        return __spreadProps(__spreadValues({}, acc), { [key]: node });
+      }
+      if (node instanceof CrdtYjsXmlElement) {
+        const yXmlElement = this.value.get(
+          key,
+          import_yjs8.XmlElement
+        );
+        yXmlElement.insert(0, node.initialValue.slice(0));
+        node.value = yXmlElement;
+        return __spreadProps(__spreadValues({}, acc), { [key]: node });
+      }
+      if (node instanceof CrdtYjsXmlFragment) {
+        const yXmlFragment = this.value.get(
+          key,
+          import_yjs8.XmlFragment
+        );
+        yXmlFragment.insert(0, node.initialValue.slice(0));
+        node.value = yXmlFragment;
+        return __spreadProps(__spreadValues({}, acc), { [key]: node });
+      }
+      if (node instanceof CrdtYjsXmlText) {
+        const yXmlText = this.value.get(key, import_yjs8.XmlText);
+        yXmlText.insert(0, node.initialValue);
+        node.value = yXmlText;
+        return __spreadProps(__spreadValues({}, acc), { [key]: node });
+      }
+      return acc;
+    }, {});
   }
-  get _storage() {
-    return this.value.getMap("storage");
-  }
-  applyUpdate(update, origin) {
+  applyEncodedState(params) {
+    const { origin, update } = params;
     if (update === null || typeof update === "undefined")
       return this;
     const uint8Update = typeof update === "string" ? (0, import_js_base64.toUint8Array)(update) : update;
-    (0, import_yjs2.applyUpdate)(this.value, uint8Update, origin);
+    (0, import_yjs8.applyUpdate)(this.value, uint8Update, origin);
     return this;
   }
+  batchApplyEncodedState(updates) {
+    const params = updates.reduce(
+      (acc, update) => {
+        if (!update)
+          return acc;
+        if (typeof update === "string") {
+          acc.push({ update });
+          return acc;
+        }
+        if (!!update && typeof update === "object") {
+          acc.push(update);
+          return acc;
+        }
+        return acc;
+      },
+      []
+    );
+    return params.reduce(
+      (doc2, update) => doc2.applyEncodedState(update),
+      this
+    );
+  }
   canRedo() {
     var _a;
     return !!((_a = this._undoManager) == null ? void 0 : _a.canRedo());
@@ -102,112 +398,142 @@ var YjsDoc = class _YjsDoc {
     (_a = this._undoManager) == null ? void 0 : _a.destroy();
     this.value.destroy();
   }
-  encodeStateAsUpdate() {
-    return (0, import_js_base64.fromUint8Array)((0, import_yjs2.encodeStateAsUpdate)(this.value));
-  }
   get(key) {
-    return this._storage.get(key.toString());
+    if (typeof key === "undefined")
+      return this._storage;
+    return this._storage[key];
   }
-  getSharedTypes() {
-    return Array.from(this._storage.keys()).reduce(
-      (acc, key) => __spreadProps(__spreadValues({}, acc), { [key]: this._storage.get(key) }),
-      {}
-    );
+  getEncodedState() {
+    return (0, import_js_base64.fromUint8Array)((0, import_yjs8.encodeStateAsUpdate)(this.value));
+  }
+  isEmpty() {
+    return !this.value.share.size;
   }
   redo() {
     var _a;
     (_a = this._undoManager) == null ? void 0 : _a.redo();
+    return this;
   }
-  subscribe(fn) {
-    const _fn = (update, origin, doc2, transaction) => fn(_YjsDoc.fromUint8Array(update), origin, doc2, transaction);
-    this.value.on("update", _fn);
+  subscribe(listener) {
+    const fn = (update, origin, doc2) => {
+      listener({
+        doc: this,
+        local: origin === null || typeof origin === "undefined",
+        origin: origin ? String(origin) : null,
+        update: (0, import_js_base64.fromUint8Array)(update)
+      });
+    };
+    this.value.on("update", fn);
     return () => {
-      this.value.off("update", _fn);
+      this.value.off("update", fn);
     };
   }
-  toJSON() {
-    return this._storage.toJSON();
-  }
-  trackOrigins(options) {
-    const { captureTimeout, trackedOrigins } = options;
-    if (this._undoManager) {
+  track() {
+    var _a;
+    if (this._undoManager)
       this._undoManager.destroy();
+    const sharedTypes = Object.values(this._storage).reduce((acc, type) => {
+      if (type instanceof CrdtYjsArray || type instanceof CrdtYjsMap || type instanceof CrdtYjsObject || type instanceof CrdtYjsText || type instanceof CrdtYjsXmlElement || type instanceof CrdtYjsXmlFragment || type instanceof CrdtYjsXmlText) {
+        acc.push(type.value);
+      }
+      return acc;
+    }, []);
+    if (!sharedTypes.length) {
+      (_a = this._undoManager) == null ? void 0 : _a.destroy();
+      this._undoManager = null;
+      return this;
     }
-    this._undoManager = new import_yjs2.UndoManager(this._storage, {
-      captureTimeout,
-      trackedOrigins: trackedOrigins ? new Set(trackedOrigins) : void 0
-    });
-  }
-  transact(fn, origin) {
-    this.value.transact((tx) => {
-      fn(tx);
-    }, origin);
+    this._undoManager = new import_yjs8.UndoManager(sharedTypes, { captureTimeout: 0 });
+    return this;
   }
-  static fromUint8Array(u8a) {
-    return (0, import_js_base64.fromUint8Array)(u8a);
+  transact(fn) {
+    this.value.transact(fn);
+    return this;
   }
-  static toUint8Array(str) {
-    return (0, import_js_base64.toUint8Array)(str);
+  toJson() {
+    return Object.entries(this._storage).reduce(
+      (acc, [key, value]) => __spreadProps(__spreadValues({}, acc), { [key]: value.toJson() }),
+      {}
+    );
   }
   undo() {
     var _a;
     (_a = this._undoManager) == null ? void 0 : _a.undo();
+    return this;
   }
 };
-var doc = (value) => {
-  return new YjsDoc(value);
-};
 
-// src/map.ts
-var import_yjs3 = require("yjs");
+// src/doc/CrdtYjsDocFactory.ts
+var import_crdt9 = require("@pluv/crdt");
+
+// src/map/map.ts
 var map = (value = []) => {
-  return new import_yjs3.Map(value);
+  return new CrdtYjsMap(value);
 };
 
-// src/object.ts
-var import_yjs4 = require("yjs");
+// src/object/object.ts
 var object = (value) => {
-  return new import_yjs4.Map(Object.entries(value));
+  return new CrdtYjsObject(value);
 };
 
-// src/text.ts
-var import_yjs5 = require("yjs");
-var text = (value = "") => {
-  return new import_yjs5.Text(value);
-};
-
-// src/xmlElement.ts
-var import_yjs6 = require("yjs");
-var xmlElement = (name, params = {}) => {
-  const { children = [] } = params;
-  const element = new import_yjs6.XmlElement(name);
-  element.push(children.slice());
-  return element;
-};
-
-// src/xmlFragment.ts
-var import_yjs7 = require("yjs");
-var xmlFragment = (params = {}) => {
-  const { children = [] } = params;
-  const fragment = new import_yjs7.XmlFragment();
-  fragment.push(children.slice());
-  return fragment;
+// src/doc/CrdtYjsDocFactory.ts
+var CrdtYjsDocFactory = class _CrdtYjsDocFactory extends import_crdt9.AbstractCrdtDocFactory {
+  constructor(initialStorage = () => ({})) {
+    super();
+    this._initialStorage = initialStorage;
+  }
+  getEmpty() {
+    return new CrdtYjsDoc();
+  }
+  getFactory(initialStorage) {
+    return new _CrdtYjsDocFactory(
+      initialStorage != null ? initialStorage : this._initialStorage
+    );
+  }
+  getFresh() {
+    const storage = this._initialStorage();
+    return new CrdtYjsDoc(
+      Object.entries(storage).reduce((acc, [key, node]) => {
+        if (node instanceof CrdtYjsArray) {
+          return __spreadProps(__spreadValues({}, acc), { [key]: new CrdtYjsArray([]) });
+        }
+        if (node instanceof CrdtYjsMap) {
+          return __spreadProps(__spreadValues({}, acc), { [key]: new CrdtYjsMap([]) });
+        }
+        if (node instanceof CrdtYjsObject) {
+          return __spreadProps(__spreadValues({}, acc), { [key]: new CrdtYjsObject({}) });
+        }
+        if (node instanceof CrdtYjsText) {
+          return __spreadProps(__spreadValues({}, acc), { [key]: new CrdtYjsText("") });
+        }
+        if (node instanceof CrdtYjsXmlElement) {
+          return __spreadProps(__spreadValues({}, acc), {
+            [key]: new CrdtYjsXmlElement(node.name, [])
+          });
+        }
+        if (node instanceof CrdtYjsXmlFragment) {
+          return __spreadProps(__spreadValues({}, acc), { [key]: new CrdtYjsXmlFragment([]) });
+        }
+        if (node instanceof CrdtYjsXmlText) {
+          return __spreadProps(__spreadValues({}, acc), { [key]: new CrdtYjsXmlText("") });
+        }
+        return acc;
+      }, {})
+    );
+  }
+  getInitialized(initialStorage) {
+    var _a;
+    return new CrdtYjsDoc(
+      (_a = initialStorage == null ? void 0 : initialStorage()) != null ? _a : this._initialStorage()
+    );
+  }
 };
 
-// src/xmlText.ts
-var import_yjs8 = require("yjs");
-var xmlText = (value = "") => {
-  return new import_yjs8.XmlText(value);
+// src/doc/doc.ts
+var doc = (value = () => ({})) => {
+  return new CrdtYjsDocFactory(value);
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  YjsDoc,
-  array,
-  doc,
-  map,
-  object,
-  text,
-  xmlElement,
-  xmlFragment,
-  xmlText
+  yjs
 });