remote-state-sync 1.0.1 → 1.0.2

package/dist/index.d.ts

@@ -4,6 +4,7 @@ import { Ref, ShallowRef } from '@vue/reactivity';
 type PatchOperation = 'set' | 'delete' | 'clear' | 'add';
 interface Patch {
     op: PatchOperation;
+    key: string;
     path: (string | number)[];
     value?: unknown;
 }
@@ -13,6 +14,7 @@ interface SyncOptions {
 type SyncUpdater<T> = (state: T) => T | void;
 type SyncBusDefinition = {
     update: (namespace: string, patches: Patch[]) => void;
+    register: (namespace: string) => void;
 };
 type ReceiverItemBusDefinition<T> = {
     update: (newValue: T, oldValue: T, patches: Patch[]) => void;
@@ -20,7 +22,7 @@ type ReceiverItemBusDefinition<T> = {
 
 declare class SyncProvider {
     private namespaces;
-    bus: Nanobus<SyncBusDefinition>;
+    readonly bus: Nanobus<SyncBusDefinition>;
     constructor();
     register(namespace: string): SyncNamespaceProvider;
     getStateSnapshot(namespace: string): Promise<Record<string, unknown>>;
@@ -68,7 +70,7 @@ declare class SyncItemReceiver<T> {
     private value;
     private _ref;
     private _shallowRef;
-    bus: Nanobus<ReceiverItemBusDefinition<T>>;
+    readonly bus: Nanobus<ReceiverItemBusDefinition<T>>;
     constructor(key: string, initialValue: T);
     on(event: 'update', cb: (newValue: T, oldValue: T, patches: Patch[]) => void): void;
     toValue(): T;

package/dist/index.js

@@ -53,19 +53,19 @@ function clearValue(current) {
 }
 
 // src/proxy.ts
-function createDeepProxy(target, path, onPatch) {
+function createDeepProxy(target, rootKey, path, onPatch) {
   if (!shouldProxy(target)) {
     return target;
   }
   if (target instanceof Map) {
-    return createMapProxy(target, path, onPatch);
+    return createMapProxy(target, rootKey, path, onPatch);
   }
   if (target instanceof Set) {
-    return createSetProxy(target, path, onPatch);
+    return createSetProxy(target, rootKey, path, onPatch);
   }
-  return createObjectProxy(target, path, onPatch);
+  return createObjectProxy(target, rootKey, path, onPatch);
 }
-function createObjectProxy(target, path, onPatch) {
+function createObjectProxy(target, rootKey, path, onPatch) {
   const handler = {
     get(obj, prop, receiver) {
       const value = Reflect.get(obj, prop, receiver);
@@ -73,7 +73,7 @@ function createObjectProxy(target, path, onPatch) {
         return value;
       }
       if (shouldProxy(value)) {
-        return createDeepProxy(value, [...path, prop], onPatch);
+        return createDeepProxy(value, rootKey, [...path, prop], onPatch);
       }
       return value;
     },
@@ -85,6 +85,7 @@ function createObjectProxy(target, path, onPatch) {
       if (success) {
         onPatch({
           op: "set",
+          key: rootKey,
           path: [...path, prop],
           value
         });
@@ -99,6 +100,7 @@ function createObjectProxy(target, path, onPatch) {
       if (success) {
         onPatch({
           op: "delete",
+          key: rootKey,
           path: [...path, prop]
         });
       }
@@ -107,7 +109,7 @@ function createObjectProxy(target, path, onPatch) {
   };
   return new Proxy(target, handler);
 }
-function createMapProxy(target, path, onPatch) {
+function createMapProxy(target, rootKey, path, onPatch) {
   const handler = {
     get(obj, prop) {
       const value = Reflect.get(obj, prop);
@@ -120,6 +122,7 @@ function createMapProxy(target, path, onPatch) {
             const result = obj.set(key, val);
             onPatch({
               op: "set",
+              key: rootKey,
               path: [...path, key],
               value: val
             });
@@ -133,6 +136,7 @@ function createMapProxy(target, path, onPatch) {
             if (hasKey) {
               onPatch({
                 op: "delete",
+                key: rootKey,
                 path: [...path, key]
               });
             }
@@ -145,6 +149,7 @@ function createMapProxy(target, path, onPatch) {
               const result = obj.clear();
               onPatch({
                 op: "clear",
+                key: rootKey,
                 path
               });
               return result;
@@ -155,7 +160,7 @@ function createMapProxy(target, path, onPatch) {
           return function(key) {
             const getVal = obj.get(key);
             if (shouldProxy(getVal)) {
-              return createDeepProxy(getVal, [...path, key], onPatch);
+              return createDeepProxy(getVal, rootKey, [...path, key], onPatch);
             }
             return getVal;
           };
@@ -167,7 +172,7 @@ function createMapProxy(target, path, onPatch) {
   };
   return new Proxy(target, handler);
 }
-function createSetProxy(target, path, onPatch) {
+function createSetProxy(target, rootKey, path, onPatch) {
   const handler = {
     get(obj, prop) {
       const value = Reflect.get(obj, prop);
@@ -182,6 +187,7 @@ function createSetProxy(target, path, onPatch) {
             if (!hasVal) {
               onPatch({
                 op: "add",
+                key: rootKey,
                 // For set, we don't have a key to navigate, but we can pass the value
                 // In a true Sync scenario, Set diffing is tricky. Path is just the Set itself.
                 path,
@@ -198,6 +204,7 @@ function createSetProxy(target, path, onPatch) {
             if (hasVal) {
               onPatch({
                 op: "delete",
+                key: rootKey,
                 path,
                 // Similarly, deleting from set happens at Set boundary
                 value: val
@@ -213,6 +220,7 @@ function createSetProxy(target, path, onPatch) {
               const result = obj.clear();
               onPatch({
                 op: "clear",
+                key: rootKey,
                 path
               });
               return result;
@@ -239,6 +247,7 @@ var SyncProvider = class {
     }
     const ns = new SyncNamespaceProvider(namespace, this.bus);
     this.namespaces.set(namespace, ns);
+    this.bus.emit("register", namespace);
     return ns;
   }
   async getStateSnapshot(namespace) {
@@ -316,10 +325,11 @@ var SyncItemProvider = class {
   setValue(newVal) {
     this.onPatch({
       op: "set",
-      path: [this.key],
+      key: this.key,
+      path: [],
       value: newVal
     });
-    this.value = createDeepProxy(newVal, [this.key], this.onPatch);
+    this.value = createDeepProxy(newVal, this.key, [], this.onPatch);
   }
 };
 
@@ -365,8 +375,7 @@ var SyncNamespaceReceiver = class {
   applyPatches(patches) {
     const affectedItems = /* @__PURE__ */ new Map();
     for (const patch of patches) {
-      if (patch.path.length === 0) continue;
-      const key = patch.path[0];
+      const key = patch.key;
       const item = this.items.get(key);
       if (item) {
         if (!affectedItems.has(item)) {
@@ -384,9 +393,9 @@ var SyncNamespaceReceiver = class {
     }
   }
   applyPatchToObject(obj, patch) {
-    if (patch.path.length === 0) return;
+    const fullPath = [patch.key, ...patch.path];
     if (patch.op === "clear" || patch.op === "add") {
-      const target = navigatePath(obj, patch.path, 0, patch.path.length);
+      const target = navigatePath(obj, fullPath, 0, fullPath.length);
       if (patch.op === "clear") {
         clearValue(target);
       } else {
@@ -394,8 +403,8 @@ var SyncNamespaceReceiver = class {
       }
       return;
     }
-    const current = navigatePath(obj, patch.path, 0, patch.path.length - 1);
-    const lastKey = patch.path[patch.path.length - 1];
+    const current = navigatePath(obj, fullPath, 0, fullPath.length - 1);
+    const lastKey = fullPath[fullPath.length - 1];
     if (patch.op === "set") {
       setValueAtPath(current, lastKey, patch.value);
     } else if (patch.op === "delete") {
@@ -431,7 +440,7 @@ var SyncItemReceiver = class {
     return this._shallowRef;
   }
   applyPatch(patch) {
-    if (patch.path.length === 1) {
+    if (patch.path.length === 0) {
       if (patch.op === "set") {
         this.value = patch.value;
         if (this._ref) this._ref.value = patch.value;
@@ -441,41 +450,41 @@ var SyncItemReceiver = class {
     }
     const lastKey = patch.path[patch.path.length - 1];
     if (patch.op === "set") {
-      const current = navigatePath(this.value, patch.path, 1, patch.path.length - 1);
+      const current = navigatePath(this.value, patch.path, 0, patch.path.length - 1);
       const refCurrent = navigatePath(
         this._ref ? this._ref.value : null,
         patch.path,
-        1,
+        0,
         patch.path.length - 1
       );
       setValueAtPath(current, lastKey, patch.value);
       setValueAtPath(refCurrent, lastKey, patch.value);
     } else if (patch.op === "delete") {
-      const current = navigatePath(this.value, patch.path, 1, patch.path.length - 1);
+      const current = navigatePath(this.value, patch.path, 0, patch.path.length - 1);
       const refCurrent = navigatePath(
         this._ref ? this._ref.value : null,
         patch.path,
-        1,
+        0,
         patch.path.length - 1
       );
       deleteValueAtPath(current, lastKey);
       deleteValueAtPath(refCurrent, lastKey);
     } else if (patch.op === "add") {
-      const target = navigatePath(this.value, patch.path, 1, patch.path.length);
+      const target = navigatePath(this.value, patch.path, 0, patch.path.length);
       const refTarget = navigatePath(
         this._ref ? this._ref.value : null,
         patch.path,
-        1,
+        0,
         patch.path.length
       );
       addValueToSet(target, patch.value);
       addValueToSet(refTarget, patch.value);
     } else if (patch.op === "clear") {
-      const target = navigatePath(this.value, patch.path, 1, patch.path.length);
+      const target = navigatePath(this.value, patch.path, 0, patch.path.length);
       const refTarget = navigatePath(
         this._ref ? this._ref.value : null,
         patch.path,
-        1,
+        0,
         patch.path.length
       );
       clearValue(target);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "remote-state-sync",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "A lightweight, fully type-safe unidirectional remote state synchronization library.",
   "type": "module",
   "repository": {
@@ -68,4 +68,4 @@
     "@vue/reactivity": "^3.5.28",
     "nanobus": "^4.5.0"
   }
-}
+}