@builder.io/sdk-solid 4.0.2 → 4.0.3

package/lib/node/dev.jsx

@@ -2087,7 +2087,7 @@ function SectionComponent(props) {
 var section_default = SectionComponent;
 
 // src/blocks/symbol/symbol.tsx
-import { onMount as onMount9, on as on4, createEffect as createEffect4, createMemo as createMemo20, createSignal as createSignal20 } from "solid-js";
+import { onMount as onMount9, on as on5, createEffect as createEffect5, createMemo as createMemo20, createSignal as createSignal20 } from "solid-js";
 
 // src/components/content-variants/content-variants.tsx
 import { Show as Show16, For as For9, onMount as onMount8, createSignal as createSignal19, createMemo as createMemo19 } from "solid-js";
@@ -3796,13 +3796,12 @@ var componentInfo12 = {
 };
 
 // src/blocks/custom-code/custom-code.tsx
-import { onMount as onMount5, createSignal as createSignal12 } from "solid-js";
+import { onMount as onMount5, on as on2, createEffect as createEffect2, createMemo as createMemo12, createSignal as createSignal12 } from "solid-js";
 function CustomCode(props) {
   const [scriptsInserted, setScriptsInserted] = createSignal12([]);
   const [scriptsRun, setScriptsRun] = createSignal12([]);
-  let elementRef;
-  onMount5(() => {
-    if (!elementRef?.getElementsByTagName || typeof window === "undefined") {
+  function runScripts() {
+    if (!elementRef || !elementRef?.getElementsByTagName || typeof window === "undefined") {
       return;
     }
     const scripts = elementRef.getElementsByTagName("script");
@@ -3829,11 +3828,25 @@ function CustomCode(props) {
           scriptsRun().push(script.innerText);
           new Function(script.innerText)();
         } catch (error2) {
-          console.warn("`CustomCode`: Error running script:", error2);
+          logger.warn(
+            "[BUILDER.IO] `CustomCode`: Error running script:",
+            error2
+          );
         }
       }
     }
+  }
+  let elementRef;
+  onMount5(() => {
+    runScripts();
   });
+  const onUpdateFn_0_props_code = createMemo12(() => props.code);
+  function onUpdateFn_0() {
+    if (isEditing()) {
+      runScripts();
+    }
+  }
+  createEffect2(on2(() => [onUpdateFn_0_props_code()], onUpdateFn_0));
   return <><div
     class={"builder-custom-code" + (props.replaceNodes ? " replace-nodes" : "")}
     ref={elementRef}
@@ -3861,7 +3874,7 @@ var componentInfo13 = {
 };
 
 // src/blocks/embed/embed.tsx
-import { on as on2, createEffect as createEffect2, createMemo as createMemo13, createSignal as createSignal13 } from "solid-js";
+import { on as on3, createEffect as createEffect3, createMemo as createMemo13, createSignal as createSignal13 } from "solid-js";
 
 // src/blocks/embed/helpers.ts
 var SCRIPT_MIME_TYPES = ["text/javascript", "application/javascript", "application/ecmascript"];
@@ -3889,7 +3902,7 @@ function Embed(props) {
           scriptsRun().push(script.innerText);
           new Function(script.innerText)();
         } catch (error2) {
-          console.warn("`Embed`: Error running script:", error2);
+          logger.warn("[BUILDER.IO] `Embed`: Error running script:", error2);
         }
       }
     }
@@ -3903,8 +3916,8 @@ function Embed(props) {
       findAndRunScripts();
     }
   }
-  createEffect2(
-    on2(() => [onUpdateFn_0_elem(), onUpdateFn_0_ranInitFn__()], onUpdateFn_0)
+  createEffect3(
+    on3(() => [onUpdateFn_0_elem(), onUpdateFn_0_ranInitFn__()], onUpdateFn_0)
   );
   return <><div class="builder-embed" ref={elem} innerHTML={props.content} /></>;
 }
@@ -4946,7 +4959,7 @@ function serializeIncludingFunctions(info) {
 }
 
 // src/components/content-variants/inlined-fns.ts
