@builder.io/sdk-qwik 0.12.5 → 0.12.6

package/lib/browser/index.qwik.cjs

@@ -182,24 +182,36 @@ const runInBrowser = ({ code, builder, context, event, localState, rootSetState,
     builder,
     context,
     event,
-    state: flattenState(rootState, localState, rootSetState)
+    state: flattenState({
+      rootState,
+      localState,
+      rootSetState
+    })
   });
   return new Function(...functionArgs.map(([name]) => name), code)(...functionArgs.map(([, value]) => value));
 };
-function flattenState(rootState, localState, rootSetState) {
-  if (rootState === localState)
-    throw new Error("rootState === localState");
+function flattenState({ rootState, localState, rootSetState }) {
   return new Proxy(rootState, {
-    get: (_, prop) => {
+    get: (target, prop) => {
       if (localState && prop in localState)
         return localState[prop];
-      return rootState[prop];
+      const val = target[prop];
+      if (typeof val === "object")
+        return flattenState({
+          rootState: val,
+          localState: void 0,
+          rootSetState: rootSetState ? (subState) => {
+            target[prop] = subState;
+            rootSetState(target);
+          } : void 0
+        });
+      return val;
     },
-    set: (_, prop, value) => {
+    set: (target, prop, value) => {
       if (localState && prop in localState)
         throw new Error("Writing to local state is not allowed as it is read-only.");
-      rootState[prop] = value;
-      rootSetState == null ? void 0 : rootSetState(rootState);
+      target[prop] = value;
+      rootSetState == null ? void 0 : rootSetState(target);
       return true;
     }
   });
@@ -3343,7 +3355,7 @@ const getInteractionPropertiesForEvent = (event) => {
     }
   };
 };
-const SDK_VERSION = "0.12.5";
+const SDK_VERSION = "0.12.6";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -3738,7 +3750,6 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
       var _a2, _b2;
       return (_b2 = (_a2 = props2.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.jsCode;
     });
-    track2(() => props2.builderContextSignal.rootState);
     evaluateJsCode(props2);
   }, "EnableEditor_component_useTask_3_bQ0e5LHZwWE", [
     elementRef,

package/lib/browser/index.qwik.mjs

@@ -180,24 +180,36 @@ const runInBrowser = ({ code, builder, context, event, localState, rootSetState,
     builder,
     context,
     event,
-    state: flattenState(rootState, localState, rootSetState)
+    state: flattenState({
+      rootState,
+      localState,
+      rootSetState
+    })
   });
   return new Function(...functionArgs.map(([name]) => name), code)(...functionArgs.map(([, value]) => value));
 };
-function flattenState(rootState, localState, rootSetState) {
-  if (rootState === localState)
-    throw new Error("rootState === localState");
+function flattenState({ rootState, localState, rootSetState }) {
   return new Proxy(rootState, {
-    get: (_, prop) => {
+    get: (target, prop) => {
       if (localState && prop in localState)
         return localState[prop];
-      return rootState[prop];
+      const val = target[prop];
+      if (typeof val === "object")
+        return flattenState({
+          rootState: val,
+          localState: void 0,
+          rootSetState: rootSetState ? (subState) => {
+            target[prop] = subState;
+            rootSetState(target);
+          } : void 0
+        });
+      return val;
     },
-    set: (_, prop, value) => {
+    set: (target, prop, value) => {
       if (localState && prop in localState)
         throw new Error("Writing to local state is not allowed as it is read-only.");
-      rootState[prop] = value;
-      rootSetState == null ? void 0 : rootSetState(rootState);
+      target[prop] = value;
+      rootSetState == null ? void 0 : rootSetState(target);
       return true;
     }
   });
@@ -3341,7 +3353,7 @@ const getInteractionPropertiesForEvent = (event) => {
     }
   };
 };
-const SDK_VERSION = "0.12.5";
+const SDK_VERSION = "0.12.6";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -3736,7 +3748,6 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
       var _a2, _b2;
       return (_b2 = (_a2 = props2.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.jsCode;
     });
-    track2(() => props2.builderContextSignal.rootState);
     evaluateJsCode(props2);
   }, "EnableEditor_component_useTask_3_bQ0e5LHZwWE", [
     elementRef,

package/lib/edge/index.qwik.cjs

@@ -182,24 +182,36 @@ const runInBrowser = ({ code, builder, context, event, localState, rootSetState,
     builder,
     context,
     event,
-    state: flattenState(rootState, localState, rootSetState)
+    state: flattenState({
+      rootState,
+      localState,
+      rootSetState
+    })
   });
   return new Function(...functionArgs.map(([name]) => name), code)(...functionArgs.map(([, value]) => value));
 };
-function flattenState(rootState, localState, rootSetState) {
-  if (rootState === localState)
-    throw new Error("rootState === localState");
+function flattenState({ rootState, localState, rootSetState }) {
   return new Proxy(rootState, {
-    get: (_, prop) => {
+    get: (target, prop) => {
       if (localState && prop in localState)
         return localState[prop];
-      return rootState[prop];
+      const val = target[prop];
+      if (typeof val === "object")
+        return flattenState({
+          rootState: val,
+          localState: void 0,
+          rootSetState: rootSetState ? (subState) => {
+            target[prop] = subState;
+            rootSetState(target);
+          } : void 0
+        });
+      return val;
     },
-    set: (_, prop, value) => {
+    set: (target, prop, value) => {
       if (localState && prop in localState)
         throw new Error("Writing to local state is not allowed as it is read-only.");
-      rootState[prop] = value;
-      rootSetState == null ? void 0 : rootSetState(rootState);
+      target[prop] = value;
+      rootSetState == null ? void 0 : rootSetState(target);
       return true;
     }
   });
@@ -6574,7 +6586,7 @@ const getInteractionPropertiesForEvent = (event) => {
     }
   };
 };
-const SDK_VERSION = "0.12.5";
+const SDK_VERSION = "0.12.6";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -6969,7 +6981,6 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
       var _a2, _b2;
       return (_b2 = (_a2 = props2.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.jsCode;
     });
-    track2(() => props2.builderContextSignal.rootState);
     evaluateJsCode(props2);
   }, "EnableEditor_component_useTask_3_bQ0e5LHZwWE", [
     elementRef,

package/lib/edge/index.qwik.mjs

@@ -180,24 +180,36 @@ const runInBrowser = ({ code, builder, context, event, localState, rootSetState,
     builder,
     context,
     event,
-    state: flattenState(rootState, localState, rootSetState)
+    state: flattenState({
+      rootState,
+      localState,
+      rootSetState
+    })
   });
   return new Function(...functionArgs.map(([name]) => name), code)(...functionArgs.map(([, value]) => value));
 };
-function flattenState(rootState, localState, rootSetState) {
-  if (rootState === localState)
-    throw new Error("rootState === localState");
+function flattenState({ rootState, localState, rootSetState }) {
   return new Proxy(rootState, {
-    get: (_, prop) => {
+    get: (target, prop) => {
       if (localState && prop in localState)
         return localState[prop];
-      return rootState[prop];
+      const val = target[prop];
+      if (typeof val === "object")
+        return flattenState({
+          rootState: val,
+          localState: void 0,
+          rootSetState: rootSetState ? (subState) => {
+            target[prop] = subState;
+            rootSetState(target);
+          } : void 0
+        });
+      return val;
     },
-    set: (_, prop, value) => {
+    set: (target, prop, value) => {
       if (localState && prop in localState)
         throw new Error("Writing to local state is not allowed as it is read-only.");
-      rootState[prop] = value;
-      rootSetState == null ? void 0 : rootSetState(rootState);
+      target[prop] = value;
+      rootSetState == null ? void 0 : rootSetState(target);
       return true;
     }
   });
@@ -6572,7 +6584,7 @@ const getInteractionPropertiesForEvent = (event) => {
     }
   };
 };
-const SDK_VERSION = "0.12.5";
+const SDK_VERSION = "0.12.6";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -6967,7 +6979,6 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
       var _a2, _b2;
       return (_b2 = (_a2 = props2.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.jsCode;
     });
-    track2(() => props2.builderContextSignal.rootState);
     evaluateJsCode(props2);
   }, "EnableEditor_component_useTask_3_bQ0e5LHZwWE", [
     elementRef,

package/lib/node/index.qwik.cjs

@@ -184,24 +184,36 @@ const runInBrowser = ({ code, builder, context, event, localState, rootSetState,
     builder,
     context,
     event,
-    state: flattenState(rootState, localState, rootSetState)
+    state: flattenState({
+      rootState,
+      localState,
+      rootSetState
+    })
   });
   return new Function(...functionArgs.map(([name]) => name), code)(...functionArgs.map(([, value]) => value));
 };
-function flattenState(rootState, localState, rootSetState) {
-  if (rootState === localState)
-    throw new Error("rootState === localState");
+function flattenState({ rootState, localState, rootSetState }) {
   return new Proxy(rootState, {
-    get: (_, prop) => {
+    get: (target, prop) => {
       if (localState && prop in localState)
         return localState[prop];
-      return rootState[prop];
+      const val = target[prop];
+      if (typeof val === "object")
+        return flattenState({
+          rootState: val,
+          localState: void 0,
+          rootSetState: rootSetState ? (subState) => {
+            target[prop] = subState;
+            rootSetState(target);
+          } : void 0
+        });
+      return val;
     },
-    set: (_, prop, value) => {
+    set: (target, prop, value) => {
       if (localState && prop in localState)
         throw new Error("Writing to local state is not allowed as it is read-only.");
-      rootState[prop] = value;
-      rootSetState == null ? void 0 : rootSetState(rootState);
+      target[prop] = value;
+      rootSetState == null ? void 0 : rootSetState(target);
       return true;
     }
   });
@@ -3444,7 +3456,7 @@ const getInteractionPropertiesForEvent = (event) => {
     }
   };
 };
-const SDK_VERSION = "0.12.5";
+const SDK_VERSION = "0.12.6";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -3839,7 +3851,6 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
       var _a2, _b2;
       return (_b2 = (_a2 = props2.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.jsCode;
     });
-    track2(() => props2.builderContextSignal.rootState);
     evaluateJsCode(props2);
   }, "EnableEditor_component_useTask_3_bQ0e5LHZwWE", [
     elementRef,

package/lib/node/index.qwik.mjs

@@ -182,24 +182,36 @@ const runInBrowser = ({ code, builder, context, event, localState, rootSetState,
     builder,
     context,
     event,
-    state: flattenState(rootState, localState, rootSetState)
+    state: flattenState({
+      rootState,
+      localState,
+      rootSetState
+    })
   });
   return new Function(...functionArgs.map(([name]) => name), code)(...functionArgs.map(([, value]) => value));
 };
-function flattenState(rootState, localState, rootSetState) {
-  if (rootState === localState)
-    throw new Error("rootState === localState");
+function flattenState({ rootState, localState, rootSetState }) {
   return new Proxy(rootState, {
-    get: (_, prop) => {
+    get: (target, prop) => {
       if (localState && prop in localState)
         return localState[prop];
-      return rootState[prop];
+      const val = target[prop];
+      if (typeof val === "object")
+        return flattenState({
+          rootState: val,
+          localState: void 0,
+          rootSetState: rootSetState ? (subState) => {
+            target[prop] = subState;
+            rootSetState(target);
+          } : void 0
+        });
+      return val;
     },
-    set: (_, prop, value) => {
+    set: (target, prop, value) => {
       if (localState && prop in localState)
         throw new Error("Writing to local state is not allowed as it is read-only.");
-      rootState[prop] = value;
-      rootSetState == null ? void 0 : rootSetState(rootState);
+      target[prop] = value;
+      rootSetState == null ? void 0 : rootSetState(target);
       return true;
     }
   });
@@ -3442,7 +3454,7 @@ const getInteractionPropertiesForEvent = (event) => {
     }
   };
 };
-const SDK_VERSION = "0.12.5";
+const SDK_VERSION = "0.12.6";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -3837,7 +3849,6 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
       var _a2, _b2;
       return (_b2 = (_a2 = props2.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.jsCode;
     });
-    track2(() => props2.builderContextSignal.rootState);
     evaluateJsCode(props2);
   }, "EnableEditor_component_useTask_3_bQ0e5LHZwWE", [
     elementRef,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/sdk-qwik",
-  "version": "0.12.5",
+  "version": "0.12.6",
   "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/qwik",
   "repository": {
     "type": "git",

package/types/src/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.12.5";
+export declare const SDK_VERSION = "0.12.6";

package/types/src/functions/evaluate/browser-runtime/browser.d.ts

@@ -1,4 +1,8 @@
 import type { BuilderRenderState } from '../../../context/types.js';
 import type { ExecutorArgs } from '../helpers.js';
 export declare const runInBrowser: ({ code, builder, context, event, localState, rootSetState, rootState }: ExecutorArgs) => any;
-export declare function flattenState(rootState: Record<string | symbol, any>, localState: Record<string | symbol, any> | undefined, rootSetState: ((rootState: BuilderRenderState) => void) | undefined): BuilderRenderState;
+export declare function flattenState({ rootState, localState, rootSetState }: {
+    rootState: Record<string | symbol, any>;
+    localState: Record<string | symbol, any> | undefined;
+    rootSetState: ((rootState: BuilderRenderState) => void) | undefined;
+}): BuilderRenderState;