@builder.io/sdk-qwik 0.24.1 → 0.25.2

package/lib/node/components/content-variants/content-variants.qwik.mjs

@@ -7,7 +7,7 @@ import { getDefaultCanTrack } from "../../helpers/canTrack.qwik.mjs";
 import { ContentComponent } from "../content/content.qwik.mjs";
 import { InlinedScript } from "../inlined-script.qwik.mjs";
 import { InlinedStyles } from "../inlined-styles.qwik.mjs";
-import { checkShouldRenderVariants, getUpdateCookieAndStylesScript, getVariants, getInitVariantsFnsScriptString } from "./helpers.qwik.mjs";
+import { checkShouldRenderVariants, getUpdateCookieAndStylesScript, getVariants, removeDuplicateScript, getInitVariantsFnsScriptString } from "./helpers.qwik.mjs";
 const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   _jsxBranch();
   const state = useStore({
@@ -48,42 +48,38 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
   ]));
   return /* @__PURE__ */ _jsxC(Fragment, {
     children: [
-      !props.isNestedRender && TARGET !== "reactNative" ? /* @__PURE__ */ _jsxC(Fragment$1, {
-        children: [
-          /* @__PURE__ */ _jsxC(InlinedScript, {
-            id: "builderio-init-variants-fns",
-            get scriptStr() {
-              return getInitVariantsFnsScriptString();
-            },
-            get nonce() {
-              return props.nonce || "";
-            },
-            [_IMMUTABLE]: {
-              id: _IMMUTABLE,
-              nonce: _fnSignal((p0) => p0.nonce || "", [
-                props
-              ], 'p0.nonce||""'),
-              scriptStr: _IMMUTABLE
-            }
-          }, 3, "XM_0"),
-          SDKS_SUPPORTING_PERSONALIZATION.includes(TARGET) ? /* @__PURE__ */ _jsxC(InlinedScript, {
-            id: "builderio-init-personalization-variants-fns",
-            get nonce() {
-              return props.nonce || "";
-            },
-            get scriptStr() {
-              return getInitPersonalizationVariantsFnsScriptString();
-            },
-            [_IMMUTABLE]: {
-              id: _IMMUTABLE,
-              nonce: _fnSignal((p0) => p0.nonce || "", [
-                props
-              ], 'p0.nonce||""'),
-              scriptStr: _IMMUTABLE
-            }
-          }, 3, "XM_1") : null
-        ]
-      }, 1, "XM_2") : null,
+      !props.isNestedRender && TARGET !== "reactNative" ? /* @__PURE__ */ _jsxC(InlinedScript, {
+        id: "builderio-init-variants-fns",
+        get scriptStr() {
+          return removeDuplicateScript("builderio-init-variants-fns", getInitVariantsFnsScriptString());
+        },
+        get nonce() {
+          return props.nonce || "";
+        },
+        [_IMMUTABLE]: {
+          id: _IMMUTABLE,
+          nonce: _fnSignal((p0) => p0.nonce || "", [
+            props
+          ], 'p0.nonce||""'),
+          scriptStr: _IMMUTABLE
+        }
+      }, 3, "XM_0") : null,
+      !props.isNestedRender && TARGET !== "reactNative" && SDKS_SUPPORTING_PERSONALIZATION.includes(TARGET) ? /* @__PURE__ */ _jsxC(InlinedScript, {
+        id: "builderio-init-personalization-variants-fns",
+        get nonce() {
+          return props.nonce || "";
+        },
+        get scriptStr() {
+          return removeDuplicateScript("builderio-init-personalization-variants-fns", getInitPersonalizationVariantsFnsScriptString());
+        },
+        [_IMMUTABLE]: {
+          id: _IMMUTABLE,
+          nonce: _fnSignal((p0) => p0.nonce || "", [
+            props
+          ], 'p0.nonce||""'),
+          scriptStr: _IMMUTABLE
+        }
+      }, 3, "XM_1") : null,
       state.shouldRenderVariants ? /* @__PURE__ */ _jsxC(Fragment$1, {
         children: [
           /* @__PURE__ */ _jsxC(InlinedStyles, {
@@ -103,7 +99,7 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
                 hideVariantsStyleString
               ], "p0.value")
             }
-          }, 3, "XM_3"),
+          }, 3, "XM_2"),
           /* @__PURE__ */ _jsxC(InlinedScript, {
             id: "builderio-variants-visibility",
             get scriptStr() {
@@ -121,7 +117,7 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
                 updateCookieAndStylesScriptStr
               ], "p0.value")
             }
-          }, 3, "XM_4"),
+          }, 3, "XM_3"),
           (getVariants(props.content) || []).map((variant) => {
             return /* @__PURE__ */ _jsxC(ContentComponent, {
               get apiHost() {
@@ -246,7 +242,7 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
             }, 3, variant.testVariationId);
           })
         ]
