@builder.io/sdk-solid 2.0.22 → 2.0.24

package/lib/browser/index.jsx

@@ -136,6 +136,12 @@ var logger = {
   debug: (...message) => void 0
 };
 
+// src/functions/get.ts
+var get = (obj, path, defaultValue) => {
+  const result = String.prototype.split.call(path, /[,[\].]+?/).filter(Boolean).reduce((res, key) => res !== null && res !== void 0 ? res[key] : res, obj);
+  return result === void 0 || result === obj ? defaultValue : result;
+};
+
 // src/functions/is-browser.ts
 function isBrowser() {
   return typeof window !== "undefined" && typeof document !== "undefined";
@@ -340,30 +346,10 @@ var chooseBrowserOrServerEval = (args) => isBrowser() || shouldForceBrowserRunti
 }) ? runInBrowser(args) : runInBrowser(args);
 
 // src/functions/evaluate/evaluate.ts
-var DISABLE_CACHE = true;
-var EvalCache = class _EvalCache {
-  static cacheLimit = 20;
-  static cache = /* @__PURE__ */ new Map();
-  static getCacheKey(args) {
-    return JSON.stringify({
-      ...args,
-      // replace the event with a random number to break cache
-      // thats because we can't serialize the event object due to circular refs in DOM node refs.
-      event: args.event ? Math.random() : void 0
-    });
-  }
-  static getCachedValue(key) {
-    const cachedVal = _EvalCache.cache.get(key);
-    return cachedVal;
-  }
-  static setCachedValue(key, value) {
-    if (_EvalCache.cache.size > 20) {
-      _EvalCache.cache.delete(_EvalCache.cache.keys().next().value);
-    }
-    _EvalCache.cache.set(key, {
-      value
-    });
-  }
+var STATE_GETTER_REGEX = /^(return )?(\s*)?state(?<getPath>(\.\w+)+)(\s*);?$/;
+var VIRTUAL_INDEX_REGEX = /(\s)*var(\s)+_virtual_index(\s)*=(\s)*state(?<getPath>(\.\w+)+)(\s*);?(\s)*return(\s)*_virtual_index(\s)*/;
+var getSimpleExpressionGetPath = (code) => {
+  return STATE_GETTER_REGEX.exec(code.trim())?.groups?.getPath?.slice(1) || VIRTUAL_INDEX_REGEX.exec(code.trim())?.groups?.getPath?.slice(1);
 };
 function evaluate({
   code,
@@ -372,12 +358,18 @@ function evaluate({
   rootState,
   rootSetState,
   event,
-  isExpression = true,
-  enableCache
+  isExpression = true
 }) {
-  if (code === "") {
+  if (code.trim() === "") {
     return void 0;
   }
+  const getPath = getSimpleExpressionGetPath(code.trim());
+  if (getPath) {
+    return get({
+      ...rootState,
+      ...localState
+    }, getPath);
+  }
   const args = {
     code: parseCode(code, {
       isExpression
@@ -389,19 +381,8 @@ function evaluate({
     rootState,
     localState
   };
-  if (enableCache && !DISABLE_CACHE) {
-    const cacheKey = EvalCache.getCacheKey(args);
-    const cachedValue = EvalCache.getCachedValue(cacheKey);
-    if (cachedValue) {
-      return cachedValue.value;
-    }
-  }
   try {
     const newEval = chooseBrowserOrServerEval(args);
-    if (enableCache) {
-      const cacheKey = EvalCache.getCacheKey(args);
-      EvalCache.setCachedValue(cacheKey, newEval);
-    }
     return newEval;
   } catch (e) {
     logger.error("Failed code evaluation: " + e.message, {
@@ -495,8 +476,7 @@ var evaluateBindings = ({
       localState,
       rootState,
       rootSetState,
-      context,
-      enableCache: true
+      context
     });
     set(copied, binding, value);
   }
@@ -798,8 +778,7 @@ var getRepeatItemData = ({
     localState: context.localState,
     rootState: context.rootState,
     rootSetState: context.rootSetState,
-    context: context.context,
-    enableCache: true
+    context: context.context
   });
   if (!Array.isArray(itemsArray)) {
     return void 0;
@@ -1002,8 +981,7 @@ var createEventHandler = (value, options) => (event) => evaluate({
   rootState: options.rootState,
   rootSetState: options.rootSetState,
   event,
-  isExpression: false,
-  enableCache: true
+  isExpression: false
 });
 
 // src/functions/get-block-actions.ts
@@ -1373,7 +1351,11 @@ import { onMount as onMount3, createMemo as createMemo6 } from "solid-js";
 import { Dynamic as Dynamic4 } from "solid-js/web";
 function BlocksWrapper(props) {
   const className = createMemo6(() => {
-    return "builder-blocks" + (!props.blocks?.length ? " no-blocks" : "");
+    return [
+      "builder-blocks",
+      !props.blocks?.length ? "no-blocks" : "",
+      props.classNameProp
+    ].filter(Boolean).join(" ");
   });
   function onClick() {
     if (isEditing() && !props.blocks?.length) {
@@ -1408,7 +1390,7 @@ function BlocksWrapper(props) {
   });
   return <>
     <Dynamic4
-      class={className() + " dynamic-68b2d7fe"}
+      class={className() + " dynamic-6567ee94"}
       ref={blocksWrapperRef}
       builder-path={props.path}
       builder-parent-id={props.parent}
@@ -1420,7 +1402,7 @@ function BlocksWrapper(props) {
       {...props.BlocksWrapperProps}
       component={props.BlocksWrapper}
     >{props.children}</Dynamic4>
-    <style>{`.dynamic-68b2d7fe {
+    <style>{`.dynamic-6567ee94 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -1438,8 +1420,9 @@ function Blocks(props) {
     parent={props.parent}
     path={props.path}
     styleProp={props.styleProp}
-    BlocksWrapper={props.context?.BlocksWrapper || builderContext.BlocksWrapper}
-    BlocksWrapperProps={props.context?.BlocksWrapperProps || builderContext.BlocksWrapperProps}
+    classNameProp={props.className}
+    BlocksWrapper={props.context?.BlocksWrapper || builderContext?.BlocksWrapper}
+    BlocksWrapperProps={props.context?.BlocksWrapperProps || builderContext?.BlocksWrapperProps}
   ><Show6 when={props.blocks}><For3 each={props.blocks}>{(block, _index) => {
     const index = _index();
     return <Block_default
@@ -1447,7 +1430,7 @@ function Blocks(props) {
       block={block}
       linkComponent={props.linkComponent}
       context={props.context || builderContext}
-      registeredComponents={props.registeredComponents || componentsContext.registeredComponents}
+      registeredComponents={props.registeredComponents || componentsContext?.registeredComponents}
     />;
   }}</For3></Show6></Blocks_wrapper_default></>;
 }
@@ -3041,8 +3024,7 @@ function Text(props) {
         context: contextContext,
         localState,
         rootState,
-        rootSetState,
-        enableCache: false
+        rootSetState
       })
     );
   });
@@ -3444,12 +3426,6 @@ var getEnv = () => {
   return validEnvList.includes(env) ? env : "production";
 };
 
-// src/functions/get.ts
-var get = (obj, path, defaultValue) => {
-  const result = String.prototype.split.call(path, /[,[\].]+?/).filter(Boolean).reduce((res, key) => res !== null && res !== void 0 ? res[key] : res, obj);
-  return result === void 0 || result === obj ? defaultValue : result;
-};
-
 // src/blocks/form/form/form.tsx
 function FormComponent(props) {
   const [formState, setFormState] = createSignal14("unsubmitted");
@@ -4756,7 +4732,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "2.0.22";
+var SDK_VERSION = "2.0.24";
 
 // src/functions/register.ts
 var registry = {};
@@ -5144,8 +5120,7 @@ function EnableEditor(props) {
             context: props.context || {},
             localState: void 0,
             rootState: props.builderContextSignal.rootState,
-            rootSetState: props.builderContextSignal.rootSetState,
-            enableCache: true
+            rootSetState: props.builderContextSignal.rootSetState
           })
         )
       );
@@ -5444,11 +5419,7 @@ function ContentComponent(props) {
           rootState: newState
         }));
       },
-      isExpression: false,
-      /**
-       * We don't want to cache the result of the JS code, since it's arbitrary side effect code.
-       */
-      enableCache: false
+      isExpression: false
     });
   }
   return <><components_context_default.Provider

package/lib/edge/dev.js

@@ -150,6 +150,12 @@ var logger = {
   debug: (...message) => console.debug(MSG_PREFIX, ...message)
 };
 
+// src/functions/get.ts
+var get = (obj, path, defaultValue) => {
+  const result = String.prototype.split.call(path, /[,[\].]+?/).filter(Boolean).reduce((res, key) => res !== null && res !== void 0 ? res[key] : res, obj);
+  return result === void 0 || result === obj ? defaultValue : result;
+};
+
 // src/functions/is-browser.ts
 function isBrowser() {
   return typeof window !== "undefined" && typeof document !== "undefined";
@@ -3532,30 +3538,10 @@ var chooseBrowserOrServerEval = (args) => isBrowser() || shouldForceBrowserRunti
 }) ? runInBrowser(args) : runInEdge(args);
 
 // src/functions/evaluate/evaluate.ts
-var DISABLE_CACHE = true;
-var EvalCache = class _EvalCache {
-  static cacheLimit = 20;
-  static cache = /* @__PURE__ */ new Map();
-  static getCacheKey(args) {
-    return JSON.stringify({
-      ...args,
-      // replace the event with a random number to break cache
-      // thats because we can't serialize the event object due to circular refs in DOM node refs.
-      event: args.event ? Math.random() : void 0
-    });
-  }
-  static getCachedValue(key) {
-    const cachedVal = _EvalCache.cache.get(key);
-    return cachedVal;
-  }
-  static setCachedValue(key, value) {
-    if (_EvalCache.cache.size > 20) {
-      _EvalCache.cache.delete(_EvalCache.cache.keys().next().value);
-    }
-    _EvalCache.cache.set(key, {
-      value
-    });
-  }
+var STATE_GETTER_REGEX = /^(return )?(\s*)?state(?<getPath>(\.\w+)+)(\s*);?$/;
+var VIRTUAL_INDEX_REGEX = /(\s)*var(\s)+_virtual_index(\s)*=(\s)*state(?<getPath>(\.\w+)+)(\s*);?(\s)*return(\s)*_virtual_index(\s)*/;
+var getSimpleExpressionGetPath = (code) => {
+  return STATE_GETTER_REGEX.exec(code.trim())?.groups?.getPath?.slice(1) || VIRTUAL_INDEX_REGEX.exec(code.trim())?.groups?.getPath?.slice(1);
 };
 function evaluate({
   code,
@@ -3564,12 +3550,18 @@ function evaluate({
   rootState,
   rootSetState,
   event,
-  isExpression = true,
-  enableCache
+  isExpression = true
 }) {
-  if (code === "") {
+  if (code.trim() === "") {
     return void 0;
   }
+  const getPath = getSimpleExpressionGetPath(code.trim());
+  if (getPath) {
+    return get({
+      ...rootState,
+      ...localState
+    }, getPath);
+  }
   const args = {
     code: parseCode(code, {
       isExpression
@@ -3581,19 +3573,8 @@ function evaluate({
     rootState,
     localState
   };
-  if (enableCache && !DISABLE_CACHE) {
-    const cacheKey = EvalCache.getCacheKey(args);
-    const cachedValue = EvalCache.getCachedValue(cacheKey);
-    if (cachedValue) {
-      return cachedValue.value;
-    }
-  }
   try {
     const newEval = chooseBrowserOrServerEval(args);
-    if (enableCache) {
-      const cacheKey = EvalCache.getCacheKey(args);
-      EvalCache.setCachedValue(cacheKey, newEval);
-    }
     return newEval;
   } catch (e) {
     logger.error("Failed code evaluation: " + e.message, {
@@ -3687,8 +3668,7 @@ var evaluateBindings = ({
       localState,
       rootState,
       rootSetState,
-      context,
-      enableCache: true
+      context
     });
     set(copied, binding, value);
   }
@@ -3994,8 +3974,7 @@ var getRepeatItemData = ({
     localState: context.localState,
     rootState: context.rootState,
     rootSetState: context.rootSetState,
-    context: context.context,
-    enableCache: true
+    context: context.context
   });
   if (!Array.isArray(itemsArray)) {
     return void 0;
@@ -4200,8 +4179,7 @@ var createEventHandler = (value, options) => (event) => evaluate({
   rootState: options.rootState,
   rootSetState: options.rootSetState,
   event,
-  isExpression: false,
-  enableCache: true
+  isExpression: false
 });
 
 // src/functions/get-block-actions.ts
@@ -4726,14 +4704,14 @@ function Block(props) {
   });
 }
 var block_default = Block;
-var _tmpl$2 = /* @__PURE__ */ template(`<style>.dynamic-68b2d7fe {
+var _tmpl$2 = /* @__PURE__ */ template(`<style>.dynamic-6567ee94 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
 }`);
 function BlocksWrapper(props) {
   const className = createMemo(() => {
-    return "builder-blocks" + (!props.blocks?.length ? " no-blocks" : "");
+    return ["builder-blocks", !props.blocks?.length ? "no-blocks" : "", props.classNameProp].filter(Boolean).join(" ");
   });
   function onClick() {
     if (isEditing() && !props.blocks?.length) {
@@ -4762,7 +4740,7 @@ function BlocksWrapper(props) {
   });
   return [createComponent(Dynamic, mergeProps({
     get ["class"]() {
-      return className() + " dynamic-68b2d7fe";
+      return className() + " dynamic-6567ee94";
     },
     ref(r$) {
       const _ref$ = blocksWrapperRef;
@@ -4809,11 +4787,14 @@ function Blocks(props) {
     get styleProp() {
       return props.styleProp;
     },
+    get classNameProp() {
+      return props.className;
+    },
     get BlocksWrapper() {
-      return props.context?.BlocksWrapper || builderContext.BlocksWrapper;
+      return props.context?.BlocksWrapper || builderContext?.BlocksWrapper;
     },
     get BlocksWrapperProps() {
-      return props.context?.BlocksWrapperProps || builderContext.BlocksWrapperProps;
+      return props.context?.BlocksWrapperProps || builderContext?.BlocksWrapperProps;
     },
     get children() {
       return createComponent(Show, {
@@ -4839,7 +4820,7 @@ function Blocks(props) {
                   return props.context || builderContext;
                 },
                 get registeredComponents() {
-                  return props.registeredComponents || componentsContext.registeredComponents;
+                  return props.registeredComponents || componentsContext?.registeredComponents;
                 }
               });
             }
@@ -6589,8 +6570,7 @@ function Text(props) {
       context: contextContext,
       localState,
       rootState,
-      rootSetState,
-      enableCache: false
+      rootSetState
     }));
   });
   return (() => {
@@ -6995,12 +6975,6 @@ var getEnv = () => {
   return validEnvList.includes(env) ? env : "production";
 };
 
-// src/functions/get.ts
-var get = (obj, path, defaultValue) => {
-  const result = String.prototype.split.call(path, /[,[\].]+?/).filter(Boolean).reduce((res, key) => res !== null && res !== void 0 ? res[key] : res, obj);
-  return result === void 0 || result === obj ? defaultValue : result;
-};
-
 // src/blocks/form/form/form.tsx
 var _tmpl$13 = /* @__PURE__ */ template(`<pre class="builder-form-error-text pre-2e825338">`);
 var _tmpl$26 = /* @__PURE__ */ template(`<form>`);
@@ -8468,7 +8442,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "2.0.22";
+var SDK_VERSION = "2.0.24";
 
 // src/functions/register.ts
 var registry = {};
@@ -8855,8 +8829,7 @@ function EnableEditor(props) {
         context: props.context || {},
         localState: void 0,
         rootState: props.builderContextSignal.rootState,
-        rootSetState: props.builderContextSignal.rootSetState,
-        enableCache: true
+        rootSetState: props.builderContextSignal.rootSetState
       })));
       fetch(evaluatedUrl).then((response) => response.json()).then((json) => {
         mergeNewRootState({
@@ -9150,11 +9123,7 @@ function ContentComponent(props) {
           rootState: newState
         }));
       },
-      isExpression: false,
-      /**
-       * We don't want to cache the result of the JS code, since it's arbitrary side effect code.
-       */
-      enableCache: false
+      isExpression: false
     });
   }
   return createComponent(components_context_default.Provider, {

package/lib/edge/dev.jsx

@@ -145,6 +145,12 @@ var logger = {
   debug: (...message) => console.debug(MSG_PREFIX, ...message)
 };
 
+// src/functions/get.ts
+var get = (obj, path, defaultValue) => {
+  const result = String.prototype.split.call(path, /[,[\].]+?/).filter(Boolean).reduce((res, key) => res !== null && res !== void 0 ? res[key] : res, obj);
+  return result === void 0 || result === obj ? defaultValue : result;
+};
+
 // src/functions/is-browser.ts
 function isBrowser() {
   return typeof window !== "undefined" && typeof document !== "undefined";
@@ -3527,30 +3533,10 @@ var chooseBrowserOrServerEval = (args) => isBrowser() || shouldForceBrowserRunti
 }) ? runInBrowser(args) : runInEdge(args);
 
 // src/functions/evaluate/evaluate.ts
-var DISABLE_CACHE = true;
-var EvalCache = class _EvalCache {
-  static cacheLimit = 20;
-  static cache = /* @__PURE__ */ new Map();
-  static getCacheKey(args) {
-    return JSON.stringify({
-      ...args,
-      // replace the event with a random number to break cache
-      // thats because we can't serialize the event object due to circular refs in DOM node refs.
-      event: args.event ? Math.random() : void 0
-    });
-  }
-  static getCachedValue(key) {
-    const cachedVal = _EvalCache.cache.get(key);
-    return cachedVal;
-  }
-  static setCachedValue(key, value) {
-    if (_EvalCache.cache.size > 20) {
-      _EvalCache.cache.delete(_EvalCache.cache.keys().next().value);
-    }
-    _EvalCache.cache.set(key, {
-      value
-    });
-  }
+var STATE_GETTER_REGEX = /^(return )?(\s*)?state(?<getPath>(\.\w+)+)(\s*);?$/;
+var VIRTUAL_INDEX_REGEX = /(\s)*var(\s)+_virtual_index(\s)*=(\s)*state(?<getPath>(\.\w+)+)(\s*);?(\s)*return(\s)*_virtual_index(\s)*/;
+var getSimpleExpressionGetPath = (code) => {
+  return STATE_GETTER_REGEX.exec(code.trim())?.groups?.getPath?.slice(1) || VIRTUAL_INDEX_REGEX.exec(code.trim())?.groups?.getPath?.slice(1);
 };
 function evaluate({
   code,
@@ -3559,12 +3545,18 @@ function evaluate({
   rootState,
   rootSetState,
   event,
-  isExpression = true,
-  enableCache
+  isExpression = true
 }) {
-  if (code === "") {
+  if (code.trim() === "") {
     return void 0;
   }
+  const getPath = getSimpleExpressionGetPath(code.trim());
+  if (getPath) {
+    return get({
+      ...rootState,
+      ...localState
+    }, getPath);
+  }
   const args = {
     code: parseCode(code, {
       isExpression
@@ -3576,19 +3568,8 @@ function evaluate({
     rootState,
     localState
   };
-  if (enableCache && !DISABLE_CACHE) {
-    const cacheKey = EvalCache.getCacheKey(args);
-    const cachedValue = EvalCache.getCachedValue(cacheKey);
-    if (cachedValue) {
-      return cachedValue.value;
-    }
-  }
   try {
     const newEval = chooseBrowserOrServerEval(args);
-    if (enableCache) {
-      const cacheKey = EvalCache.getCacheKey(args);
-      EvalCache.setCachedValue(cacheKey, newEval);
-    }
     return newEval;
   } catch (e) {
     logger.error("Failed code evaluation: " + e.message, {
@@ -3682,8 +3663,7 @@ var evaluateBindings = ({
       localState,
       rootState,
       rootSetState,
-      context,
-      enableCache: true
+      context
     });
     set(copied, binding, value);
   }
@@ -3989,8 +3969,7 @@ var getRepeatItemData = ({
     localState: context.localState,
     rootState: context.rootState,
     rootSetState: context.rootSetState,
-    context: context.context,
-    enableCache: true
+    context: context.context
   });
   if (!Array.isArray(itemsArray)) {
     return void 0;
@@ -4193,8 +4172,7 @@ var createEventHandler = (value, options) => (event) => evaluate({
   rootState: options.rootState,
   rootSetState: options.rootSetState,
   event,
-  isExpression: false,
-  enableCache: true
+  isExpression: false
 });
 
 // src/functions/get-block-actions.ts
@@ -4564,7 +4542,11 @@ import { onMount as onMount3, createMemo as createMemo6 } from "solid-js";
 import { Dynamic as Dynamic4 } from "solid-js/web";
 function BlocksWrapper(props) {
   const className = createMemo6(() => {
-    return "builder-blocks" + (!props.blocks?.length ? " no-blocks" : "");
+    return [
+      "builder-blocks",
+      !props.blocks?.length ? "no-blocks" : "",
+      props.classNameProp
+    ].filter(Boolean).join(" ");
   });
   function onClick() {
     if (isEditing() && !props.blocks?.length) {
@@ -4599,7 +4581,7 @@ function BlocksWrapper(props) {
   });
   return <>
     <Dynamic4
-      class={className() + " dynamic-68b2d7fe"}
+      class={className() + " dynamic-6567ee94"}
       ref={blocksWrapperRef}
       builder-path={props.path}
       builder-parent-id={props.parent}
@@ -4611,7 +4593,7 @@ function BlocksWrapper(props) {
       {...props.BlocksWrapperProps}
       component={props.BlocksWrapper}
     >{props.children}</Dynamic4>
-    <style>{`.dynamic-68b2d7fe {
+    <style>{`.dynamic-6567ee94 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -4629,8 +4611,9 @@ function Blocks(props) {
     parent={props.parent}
     path={props.path}
     styleProp={props.styleProp}
-    BlocksWrapper={props.context?.BlocksWrapper || builderContext.BlocksWrapper}
-    BlocksWrapperProps={props.context?.BlocksWrapperProps || builderContext.BlocksWrapperProps}
+    classNameProp={props.className}
+    BlocksWrapper={props.context?.BlocksWrapper || builderContext?.BlocksWrapper}
+    BlocksWrapperProps={props.context?.BlocksWrapperProps || builderContext?.BlocksWrapperProps}
   ><Show6 when={props.blocks}><For3 each={props.blocks}>{(block, _index) => {
     const index = _index();
     return <Block_default
@@ -4638,7 +4621,7 @@ function Blocks(props) {
       block={block}
       linkComponent={props.linkComponent}
       context={props.context || builderContext}
-      registeredComponents={props.registeredComponents || componentsContext.registeredComponents}
+      registeredComponents={props.registeredComponents || componentsContext?.registeredComponents}
     />;
   }}</For3></Show6></Blocks_wrapper_default></>;
 }
@@ -6234,8 +6217,7 @@ function Text(props) {
         context: contextContext,
         localState,
         rootState,
-        rootSetState,
-        enableCache: false
+        rootSetState
       })
     );
   });
@@ -6639,12 +6621,6 @@ var getEnv = () => {
   return validEnvList.includes(env) ? env : "production";
 };
 
-// src/functions/get.ts
-var get = (obj, path, defaultValue) => {
-  const result = String.prototype.split.call(path, /[,[\].]+?/).filter(Boolean).reduce((res, key) => res !== null && res !== void 0 ? res[key] : res, obj);
-  return result === void 0 || result === obj ? defaultValue : result;
-};
-
 // src/blocks/form/form/form.tsx
 function FormComponent(props) {
   const [formState, setFormState] = createSignal14("unsubmitted");
@@ -7956,7 +7932,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "2.0.22";
+var SDK_VERSION = "2.0.24";
 
 // src/functions/register.ts
 var registry = {};
@@ -8345,8 +8321,7 @@ function EnableEditor(props) {
             context: props.context || {},
             localState: void 0,
             rootState: props.builderContextSignal.rootState,
-            rootSetState: props.builderContextSignal.rootSetState,
-            enableCache: true
+            rootSetState: props.builderContextSignal.rootSetState
           })
         )
       );
@@ -8646,11 +8621,7 @@ function ContentComponent(props) {
           rootState: newState
         }));
       },
-      isExpression: false,
-      /**
-       * We don't want to cache the result of the JS code, since it's arbitrary side effect code.
-       */
-      enableCache: false
+      isExpression: false
     });
   }
   return <><components_context_default.Provider