@pluv/client 1.0.0 → 1.0.1

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @pluv/client@1.0.0 build /home/runner/work/pluv/pluv/packages/client
+> @pluv/client@1.0.1 build /home/runner/work/pluv/pluv/packages/client
 > tsup src/index.ts --format esm,cjs --dts
 
 CLI Building entry: src/index.ts
@@ -8,11 +8,11 @@
 CLI Target: es6
 ESM Build start
 CJS Build start
-CJS dist/index.js 58.23 KB
-CJS ⚡️ Build success in 110ms
-ESM dist/index.mjs 56.91 KB
-ESM ⚡️ Build success in 114ms
+CJS dist/index.js 58.07 KB
+CJS ⚡️ Build success in 125ms
+ESM dist/index.mjs 56.75 KB
+ESM ⚡️ Build success in 127ms
 DTS Build start
-DTS ⚡️ Build success in 3353ms
-DTS dist/index.d.mts 25.38 KB
-DTS dist/index.d.ts  25.38 KB
+DTS ⚡️ Build success in 3647ms
+DTS dist/index.d.mts 25.34 KB
+DTS dist/index.d.ts  25.34 KB

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @pluv/client
 
+## 1.0.1
+
+### Patch Changes
+
+- c583be9: Fixed storage race condition that occurred when 2 users joined a room near simultaneously that would cause users to have mismatched storage states from the server (and thereby preventing updates from properly registering) until the user reconnected.
+  - @pluv/crdt@1.0.1
+  - @pluv/types@1.0.1
+
 ## 1.0.0
 
 ### Major Changes

package/dist/index.d.mts

@@ -48,7 +48,6 @@ declare abstract class AbstractStorageStore {
 }
 
 type CrdtManagerOptions<TStorage extends Record<string, CrdtType<any, any>> = {}> = {
-    encodedState?: string | Uint8Array | null;
     initialStorage?: AbstractCrdtDocFactory<TStorage>;
 };
 

package/dist/index.d.ts

@@ -48,7 +48,6 @@ declare abstract class AbstractStorageStore {
 }
 
 type CrdtManagerOptions<TStorage extends Record<string, CrdtType<any, any>> = {}> = {
-    encodedState?: string | Uint8Array | null;
     initialStorage?: AbstractCrdtDocFactory<TStorage>;
 };
 

package/dist/index.js

@@ -126,9 +126,9 @@ var import_crdt = require("@pluv/crdt");
 var CrdtManager = class {
   constructor(options) {
     this.initialized = false;
-    const { encodedState, initialStorage = import_crdt.noop.doc({}) } = options;
+    const { initialStorage = import_crdt.noop.doc({}) } = options;
     this._docFactory = initialStorage;
-    this.doc = encodedState ? initialStorage.getFresh().applyEncodedState({ update: encodedState }) : initialStorage.getFresh();
+    this.doc = initialStorage.getEmpty();
   }
   /**
    * !HACK
@@ -148,25 +148,30 @@ var CrdtManager = class {
   get(key) {
     return this.doc.get(key);
   }
+  getInitialState() {
+    return this._docFactory.getInitialized().getEncodedState();
+  }
   initialize(params) {
     const { onInitialized, origin, update } = params;
-    const updates = typeof update === "string" ? [update] : update;
-    if (!updates.length) return this;
     if (this.initialized) {
-      this.doc = this._applyDocUpdates(this.doc, updates, origin).track();
+      console.warn("Attempted to initialize storage multiple times");
       return this;
     }
-    const onEmpty = this._applyDocUpdates(this._docFactory.getEmpty(), updates, origin);
-    if (!onEmpty.isEmpty()) {
-      onEmpty.destroy();
-      this.doc = this._applyDocUpdates(this._docFactory.getFresh(), updates, origin).track();
-      this.initialized = true;
-      onInitialized == null ? void 0 : onInitialized(this.doc.getEncodedState());
+    if (!this.doc.isEmpty()) {
+      console.warn("Attempted to initialize over a non-empty storage");
       return this;
     }
-    onEmpty.destroy();
-    this.doc = this._docFactory.getInitialized().track();
+    const updates = typeof update === "string" ? [update] : update;
+    if (!updates.length) return this;
+    const initialized = this._docFactory.getInitialized();
+    const reference = initialized.get();
+    this.doc = this._applyDocUpdates(
+      this._docFactory.getEmpty(),
+      updates,
+      origin
+    ).rebuildStorage(reference);
     this.initialized = true;
+    initialized.destroy();
     onInitialized == null ? void 0 : onInitialized(this.doc.getEncodedState());
     return this;
   }
@@ -264,7 +269,10 @@ var PluvRouter = class _PluvRouter {
     this._defs = { events };
   }
   static merge(...routers) {
-    const events = Object.assign(/* @__PURE__ */ Object.create(null), ...routers.map((router) => router._defs.events));
+    const events = Object.assign(
+      /* @__PURE__ */ Object.create(null),
+      ...routers.map((router) => router._defs.events)
+    );
     if (Object.keys(events).some((key) => key.startsWith("$"))) {
       throw new Error('Procedures may not start with "$"');
     }
