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

package/lib/browser/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';
 
@@ -183,6 +183,19 @@ var getFunctionArguments = ({
     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 = ({
@@ -224,6 +237,9 @@ function flattenState(rootState, localState, rootSetState) {
   });
 }
 
+// src/functions/evaluate/choose-eval.js
+var chooseBrowserOrServerEval = (args) => isBrowser() ? runInBrowser(args) : runInBrowser(args);
+
 // src/functions/evaluate/evaluate.js
 function evaluate({
   code,
@@ -238,17 +254,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,
@@ -256,7 +266,7 @@ function evaluate({
     localState
   };
   try {
-    return runInBrowser(args);
+    return chooseBrowserOrServerEval(args);
   } catch (e) {
     logger.error("Failed code evaluation: " + e.message, {
       code
@@ -2668,41 +2678,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$);
@@ -3360,7 +3368,7 @@ var track = (args) => _track(__spreadProps9(__spreadValues12({}, args), {
 }));
 
 // src/constants/sdk-version.js
-var SDK_VERSION = "0.6.4";
+var SDK_VERSION = "0.7.1-0";
 
 // src/functions/register.js
 var registry = {};
@@ -3813,18 +3821,28 @@ var __spreadValues15 = (a, b) => {
     }
   return a;
 };
+var isPositiveNumber = (thing) => typeof thing === "number" && !isNaN(thing) && thing >= 0;
 var generateContentUrl = (options) => {
+  let {
+    noTraverse = false
+  } = options;
   const {
     limit = 30,
     userAttributes,
     query,
-    noTraverse = false,
     model,
     apiKey,
     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");
@@ -3832,7 +3850,34 @@ var generateContentUrl = (options) => {
   if (!["v2", "v3"].includes(apiVersion)) {
     throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${apiVersion}'`);
   }
+  if ((options.limit === void 0 || options.limit > 1) && !("noTraverse" in 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 = __spreadValues15(__spreadValues15({}, getBuilderSearchParamsFromWindow()), normalizeSearchParams(options.options || {}));
   const flattened = flatten(queryOptions);
   for (const key in flattened) {
@@ -3981,7 +4026,6 @@ function isPreviewing() {
 // src/components/content/components/enable-editor.jsx
 var _tmpl$14 = /* @__PURE__ */ template(`<div>`);
 function EnableEditor(props) {
-  const [canTrackToUse, setCanTrackToUse] = createSignal(checkIsDefined(props.canTrack) ? props.canTrack : true);
   const [forceReRenderCount, setForceReRenderCount] = createSignal(0);
   createSignal(0);
   const [shouldSendResetCookie, setShouldSendResetCookie] = createSignal(false);
@@ -4062,7 +4106,7 @@ function EnableEditor(props) {
       const contentId = props.builderContextSignal.content?.id;
       _track({
         type: "click",
-        canTrack: canTrackToUse(),
+        canTrack: getDefaultCanTrack(props.canTrack),
         contentId,
         apiKey: props.apiKey,
         variationId: variationId !== contentId ? variationId : void 0,
@@ -4123,11 +4167,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();
@@ -4148,18 +4189,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: canTrackToUse(),
+          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}`);
@@ -4176,11 +4219,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);
@@ -4213,16 +4261,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;
             },
@@ -4241,7 +4290,6 @@ function EnableEditor(props) {
   });
 }
 var enable_editor_default = EnableEditor;
-delegateEvents(["click"]);
 var _tmpl$15 = /* @__PURE__ */ template(`<script>`);
 function InlinedScript(props) {
   return (() => {

package/lib/browser/index.jsx

@@ -170,6 +170,19 @@ var getFunctionArguments = ({
     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 = ({
@@ -211,6 +224,9 @@ function flattenState(rootState, localState, rootSetState) {
   });
 }
 
+// src/functions/evaluate/choose-eval.js
+var chooseBrowserOrServerEval = (args) => isBrowser() ? runInBrowser(args) : runInBrowser(args);
+
 // src/functions/evaluate/evaluate.js
 function evaluate({
   code,
@@ -225,17 +241,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,
@@ -243,7 +253,7 @@ function evaluate({
     localState
   };
   try {
-    return runInBrowser(args);
+    return chooseBrowserOrServerEval(args);
   } catch (e) {
     logger.error("Failed code evaluation: " + e.message, {
       code
@@ -2402,44 +2412,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}
   />;
 }
@@ -3092,7 +3100,7 @@ var track = (args) => _track(__spreadProps9(__spreadValues12({}, args), {
 }));
 
 // src/constants/sdk-version.js
-var SDK_VERSION = "0.6.4";
+var SDK_VERSION = "0.7.1-0";
 
 // src/functions/register.js
 var registry = {};
@@ -3545,18 +3553,28 @@ var __spreadValues15 = (a, b) => {
     }
   return a;
 };
+var isPositiveNumber = (thing) => typeof thing === "number" && !isNaN(thing) && thing >= 0;
 var generateContentUrl = (options) => {
+  let {
+    noTraverse = false
+  } = options;
   const {
     limit = 30,
     userAttributes,
     query,
-    noTraverse = false,
     model,
     apiKey,
     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");
@@ -3564,7 +3582,34 @@ var generateContentUrl = (options) => {
   if (!["v2", "v3"].includes(apiVersion)) {
     throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${apiVersion}'`);
   }
+  if ((options.limit === void 0 || options.limit > 1) && !("noTraverse" in 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 = __spreadValues15(__spreadValues15({}, getBuilderSearchParamsFromWindow()), normalizeSearchParams(options.options || {}));
   const flattened = flatten(queryOptions);
   for (const key in flattened) {
@@ -3712,9 +3757,6 @@ function isPreviewing() {
 
 // src/components/content/components/enable-editor.jsx
 function EnableEditor(props) {
-  const [canTrackToUse, setCanTrackToUse] = createSignal12(
-    checkIsDefined(props.canTrack) ? props.canTrack : true
-  );
   const [forceReRenderCount, setForceReRenderCount] = createSignal12(0);
   const [lastUpdated, setLastUpdated] = createSignal12(0);
   const [shouldSendResetCookie, setShouldSendResetCookie] = createSignal12(false);
@@ -3790,7 +3832,7 @@ function EnableEditor(props) {
       const contentId = props.builderContextSignal.content?.id;
       _track({
         type: "click",
-        canTrack: canTrackToUse(),
+        canTrack: getDefaultCanTrack(props.canTrack),
         contentId,
         apiKey: props.apiKey,
         variationId: variationId !== contentId ? variationId : void 0,
@@ -3853,13 +3895,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();
@@ -3885,18 +3922,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: canTrackToUse(),
+          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(
@@ -3915,11 +3954,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);
@@ -3956,6 +4002,7 @@ function EnableEditor(props) {
   createEffect2(on2(() => [props.builderContextSignal.rootState], onUpdateFn_4));
   return <stdin_default.Provider value={props.builderContextSignal}><Show9 when={props.builderContextSignal.content}><div
     class={props.classNameProp}
+    {...{}}
     key={forceReRenderCount()}
     ref={elementRef}
     onClick={(event) => onClick(event)}