@builder.io/sdk-solid 0.7.0 → 0.7.1-0

package/lib/edge/index.jsx

@@ -163,6 +163,75 @@ var getUserAttributes = () => {
   };
 };
 
+// src/functions/evaluate/helpers.js
+var getFunctionArguments = ({
+  builder,
+  context,
+  event,
+  state
+}) => {
+  return Object.entries({
+    state,
+    Builder: builder,
+    builder,
+    context,
+    event
+  });
+};
+var getBuilderGlobals = () => ({
+  isEditing: isEditing(),
+  isBrowser: isBrowser(),
+  isServer: !isBrowser(),
+  getUserAttributes: () => getUserAttributes()
+});
+var parseCode = (code, {
+  isExpression = true
+}) => {
+  const useReturn = isExpression && !(code.includes(";") || code.includes(" return ") || code.trim().startsWith("return "));
+  const useCode = useReturn ? `return (${code});` : code;
+  return useCode;
+};
+
+// src/functions/evaluate/browser-runtime/browser.js
+var 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;
+    }
+  });
+}
+
 // src/functions/set.js
 var set = (obj, _path, value) => {
   if (Object(obj) !== obj) {
@@ -3241,22 +3310,6 @@ t.prototype.setStateStack = t.prototype.ec;
 t.VALUE_IN_DESCRIPTOR = Ia;
 var stdin_default = t;
 
-// src/functions/evaluate/helpers.js
-var getFunctionArguments = ({
-  builder,
-  context,
-  event,
-  state
-}) => {
-  return Object.entries({
-    state,
-    Builder: builder,
-    builder,
-    context,
-    event
-  });
-};
-
 // src/functions/evaluate/edge-runtime/edge-runtime.js
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -3354,6 +3407,9 @@ theFunction();
   }
 };
 