@@ -417,7 +425,11 @@ var UsersManager = class {
     const userInfo = (_a = this._others.get(clientId)) != null ? _a : null;
     if (!userInfo) return null;
     const remaining = (_c = (_b = this._getConnectionIds(clientId)) == null ? void 0 : _b.size) != null ? _c : 0;
-    const result = { clientId, remaining, data: userInfo };
+    const result = {
+      clientId,
+      remaining,
+      data: userInfo
+    };
     if (!remaining) this._others.delete(clientId);
     return result;
   }
@@ -454,7 +466,10 @@ var UsersManager = class {
     const other = this._others.get(clientId);
     if (!other) return null;
     const cleanedPatch = pickBy(patch != null ? patch : {}, (value) => typeof value !== "undefined");
-    const cleanedPresence = pickBy((_a = other.presence) != null ? _a : {}, (value) => typeof value !== "undefined");
+    const cleanedPresence = pickBy(
+      (_a = other.presence) != null ? _a : {},
+      (value) => typeof value !== "undefined"
+    );
     const presence = __spreadValues(__spreadValues(__spreadValues({}, this.initialPresence), cleanedPresence), cleanedPatch);
     const validated = this._presence ? this._presence.parse(presence) : presence;
     this._others.set(clientId, __spreadProps(__spreadValues({}, other), { presence: validated }));
@@ -623,10 +638,7 @@ var PluvRoom = class extends AbstractRoom {
           room: this.id,
           user: myself
         };
-        const output = yield procedure.config.broadcast(
-          parsed,
-          context
-        );
+        const output = yield procedure.config.broadcast(parsed, context);
         Object.entries(output).forEach(([_type, _data]) => {
           this._sendMessage({ data: _data, type: _type });
         });
@@ -749,7 +761,11 @@ var PluvRoom = class extends AbstractRoom {
       }
     };
     this._router = router != null ? router : new PluvRouter({});
