@pluv/client 1.0.1 → 2.0.0

package/dist/index.js

@@ -57,9 +57,7 @@ var __async = (__this, __arguments, generator) => {
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
-  AbstractRoom: () => AbstractRoom,
   AbstractStorageStore: () => AbstractStorageStore,
-  ConnectionState: () => ConnectionState,
   MockedRoom: () => MockedRoom,
   PluvClient: () => PluvClient,
   PluvRoom: () => PluvRoom,
@@ -69,13 +67,6 @@ __export(index_exports, {
 });
 module.exports = __toCommonJS(index_exports);
 
-// src/AbstractRoom.ts
-var AbstractRoom = class {
-  constructor(room) {
-    this.id = room;
-  }
-};
-
 // src/AbstractStorageStore.ts
 var AbstractStorageStore = class {
   constructor(room) {
@@ -121,6 +112,9 @@ var PluvProcedure = class _PluvProcedure {
   }
 };
 
+// src/PluvRoom.ts
+var import_types = require("@pluv/types");
+
 // src/CrdtManager.ts
 var import_crdt = require("@pluv/crdt");
 var CrdtManager = class {
@@ -136,14 +130,17 @@ var CrdtManager = class {
    * update. This unfortunately means updates can be dropped entirely
    * @date June 13, 2023
    */
-  applyUpdate(update, origin) {
+  applyUpdate(params) {
+    const { origin, update } = params;
     if (!this.initialized) return this;
     const updates = typeof update === "string" ? [update] : update;
     this._applyDocUpdates(this.doc, updates, origin);
     return this;
   }
   destroy() {
+    this.initialized = false;
     this.doc.destroy();
+    this.doc = this._docFactory.getEmpty();
   }
   get(key) {
     return this.doc.get(key);
@@ -152,7 +149,7 @@ var CrdtManager = class {
     return this._docFactory.getInitialized().getEncodedState();
   }
   initialize(params) {
-    const { onInitialized, origin, update } = params;
+    const { origin, update } = params;
     if (this.initialized) {
       console.warn("Attempted to initialize storage multiple times");
       return this;
@@ -172,9 +169,11 @@ var CrdtManager = class {
     ).rebuildStorage(reference);
     this.initialized = true;
     initialized.destroy();
-    onInitialized == null ? void 0 : onInitialized(this.doc.getEncodedState());
     return this;
   }
+  resolveEncodedState(updates) {
+    return this._docFactory.resolveEncodedState(updates);
+  }
   _applyDocUpdates(doc, updates, origin) {
     doc.transact(() => {
       doc.batchApplyEncodedState({ origin, updates });
@@ -549,15 +548,6 @@ var UsersManager = class {
   }
 };
 
-// src/enums.ts
-var ConnectionState = {
-  Closed: "Closed",
-  Connecting: "Connecting",
-  Open: "Open",
-  Unavailable: "Unavailable",
-  Untouched: "Untouched"
-};
-
 // src/PluvRoom.ts
 var ADD_TO_STORAGE_STATE_DEBOUNCE_MS = 1e3;
 var HEARTBEAT_INTERVAL_MS = 1e4;
@@ -570,24 +560,8 @@ var ORIGIN_STORAGE_UPDATED = "$storageUpdated";
 var DEFAULT_PLUV_CLIENT_ADDON = (input) => ({
   storage: new StorageStore(input.room.id)
 });
-var PluvRoom = class extends AbstractRoom {
+var PluvRoom = class {
   constructor(room, options) {
-    const {
-      addons = [],
-      authEndpoint,
-      debug = false,
-      initialPresence,
-      initialStorage,
-      limits,
-      metadata,
-      onAuthorizationFail,
-      presence,
-      publicKey,
-      reconnectTimeoutMs = RECONNECT_TIMEOUT_MS,
-      router,
-      wsEndpoint
-    } = options;
-    super(room);
     this._crdtNotifier = new CrdtNotifier();
     this._eventNotifier = new EventNotifier();
     this._intervals = {
@@ -613,7 +587,7 @@ var PluvRoom = class extends AbstractRoom {
         attempts: 0,
         count: 0,
         id: null,
-        state: ConnectionState.Untouched
+        state: import_types.ConnectionState.Untouched
       },
       webSocket: null
     };
@@ -622,7 +596,7 @@ var PluvRoom = class extends AbstractRoom {
     this.broadcast = new Proxy(
       (event, data) => __async(this, null, function* () {
         if (!this._state.webSocket) return;
-        if (this._state.connection.state !== ConnectionState.Open) return;
+        if (this._state.connection.state !== import_types.ConnectionState.Open) return;
         const type = event.toString();
         const procedure = this._router._defs.events[type];
         if (!(procedure == null ? void 0 : procedure.config.broadcast)) {
@@ -734,7 +708,7 @@ var PluvRoom = class extends AbstractRoom {
         const shouldFlatten = yield this._storageStore.getShouldFlatten();
         if (!shouldFlatten) return;
         const updates = yield this._storageStore.getUpdates();
-        this._crdtManager.applyUpdate(updates, this);
+        this._crdtManager.applyUpdate({ update: updates, origin: this });
         const encodedState = this._crdtManager.doc.getEncodedState();
         yield this._storageStore.flatten(encodedState);
       }),
@@ -746,14 +720,30 @@ var PluvRoom = class extends AbstractRoom {
         DEFAULT_PLUV_CLIENT_ADDON
       );
     };
+    const {
+      addons = [],
+      authEndpoint,
+      debug = false,
+      initialPresence,
+      initialStorage,
+      limits,
+      metadata,
+      onAuthorizationFail,
+      presence,
+      publicKey,
+      reconnectTimeoutMs = RECONNECT_TIMEOUT_MS,
+      router,
+      wsEndpoint
+    } = options;
+    this.id = room;
+    this.metadata = metadata;
     const addon = this._getAddon(addons);
     const { storage } = __spreadValues(__spreadValues({}, DEFAULT_PLUV_CLIENT_ADDON({ room: this })), addon({ room: this }));
-    this.metadata = metadata;
+    this._storageStore = storage;
     this._debug = debug;
     this._endpoints = { authEndpoint, wsEndpoint };
     this._limits = limits;
     this._reconnectTimeoutMs = reconnectTimeoutMs;
-    this._storageStore = storage;
     if (!!publicKey) this._publicKey = publicKey;
     this._listeners = {
       onAuthorizationFail: (error) => {
@@ -781,16 +771,17 @@ var PluvRoom = class extends AbstractRoom {
       const metadata = params.metadata;
       this._setMetadata(metadata);
       const canConnect = [
-        ConnectionState.Closed,
-        ConnectionState.Unavailable,
-        ConnectionState.Untouched
+        import_types.ConnectionState.Closed,
+        import_types.ConnectionState.Unavailable,
+        import_types.ConnectionState.Untouched
       ].some((state) => this._state.connection.state === state);
       if (!canConnect) return;
       this._clearTimeout(this._timeouts.reconnect);
       this._updateState((oldState) => {
-        oldState.connection.state = ConnectionState.Connecting;
+        oldState.connection.state = import_types.ConnectionState.Connecting;
         return oldState;
       });
+      yield this._storageStore.initialize();
       const wsEndpoint = this._getWsEndpoint(this.id, params);
       const url = new URL(wsEndpoint);
       let authToken = null;
@@ -824,7 +815,7 @@ var PluvRoom = class extends AbstractRoom {
   disconnect() {
     return __async(this, null, function* () {
       if (!this._state.webSocket) return;
-      const canDisconnect = [ConnectionState.Connecting, ConnectionState.Open].some(
+      const canDisconnect = [import_types.ConnectionState.Connecting, import_types.ConnectionState.Open].some(
         (state) => this._state.connection.state === state
       );
       if (!canDisconnect) return;
@@ -833,7 +824,7 @@ var PluvRoom = class extends AbstractRoom {
       this._clearTimeout(this._timeouts.reconnect);
       this._updateState((oldState) => {
         oldState.authorization.token = null;
-        oldState.connection.state = ConnectionState.Closed;
+        oldState.connection.state = import_types.ConnectionState.Closed;
         oldState.webSocket = null;
         return oldState;
       });
@@ -855,20 +846,6 @@ var PluvRoom = class extends AbstractRoom {
       this._flattenStorageStore();
     });
   }
-  _applyStorageStore() {
-    return __async(this, null, function* () {
-      const updates = yield this._storageStore.getUpdates();
-      this._crdtManager.initialize({
-        onInitialized: () => {
-          this._stateNotifier.subjects["storage-loaded"].next(true);
-          this._observeCrdt();
-        },
-        origin: ORIGIN_INITIALIZED,
-        update: updates
-      });
-      this._emitSharedTypes();
-    });
-  }
   _attachWindowListeners() {
     if (typeof window === "undefined") return;
     if (typeof document === "undefined") return;
@@ -1059,33 +1036,35 @@ var PluvRoom = class extends AbstractRoom {
     this._stateNotifier.subjects.others.next(others);
   }
   _handleRegisteredMessage(message) {
-    var _a, _b;
-    const { connectionId } = message;
-    const user = message.user;
-    if (!connectionId) return;
-    if (!this._state.webSocket) throw new Error("Could not find WebSocket");
-    const data = message.data;
-    const state = data.state;
-    this._updateState((oldState) => {
-      oldState.connection.count += 1;
-      oldState.connection.id = connectionId;
-      oldState.authorization.user = user != null ? user : null;
-      return oldState;
-    });
-    const userInfo = {
-      connectionId,
-      presence: (_a = data.presence) != null ? _a : void 0,
-      user
-    };
-    this._usersManager.setMyself(userInfo);
-    const presence = this._usersManager.myPresence;
-    const myself = (_b = this._usersManager.myself) != null ? _b : null;
-    this._stateNotifier.subjects["my-presence"].next(presence);
-    this._stateNotifier.subjects.myself.next(myself);
-    const update = this._crdtManager.getInitialState();
-    this._sendMessage({
-      type: "$initializeSession",
-      data: { presence, update }
+    return __async(this, null, function* () {
+      var _a, _b, _c;
+      const { connectionId } = message;
+      const user = message.user;
+      if (!connectionId) return;
+      if (!this._state.webSocket) throw new Error("Could not find WebSocket");
+      const data = message.data;
+      const state = data.state;
+      this._updateState((oldState) => {
+        oldState.connection.count += 1;
+        oldState.connection.id = connectionId;
+        oldState.authorization.user = user != null ? user : null;
+        return oldState;
+      });
+      const userInfo = {
+        connectionId,
+        presence: (_a = data.presence) != null ? _a : void 0,
+        user
+      };
+      this._usersManager.setMyself(userInfo);
+      const presence = this._usersManager.myPresence;
+      const myself = (_b = this._usersManager.myself) != null ? _b : null;
+      this._stateNotifier.subjects["my-presence"].next(presence);
+      this._stateNotifier.subjects.myself.next(myself);
+      const update = !state ? (_c = this._crdtManager.resolveEncodedState(yield this._storageStore.getUpdates())) != null ? _c : this._crdtManager.getInitialState() : this._crdtManager.getInitialState();
+      this._sendMessage({
+        type: "$initializeSession",
+        data: { presence, update }
+      });
     });
   }
   _handleStorageReceivedMessage(message) {
@@ -1094,24 +1073,34 @@ var PluvRoom = class extends AbstractRoom {
       if (!connectionId) return;
       if (!this._state.webSocket) throw new Error("Could not find WebSocket");
       const data = message.data;
+      const changeKind = data.changeKind;
       const state = data.state;
-      this._crdtManager.initialize({
-        onInitialized: (update2) => __async(this, null, function* () {
-          yield this._addToStorageStore(update2);
-          this._emitSharedTypes();
-          this._observeCrdt();
-          this._stateNotifier.subjects["storage-loaded"].next(true);
-        }),
-        origin: ORIGIN_INITIALIZED,
-        update: state
-      });
+      const updates = yield this._storageStore.getUpdates();
+      const origin = ORIGIN_INITIALIZED;
+      const updateStorage = (update) => {
+        return this._crdtManager.initialized ? this._crdtManager.applyUpdate({ update, origin }) : this._crdtManager.initialize({ update, origin });
+      };
+      if (changeKind === "empty") {
+        this._crdtManager.destroy();
+        this._crdtManager.initialize({ origin, update: updates });
+      } else if (changeKind === "initialized") {
+        if (!!updates.length) updateStorage(updates);
+        else {
+          const encodedState2 = updateStorage(state).doc.getEncodedState();
+          this._addToStorageStore(encodedState2);
+        }
+      } else {
+        const encodedState2 = updateStorage(state).doc.getEncodedState();
+        if (!!updates.length) this._crdtManager.applyUpdate({ update: updates, origin });
+        yield this._addToStorageStore(encodedState2);
+      }
       const encodedState = this._crdtManager.doc.getEncodedState();
-      yield this._storageStore.addUpdate(encodedState);
       this._emitSharedTypes();
-      const update = this._crdtManager.doc.getEncodedState();
+      this._observeCrdt();
+      this._stateNotifier.subjects["storage-loaded"].next(true);
       this._sendMessage({
         type: "$updateStorage",
-        data: { origin: ORIGIN_INITIALIZED, update }
+        data: { origin, update: encodedState }
       });
     });
   }
@@ -1181,7 +1170,8 @@ var PluvRoom = class extends AbstractRoom {
   }
   _logDebug(...data) {
     var _a;
-    if (((_a = process == null ? void 0 : process.env) == null ? void 0 : _a.NODE_ENV) === "production") return;
+    if (typeof process === "undefined") return;
+    if (((_a = process.env) == null ? void 0 : _a.NODE_ENV) === "production") return;
     if (this._debug) console.log(...data);
   }
   _observeCrdt() {
@@ -1190,11 +1180,11 @@ var PluvRoom = class extends AbstractRoom {
     const unsubscribe = this._crdtManager.doc.subscribe((event) => {
       var _a2;
       const origin = (_a2 = event.origin) != null ? _a2 : null;
-      this._addToStorageStore(event.update);
       this._emitSharedTypes();
       if (origin === ORIGIN_INITIALIZED || origin === ORIGIN_STORAGE_UPDATED) {
         return;
       }
+      this._addToStorageStore(event.update);
       if (!this._state.webSocket) return;
       if (!this._state.connection.id) return;
       if (this._state.webSocket.readyState !== WebSocket.OPEN) return;
@@ -1209,7 +1199,7 @@ var PluvRoom = class extends AbstractRoom {
     const authError = error instanceof Error ? error : new Error("Authorization failed");
     this._listeners.onAuthorizationFail(authError);
     this._updateState((oldState) => {
-      oldState.connection.state = ConnectionState.Unavailable;
+      oldState.connection.state = import_types.ConnectionState.Unavailable;
       return oldState;
     });
   }
@@ -1233,14 +1223,14 @@ var PluvRoom = class extends AbstractRoom {
       ].some((okToRetryCode) => event.code === okToRetryCode);
       this._updateState((oldState) => {
         oldState.authorization.token = null;
-        oldState.connection.state = shouldRetry ? ConnectionState.Unavailable : (
+        oldState.connection.state = shouldRetry ? import_types.ConnectionState.Unavailable : (
           /**
            * !HACK
            * @description Assume these are not recoverable. We're just going to mark this
            * as Closed to avoid reconnect attempts.
            * @date April 28, 2025
            */
-          ConnectionState.Closed
+          import_types.ConnectionState.Closed
         );
         oldState.webSocket = null;
         return oldState;
@@ -1309,10 +1299,10 @@ var PluvRoom = class extends AbstractRoom {
     }
   }
   _onOpen() {
-    if (this._state.connection.state !== ConnectionState.Connecting) return;
+    if (this._state.connection.state !== import_types.ConnectionState.Connecting) return;
     this._logDebug("WebSocket connected");
     this._updateState((oldState) => {
-      oldState.connection.state = ConnectionState.Open;
+      oldState.connection.state = import_types.ConnectionState.Open;
       return oldState;
     });
     this._clearInterval(this._intervals.heartbeat);
@@ -1323,16 +1313,16 @@ var PluvRoom = class extends AbstractRoom {
   }
   _onNavigatorOffline() {
     return __async(this, null, function* () {
-      if (this._state.connection.state === ConnectionState.Closed) return;
+      if (this._state.connection.state === import_types.ConnectionState.Closed) return;
       this._updateState((oldState) => {
-        oldState.connection.state = ConnectionState.Unavailable;
+        oldState.connection.state = import_types.ConnectionState.Unavailable;
         return oldState;
       });
     });
   }
   _onNavigatorOnline() {
     return __async(this, null, function* () {
-      if (this._state.connection.state !== ConnectionState.Unavailable) return;
+      if (this._state.connection.state !== import_types.ConnectionState.Unavailable) return;
       yield this._reconnect();
     });
   }
@@ -1341,12 +1331,12 @@ var PluvRoom = class extends AbstractRoom {
       if (typeof document === "undefined") return;
       if (document.visibilityState !== "visible") return;
       switch (this._state.connection.state) {
-        case ConnectionState.Open: {
+        case import_types.ConnectionState.Open: {
           this._clearInterval(this._intervals.heartbeat);
           setInterval(this._heartbeat.bind(this), HEARTBEAT_INTERVAL_MS);
           return;
         }
-        case ConnectionState.Unavailable: {
+        case import_types.ConnectionState.Unavailable: {
           yield this._reconnect();
           return;
         }
@@ -1386,7 +1376,7 @@ var PluvRoom = class extends AbstractRoom {
   _reconnect() {
     return __async(this, null, function* () {
       this._closeWs();
-      if (this._state.connection.state === ConnectionState.Closed) return;
+      if (this._state.connection.state === import_types.ConnectionState.Closed) return;
       const metadata = this._lastMetadata;
       const params = typeof metadata === "undefined" ? [] : [{ metadata }];
       yield this.connect(...params);
@@ -1441,7 +1431,7 @@ var PluvClient = class {
     this._publicKey = null;
     this._rooms = /* @__PURE__ */ new Map();
     this.createRoom = (room, options = {}) => {
-      var _a;
+      var _a, _b;
       const oldRoom = this.getRoom(room);
       if (oldRoom) return oldRoom;
       const newRoom = new PluvRoom(room, {
@@ -1449,12 +1439,12 @@ var PluvClient = class {
         authEndpoint: this._authEndpoint,
         debug: options.debug,
         initialPresence: options.initialPresence,
-        initialStorage: this._initialStorage,
+        initialStorage: (_a = options.initialStorage) != null ? _a : this._initialStorage,
         limits: this._limits,
         metadata: this.metadata,
         onAuthorizationFail: options.onAuthorizationFail,
         presence: this._presence,
-        publicKey: (_a = this._publicKey) != null ? _a : void 0,
+        publicKey: (_b = this._publicKey) != null ? _b : void 0,
         reconnectTimeoutMs: options.reconnectTimeoutMs,
         router: options.router,
         wsEndpoint: this._wsEndpoint
@@ -1523,7 +1513,8 @@ var PluvClient = class {
   }
   _logDebug(...data) {
     var _a;
-    if (((_a = process == null ? void 0 : process.env) == null ? void 0 : _a.NODE_ENV) === "production") return;
+    if (typeof process === "undefined") return;
+    if (((_a = process.env) == null ? void 0 : _a.NODE_ENV) === "production") return;
     if (this._debug) console.log(...data);
   }
 };
@@ -1537,10 +1528,9 @@ var createClient = (options) => {
 var infer = (callback) => callback;
 
 // src/MockedRoom.ts
-var MockedRoom = class extends AbstractRoom {
+var import_types2 = require("@pluv/types");
+var MockedRoom = class {
   constructor(room, options) {
-    const { events, initialPresence, initialStorage, limits, presence, router } = options;
-    super(room);
     this._crdtNotifier = new CrdtNotifier();
     this._eventNotifier = new EventNotifier();
     this._otherNotifier = new OtherNotifier();
@@ -1553,7 +1543,7 @@ var MockedRoom = class extends AbstractRoom {
         attempts: 0,
         count: 1,
         id: null,
-        state: ConnectionState.Untouched
+        state: import_types2.ConnectionState.Untouched
       },
       webSocket: null
     };
@@ -1564,7 +1554,7 @@ var MockedRoom = class extends AbstractRoom {
     this.broadcast = new Proxy(
       (event, data) => __async(this, null, function* () {
         if (!this._state.webSocket) return;
-        if (this._state.connection.state !== ConnectionState.Open) return;
+        if (this._state.connection.state !== import_types2.ConnectionState.Open) return;
         const type = event.toString();
         const procedure = this._router._defs.events[type];
         if (!(procedure == null ? void 0 : procedure.config.broadcast)) {
@@ -1666,6 +1656,8 @@ var MockedRoom = class extends AbstractRoom {
       this._stateNotifier.subjects["my-presence"].next(myPresence);
       if (!!myself) this._stateNotifier.subjects["myself"].next(myself);
     };
+    const { events, initialPresence, initialStorage, limits, presence, router } = options;
+    this.id = room;
     this._events = events;
     this._limits = __spreadValues({
       presenceMaxSize: MAX_PRESENCE_SIZE_BYTES
@@ -1742,9 +1734,7 @@ var register = (params) => {
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  AbstractRoom,
   AbstractStorageStore,
-  ConnectionState,
   MockedRoom,
   PluvClient,
   PluvRoom,