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

package/lib/edge/index.js

@@ -1,4 +1,4 @@
-import { delegateEvents, createComponent, spread, mergeProps, insert, effect, setAttribute, className, style, template, memo, Dynamic, use } from 'solid-js/web';
+import { createComponent, spread, mergeProps, insert, effect, setAttribute, className, style, template, memo, Dynamic, use } from 'solid-js/web';
 import { createContext, Show, useContext, For, createSignal, onMount, createEffect, on } from 'solid-js';
 import { css } from 'solid-styled-components';
 
@@ -174,6 +174,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) {
@@ -3252,22 +3321,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;
@@ -3365,6 +3418,9 @@ theFunction();
   }
 };
 
+// src/functions/evaluate/choose-eval.js
+var chooseBrowserOrServerEval = (args) => isBrowser() ? runInBrowser(args) : runInEdge(args);
+
 // src/functions/evaluate/evaluate.js
 function evaluate({
   code,
@@ -3379,17 +3435,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,
@@ -3397,7 +3447,7 @@ function evaluate({
     localState
   };
   try {
-    return runInEdge(args);
+    return chooseBrowserOrServerEval(args);
   } catch (e) {
     logger.error("Failed code evaluation: " + e.message, {
       code
@@ -5799,41 +5849,39 @@ var _tmpl$13 = /* @__PURE__ */ template(`<div>`);
 function CustomCode(props) {
   const [scriptsInserted, setScriptsInserted] = createSignal([]);
   const [scriptsRun, setScriptsRun] = createSignal([]);
-  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 (() => {
     const _el$ = _tmpl$13();
-    const _ref$ = elem;
-    typeof _ref$ === "function" ? use(_ref$, _el$) : elem = _el$;
+    const _ref$ = elementRef;
+    typeof _ref$ === "function" ? use(_ref$, _el$) : elementRef = _el$;
     effect((_p$) => {
       const _v$ = "builder-custom-code" + (props.replaceNodes ? " replace-nodes" : ""), _v$2 = props.code;
       _v$ !== _p$._v$ && className(_el$, _p$._v$ = _v$);
@@ -6491,7 +6539,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 = {};
@@ -6944,6 +6992,7 @@ var __spreadValues16 = (a, b) => {
     }
   return a;
 };
+var isPositiveNumber = (thing) => typeof thing === "number" && !isNaN(thing) && thing >= 0;
 var generateContentUrl = (options) => {
   let {
     noTraverse = false
@@ -6957,7 +7006,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");
@@ -6969,6 +7025,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) {
@@ -7258,11 +7338,8 @@ function EnableEditor(props) {
   }
   let elementRef;
   onMount(() => {
-    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();
@@ -7283,18 +7360,20 @@ function EnableEditor(props) {
         });
         window.addEventListener("builder:component:stateChangeListenerActivated", 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(`builder.preview.${searchParamPreviewModel}`);
@@ -7311,11 +7390,16 @@ function EnableEditor(props) {
           });
         }
       }
-      evaluateJsCode();
-      runHttpRequests();
-      emitStateUpdate();
     }
   });
+  onMount(() => {
+    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);
@@ -7348,16 +7432,17 @@ function EnableEditor(props) {
         },
         get children() {
           const _el$ = _tmpl$14();
-          _el$.$$click = (event) => onClick(event);
           const _ref$ = elementRef;
           typeof _ref$ === "function" ? use(_ref$, _el$) : elementRef = _el$;
           spread(_el$, mergeProps({
             get ["class"]() {
               return props.classNameProp;
-            },
+            }
+          }, {}, {
             get key() {
               return forceReRenderCount();
             },
+            "onClick": (event) => onClick(event),
             get ["builder-content-id"]() {
               return props.builderContextSignal.content?.id;
             },
@@ -7376,7 +7461,6 @@ function EnableEditor(props) {
   });
 }
 var enable_editor_default = EnableEditor;
-delegateEvents(["click"]);
 var _tmpl$15 = /* @__PURE__ */ template(`<script>`);
 function InlinedScript(props) {
   return (() => {