-var UPDATE_COOKIES_AND_STYLES_SCRIPT = "function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {\n  function getAndSetVariantId() {\n    function setCookie(name, value, days) {\n      let expires = '';\n      if (days) {\n        const date = new Date();\n        date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);\n        expires = '; expires=' + date.toUTCString();\n      }\n      document.cookie = name + '=' + (value || '') + expires + '; path=/' + '; Secure; SameSite=None';\n    }\n    function getCookie(name) {\n      const nameEQ = name + '=';\n      const ca = document.cookie.split(';');\n      for (let i = 0; i < ca.length; i++) {\n        let c = ca[i];\n        while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n        if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n      }\n      return null;\n    }\n    const cookieName = `builder.tests.${contentId}`;\n    const variantInCookie = getCookie(cookieName);\n    const availableIDs = variants.map(vr => vr.id).concat(contentId);\n    if (variantInCookie && availableIDs.includes(variantInCookie)) {\n      return variantInCookie;\n    }\n    let n = 0;\n    const random = Math.random();\n    for (let i = 0; i < variants.length; i++) {\n      const variant = variants[i];\n      const testRatio = variant.testRatio;\n      n += testRatio;\n      if (random < n) {\n        setCookie(cookieName, variant.id);\n        return variant.id;\n      }\n    }\n    setCookie(cookieName, contentId);\n    return contentId;\n  }\n  const winningVariantId = getAndSetVariantId();\n  const styleEl = document.currentScript?.previousElementSibling;\n  if (isHydrationTarget) {\n    styleEl.remove();\n    const thisScriptEl = document.currentScript;\n    thisScriptEl?.remove();\n  } else {\n    const newStyleStr = variants.concat({\n      id: contentId\n    }).filter(variant => variant.id !== winningVariantId).map(value => {\n      return `.variant-${value.id} {  display: none; }\n        `;\n    }).join('');\n    styleEl.innerHTML = newStyleStr;\n  }\n}";
+var UPDATE_COOKIES_AND_STYLES_SCRIPT = "function updateCookiesAndStyles(contentId, variants, isHydrationTarget, isAngularSDK) {\n  function getAndSetVariantId() {\n    function setCookie(name, value, days) {\n      let expires = '';\n      if (days) {\n        const date = new Date();\n        date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);\n        expires = '; expires=' + date.toUTCString();\n      }\n      document.cookie = name + '=' + (value || '') + expires + '; path=/' + '; Secure; SameSite=None';\n    }\n    function getCookie(name) {\n      const nameEQ = name + '=';\n      const ca = document.cookie.split(';');\n      for (let i = 0; i < ca.length; i++) {\n        let c = ca[i];\n        while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n        if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n      }\n      return null;\n    }\n    const cookieName = `builder.tests.${contentId}`;\n    const variantInCookie = getCookie(cookieName);\n    const availableIDs = variants.map(vr => vr.id).concat(contentId);\n    if (variantInCookie && availableIDs.includes(variantInCookie)) {\n      return variantInCookie;\n    }\n    let n = 0;\n    const random = Math.random();\n    for (let i = 0; i < variants.length; i++) {\n      const variant = variants[i];\n      const testRatio = variant.testRatio;\n      n += testRatio;\n      if (random < n) {\n        setCookie(cookieName, variant.id);\n        return variant.id;\n      }\n    }\n    setCookie(cookieName, contentId);\n    return contentId;\n  }\n  const winningVariantId = getAndSetVariantId();\n  let styleEl = document.currentScript?.previousElementSibling;\n  if (isAngularSDK) {\n    styleEl = document.currentScript?.parentElement?.previousElementSibling?.querySelector('style');\n  }\n  if (isHydrationTarget) {\n    styleEl.remove();\n    const thisScriptEl = document.currentScript;\n    thisScriptEl?.remove();\n  } else {\n    const newStyleStr = variants.concat({\n      id: contentId\n    }).filter(variant => variant.id !== winningVariantId).map(value => {\n      return `.variant-${value.id} {  display: none; }\n        `;\n    }).join('');\n    styleEl.innerHTML = newStyleStr;\n  }\n}";
 var UPDATE_VARIANT_VISIBILITY_SCRIPT = "function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {\n  if (!navigator.cookieEnabled) {\n    return;\n  }\n  function getCookie(name) {\n    const nameEQ = name + '=';\n    const ca = document.cookie.split(';');\n    for (let i = 0; i < ca.length; i++) {\n      let c = ca[i];\n      while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n      if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n    }\n    return null;\n  }\n  const cookieName = `builder.tests.${defaultContentId}`;\n  const winningVariant = getCookie(cookieName);\n  const parentDiv = document.currentScript?.parentElement;\n  const isDefaultContent = variantContentId === defaultContentId;\n  const isWinningVariant = winningVariant === variantContentId;\n  if (isWinningVariant && !isDefaultContent) {\n    parentDiv?.removeAttribute('hidden');\n    parentDiv?.removeAttribute('aria-hidden');\n  } else if (!isWinningVariant && isDefaultContent) {\n    parentDiv?.setAttribute('hidden', 'true');\n    parentDiv?.setAttribute('aria-hidden', 'true');\n  }\n  if (isHydrationTarget) {\n    if (!isWinningVariant) {\n      parentDiv?.remove();\n    }\n    const thisScriptEl = document.currentScript;\n    thisScriptEl?.remove();\n  }\n  return;\n}";
 
 // src/components/content-variants/helpers.ts