-      }, 1, "XM_5") : null,
+      }, 1, "XM_4") : null,
       /* @__PURE__ */ _jsxC(ContentComponent, {
         get apiHost() {
           return props.apiHost;
@@ -372,9 +368,9 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
             props
           ], "p0.trustedHosts")
         }
-      }, 3, "XM_6")
+      }, 3, "XM_5")
     ]
-  }, 1, "XM_7");
+  }, 1, "XM_6");
 }, "ContentVariants_component_4tFRiQMMEfM"));
 export {
   ContentVariants,

package/lib/node/components/content-variants/helpers.qwik.cjs

@@ -23,6 +23,37 @@ const checkShouldRenderVariants = ({ canTrack, content }) => {
 const getIsHydrationTarget = (target2) => target2 === "react" || target2 === "reactNative";
 const isAngularSDK = target.TARGET === "angular";
 const isHydrationTarget = getIsHydrationTarget(target.TARGET);
+const removeDuplicateScript = (id, scriptStr) => `
+  (function() {
+    var selector = 'script[data-id="${id}"]';
+    var scriptKey = '__builderioScriptInitialized_${id}';
+    var observerKey = '__builderioScriptObserver_${id}';
+
+    // Synchronously remove any duplicates already in the DOM
+    var existing = document.querySelectorAll(selector);
+    existing.forEach(function(script, index) {
+      if (index > 0) {
+        script.parentNode && script.parentNode.removeChild(script);
+      }
+    });
+
+    // Watch for duplicates added later (e.g. RSC streaming chunks)
+    if (!window[observerKey] && typeof MutationObserver !== 'undefined') {
+      window[observerKey] = new MutationObserver(function() {
+        var all = document.querySelectorAll(selector);
+        for (var i = 1; i < all.length; i++) {
+          all[i].parentNode && all[i].parentNode.removeChild(all[i]);
+        }
+      });
+      window[observerKey].observe(document.documentElement, { childList: true, subtree: true });
+    }
+
+    if (!window[scriptKey]) {
+      window[scriptKey] = true;
+      ${scriptStr}
+    }
+  })();
+`;
 const getInitVariantsFnsScriptString = () => `
   window.${UPDATE_COOKIES_AND_STYLES_SCRIPT_NAME} = ${inlinedFns.UPDATE_COOKIES_AND_STYLES_SCRIPT}
   window.${UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME} = ${inlinedFns.UPDATE_VARIANT_VISIBILITY_SCRIPT}
@@ -39,3 +70,4 @@ exports.getInitVariantsFnsScriptString = getInitVariantsFnsScriptString;
 exports.getUpdateCookieAndStylesScript = getUpdateCookieAndStylesScript;
 exports.getUpdateVariantVisibilityScript = getUpdateVariantVisibilityScript;
 exports.getVariants = getVariants;
+exports.removeDuplicateScript = removeDuplicateScript;

package/lib/node/components/content-variants/helpers.qwik.mjs

@@ -21,6 +21,37 @@ const checkShouldRenderVariants = ({ canTrack, content }) => {
 const getIsHydrationTarget = (target) => target === "react" || target === "reactNative";
 const isAngularSDK = TARGET === "angular";
 const isHydrationTarget = getIsHydrationTarget(TARGET);
+const removeDuplicateScript = (id, scriptStr) => `
+  (function() {
+    var selector = 'script[data-id="${id}"]';
+    var scriptKey = '__builderioScriptInitialized_${id}';
+    var observerKey = '__builderioScriptObserver_${id}';
+
+    // Synchronously remove any duplicates already in the DOM
+    var existing = document.querySelectorAll(selector);
+    existing.forEach(function(script, index) {
+      if (index > 0) {
+        script.parentNode && script.parentNode.removeChild(script);
+      }
+    });
+
+    // Watch for duplicates added later (e.g. RSC streaming chunks)
+    if (!window[observerKey] && typeof MutationObserver !== 'undefined') {
+      window[observerKey] = new MutationObserver(function() {
+        var all = document.querySelectorAll(selector);
+        for (var i = 1; i < all.length; i++) {
+          all[i].parentNode && all[i].parentNode.removeChild(all[i]);
+        }
+      });
+      window[observerKey].observe(document.documentElement, { childList: true, subtree: true });
+    }
+
+    if (!window[scriptKey]) {
+      window[scriptKey] = true;
+      ${scriptStr}
+    }
+  })();
+`;
 const getInitVariantsFnsScriptString = () => `
   window.${UPDATE_COOKIES_AND_STYLES_SCRIPT_NAME} = ${UPDATE_COOKIES_AND_STYLES_SCRIPT}
   window.${UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME} = ${UPDATE_VARIANT_VISIBILITY_SCRIPT}
@@ -37,5 +68,6 @@ export {
   getInitVariantsFnsScriptString,
   getUpdateCookieAndStylesScript,
   getUpdateVariantVisibilityScript,
-  getVariants
+  getVariants,
+  removeDuplicateScript
 };

package/lib/node/constants/sdk-version.qwik.cjs

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const SDK_VERSION = "0.24.1";
+const SDK_VERSION = "0.25.2";
 exports.SDK_VERSION = SDK_VERSION;

package/lib/node/constants/sdk-version.qwik.mjs

@@ -1,4 +1,4 @@
-const SDK_VERSION = "0.24.1";
+const SDK_VERSION = "0.25.2";
 export {
   SDK_VERSION
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/sdk-qwik",
-  "version": "0.24.1",
+  "version": "0.25.2",
   "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/qwik",
   "repository": {
     "type": "git",

package/types/src/blocks/symbol/symbol.helpers.d.ts

@@ -7,6 +7,8 @@ export interface SymbolInfo {
     content?: BuilderContent;
     inline?: boolean;
     dynamic?: boolean;
+    ownerId?: string;
+    global?: boolean;
 }
 export declare const fetchSymbolContent: ({ builderContextValue, symbol }: {
     symbol: SymbolInfo | undefined;

package/types/src/blocks/symbol/symbol.types.d.ts

@@ -7,6 +7,8 @@ export interface SymbolInfo {
     content?: BuilderContent;
     inline?: boolean;
     dynamic?: boolean;
+    ownerId?: string;
+    global?: boolean;
 }
 export interface SymbolProps extends BuilderComponentsProp, BuilderDataProps, BuilderLinkComponentProp {
     symbol?: SymbolInfo;

package/types/src/components/content-variants/helpers.d.ts

@@ -32,6 +32,7 @@ type VariantData = {
     id: string;
     testRatio?: number;
 };
+export declare const removeDuplicateScript: (id: string, scriptStr: string) => string;
 export declare const getInitVariantsFnsScriptString: () => string;
 export declare const getUpdateCookieAndStylesScript: (variants: VariantData[], contentId: string) => string;
 export declare const getUpdateVariantVisibilityScript: ({ contentId, variationId }: {

package/types/src/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.24.1";
+export declare const SDK_VERSION = "0.25.2";