@kokimoki/app 1.16.0 → 1.16.1

package/dist/kokimoki-client.js

@@ -461,7 +461,7 @@ export class KokimokiClient extends EventEmitter {
             this._subscriptionsByHash.set(res.roomHash, subscription);
             await subscription.applyInitialResponse(res.roomHash, res.initialUpdate);
             // Trigger onJoin event
-            store.onJoin(this);
+            await store.onJoin(this);
         }
     }
     async leave(store) {

package/dist/kokimoki-store.d.ts

@@ -7,23 +7,15 @@ export declare class KokimokiStore<T extends object> {
     readonly defaultValue: T;
     readonly mode: RoomSubscriptionMode;
     readonly doc: Y.Doc;
-    readonly proxy: T & {
-        _km_connections?: {
-            [connectionId: string]: string;
-        };
-    };
+    readonly proxy: T;
     readonly docRoot: Y.Map<unknown>;
     readonly connections: {
         clientIds: Set<string>;
     };
     constructor(roomName: string, defaultValue: T, mode?: RoomSubscriptionMode);
-    get(): Snapshot<T & {
-        _km_connections?: {
-            [connectionId: string]: string;
-        } | undefined;
-    }>;
+    get(): Snapshot<T>;
     subscribe(set: (value: Snapshot<T>) => void): () => void;
-    onJoin(client: KokimokiClient): Promise<void>;
+    onJoin(client: KokimokiClient<any>): Promise<void>;
     onBeforeLeave(client: KokimokiClient): Promise<void>;
     onLeave(client: KokimokiClient): Promise<void>;
 }

package/dist/kokimoki-store.js

@@ -1,5 +1,5 @@
 import * as Y from "yjs";
-import { proxy, snapshot, subscribe } from "valtio/vanilla";
+import { snapshot, proxy, subscribe } from "valtio/vanilla";
 import { bind as yjsBind } from "valtio-yjs";
 import { RoomSubscriptionMode } from "./room-subscription-mode";
 export class KokimokiStore {
@@ -14,6 +14,10 @@ export class KokimokiStore {
         this.roomName = roomName;
         this.defaultValue = defaultValue;
         this.mode = mode;
+        // "_connections" is a reserved key for tracking connections
+        if ("_connections" in defaultValue) {
+            throw new Error(`"_connections" is a reserved key in KokimokiStore`);
+        }
         // Construct Y doc
         this.doc = new Y.Doc();
         this.docRoot = this.doc.getMap("root");
@@ -23,14 +27,37 @@ export class KokimokiStore {
         yjsBind(this.proxy, this.docRoot);
         // Construct connections proxy
         this.connections = proxy({ clientIds: new Set() });
-        // Update connections.clientIds whenever _km_connections changes
+        // Update connections.clientIds whenever _connections changes
+        let prevConnections = new Set();
         subscribe(this.proxy, () => {
-            const kmConnections = this.proxy._km_connections;
-            if (kmConnections) {
-                this.connections.clientIds = new Set(Object.values(kmConnections));
+            // @ts-ignore
+            const newConnections = new Set(
+            // @ts-ignore
+            Object.values(this.proxy._connections || {}));
+            // Update only if there are changes
+            let changed = false;
+            if (newConnections.size !== prevConnections.size) {
+                changed = true;
             }
-            else {
-                this.connections.clientIds = new Set();
+            if (!changed) {
+                for (const id of newConnections) {
+                    if (!prevConnections.has(id)) {
+                        changed = true;
+                        break;
+                    }
+                }
+            }
+            if (!changed) {
+                for (const id of prevConnections) {
+                    if (!newConnections.has(id)) {
+                        changed = true;
+                        break;
+                    }
+                }
+            }
+            if (changed) {
+                this.connections.clientIds = newConnections;
+                prevConnections = new Set(newConnections);
             }
         });
     }
@@ -43,7 +70,11 @@ export class KokimokiStore {
         set(this.get());
         return () => this.doc.off("update", handler);
     }
-    async onJoin(client) { }
+    async onJoin(client) {
+        await client.transact([this], ([state]) => {
+            state._connections[client.connectionId] = client.id;
+        });
+    }
     async onBeforeLeave(client) { }
     async onLeave(client) { }
 }

package/dist/kokimoki.min.d.ts

@@ -36,23 +36,15 @@ declare class KokimokiStore<T extends object> {
     readonly defaultValue: T;
     readonly mode: RoomSubscriptionMode;
     readonly doc: Y.Doc;
-    readonly proxy: T & {
-        _km_connections?: {
-            [connectionId: string]: string;
-        };
-    };
+    readonly proxy: T;
     readonly docRoot: Y.Map<unknown>;
     readonly connections: {
         clientIds: Set<string>;
     };
     constructor(roomName: string, defaultValue: T, mode?: RoomSubscriptionMode);
-    get(): Snapshot<T & {
-        _km_connections?: {
-            [connectionId: string]: string;
-        } | undefined;
-    }>;
+    get(): Snapshot<T>;
     subscribe(set: (value: Snapshot<T>) => void): () => void;
-    onJoin(client: KokimokiClient): Promise<void>;
+    onJoin(client: KokimokiClient<any>): Promise<void>;
     onBeforeLeave(client: KokimokiClient): Promise<void>;
     onLeave(client: KokimokiClient): Promise<void>;
 }

package/dist/kokimoki.min.js

@@ -486,7 +486,7 @@ function eventTargetAgnosticAddListener(emitter, name, listener, flags) {
 var eventsExports = events.exports;
 var EventEmitter$1 = /*@__PURE__*/getDefaultExportFromCjs(eventsExports);
 
-const KOKIMOKI_APP_VERSION = "1.15.2";
+const KOKIMOKI_APP_VERSION = "1.16.1";
 
 /**
  * Utility module to work with key-value stores.
@@ -12009,6 +12009,10 @@ class KokimokiStore {
         this.roomName = roomName;
         this.defaultValue = defaultValue;
         this.mode = mode;
+        // "_connections" is a reserved key for tracking connections
+        if ("_connections" in defaultValue) {
+            throw new Error(`"_connections" is a reserved key in KokimokiStore`);
+        }
         // Construct Y doc
         this.doc = new Doc();
         this.docRoot = this.doc.getMap("root");
@@ -12018,14 +12022,37 @@ class KokimokiStore {
         bind$1(this.proxy, this.docRoot);
         // Construct connections proxy
         this.connections = proxy({ clientIds: new Set() });
-        // Update connections.clientIds whenever _km_connections changes
+        // Update connections.clientIds whenever _connections changes
+        let prevConnections = new Set();
         subscribe(this.proxy, () => {
-            const kmConnections = this.proxy._km_connections;
-            if (kmConnections) {
-                this.connections.clientIds = new Set(Object.values(kmConnections));
+            // @ts-ignore
+            const newConnections = new Set(
+            // @ts-ignore
+            Object.values(this.proxy._connections || {}));
+            // Update only if there are changes
+            let changed = false;
+            if (newConnections.size !== prevConnections.size) {
+                changed = true;
             }
-            else {
-                this.connections.clientIds = new Set();
+            if (!changed) {
+                for (const id of newConnections) {
+                    if (!prevConnections.has(id)) {
+                        changed = true;
+                        break;
+                    }
+                }
+            }
+            if (!changed) {
+                for (const id of prevConnections) {
+                    if (!newConnections.has(id)) {
+                        changed = true;
+                        break;
+                    }
+                }
+            }
+            if (changed) {
+                this.connections.clientIds = newConnections;
+                prevConnections = new Set(newConnections);
             }
         });
     }
@@ -12038,7 +12065,11 @@ class KokimokiStore {
         set(this.get());
         return () => this.doc.off("update", handler);
     }
-    async onJoin(client) { }
+    async onJoin(client) {
+        await client.transact([this], ([state]) => {
+            state._connections[client.connectionId] = client.id;
+        });
+    }
     async onBeforeLeave(client) { }
     async onLeave(client) { }
 }
@@ -12173,6 +12204,9 @@ class RoomSubscription {
         // Set defaults if doc is empty after sync (only possible in ReadWrite mode)
         if (this.store.mode === RoomSubscriptionMode.ReadWrite) {
             await this.kmClient.transact([this.store], ([state]) => {
+                if (!("_connections" in state)) {
+                    state._connections = {};
+                }
                 for (const key in this.store.defaultValue) {
                     if (!state.hasOwnProperty(key)) {
                         state[key] = this.store.defaultValue[key];
@@ -15242,7 +15276,7 @@ class KokimokiClient extends EventEmitter$1 {
             this._subscriptionsByHash.set(res.roomHash, subscription);
             await subscription.applyInitialResponse(res.roomHash, res.initialUpdate);
             // Trigger onJoin event
-            store.onJoin(this);
+            await store.onJoin(this);
         }
     }
     async leave(store) {