@builder.io/sdk-qwik 0.5.8 → 0.5.9

package/lib/index.qwik.cjs

@@ -68,12 +68,84 @@ function isIframe() {
 function isEditing() {
   return isIframe() && window.location.search.indexOf("builder.frameEditing=") !== -1;
 }
-function isNonNodeServer() {
-  const hasNode = () => {
-    var _a;
-    return typeof process !== "undefined" && ((_a = process == null ? void 0 : process.versions) == null ? void 0 : _a.node);
+const getLocation = () => {
+  if (isBrowser()) {
+    const parsedLocation = new URL(location.href);
+    if (parsedLocation.pathname === "")
+      parsedLocation.pathname = "/";
+    return parsedLocation;
+  } else {
+    console.warn("Cannot get location for tracking in non-browser environment");
+    return null;
+  }
+};
+const getUserAgent = () => typeof navigator === "object" && navigator.userAgent || "";
+const getUserAttributes = () => {
+  const userAgent = getUserAgent();
+  const isMobile = {
+    Android() {
+      return userAgent.match(/Android/i);
+    },
+    BlackBerry() {
+      return userAgent.match(/BlackBerry/i);
+    },
+    iOS() {
+      return userAgent.match(/iPhone|iPod/i);
+    },
+    Opera() {
+      return userAgent.match(/Opera Mini/i);
+    },
+    Windows() {
+      return userAgent.match(/IEMobile/i) || userAgent.match(/WPDesktop/i);
+    },
+    any() {
+      return isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows() || TARGET === "reactNative";
+    }
   };
-  return !isBrowser() && !hasNode();
+  const isTablet = userAgent.match(/Tablet|iPad/i);
+  const url = getLocation();
+  return {
+    urlPath: url == null ? void 0 : url.pathname,
+    host: (url == null ? void 0 : url.host) || (url == null ? void 0 : url.hostname),
+    device: isTablet ? "tablet" : isMobile.any() ? "mobile" : "desktop"
+  };
+};
+const getFunctionArguments = ({ builder, context, event, state }) => {
+  return Object.entries({
+    state,
+    Builder: builder,
+    // legacy
+    builder,
+    context,
+    event
+  });
+};
+const runInBrowser = ({ code, builder, context, event, localState, rootSetState, rootState }) => {
+  const functionArgs = getFunctionArguments({
+    builder,
+    context,
+    event,
+    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");
+  return new Proxy(rootState, {
+    get: (_, prop) => {
+      if (localState && prop in localState)
+        return localState[prop];
+      return rootState[prop];
+    },
+    set: (_, 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);
+      return true;
+    }
+  });
 }
 const set = (obj, _path, value) => {
   if (Object(obj) !== obj)
@@ -3262,20 +3334,19 @@ const processCode = (code) => {
   }).filter(Boolean).join("\n");
 };
 const getJSONValName = (val) => val + "JSON";
-const runInNonNode = ({ builder, context, event, rootState, localState, rootSetState, useCode }) => {
+const runInNonNode = ({ builder, context, event, rootState, localState, rootSetState, code }) => {
   const state = {
     ...rootState,
     ...localState
   };
-  const properties = {
-    state,
-    Builder: builder,
+  const properties = getFunctionArguments({
     builder,
     context,
-    event
-  };
-  const prependedCode = Object.keys(properties).map((key) => `var ${key} = JSON.parse(${getJSONValName(key)});`).join("\n");
-  const cleanedCode = processCode(useCode);
+    event,
+    state
+  });
+  const prependedCode = properties.map(([key]) => `var ${key} = JSON.parse(${getJSONValName(key)});`).join("\n");
+  const cleanedCode = processCode(code);
   if (cleanedCode === "") {
     logger.warn("Skipping evaluation of empty code block.");
     return;
@@ -3293,8 +3364,7 @@ theFunction();
     rootSetState == null ? void 0 : rootSetState(newState);
   };
   const initFunc = function(interpreter, globalObject) {
-    Object.keys(properties).forEach((key) => {
-      const val = properties[key] || {};
+    properties.forEach(([key, val]) => {
       const jsonVal = JSON.stringify(val);
       interpreter.setProperty(globalObject, getJSONValName(key), jsonVal);
     });
@@ -3312,6 +3382,13 @@ theFunction();
     return;
   }
 };
+function isNonNodeServer() {
+  const hasNode = () => {
+    var _a;
+    return typeof process !== "undefined" && ((_a = process == null ? void 0 : process.versions) == null ? void 0 : _a.node);
+  };
+  return !isBrowser() && !hasNode();
+}
 function evaluate({ code, context, localState, rootState, rootSetState, event, isExpression = true }) {
   if (code === "") {
     logger.warn("Skipping evaluation of empty code block.");
@@ -3320,7 +3397,8 @@ function evaluate({ code, context, localState, rootState, rootSetState, event, i
   const builder = {
     isEditing: isEditing(),
     isBrowser: isBrowser(),
-    isServer: !isBrowser()
+    isServer: !isBrowser(),
+    getUserAttributes: () => getUserAttributes()
   };
   const useReturn = (
     // we disable this for cases where we definitely don't want a return
@@ -3328,7 +3406,7 @@ function evaluate({ code, context, localState, rootState, rootSetState, event, i
   );
   const useCode = useReturn ? `return (${code});` : code;
   const args = {
-    useCode,
+    code: useCode,
     builder,
     context,
     event,
@@ -3336,40 +3414,18 @@ function evaluate({ code, context, localState, rootState, rootSetState, event, i
     rootState,
     localState
   };
-  if (isBrowser())
-    return runInBrowser(args);
-  if (isNonNodeServer())
-    return runInNonNode(args);
-  return runInNode(args);
-}
-const runInBrowser = ({ useCode, builder, context, event, localState, rootSetState, rootState }) => {
-  const state = flattenState(rootState, localState, rootSetState);
   try {
-    return new Function("builder", "Builder", "state", "context", "event", useCode)(builder, builder, state, context, event);
+    if (isBrowser())
+      return runInBrowser(args);
+    if (isNonNodeServer())
+      return runInNonNode(args);
+    return runInBrowser(args);
   } catch (e) {
-    logger.warn("Builder custom code error: \n While Evaluating: \n ", useCode, "\n", e);
+    logger.error("Failed code evaluation: " + e.message, {
+      code
+    });
+    return void 0;
   }
-};
-const runInNode = (args) => {
-  return runInBrowser(args);
-};
-function flattenState(rootState, localState, rootSetState) {
-  if (rootState === localState)
-    throw new Error("rootState === localState");
-  return new Proxy(rootState, {
-    get: (_, prop) => {
-      if (localState && prop in localState)
-        return localState[prop];
-      return rootState[prop];
-    },
-    set: (_, 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);
-      return true;
-    }
-  });
 }
 const fastClone = (obj) => JSON.parse(JSON.stringify(obj));
 function transformBlock(block) {
@@ -3800,11 +3856,9 @@ const ComponentRef = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
         contextValue: props.context
       }),
       children: [
-        (props.blockChildren || []).map(function(child) {
+        (props.blockChildren || []).map((child) => {
           return /* @__PURE__ */ qwik._jsxC(Block, {
-            get block() {
-              return child;
-            },
+            block: child,
             get context() {
               return props.context;
             },
@@ -3812,7 +3866,6 @@ const ComponentRef = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
               return props.registeredComponents;
             },
             [qwik._IMMUTABLE]: {
-              block: qwik._IMMUTABLE,
               context: qwik._fnSignal((p0) => p0.context, [
                 props
               ], "p0.context"),
@@ -3822,16 +3875,13 @@ const ComponentRef = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
             }
           }, 3, "block-" + child.id);
         }),
-        (props.blockChildren || []).map(function(child) {
+        (props.blockChildren || []).map((child) => {
           return /* @__PURE__ */ qwik._jsxC(BlockStyles, {
-            get block() {
-              return child;
-            },
+            block: child,
             get context() {
               return props.context;
             },
             [qwik._IMMUTABLE]: {
-              block: qwik._IMMUTABLE,
               context: qwik._fnSignal((p0) => p0.context, [
                 props
               ], "p0.context")
@@ -3987,7 +4037,7 @@ const Block = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
             hasChildren: qwik._IMMUTABLE
           }
         }, 3, "jN_0") : null,
-        !isEmptyHtmlElement(Tag.value) && repeatItem.value ? (repeatItem.value || []).map(function(data, index) {
+        !isEmptyHtmlElement(Tag.value) && repeatItem.value ? (repeatItem.value || []).map((data, index) => {
           return /* @__PURE__ */ qwik._jsxC(RepeatedBlock, {
             get repeatContext() {
               return data.context;
@@ -3999,11 +4049,11 @@ const Block = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
               return props.registeredComponents;
             },
             [qwik._IMMUTABLE]: {
-              block: qwik._IMMUTABLE,
+              block: qwik._wrapProp(data, "block"),
               registeredComponents: qwik._fnSignal((p0) => p0.registeredComponents, [
                 props
               ], "p0.registeredComponents"),
-              repeatContext: qwik._IMMUTABLE
+              repeatContext: qwik._wrapProp(data, "context")
             }
           }, 3, index);
         }) : null,
@@ -4021,11 +4071,9 @@ const Block = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
             /* @__PURE__ */ qwik._jsxC(ComponentRef, {
               ...componentRefProps.value
             }, 0, "jN_1"),
-            (childrenWithoutParentComponent.value || []).map(function(child) {
+            (childrenWithoutParentComponent.value || []).map((child) => {
               return /* @__PURE__ */ qwik._jsxC(Block, {
-                get block() {
-                  return child;
-                },
+                block: child,
                 get context() {
                   return state.childrenContext;
                 },
@@ -4033,7 +4081,6 @@ const Block = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
                   return props.registeredComponents;
                 },
                 [qwik._IMMUTABLE]: {
-                  block: qwik._IMMUTABLE,
                   context: qwik._fnSignal((p0) => p0.childrenContext, [
                     state
                   ], "p0.childrenContext"),
@@ -4043,16 +4090,13 @@ const Block = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
                 }
               }, 3, "block-" + child.id);
             }),
-            (childrenWithoutParentComponent.value || []).map(function(child) {
+            (childrenWithoutParentComponent.value || []).map((child) => {
               return /* @__PURE__ */ qwik._jsxC(BlockStyles, {
-                get block() {
-                  return child;
-                },
+                block: child,
                 get context() {
                   return state.childrenContext;
                 },
                 [qwik._IMMUTABLE]: {
-                  block: qwik._IMMUTABLE,
                   context: qwik._fnSignal((p0) => p0.childrenContext, [
                     state
                   ], "p0.childrenContext")
@@ -4173,11 +4217,9 @@ const Blocks = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl
       return props.styleProp;
     },
     children: [
-      props.blocks ? (props.blocks || []).map(function(block) {
+      props.blocks ? (props.blocks || []).map((block) => {
         return /* @__PURE__ */ qwik._jsxC(Block, {
-          get block() {
-            return block;
-          },
+          block,
           get context() {
             return props.context || builderContext$1;
           },
@@ -4185,7 +4227,6 @@ const Blocks = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl
             return props.registeredComponents || componentsContext.registeredComponents;
           },
           [qwik._IMMUTABLE]: {
-            block: qwik._IMMUTABLE,
             context: qwik._fnSignal((p0, p1) => p1.context || p0, [
               builderContext$1,
               props
@@ -4197,16 +4238,13 @@ const Blocks = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl
           }
         }, 3, "render-block-" + block.id);
       }) : null,
-      props.blocks ? (props.blocks || []).map(function(block) {
+      props.blocks ? (props.blocks || []).map((block) => {
         return /* @__PURE__ */ qwik._jsxC(BlockStyles, {
-          get block() {
-            return block;
-          },
+          block,
           get context() {
             return props.context || builderContext$1;
           },
           [qwik._IMMUTABLE]: {
-            block: qwik._IMMUTABLE,
             context: qwik._fnSignal((p0, p1) => p1.context || p0, [
               builderContext$1,
               props
@@ -4349,7 +4387,7 @@ const Columns = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQr
         ], "p0.value")
       }
     }, 3, "c0_0"),
-    (props.columns || []).map(function(column, index) {
+    (props.columns || []).map((column, index) => {
       return /* @__PURE__ */ qwik.createElement("div", {
         class: "builder-column div-Columns-2",
         style: columnCssVars(props, state, index),
@@ -4358,9 +4396,7 @@ const Columns = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQr
         get blocks() {
           return column.blocks;
         },
-        get path() {
-          return `component.options.columns.${index}.blocks`;
-        },
+        path: `component.options.columns.${index}.blocks`,
         get parent() {
           return props.builderBlock.id;
         },
@@ -4376,14 +4412,13 @@ const Columns = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQr
           return props.builderComponents;
         },
         [qwik._IMMUTABLE]: {
-          blocks: qwik._IMMUTABLE,
+          blocks: qwik._wrapProp(column, "blocks"),
           context: qwik._fnSignal((p0) => p0.builderContext, [
             props
           ], "p0.builderContext"),
           parent: qwik._fnSignal((p0) => p0.builderBlock.id, [
             props
           ], "p0.builderBlock.id"),
-          path: qwik._IMMUTABLE,
           registeredComponents: qwik._fnSignal((p0) => p0.builderComponents, [
             props
           ], "p0.builderComponents"),
@@ -6184,48 +6219,6 @@ const setVisitorId = ({ id: id2, canTrack }) => setLocalStorageItem({
   value: id2,
   canTrack
 });
-const getLocation = () => {
-  if (isBrowser()) {
-    const parsedLocation = new URL(location.href);
-    if (parsedLocation.pathname === "")
-      parsedLocation.pathname = "/";
-    return parsedLocation;
-  } else {
-    console.warn("Cannot get location for tracking in non-browser environment");
-    return null;
-  }
-};
-const getUserAgent = () => typeof navigator === "object" && navigator.userAgent || "";
-const getUserAttributes = () => {
-  const userAgent = getUserAgent();
-  const isMobile = {
-    Android() {
-      return userAgent.match(/Android/i);
-    },
-    BlackBerry() {
-      return userAgent.match(/BlackBerry/i);
-    },
-    iOS() {
-      return userAgent.match(/iPhone|iPod/i);
-    },
-    Opera() {
-      return userAgent.match(/Opera Mini/i);
-    },
-    Windows() {
-      return userAgent.match(/IEMobile/i) || userAgent.match(/WPDesktop/i);
-    },
-    any() {
-      return isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows() || TARGET === "reactNative";
-    }
-  };
-  const isTablet = userAgent.match(/Tablet|iPad/i);
-  const url = getLocation();
-  return {
-    urlPath: url == null ? void 0 : url.pathname,
-    host: (url == null ? void 0 : url.host) || (url == null ? void 0 : url.hostname),
-    device: isTablet ? "tablet" : isMobile.any() ? "mobile" : "desktop"
-  };
-};
 const getTrackingEventData = async ({ canTrack }) => {
   if (!canTrack)
     return {
@@ -6338,7 +6331,7 @@ const getInteractionPropertiesForEvent = (event) => {
     }
   };
 };
-const SDK_VERSION = "0.5.8";
+const SDK_VERSION = "0.5.9";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -7151,11 +7144,9 @@ const ContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
               ], "p0.value")
             }
           }, 3, "XM_2"),
-          (getVariants(props.content) || []).map(function(variant) {
+          (getVariants(props.content) || []).map((variant) => {
             return /* @__PURE__ */ qwik._jsxC(ContentComponent, {
-              get content() {
-                return variant;
-              },
+              content: variant,
               showContent: false,
               get classNameProp() {
                 return void 0;
@@ -7204,7 +7195,6 @@ const ContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
                   props
                 ], "p0.canTrack"),
                 classNameProp: qwik._IMMUTABLE,
-                content: qwik._IMMUTABLE,
                 context: qwik._fnSignal((p0) => p0.context, [
                   props
                 ], "p0.context"),