-    this._usersManager = new UsersManager({ initialPresence, limits: this._limits, presence });
+    this._usersManager = new UsersManager({
+      initialPresence,
+      limits: this._limits,
+      presence
+    });
     this._crdtManager = new CrdtManager({ initialStorage });
   }
   get storageLoaded() {
@@ -764,17 +780,17 @@ var PluvRoom = class extends AbstractRoom {
       const params = (_a = args[0]) != null ? _a : {};
       const metadata = params.metadata;
       this._setMetadata(metadata);
-      const canConnect = [ConnectionState.Closed, ConnectionState.Unavailable, ConnectionState.Untouched].some(
-        (state) => this._state.connection.state === state
-      );
+      const canConnect = [
+        ConnectionState.Closed,
+        ConnectionState.Unavailable,
+        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;
         return oldState;
       });
-      yield this._storageStore.initialize();
-      yield this._applyStorageStore();
       const wsEndpoint = this._getWsEndpoint(this.id, params);
       const url = new URL(wsEndpoint);
       let authToken = null;
@@ -1043,12 +1059,13 @@ var PluvRoom = class extends AbstractRoom {
     this._stateNotifier.subjects.others.next(others);
   }
   _handleRegisteredMessage(message) {
-    var _a, _b, _c;
+    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;
@@ -1065,7 +1082,7 @@ var PluvRoom = class extends AbstractRoom {
     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._state.connection.count > 1 ? (_c = this._crdtManager.doc.getEncodedState()) != null ? _c : null : null;
+    const update = this._crdtManager.getInitialState();
     this._sendMessage({
       type: "$initializeSession",
       data: { presence, update }
@@ -1077,15 +1094,16 @@ var PluvRoom = class extends AbstractRoom {
       if (!connectionId) return;
       if (!this._state.webSocket) throw new Error("Could not find WebSocket");
       const data = message.data;
+      const state = data.state;
       this._crdtManager.initialize({
         onInitialized: (update2) => __async(this, null, function* () {
-          this._addToStorageStore(update2);
+          yield this._addToStorageStore(update2);
           this._emitSharedTypes();
           this._observeCrdt();
           this._stateNotifier.subjects["storage-loaded"].next(true);
         }),
         origin: ORIGIN_INITIALIZED,
-        update: data.state
+        update: state
       });
       const encodedState = this._crdtManager.doc.getEncodedState();
       yield this._storageStore.addUpdate(encodedState);
@@ -1102,7 +1120,6 @@ var PluvRoom = class extends AbstractRoom {
     if (!connectionId) return;
     if (!this._state.webSocket) throw new Error("Could not find WebSocket");
     const data = message.data;
-    if (!this._crdtManager) return;
     this._crdtManager.doc.applyEncodedState({
       origin: ORIGIN_STORAGE_UPDATED,
       update: data.state
@@ -1110,7 +1127,6 @@ var PluvRoom = class extends AbstractRoom {
     const sharedTypes = this._crdtManager.doc.get();
     const storageRoot = Object.keys(sharedTypes).reduce(
       (acc, prop) => {
-        if (!this._crdtManager) return acc;
         const serialized = this._crdtManager.doc.toJson(prop);
         this._crdtNotifier.subject(prop).next(serialized);
         return __spreadProps(__spreadValues({}, acc), { [prop]: serialized });
@@ -1157,7 +1173,10 @@ var PluvRoom = class extends AbstractRoom {
   }
   _heartbeat() {
     this._clearTimeout(this._timeouts.pong);
-    this._timeouts.pong = setTimeout(this._reconnect.bind(this), PONG_TIMEOUT_MS);
+    this._timeouts.pong = setTimeout(
+      this._reconnect.bind(this),
+      PONG_TIMEOUT_MS
+    );
     this._sendMessage('{"type":"$ping","data":{}}');
   }
   _logDebug(...data) {
@@ -1168,7 +1187,6 @@ var PluvRoom = class extends AbstractRoom {
   _observeCrdt() {
     var _a, _b;
     (_b = (_a = this._subscriptions).observeCrdt) == null ? void 0 : _b.call(_a);
-    if (!this._crdtManager) return;
     const unsubscribe = this._crdtManager.doc.subscribe((event) => {
       var _a2;
       const origin = (_a2 = event.origin) != null ? _a2 : null;
@@ -1298,7 +1316,10 @@ var PluvRoom = class extends AbstractRoom {
       return oldState;
     });
     this._clearInterval(this._intervals.heartbeat);
-    this._intervals.heartbeat = setInterval(this._heartbeat.bind(this), HEARTBEAT_INTERVAL_MS);
+    this._intervals.heartbeat = setInterval(
+      this._heartbeat.bind(this),
+      HEARTBEAT_INTERVAL_MS
+    );
   }
   _onNavigatorOffline() {
     return __async(this, null, function* () {
@@ -1353,8 +1374,14 @@ var PluvRoom = class extends AbstractRoom {
   _pollReconnect() {
     this._clearTimeout(this._timeouts.reconnect);
     const timeoutMs = typeof this._reconnectTimeoutMs === "number" ? this._reconnectTimeoutMs : this._reconnectTimeoutMs({ attempts: this._state.connection.attempts });
-    const clampedMs = Math.max(Math.min(MIN_RECONNECT_TIMEOUT_MS, timeoutMs), MAX_RECONNECT_TIMEOUT_MS);
-    this._timeouts.reconnect = setTimeout(this._reconnect.bind(this), clampedMs);
+    const clampedMs = Math.max(
+      Math.min(MIN_RECONNECT_TIMEOUT_MS, timeoutMs),
+      MAX_RECONNECT_TIMEOUT_MS
+    );
+    this._timeouts.reconnect = setTimeout(
+      this._reconnect.bind(this),
+      clampedMs
+    );
   }
   _reconnect() {
     return __async(this, null, function* () {
@@ -1553,10 +1580,7 @@ var MockedRoom = class extends AbstractRoom {
           room: this.id,
           user: myself
         };
-        const output = yield procedure.config.broadcast(
-          parsed,
-          context
-        );
+        const output = yield procedure.config.broadcast(parsed, context);
         Object.entries(output).forEach(([_type, _data]) => {
           this._simulateEvent(_type, _data);
         });
@@ -1647,7 +1671,11 @@ var MockedRoom = class extends AbstractRoom {
       presenceMaxSize: MAX_PRESENCE_SIZE_BYTES
     }, limits);
     this._router = router != null ? router : new PluvRouter({});
-    this._usersManager = new UsersManager({ initialPresence, limits: this._limits, presence });
+    this._usersManager = new UsersManager({
+      initialPresence,
+      limits: this._limits,
+      presence
+    });
     this._crdtManager = new CrdtManager({
       initialStorage
     });

package/dist/index.mjs

@@ -95,9 +95,9 @@ import { noop } from "@pluv/crdt";
 var CrdtManager = class {
   constructor(options) {
     this.initialized = false;
-    const { encodedState, initialStorage = noop.doc({}) } = options;
+    const { initialStorage = noop.doc({}) } = options;
     this._docFactory = initialStorage;
-    this.doc = encodedState ? initialStorage.getFresh().applyEncodedState({ update: encodedState }) : initialStorage.getFresh();
+    this.doc = initialStorage.getEmpty();
   }
   /**
    * !HACK
@@ -117,25 +117,30 @@ var CrdtManager = class {
   get(key) {
     return this.doc.get(key);
   }
+  getInitialState() {
+    return this._docFactory.getInitialized().getEncodedState();
+  }
   initialize(params) {
     const { onInitialized, origin, update } = params;
-    const updates = typeof update === "string" ? [update] : update;
-    if (!updates.length) return this;
     if (this.initialized) {
-      this.doc = this._applyDocUpdates(this.doc, updates, origin).track();
+      console.warn("Attempted to initialize storage multiple times");
       return this;
     }
-    const onEmpty = this._applyDocUpdates(this._docFactory.getEmpty(), updates, origin);
-    if (!onEmpty.isEmpty()) {
-      onEmpty.destroy();
-      this.doc = this._applyDocUpdates(this._docFactory.getFresh(), updates, origin).track();
-      this.initialized = true;
-      onInitialized == null ? void 0 : onInitialized(this.doc.getEncodedState());
+    if (!this.doc.isEmpty()) {
+      console.warn("Attempted to initialize over a non-empty storage");
       return this;
     }
-    onEmpty.destroy();
-    this.doc = this._docFactory.getInitialized().track();
+    const updates = typeof update === "string" ? [update] : update;
+    if (!updates.length) return this;
+    const initialized = this._docFactory.getInitialized();
+    const reference = initialized.get();
+    this.doc = this._applyDocUpdates(
+      this._docFactory.getEmpty(),
+      updates,
+      origin
+    ).rebuildStorage(reference);
     this.initialized = true;
+    initialized.destroy();
     onInitialized == null ? void 0 : onInitialized(this.doc.getEncodedState());
     return this;
   }
@@ -233,7 +238,10 @@ var PluvRouter = class _PluvRouter {
     this._defs = { events };
   }
   static merge(...routers) {
-    const events = Object.assign(/* @__PURE__ */ Object.create(null), ...routers.map((router) => router._defs.events));
+    const events = Object.assign(
+      /* @__PURE__ */ Object.create(null),
+      ...routers.map((router) => router._defs.events)
+    );
     if (Object.keys(events).some((key) => key.startsWith("$"))) {
       throw new Error('Procedures may not start with "$"');
     }
@@ -386,7 +394,11 @@ var UsersManager = class {
     const userInfo = (_a = this._others.get(clientId)) != null ? _a : null;
     if (!userInfo) return null;
     const remaining = (_c = (_b = this._getConnectionIds(clientId)) == null ? void 0 : _b.size) != null ? _c : 0;
-    const result = { clientId, remaining, data: userInfo };
+    const result = {
+      clientId,
+      remaining,
+      data: userInfo
+    };
     if (!remaining) this._others.delete(clientId);
     return result;
   }
@@ -423,7 +435,10 @@ var UsersManager = class {
     const other = this._others.get(clientId);
     if (!other) return null;
     const cleanedPatch = pickBy(patch != null ? patch : {}, (value) => typeof value !== "undefined");
-    const cleanedPresence = pickBy((_a = other.presence) != null ? _a : {}, (value) => typeof value !== "undefined");
+    const cleanedPresence = pickBy(
+      (_a = other.presence) != null ? _a : {},
+      (value) => typeof value !== "undefined"
+    );
     const presence = __spreadValues(__spreadValues(__spreadValues({}, this.initialPresence), cleanedPresence), cleanedPatch);
     const validated = this._presence ? this._presence.parse(presence) : presence;
     this._others.set(clientId, __spreadProps(__spreadValues({}, other), { presence: validated }));
@@ -592,10 +607,7 @@ var PluvRoom = class extends AbstractRoom {
           room: this.id,
           user: myself
         };
-        const output = yield procedure.config.broadcast(
-          parsed,
-          context
-        );
+        const output = yield procedure.config.broadcast(parsed, context);
         Object.entries(output).forEach(([_type, _data]) => {
           this._sendMessage({ data: _data, type: _type });
         });
@@ -718,7 +730,11 @@ var PluvRoom = class extends AbstractRoom {
       }
     };
     this._router = router != null ? router : new PluvRouter({});
-    this._usersManager = new UsersManager({ initialPresence, limits: this._limits, presence });
+    this._usersManager = new UsersManager({
+      initialPresence,
+      limits: this._limits,
+      presence
+    });
     this._crdtManager = new CrdtManager({ initialStorage });
   }
   get storageLoaded() {
@@ -733,17 +749,17 @@ var PluvRoom = class extends AbstractRoom {
       const params = (_a = args[0]) != null ? _a : {};
       const metadata = params.metadata;
       this._setMetadata(metadata);
-      const canConnect = [ConnectionState.Closed, ConnectionState.Unavailable, ConnectionState.Untouched].some(
-        (state) => this._state.connection.state === state
-      );
+      const canConnect = [
+        ConnectionState.Closed,
+        ConnectionState.Unavailable,
+        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;
         return oldState;
       });
-      yield this._storageStore.initialize();
-      yield this._applyStorageStore();
       const wsEndpoint = this._getWsEndpoint(this.id, params);
       const url = new URL(wsEndpoint);
       let authToken = null;
@@ -1012,12 +1028,13 @@ var PluvRoom = class extends AbstractRoom {
     this._stateNotifier.subjects.others.next(others);
   }
   _handleRegisteredMessage(message) {
-    var _a, _b, _c;
+    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;
@@ -1034,7 +1051,7 @@ var PluvRoom = class extends AbstractRoom {
     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._state.connection.count > 1 ? (_c = this._crdtManager.doc.getEncodedState()) != null ? _c : null : null;
+    const update = this._crdtManager.getInitialState();
     this._sendMessage({
       type: "$initializeSession",
       data: { presence, update }
@@ -1046,15 +1063,16 @@ var PluvRoom = class extends AbstractRoom {
       if (!connectionId) return;
       if (!this._state.webSocket) throw new Error("Could not find WebSocket");
       const data = message.data;
+      const state = data.state;
       this._crdtManager.initialize({
         onInitialized: (update2) => __async(this, null, function* () {
-          this._addToStorageStore(update2);
+          yield this._addToStorageStore(update2);
           this._emitSharedTypes();
           this._observeCrdt();
           this._stateNotifier.subjects["storage-loaded"].next(true);
         }),
         origin: ORIGIN_INITIALIZED,
-        update: data.state
+        update: state
       });
       const encodedState = this._crdtManager.doc.getEncodedState();
       yield this._storageStore.addUpdate(encodedState);
@@ -1071,7 +1089,6 @@ var PluvRoom = class extends AbstractRoom {
     if (!connectionId) return;
     if (!this._state.webSocket) throw new Error("Could not find WebSocket");
     const data = message.data;
-    if (!this._crdtManager) return;
     this._crdtManager.doc.applyEncodedState({
       origin: ORIGIN_STORAGE_UPDATED,
       update: data.state
@@ -1079,7 +1096,6 @@ var PluvRoom = class extends AbstractRoom {
     const sharedTypes = this._crdtManager.doc.get();
     const storageRoot = Object.keys(sharedTypes).reduce(
       (acc, prop) => {
-        if (!this._crdtManager) return acc;
         const serialized = this._crdtManager.doc.toJson(prop);
         this._crdtNotifier.subject(prop).next(serialized);
         return __spreadProps(__spreadValues({}, acc), { [prop]: serialized });
@@ -1126,7 +1142,10 @@ var PluvRoom = class extends AbstractRoom {
   }
   _heartbeat() {
     this._clearTimeout(this._timeouts.pong);
-    this._timeouts.pong = setTimeout(this._reconnect.bind(this), PONG_TIMEOUT_MS);
+    this._timeouts.pong = setTimeout(
+      this._reconnect.bind(this),
+      PONG_TIMEOUT_MS
+    );
     this._sendMessage('{"type":"$ping","data":{}}');
   }
   _logDebug(...data) {
@@ -1137,7 +1156,6 @@ var PluvRoom = class extends AbstractRoom {
   _observeCrdt() {
     var _a, _b;
     (_b = (_a = this._subscriptions).observeCrdt) == null ? void 0 : _b.call(_a);
-    if (!this._crdtManager) return;
     const unsubscribe = this._crdtManager.doc.subscribe((event) => {
       var _a2;
       const origin = (_a2 = event.origin) != null ? _a2 : null;
@@ -1267,7 +1285,10 @@ var PluvRoom = class extends AbstractRoom {
       return oldState;
     });
     this._clearInterval(this._intervals.heartbeat);
-    this._intervals.heartbeat = setInterval(this._heartbeat.bind(this), HEARTBEAT_INTERVAL_MS);
+    this._intervals.heartbeat = setInterval(
+      this._heartbeat.bind(this),
+      HEARTBEAT_INTERVAL_MS
+    );
   }
   _onNavigatorOffline() {
     return __async(this, null, function* () {
@@ -1322,8 +1343,14 @@ var PluvRoom = class extends AbstractRoom {
   _pollReconnect() {
     this._clearTimeout(this._timeouts.reconnect);
     const timeoutMs = typeof this._reconnectTimeoutMs === "number" ? this._reconnectTimeoutMs : this._reconnectTimeoutMs({ attempts: this._state.connection.attempts });
-    const clampedMs = Math.max(Math.min(MIN_RECONNECT_TIMEOUT_MS, timeoutMs), MAX_RECONNECT_TIMEOUT_MS);
-    this._timeouts.reconnect = setTimeout(this._reconnect.bind(this), clampedMs);
+    const clampedMs = Math.max(
+      Math.min(MIN_RECONNECT_TIMEOUT_MS, timeoutMs),
+      MAX_RECONNECT_TIMEOUT_MS
+    );
+    this._timeouts.reconnect = setTimeout(
+      this._reconnect.bind(this),
+      clampedMs
+    );
   }
   _reconnect() {
     return __async(this, null, function* () {
@@ -1522,10 +1549,7 @@ var MockedRoom = class extends AbstractRoom {
           room: this.id,
           user: myself
         };
-        const output = yield procedure.config.broadcast(
-          parsed,
-          context
-        );
+        const output = yield procedure.config.broadcast(parsed, context);
         Object.entries(output).forEach(([_type, _data]) => {
           this._simulateEvent(_type, _data);
         });
@@ -1616,7 +1640,11 @@ var MockedRoom = class extends AbstractRoom {
       presenceMaxSize: MAX_PRESENCE_SIZE_BYTES
     }, limits);
     this._router = router != null ? router : new PluvRouter({});
-    this._usersManager = new UsersManager({ initialPresence, limits: this._limits, presence });
+    this._usersManager = new UsersManager({
+      initialPresence,
+      limits: this._limits,
+      presence
+    });
     this._crdtManager = new CrdtManager({
       initialStorage
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pluv/client",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "@pluv/io frontend client",
   "author": "leedavidcs",
   "license": "MIT",
@@ -18,15 +18,15 @@
   },
   "dependencies": {
     "wonka": "^6.3.5",
-    "@pluv/crdt": "^1.0.0",
-    "@pluv/types": "^1.0.0"
+    "@pluv/crdt": "^1.0.1",
+    "@pluv/types": "^1.0.1"
   },
   "devDependencies": {
     "eslint": "^9.25.1",
     "tsup": "^8.4.0",
     "typescript": "^5.8.3",
-    "@pluv/tsconfig": "^1.0.0",
-    "eslint-config-pluv": "^1.0.0"
+    "@pluv/tsconfig": "^1.0.1",
+    "eslint-config-pluv": "^1.0.1"
   },
   "scripts": {
     "build": "tsup src/index.ts --format esm,cjs --dts",

package/src/AbstractRoom.ts

@@ -49,7 +49,9 @@ export abstract class AbstractRoom<
     public abstract getStorage<TKey extends keyof TStorage>(type: TKey): TStorage[TKey] | null;
 
     public abstract getStorageJson(): InferCrdtJson<TStorage> | null;
-    public abstract getStorageJson<TKey extends keyof TStorage>(type: TKey): InferCrdtJson<TStorage[TKey]> | null;
+    public abstract getStorageJson<TKey extends keyof TStorage>(
+        type: TKey,
+    ): InferCrdtJson<TStorage[TKey]> | null;
 
     public abstract other(
         connectionId: string,