+// src/functions/evaluate/choose-eval.js
+var chooseBrowserOrServerEval = (args) => isBrowser() ? runInBrowser(args) : runInEdge(args);
+
 // src/functions/evaluate/evaluate.js
 function evaluate({
   code,
@@ -3368,17 +3424,11 @@ function evaluate({
     logger.warn("Skipping evaluation of empty code block.");
     return;
   }
-  const builder = {
-    isEditing: isEditing(),
-    isBrowser: isBrowser(),
-    isServer: !isBrowser(),
-    getUserAttributes: () => getUserAttributes()
-  };
-  const useReturn = isExpression && !(code.includes(";") || code.includes(" return ") || code.trim().startsWith("return "));
-  const useCode = useReturn ? `return (${code});` : code;
   const args = {
-    code: useCode,
-    builder,
+    code: parseCode(code, {
+      isExpression
+    }),
+    builder: getBuilderGlobals(),
     context,
     event,
     rootSetState,
@@ -3386,7 +3436,7 @@ function evaluate({
     localState
   };
   try {
-    return runInEdge(args);
+    return chooseBrowserOrServerEval(args);
   } catch (e) {
     logger.error("Failed code evaluation: " + e.message, {
       code
@@ -5535,44 +5585,42 @@ import { onMount, createSignal as createSignal10 } from "solid-js";
 function CustomCode(props) {
   const [scriptsInserted, setScriptsInserted] = createSignal10([]);
   const [scriptsRun, setScriptsRun] = createSignal10([]);
-  function findAndRunScripts() {
-    if (elem && elem.getElementsByTagName && typeof window !== "undefined") {
-      const scripts = elem.getElementsByTagName("script");
-      for (let i = 0; i < scripts.length; i++) {
-        const script = scripts[i];
-        if (script.src) {
-          if (scriptsInserted().includes(script.src)) {
-            continue;
-          }
-          scriptsInserted().push(script.src);
-          const newScript = document.createElement("script");
-          newScript.async = true;
-          newScript.src = script.src;
-          document.head.appendChild(newScript);
-        } else if (!script.type || [
-          "text/javascript",
-          "application/javascript",
-          "application/ecmascript"
-        ].includes(script.type)) {
-          if (scriptsRun().includes(script.innerText)) {
-            continue;
-          }
-          try {
-            scriptsRun().push(script.innerText);
-            new Function(script.innerText)();
-          } catch (error) {
-          }
+  let elementRef;
+  onMount(() => {
+    if (!elementRef?.getElementsByTagName || typeof window === "undefined") {
+      return;
+    }
+    const scripts = elementRef.getElementsByTagName("script");
+    for (let i = 0; i < scripts.length; i++) {
+      const script = scripts[i];
+      if (script.src) {
+        if (scriptsInserted().includes(script.src)) {
+          continue;
+        }
+        scriptsInserted().push(script.src);
+        const newScript = document.createElement("script");
+        newScript.async = true;
+        newScript.src = script.src;
+        document.head.appendChild(newScript);
+      } else if (!script.type || [
+        "text/javascript",
+        "application/javascript",
+        "application/ecmascript"
+      ].includes(script.type)) {
+        if (scriptsRun().includes(script.innerText)) {
+          continue;
+        }
+        try {
+          scriptsRun().push(script.innerText);
+          new Function(script.innerText)();
+        } catch (error) {
         }
       }
     }
-  }
-  let elem;
-  onMount(() => {
-    findAndRunScripts();
   });
   return <div
     class={"builder-custom-code" + (props.replaceNodes ? " replace-nodes" : "")}
-    ref={elem}
+    ref={elementRef}
     innerHTML={props.code}
   />;
 }
@@ -6225,7 +6273,7 @@ var track = (args) => _track(__spreadProps9(__spreadValues13({}, args), {
 }));
 
 // src/constants/sdk-version.js
-var SDK_VERSION = "0.7.0";
+var SDK_VERSION = "0.7.1-0";
 
 // src/functions/register.js
 var registry = {};
@@ -6678,6 +6726,7 @@ var __spreadValues16 = (a, b) => {
     }
   return a;
 };
+var isPositiveNumber = (thing) => typeof thing === "number" && !isNaN(thing) && thing >= 0;
 var generateContentUrl = (options) => {
   let {
     noTraverse = false
@@ -6691,7 +6740,14 @@ var generateContentUrl = (options) => {
     includeRefs = true,
     enrich,
     locale,
-    apiVersion = DEFAULT_API_VERSION
+    apiVersion = DEFAULT_API_VERSION,
+    fields,
+    omit,
+    offset,
+    cacheSeconds,
+    staleCacheSeconds,
+    sort,
+    includeUnpublished
   } = options;
   if (!apiKey) {
     throw new Error("Missing API key");
@@ -6703,6 +6759,30 @@ var generateContentUrl = (options) => {
     noTraverse = true;
   }
   const url = new URL(`https://cdn.builder.io/api/${apiVersion}/content/${model}?apiKey=${apiKey}&limit=${limit}&noTraverse=${noTraverse}&includeRefs=${includeRefs}${locale ? `&locale=${locale}` : ""}${enrich ? `&enrich=${enrich}` : ""}`);
+  url.searchParams.set("omit", omit || "meta.componentsUsed");
+  if (fields) {
+    url.searchParams.set("fields", fields);
+  }
+  if (Number.isFinite(offset) && offset > -1) {
+    url.searchParams.set("offset", String(Math.floor(offset)));
+  }
+  if (typeof includeUnpublished === "boolean") {
+    url.searchParams.set("includeUnpublished", String(includeUnpublished));
+  }
+  if (cacheSeconds && isPositiveNumber(cacheSeconds)) {
+    url.searchParams.set("cacheSeconds", String(cacheSeconds));
+  }
+  if (staleCacheSeconds && isPositiveNumber(staleCacheSeconds)) {
+    url.searchParams.set("staleCacheSeconds", String(staleCacheSeconds));
+  }
+  if (sort) {
+    const flattened2 = flatten({
+      sort
+    });
+    for (const key in flattened2) {
+      url.searchParams.set(key, JSON.stringify(flattened2[key]));
+    }
+  }
   const queryOptions = __spreadValues16(__spreadValues16({}, getBuilderSearchParamsFromWindow()), normalizeSearchParams(options.options || {}));
   const flattened = flatten(queryOptions);
   for (const key in flattened) {
@@ -6988,13 +7068,8 @@ function EnableEditor(props) {
   }
   let elementRef;
   onMount2(() => {
-    if (!props.apiKey) {
-      logger.error(
-        "No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
-      );
-    }
     if (isBrowser()) {
-      if (isEditing()) {
+      if (isEditing() && true) {
         setForceReRenderCount(forceReRenderCount() + 1);
         window.addEventListener("message", processMessage);
         registerInsertMenu();
@@ -7020,18 +7095,20 @@ function EnableEditor(props) {
           emitStateUpdate
         );
       }
-      if (props.builderContextSignal.content) {
+      const shouldTrackImpression = props.builderContextSignal.content && getDefaultCanTrack(props.canTrack);
+      if (shouldTrackImpression) {
         const variationId = props.builderContextSignal.content?.testVariationId;
         const contentId = props.builderContextSignal.content?.id;
+        const apiKeyProp = props.apiKey;
         _track({
           type: "impression",
-          canTrack: getDefaultCanTrack(props.canTrack),
+          canTrack: true,
           contentId,
-          apiKey: props.apiKey,
+          apiKey: apiKeyProp,
           variationId: variationId !== contentId ? variationId : void 0
         });
       }
-      if (isPreviewing()) {
+      if (isPreviewing() && true) {
         const searchParams = new URL(location.href).searchParams;
         const searchParamPreviewModel = searchParams.get("builder.preview");
         const searchParamPreviewId = searchParams.get(
@@ -7050,11 +7127,18 @@ function EnableEditor(props) {
           });
         }
       }
-      evaluateJsCode();
-      runHttpRequests();
-      emitStateUpdate();
     }
   });
+  onMount2(() => {
+    if (!props.apiKey) {
+      logger.error(
+        "No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
+      );
+    }
+    evaluateJsCode();
+    runHttpRequests();
+    emitStateUpdate();
+  });
   function onUpdateFn_0() {
     if (props.content) {
       mergeNewContent(props.content);
@@ -7091,6 +7175,7 @@ function EnableEditor(props) {
   createEffect2(on2(() => [props.builderContextSignal.rootState], onUpdateFn_4));
   return <stdin_default2.Provider value={props.builderContextSignal}><Show9 when={props.builderContextSignal.content}><div
     class={props.classNameProp}
+    {...{}}
     key={forceReRenderCount()}
     ref={elementRef}
     onClick={(event) => onClick(event)}