@@ -4975,6 +4988,7 @@ var checkShouldRenderVariants2 = ({
   return true;
 };
 var getIsHydrationTarget = (target) => target === "react" || target === "reactNative";
+var isAngularSDK = TARGET === "angular";
 var isHydrationTarget = getIsHydrationTarget(TARGET);
 var getInitVariantsFnsScriptString = () => `
   window.${UPDATE_COOKIES_AND_STYLES_SCRIPT_NAME} = ${UPDATE_COOKIES_AND_STYLES_SCRIPT}
@@ -4982,7 +4996,7 @@ var getInitVariantsFnsScriptString = () => `
   `;
 var getUpdateCookieAndStylesScript = (variants, contentId) => `
   window.${UPDATE_COOKIES_AND_STYLES_SCRIPT_NAME}(
-    "${contentId}",${JSON.stringify(variants)}, ${isHydrationTarget}
+    "${contentId}",${JSON.stringify(variants)}, ${isHydrationTarget}, ${isAngularSDK}
   )`;
 var getUpdateVariantVisibilityScript = ({
   contentId,
@@ -4995,8 +5009,8 @@ var getUpdateVariantVisibilityScript = ({
 import {
   Show as Show14,
   onMount as onMount7,
-  on as on3,
-  createEffect as createEffect3,
+  on as on4,
+  createEffect as createEffect4,
   createMemo as createMemo16,
   createSignal as createSignal16
 } from "solid-js";
@@ -5008,7 +5022,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "4.0.2";
+var SDK_VERSION = "4.0.3";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({
@@ -6100,15 +6114,15 @@ function EnableEditor(props) {
       mergeNewContent(props.content);
     }
   }
-  createEffect3(on3(() => [onUpdateFn_0_props_content()], onUpdateFn_0));
+  createEffect4(on4(() => [onUpdateFn_0_props_content()], onUpdateFn_0));
   const onUpdateFn_1_props_builderContextSignal_rootState = createMemo16(
     () => props.builderContextSignal.rootState
   );
   function onUpdateFn_1() {
     emitStateUpdate();
   }
-  createEffect3(
-    on3(
+  createEffect4(
+    on4(
       () => [onUpdateFn_1_props_builderContextSignal_rootState()],
       onUpdateFn_1
     )
@@ -6119,7 +6133,7 @@ function EnableEditor(props) {
       mergeNewRootState(props.data);
     }
   }
-  createEffect3(on3(() => [onUpdateFn_2_props_data()], onUpdateFn_2));
+  createEffect4(on4(() => [onUpdateFn_2_props_data()], onUpdateFn_2));
   const onUpdateFn_3_props_locale = createMemo16(() => props.locale);
   function onUpdateFn_3() {
     if (props.locale) {
@@ -6128,7 +6142,7 @@ function EnableEditor(props) {
       });
     }
   }
-  createEffect3(on3(() => [onUpdateFn_3_props_locale()], onUpdateFn_3));
+  createEffect4(on4(() => [onUpdateFn_3_props_locale()], onUpdateFn_3));
   return <><builder_context_default.Provider value={props.builderContextSignal}><Show14
     when={props.builderContextSignal.content || needsElementRefDivForEditing()}
   ><Dynamic5
@@ -6506,7 +6520,7 @@ function Symbol(props) {
   function onUpdateFn_0() {
     setContent();
   }
-  createEffect4(on4(() => [onUpdateFn_0_props_symbol()], onUpdateFn_0));
+  createEffect5(on5(() => [onUpdateFn_0_props_symbol()], onUpdateFn_0));
   return <><div class={className()} {...{}} {...props.attributes} {...{}}><Content_variants_default
     nonce={props.builderContext.nonce}
     isNestedRender={true}

package/lib/node/index.js

@@ -4159,9 +4159,8 @@ var _tmpl$13 = /* @__PURE__ */ template(`<div>`);
 function CustomCode(props) {
   const [scriptsInserted, setScriptsInserted] = createSignal([]);
   const [scriptsRun, setScriptsRun] = createSignal([]);
-  let elementRef;
-  onMount(() => {
-    if (!elementRef?.getElementsByTagName || typeof window === "undefined") {
+  function runScripts() {
+    if (!elementRef || !elementRef?.getElementsByTagName || typeof window === "undefined") {
       return;
     }
     const scripts = elementRef.getElementsByTagName("script");
@@ -4184,10 +4183,22 @@ function CustomCode(props) {
           scriptsRun().push(script.innerText);
           new Function(script.innerText)();
         } catch (error2) {
+          logger.warn("[BUILDER.IO] `CustomCode`: Error running script:", error2);
         }
       }
     }
+  }
+  let elementRef;
+  onMount(() => {
+    runScripts();
   });
+  const onUpdateFn_0_props_code = createMemo(() => props.code);
+  function onUpdateFn_0() {
+    if (isEditing()) {
+      runScripts();
+    }
+  }
+  createEffect(on(() => [onUpdateFn_0_props_code()], onUpdateFn_0));
   return (() => {
     const _el$ = _tmpl$13();
     const _ref$ = elementRef;
@@ -4251,6 +4262,7 @@ function Embed(props) {
           scriptsRun().push(script.innerText);
           new Function(script.innerText)();
         } catch (error2) {
+          logger.warn("[BUILDER.IO] `Embed`: Error running script:", error2);
         }
       }
     }
@@ -5434,7 +5446,7 @@ function serializeIncludingFunctions(info) {
 }
 
 // src/components/content-variants/inlined-fns.ts
-var UPDATE_COOKIES_AND_STYLES_SCRIPT = "function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {\n  function getAndSetVariantId() {\n    function setCookie(name, value, days) {\n      let expires = '';\n      if (days) {\n        const date = new Date();\n        date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);\n        expires = '; expires=' + date.toUTCString();\n      }\n      document.cookie = name + '=' + (value || '') + expires + '; path=/' + '; Secure; SameSite=None';\n    }\n    function getCookie(name) {\n      const nameEQ = name + '=';\n      const ca = document.cookie.split(';');\n      for (let i = 0; i < ca.length; i++) {\n        let c = ca[i];\n        while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n        if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n      }\n      return null;\n    }\n    const cookieName = `builder.tests.${contentId}`;\n    const variantInCookie = getCookie(cookieName);\n    const availableIDs = variants.map(vr => vr.id).concat(contentId);\n    if (variantInCookie && availableIDs.includes(variantInCookie)) {\n      return variantInCookie;\n    }\n    let n = 0;\n    const random = Math.random();\n    for (let i = 0; i < variants.length; i++) {\n      const variant = variants[i];\n      const testRatio = variant.testRatio;\n      n += testRatio;\n      if (random < n) {\n        setCookie(cookieName, variant.id);\n        return variant.id;\n      }\n    }\n    setCookie(cookieName, contentId);\n    return contentId;\n  }\n  const winningVariantId = getAndSetVariantId();\n  const styleEl = document.currentScript?.previousElementSibling;\n  if (isHydrationTarget) {\n    styleEl.remove();\n    const thisScriptEl = document.currentScript;\n    thisScriptEl?.remove();\n  } else {\n    const newStyleStr = variants.concat({\n      id: contentId\n    }).filter(variant => variant.id !== winningVariantId).map(value => {\n      return `.variant-${value.id} {  display: none; }\n        `;\n    }).join('');\n    styleEl.innerHTML = newStyleStr;\n  }\n}";
+var UPDATE_COOKIES_AND_STYLES_SCRIPT = "function updateCookiesAndStyles(contentId, variants, isHydrationTarget, isAngularSDK) {\n  function getAndSetVariantId() {\n    function setCookie(name, value, days) {\n      let expires = '';\n      if (days) {\n        const date = new Date();\n        date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);\n        expires = '; expires=' + date.toUTCString();\n      }\n      document.cookie = name + '=' + (value || '') + expires + '; path=/' + '; Secure; SameSite=None';\n    }\n    function getCookie(name) {\n      const nameEQ = name + '=';\n      const ca = document.cookie.split(';');\n      for (let i = 0; i < ca.length; i++) {\n        let c = ca[i];\n        while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n        if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n      }\n      return null;\n    }\n    const cookieName = `builder.tests.${contentId}`;\n    const variantInCookie = getCookie(cookieName);\n    const availableIDs = variants.map(vr => vr.id).concat(contentId);\n    if (variantInCookie && availableIDs.includes(variantInCookie)) {\n      return variantInCookie;\n    }\n    let n = 0;\n    const random = Math.random();\n    for (let i = 0; i < variants.length; i++) {\n      const variant = variants[i];\n      const testRatio = variant.testRatio;\n      n += testRatio;\n      if (random < n) {\n        setCookie(cookieName, variant.id);\n        return variant.id;\n      }\n    }\n    setCookie(cookieName, contentId);\n    return contentId;\n  }\n  const winningVariantId = getAndSetVariantId();\n  let styleEl = document.currentScript?.previousElementSibling;\n  if (isAngularSDK) {\n    styleEl = document.currentScript?.parentElement?.previousElementSibling?.querySelector('style');\n  }\n  if (isHydrationTarget) {\n    styleEl.remove();\n    const thisScriptEl = document.currentScript;\n    thisScriptEl?.remove();\n  } else {\n    const newStyleStr = variants.concat({\n      id: contentId\n    }).filter(variant => variant.id !== winningVariantId).map(value => {\n      return `.variant-${value.id} {  display: none; }\n        `;\n    }).join('');\n    styleEl.innerHTML = newStyleStr;\n  }\n}";
 var UPDATE_VARIANT_VISIBILITY_SCRIPT = "function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {\n  if (!navigator.cookieEnabled) {\n    return;\n  }\n  function getCookie(name) {\n    const nameEQ = name + '=';\n    const ca = document.cookie.split(';');\n    for (let i = 0; i < ca.length; i++) {\n      let c = ca[i];\n      while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n      if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n    }\n    return null;\n  }\n  const cookieName = `builder.tests.${defaultContentId}`;\n  const winningVariant = getCookie(cookieName);\n  const parentDiv = document.currentScript?.parentElement;\n  const isDefaultContent = variantContentId === defaultContentId;\n  const isWinningVariant = winningVariant === variantContentId;\n  if (isWinningVariant && !isDefaultContent) {\n    parentDiv?.removeAttribute('hidden');\n    parentDiv?.removeAttribute('aria-hidden');\n  } else if (!isWinningVariant && isDefaultContent) {\n    parentDiv?.setAttribute('hidden', 'true');\n    parentDiv?.setAttribute('aria-hidden', 'true');\n  }\n  if (isHydrationTarget) {\n    if (!isWinningVariant) {\n      parentDiv?.remove();\n    }\n    const thisScriptEl = document.currentScript;\n    thisScriptEl?.remove();\n  }\n  return;\n}";
 
 // src/components/content-variants/helpers.ts
@@ -5463,6 +5475,7 @@ var checkShouldRenderVariants2 = ({
   return true;
 };
 var getIsHydrationTarget = (target) => target === "react" || target === "reactNative";
+var isAngularSDK = TARGET === "angular";
 var isHydrationTarget = getIsHydrationTarget(TARGET);
 var getInitVariantsFnsScriptString = () => `
   window.${UPDATE_COOKIES_AND_STYLES_SCRIPT_NAME} = ${UPDATE_COOKIES_AND_STYLES_SCRIPT}
@@ -5470,7 +5483,7 @@ var getInitVariantsFnsScriptString = () => `
   `;
 var getUpdateCookieAndStylesScript = (variants, contentId) => `
   window.${UPDATE_COOKIES_AND_STYLES_SCRIPT_NAME}(
-    "${contentId}",${JSON.stringify(variants)}, ${isHydrationTarget}
+    "${contentId}",${JSON.stringify(variants)}, ${isHydrationTarget}, ${isAngularSDK}
   )`;
 var getUpdateVariantVisibilityScript = ({
   contentId,
@@ -5485,7 +5498,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "4.0.2";
+var SDK_VERSION = "4.0.3";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({

package/lib/node/index.jsx

@@ -2079,7 +2079,7 @@ function SectionComponent(props) {
 var section_default = SectionComponent;
 
 // src/blocks/symbol/symbol.tsx
-import { onMount as onMount9, on as on4, createEffect as createEffect4, createMemo as createMemo20, createSignal as createSignal20 } from "solid-js";
+import { onMount as onMount9, on as on5, createEffect as createEffect5, createMemo as createMemo20, createSignal as createSignal20 } from "solid-js";
 
 // src/components/content-variants/content-variants.tsx
 import { Show as Show16, For as For9, onMount as onMount8, createSignal as createSignal19, createMemo as createMemo19 } from "solid-js";
@@ -3787,13 +3787,12 @@ var componentInfo12 = {
 };
 
 // src/blocks/custom-code/custom-code.tsx
-import { onMount as onMount5, createSignal as createSignal12 } from "solid-js";
+import { onMount as onMount5, on as on2, createEffect as createEffect2, createMemo as createMemo12, createSignal as createSignal12 } from "solid-js";
 function CustomCode(props) {
   const [scriptsInserted, setScriptsInserted] = createSignal12([]);
   const [scriptsRun, setScriptsRun] = createSignal12([]);
-  let elementRef;
-  onMount5(() => {
-    if (!elementRef?.getElementsByTagName || typeof window === "undefined") {
+  function runScripts() {
+    if (!elementRef || !elementRef?.getElementsByTagName || typeof window === "undefined") {
       return;
     }
     const scripts = elementRef.getElementsByTagName("script");
@@ -3820,10 +3819,25 @@ function CustomCode(props) {
           scriptsRun().push(script.innerText);
           new Function(script.innerText)();
         } catch (error2) {
+          logger.warn(
+            "[BUILDER.IO] `CustomCode`: Error running script:",
+            error2
+          );
         }
       }
     }
+  }
+  let elementRef;
+  onMount5(() => {
+    runScripts();
   });
+  const onUpdateFn_0_props_code = createMemo12(() => props.code);
+  function onUpdateFn_0() {
+    if (isEditing()) {
+      runScripts();
+    }
+  }
+  createEffect2(on2(() => [onUpdateFn_0_props_code()], onUpdateFn_0));
   return <><div
     class={"builder-custom-code" + (props.replaceNodes ? " replace-nodes" : "")}
     ref={elementRef}
@@ -3851,7 +3865,7 @@ var componentInfo13 = {
 };
 
 // src/blocks/embed/embed.tsx
-import { on as on2, createEffect as createEffect2, createMemo as createMemo13, createSignal as createSignal13 } from "solid-js";
+import { on as on3, createEffect as createEffect3, createMemo as createMemo13, createSignal as createSignal13 } from "solid-js";
 
 // src/blocks/embed/helpers.ts
 var SCRIPT_MIME_TYPES = ["text/javascript", "application/javascript", "application/ecmascript"];
@@ -3879,6 +3893,7 @@ function Embed(props) {
           scriptsRun().push(script.innerText);
           new Function(script.innerText)();
         } catch (error2) {
+          logger.warn("[BUILDER.IO] `Embed`: Error running script:", error2);
         }
       }
     }
@@ -3892,8 +3907,8 @@ function Embed(props) {
       findAndRunScripts();
     }
   }
-  createEffect2(
-    on2(() => [onUpdateFn_0_elem(), onUpdateFn_0_ranInitFn__()], onUpdateFn_0)
+  createEffect3(
+    on3(() => [onUpdateFn_0_elem(), onUpdateFn_0_ranInitFn__()], onUpdateFn_0)
   );
   return <><div class="builder-embed" ref={elem} innerHTML={props.content} /></>;
 }
@@ -4934,7 +4949,7 @@ function serializeIncludingFunctions(info) {
 }
 
 // src/components/content-variants/inlined-fns.ts
-var UPDATE_COOKIES_AND_STYLES_SCRIPT = "function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {\n  function getAndSetVariantId() {\n    function setCookie(name, value, days) {\n      let expires = '';\n      if (days) {\n        const date = new Date();\n        date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);\n        expires = '; expires=' + date.toUTCString();\n      }\n      document.cookie = name + '=' + (value || '') + expires + '; path=/' + '; Secure; SameSite=None';\n    }\n    function getCookie(name) {\n      const nameEQ = name + '=';\n      const ca = document.cookie.split(';');\n      for (let i = 0; i < ca.length; i++) {\n        let c = ca[i];\n        while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n        if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n      }\n      return null;\n    }\n    const cookieName = `builder.tests.${contentId}`;\n    const variantInCookie = getCookie(cookieName);\n    const availableIDs = variants.map(vr => vr.id).concat(contentId);\n    if (variantInCookie && availableIDs.includes(variantInCookie)) {\n      return variantInCookie;\n    }\n    let n = 0;\n    const random = Math.random();\n    for (let i = 0; i < variants.length; i++) {\n      const variant = variants[i];\n      const testRatio = variant.testRatio;\n      n += testRatio;\n      if (random < n) {\n        setCookie(cookieName, variant.id);\n        return variant.id;\n      }\n    }\n    setCookie(cookieName, contentId);\n    return contentId;\n  }\n  const winningVariantId = getAndSetVariantId();\n  const styleEl = document.currentScript?.previousElementSibling;\n  if (isHydrationTarget) {\n    styleEl.remove();\n    const thisScriptEl = document.currentScript;\n    thisScriptEl?.remove();\n  } else {\n    const newStyleStr = variants.concat({\n      id: contentId\n    }).filter(variant => variant.id !== winningVariantId).map(value => {\n      return `.variant-${value.id} {  display: none; }\n        `;\n    }).join('');\n    styleEl.innerHTML = newStyleStr;\n  }\n}";
+var UPDATE_COOKIES_AND_STYLES_SCRIPT = "function updateCookiesAndStyles(contentId, variants, isHydrationTarget, isAngularSDK) {\n  function getAndSetVariantId() {\n    function setCookie(name, value, days) {\n      let expires = '';\n      if (days) {\n        const date = new Date();\n        date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);\n        expires = '; expires=' + date.toUTCString();\n      }\n      document.cookie = name + '=' + (value || '') + expires + '; path=/' + '; Secure; SameSite=None';\n    }\n    function getCookie(name) {\n      const nameEQ = name + '=';\n      const ca = document.cookie.split(';');\n      for (let i = 0; i < ca.length; i++) {\n        let c = ca[i];\n        while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n        if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n      }\n      return null;\n    }\n    const cookieName = `builder.tests.${contentId}`;\n    const variantInCookie = getCookie(cookieName);\n    const availableIDs = variants.map(vr => vr.id).concat(contentId);\n    if (variantInCookie && availableIDs.includes(variantInCookie)) {\n      return variantInCookie;\n    }\n    let n = 0;\n    const random = Math.random();\n    for (let i = 0; i < variants.length; i++) {\n      const variant = variants[i];\n      const testRatio = variant.testRatio;\n      n += testRatio;\n      if (random < n) {\n        setCookie(cookieName, variant.id);\n        return variant.id;\n      }\n    }\n    setCookie(cookieName, contentId);\n    return contentId;\n  }\n  const winningVariantId = getAndSetVariantId();\n  let styleEl = document.currentScript?.previousElementSibling;\n  if (isAngularSDK) {\n    styleEl = document.currentScript?.parentElement?.previousElementSibling?.querySelector('style');\n  }\n  if (isHydrationTarget) {\n    styleEl.remove();\n    const thisScriptEl = document.currentScript;\n    thisScriptEl?.remove();\n  } else {\n    const newStyleStr = variants.concat({\n      id: contentId\n    }).filter(variant => variant.id !== winningVariantId).map(value => {\n      return `.variant-${value.id} {  display: none; }\n        `;\n    }).join('');\n    styleEl.innerHTML = newStyleStr;\n  }\n}";
 var UPDATE_VARIANT_VISIBILITY_SCRIPT = "function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {\n  if (!navigator.cookieEnabled) {\n    return;\n  }\n  function getCookie(name) {\n    const nameEQ = name + '=';\n    const ca = document.cookie.split(';');\n    for (let i = 0; i < ca.length; i++) {\n      let c = ca[i];\n      while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n      if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n    }\n    return null;\n  }\n  const cookieName = `builder.tests.${defaultContentId}`;\n  const winningVariant = getCookie(cookieName);\n  const parentDiv = document.currentScript?.parentElement;\n  const isDefaultContent = variantContentId === defaultContentId;\n  const isWinningVariant = winningVariant === variantContentId;\n  if (isWinningVariant && !isDefaultContent) {\n    parentDiv?.removeAttribute('hidden');\n    parentDiv?.removeAttribute('aria-hidden');\n  } else if (!isWinningVariant && isDefaultContent) {\n    parentDiv?.setAttribute('hidden', 'true');\n    parentDiv?.setAttribute('aria-hidden', 'true');\n  }\n  if (isHydrationTarget) {\n    if (!isWinningVariant) {\n      parentDiv?.remove();\n    }\n    const thisScriptEl = document.currentScript;\n    thisScriptEl?.remove();\n  }\n  return;\n}";
 
 // src/components/content-variants/helpers.ts
@@ -4963,6 +4978,7 @@ var checkShouldRenderVariants2 = ({
   return true;
 };
 var getIsHydrationTarget = (target) => target === "react" || target === "reactNative";
+var isAngularSDK = TARGET === "angular";
 var isHydrationTarget = getIsHydrationTarget(TARGET);
 var getInitVariantsFnsScriptString = () => `
   window.${UPDATE_COOKIES_AND_STYLES_SCRIPT_NAME} = ${UPDATE_COOKIES_AND_STYLES_SCRIPT}
@@ -4970,7 +4986,7 @@ var getInitVariantsFnsScriptString = () => `
   `;
 var getUpdateCookieAndStylesScript = (variants, contentId) => `
   window.${UPDATE_COOKIES_AND_STYLES_SCRIPT_NAME}(
-    "${contentId}",${JSON.stringify(variants)}, ${isHydrationTarget}
+    "${contentId}",${JSON.stringify(variants)}, ${isHydrationTarget}, ${isAngularSDK}
   )`;
 var getUpdateVariantVisibilityScript = ({
   contentId,
@@ -4983,8 +4999,8 @@ var getUpdateVariantVisibilityScript = ({
 import {
   Show as Show14,
   onMount as onMount7,
-  on as on3,
-  createEffect as createEffect3,
+  on as on4,
+  createEffect as createEffect4,
   createMemo as createMemo16,
   createSignal as createSignal16
 } from "solid-js";
@@ -4996,7 +5012,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "4.0.2";
+var SDK_VERSION = "4.0.3";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({
@@ -6081,15 +6097,15 @@ function EnableEditor(props) {
       mergeNewContent(props.content);
     }
   }
-  createEffect3(on3(() => [onUpdateFn_0_props_content()], onUpdateFn_0));
+  createEffect4(on4(() => [onUpdateFn_0_props_content()], onUpdateFn_0));
   const onUpdateFn_1_props_builderContextSignal_rootState = createMemo16(
     () => props.builderContextSignal.rootState
   );
   function onUpdateFn_1() {
     emitStateUpdate();
   }
-  createEffect3(
-    on3(
+  createEffect4(
+    on4(
       () => [onUpdateFn_1_props_builderContextSignal_rootState()],
       onUpdateFn_1
     )
@@ -6100,7 +6116,7 @@ function EnableEditor(props) {
       mergeNewRootState(props.data);
     }
   }
-  createEffect3(on3(() => [onUpdateFn_2_props_data()], onUpdateFn_2));
+  createEffect4(on4(() => [onUpdateFn_2_props_data()], onUpdateFn_2));
   const onUpdateFn_3_props_locale = createMemo16(() => props.locale);
   function onUpdateFn_3() {
     if (props.locale) {
@@ -6109,7 +6125,7 @@ function EnableEditor(props) {
       });
     }
   }
-  createEffect3(on3(() => [onUpdateFn_3_props_locale()], onUpdateFn_3));
+  createEffect4(on4(() => [onUpdateFn_3_props_locale()], onUpdateFn_3));
   return <><builder_context_default.Provider value={props.builderContextSignal}><Show14
     when={props.builderContextSignal.content || needsElementRefDivForEditing()}
   ><Dynamic5
@@ -6487,7 +6503,7 @@ function Symbol(props) {
   function onUpdateFn_0() {
     setContent();
   }
-  createEffect4(on4(() => [onUpdateFn_0_props_symbol()], onUpdateFn_0));
+  createEffect5(on5(() => [onUpdateFn_0_props_symbol()], onUpdateFn_0));
   return <><div class={className()} {...{}} {...props.attributes} {...{}}><Content_variants_default
     nonce={props.builderContext.nonce}
     isNestedRender={true}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/sdk-solid",
-  "version": "4.0.2",
+  "version": "4.0.3",
   "description": "",
   "files": [
     "dist",