@yiin/reactive-proxy-state 1.0.27 → 1.0.28

package/README.md

@@ -80,6 +80,14 @@ onServerEvent((event) => {
 serverState.count = 5; // Automatically synced to all clients
 ```
 
+If you need to relay state or events through `postMessage`, workers, or any structured-clone boundary, convert them first:
+
+```typescript
+import { deepToRaw } from "@yiin/reactive-proxy-state";
+
+worker.postMessage(deepToRaw(serverState));
+```
+
 See the [`updateState` documentation](./docs/api/update-state.md) and [`reactive` documentation](./docs/api/reactive.md) for more details on event emission and application.
 
 ## API

package/dist/deep-to-raw.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Converts reactive proxies/refs into plain JavaScript data structures
+ * so they can be safely sent across structured-clone boundaries.
+ */
+export declare function deepToRaw<T>(input: T, seen?: WeakMap<any, any>): T;

package/dist/index.cjs

@@ -49,6 +49,7 @@ __export(exports_src, {
   isRef: () => isRef,
   isReactive: () => isReactive,
   isComputed: () => isComputed,
+  deepToRaw: () => deepToRaw,
   deepEqual: () => deepEqual,
   deepClone: () => deepClone,
   createRendererBridgeEmitter: () => createRendererBridgeEmitter,
@@ -1848,3 +1849,56 @@ function createMainBridgeEmitter(opts) {
     forward: (msg, ctx) => broadcast(msg, ctx?.senderId)
   });
 }
+// src/deep-to-raw.ts
+function deepToRaw(input, seen = new WeakMap) {
+  if (input === null || typeof input !== "object") {
+    return input;
+  }
+  if (isRef(input)) {
+    return deepToRaw(input.value, seen);
+  }
+  if (seen.has(input)) {
+    return seen.get(input);
+  }
+  if (Array.isArray(input)) {
+    const result = [];
+    seen.set(input, result);
+    for (const item of input) {
+      result.push(deepToRaw(item, seen));
+    }
+    return result;
+  }
+  if (input instanceof Date) {
+    return new Date(input.getTime());
+  }
+  if (input instanceof Map) {
+    const result = new Map;
+    seen.set(input, result);
+    for (const [key, value] of input) {
+      result.set(deepToRaw(key, seen), deepToRaw(value, seen));
+    }
+    return result;
+  }
+  if (input instanceof Set) {
+    const result = new Set;
+    seen.set(input, result);
+    for (const value of input) {
+      result.add(deepToRaw(value, seen));
+    }
+    return result;
+  }
+  const source = isReactive(input) ? toRaw(input) : input;
+  if (seen.has(source)) {
+    return seen.get(source);
+  }
+  if (source && typeof source === "object" && (source.constructor === Object || source.constructor === null)) {
+    const result = Object.create(Object.getPrototypeOf(source));
+    seen.set(input, result);
+    seen.set(source, result);
+    for (const key of Reflect.ownKeys(source)) {
+      result[key] = deepToRaw(source[key], seen);
+    }
+    return result;
+  }
+  return source;
+}

package/dist/index.d.ts

@@ -9,3 +9,4 @@ export * from './computed';
 export * from './mark-raw';
 export * from './integrations/vue3';
 export * from './integrations/electron-bridge';
+export { deepToRaw } from './deep-to-raw';

package/dist/index.js

@@ -1786,6 +1786,59 @@ function createMainBridgeEmitter(opts) {
     forward: (msg, ctx) => broadcast(msg, ctx?.senderId)
   });
 }
+// src/deep-to-raw.ts
+function deepToRaw(input, seen = new WeakMap) {
+  if (input === null || typeof input !== "object") {
+    return input;
+  }
+  if (isRef(input)) {
+    return deepToRaw(input.value, seen);
+  }
+  if (seen.has(input)) {
+    return seen.get(input);
+  }
+  if (Array.isArray(input)) {
+    const result = [];
+    seen.set(input, result);
+    for (const item of input) {
+      result.push(deepToRaw(item, seen));
+    }
+    return result;
+  }
+  if (input instanceof Date) {
+    return new Date(input.getTime());
+  }
+  if (input instanceof Map) {
+    const result = new Map;
+    seen.set(input, result);
+    for (const [key, value] of input) {
+      result.set(deepToRaw(key, seen), deepToRaw(value, seen));
+    }
+    return result;
+  }
+  if (input instanceof Set) {
+    const result = new Set;
+    seen.set(input, result);
+    for (const value of input) {
+      result.add(deepToRaw(value, seen));
+    }
+    return result;
+  }
+  const source = isReactive(input) ? toRaw(input) : input;
+  if (seen.has(source)) {
+    return seen.get(source);
+  }
+  if (source && typeof source === "object" && (source.constructor === Object || source.constructor === null)) {
+    const result = Object.create(Object.getPrototypeOf(source));
+    seen.set(input, result);
+    seen.set(source, result);
+    for (const key of Reflect.ownKeys(source)) {
+      result[key] = deepToRaw(source[key], seen);
+    }
+    return result;
+  }
+  return source;
+}
 export {
   watchEffect,
   watch,
@@ -1807,6 +1860,7 @@ export {
   isRef,
   isReactive,
   isComputed,
+  deepToRaw,
   deepEqual,
   deepClone,
   createRendererBridgeEmitter,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yiin/reactive-proxy-state",
-  "version": "1.0.27",
+  "version": "1.0.28",
   "author": "Yiin <stanislovas@yiin.lt>",
   "repository": {
     "type": "git",