@liveblocks/yjs 1.1.0-yjs4 → 1.1.1-yjs1

package/dist/index.d.ts

@@ -9,6 +9,12 @@ declare type MetaClientState = {
     clock: number;
     lastUpdated: number;
 };
+/**
+ * This class will store YJS awareness in Liveblock's presence under the __yjs key
+ * IMPORTANT: The yjs awareness protocol uses ydoc.clientId to reference users
+ * to their respective documents. To avoid mapping yjs clientIds to liveblock's connectionId,
+ * we simply set the clientId of the doc to the connectionId. Then no further mapping is required
+ */
 declare class Awareness extends Observable<any> {
     private room;
     doc: Y.Doc;
@@ -32,6 +38,7 @@ declare class LiveblocksProvider<P extends JsonObject, S extends LsonObject, U e
     private unsubscribers;
     awareness: Awareness;
     constructor(room: Room<P, S, U, E>, doc: Y.Doc, config?: LiveblocksYjsOptions);
+    private syncDoc;
     private updateHandler;
     private resyncHttp;
     destroy(): void;

package/dist/index.js

@@ -191,10 +191,17 @@ var LiveblocksProvider = class {
   constructor(room, doc, config) {
     this.lastUpdateDate = null;
     this.unsubscribers = [];
+    this.syncDoc = () => {
+      var _a;
+      this.doc.clientID = ((_a = this.room.getSelf()) == null ? void 0 : _a.connectionId) || this.doc.clientID;
+      this.awareness.clientID = this.doc.clientID;
+      const encodedVector = _jsbase64.Base64.fromUint8Array(Y.encodeStateVector(this.doc));
+      this.room.getYDoc(encodedVector);
+    };
     this.updateHandler = (update, origin) => __async(this, null, function* () {
       if (origin !== "backend") {
         const encodedUpdate = _jsbase64.Base64.fromUint8Array(update);
-        this.room.updateDoc(encodedUpdate);
+        this.room.updateYDoc(encodedUpdate);
         if (this.httpEndpoint) {
           yield fetch(this.httpEndpoint, {
             method: "POST",
@@ -214,22 +221,14 @@ var LiveblocksProvider = class {
     this.doc.on("update", this.updateHandler);
     this.unsubscribers.push(
       this.room.events.connection.subscribe((e) => {
-        var _a2;
         if (e === "open") {
-          this.doc.clientID = ((_a2 = this.room.getSelf()) == null ? void 0 : _a2.connectionId) || this.doc.clientID;
-          this.awareness.clientID = this.doc.clientID;
-          const encodedVector = _jsbase64.Base64.fromUint8Array(
-            Y.encodeStateVector(this.doc)
-          );
-          this.room.getDoc(encodedVector);
+          this.syncDoc();
         }
       })
     );
     this.unsubscribers.push(
-      this.room.events.docUpdated.subscribe((updates) => {
-        const decodedUpdates = updates.map(_jsbase64.Base64.toUint8Array);
-        const update = Y.mergeUpdates(decodedUpdates);
-        Y.applyUpdate(this.doc, update, "backend");
+      this.room.events.docUpdated.subscribe((update) => {
+        Y.applyUpdate(this.doc, _jsbase64.Base64.toUint8Array(update), "backend");
       })
     );
     if (config == null ? void 0 : config.httpEndpoint) {
@@ -243,7 +242,7 @@ var LiveblocksProvider = class {
       );
       void this.resyncHttp();
     }
-    this.room.getDoc();
+    this.syncDoc();
   }
   resyncHttp() {
     return __async(this, null, function* () {

package/dist/index.mjs

@@ -191,10 +191,17 @@ var LiveblocksProvider = class {
   constructor(room, doc, config) {
     this.lastUpdateDate = null;
     this.unsubscribers = [];
+    this.syncDoc = () => {
+      var _a;
+      this.doc.clientID = ((_a = this.room.getSelf()) == null ? void 0 : _a.connectionId) || this.doc.clientID;
+      this.awareness.clientID = this.doc.clientID;
+      const encodedVector = Base64.fromUint8Array(Y.encodeStateVector(this.doc));
+      this.room.getYDoc(encodedVector);
+    };
     this.updateHandler = (update, origin) => __async(this, null, function* () {
       if (origin !== "backend") {
         const encodedUpdate = Base64.fromUint8Array(update);
-        this.room.updateDoc(encodedUpdate);
+        this.room.updateYDoc(encodedUpdate);
         if (this.httpEndpoint) {
           yield fetch(this.httpEndpoint, {
             method: "POST",
@@ -214,22 +221,14 @@ var LiveblocksProvider = class {
     this.doc.on("update", this.updateHandler);
     this.unsubscribers.push(
       this.room.events.connection.subscribe((e) => {
-        var _a2;
         if (e === "open") {
-          this.doc.clientID = ((_a2 = this.room.getSelf()) == null ? void 0 : _a2.connectionId) || this.doc.clientID;
-          this.awareness.clientID = this.doc.clientID;
-          const encodedVector = Base64.fromUint8Array(
-            Y.encodeStateVector(this.doc)
-          );
-          this.room.getDoc(encodedVector);
+          this.syncDoc();
         }
       })
     );
     this.unsubscribers.push(
-      this.room.events.docUpdated.subscribe((updates) => {
-        const decodedUpdates = updates.map(Base64.toUint8Array);
-        const update = Y.mergeUpdates(decodedUpdates);
-        Y.applyUpdate(this.doc, update, "backend");
+      this.room.events.docUpdated.subscribe((update) => {
+        Y.applyUpdate(this.doc, Base64.toUint8Array(update), "backend");
       })
     );
     if (config == null ? void 0 : config.httpEndpoint) {
@@ -243,7 +242,7 @@ var LiveblocksProvider = class {
       );
       void this.resyncHttp();
     }
-    this.room.getDoc();
+    this.syncDoc();
   }
   resyncHttp() {
     return __async(this, null, function* () {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liveblocks/yjs",
-  "version": "1.1.0-yjs4",
+  "version": "1.1.1-yjs1",
   "description": "An integration with . Liveblocks is the all-in-one toolkit to build collaborative products like Figma, Notion, and more.",
   "license": "Apache-2.0",
   "main": "./dist/index.js",
@@ -26,8 +26,8 @@
     }
   },
   "dependencies": {
-    "@liveblocks/client": "1.1.0-yjs4",
-    "@liveblocks/core": "1.1.0-yjs4",
+    "@liveblocks/client": "1.1.1-yjs1",
+    "@liveblocks/core": "1.1.1-yjs1",
     "js-base64": "^3.7.5"
   },
   "peerDependencies": {