@builder.io/sdk-qwik 0.14.31 → 0.15.0

package/lib/node/index.qwik.mjs

@@ -769,53 +769,56 @@ const getRepeatItemData = ({ block, context }) => {
   }));
   return repeatArray;
 };
+const applyDefaults = (shouldReceiveBuilderProps) => {
+  return {
+    // once we bump to a major version, toggle this to `false`.
+    builderBlock: true,
+    // once we bump to a major version, toggle this to `false`.
+    builderContext: true,
+    builderComponents: false,
+    builderLinkComponent: false,
+    ...shouldReceiveBuilderProps
+  };
+};
 const provideLinkComponent = (block, linkComponent) => {
-  return block && (block.isRSC && TARGET === "rsc" || [
-    "Core:Button",
-    "Symbol",
-    "Columns",
-    "Form:Form",
-    "Builder: Tabs",
-    "Builder:Accordion"
-  ].includes(block.name)) ? {
+  if (!block)
+    return {};
+  const shouldReceiveProp = applyDefaults(block.shouldReceiveBuilderProps).builderLinkComponent;
+  if (!shouldReceiveProp)
+    return {};
+  return {
     builderLinkComponent: linkComponent
-  } : {};
+  };
 };
 const provideRegisteredComponents = (block, registeredComponents) => {
-  return block && (block.isRSC && TARGET === "rsc" || [
-    "Symbol",
-    "Columns",
-    "Form:Form",
-    "Builder: Tabs",
-    "Builder:Accordion"
-  ].includes(block.name)) ? {
+  if (!block)
+    return {};
+  const shouldReceiveProp = applyDefaults(block.shouldReceiveBuilderProps).builderComponents;
+  if (!shouldReceiveProp)
+    return {};
+  return {
     builderComponents: registeredComponents
-  } : {};
+  };
 };
 const provideBuilderBlock = (block, builderBlock) => {
-  return block && (block.isRSC && TARGET === "rsc" || TARGET === "reactNative" || [
-    "Builder:Accordion",
-    "Columns",
-    "Form:Form",
-    "Builder: Tabs",
-    "Symbol",
-    "Image",
-    "Video"
-  ].includes(block.name)) ? {
+  if (!block)
+    return {};
+  const shouldReceiveProp = applyDefaults(block.shouldReceiveBuilderProps).builderBlock;
+  if (!shouldReceiveProp)
+    return {};
+  return {
     builderBlock
-  } : {};
+  };
 };
 const provideBuilderContext = (block, context) => {
-  return block && (block.isRSC && TARGET === "rsc" || [
-    "Builder:Accordion",
-    "Columns",
-    "Form:Form",
-    "Builder: Tabs",
-    "Symbol",
-    "Slot"
-  ].includes(block.name)) ? {
+  if (!block)
+    return {};
+  const shouldReceiveProp = applyDefaults(block.shouldReceiveBuilderProps).builderContext;
+  if (!shouldReceiveProp)
+    return {};
+  return {
     builderContext: context
-  } : {};
+  };
 };
 const SIZES = {
   small: {
@@ -2397,7 +2400,13 @@ const componentInfo$i = {
           options.set("items", []);
       }
     }
-  ]
+  ],
+  shouldReceiveBuilderProps: {
+    builderBlock: true,
+    builderContext: true,
+    builderComponents: true,
+    builderLinkComponent: true
+  }
 };
 const convertOrderNumberToString = (order) => {
   return order.toString();
@@ -2643,7 +2652,13 @@ const componentInfo$h = {
     }
   ],
   static: true,
-  noWrap: true
+  noWrap: true,
+  shouldReceiveBuilderProps: {
+    builderBlock: false,
+    builderContext: false,
+    builderComponents: false,
+    builderLinkComponent: true
+  }
 };
 const componentInfo$g = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
@@ -2885,9 +2900,21 @@ const componentInfo$g = {
       helperText: "When stacking columns for mobile devices, reverse the ordering",
       advanced: true
     }
-  ]
+  ],
+  shouldReceiveBuilderProps: {
+    builderBlock: true,
+    builderContext: true,
+    builderComponents: true,
+    builderLinkComponent: true
+  }
 };
 const componentInfo$f = {
+  shouldReceiveBuilderProps: {
+    builderBlock: false,
+    builderContext: false,
+    builderComponents: false,
+    builderLinkComponent: false
+  },
   name: "Fragment",
   static: true,
   hidden: true,
@@ -3047,9 +3074,21 @@ const componentInfo$e = {
       advanced: true,
       defaultValue: 0.7041
     }
-  ]
+  ],
+  shouldReceiveBuilderProps: {
+    builderBlock: true,
+    builderContext: false,
+    builderComponents: false,
+    builderLinkComponent: false
+  }
 };
 const componentInfo$d = {
+  shouldReceiveBuilderProps: {
+    builderBlock: false,
+    builderContext: false,
+    builderComponents: false,
+    builderLinkComponent: false
+  },
   name: "Core:Section",
   static: true,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -3108,7 +3147,13 @@ const componentInfo$c = {
       required: true,
       defaultValue: "children"
     }
-  ]
+  ],
+  shouldReceiveBuilderProps: {
+    builderBlock: false,
+    builderContext: true,
+    builderComponents: false,
+    builderLinkComponent: false
+  }
 };
 const Slot = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   var _a, _b;
@@ -3187,7 +3232,13 @@ const componentInfo$b = {
       hideFromUI: true,
       type: "boolean"
     }
-  ]
+  ],
+  shouldReceiveBuilderProps: {
+    builderBlock: true,
+    builderContext: true,
+    builderComponents: true,
+    builderLinkComponent: true
+  }
 };
 const defaultTab = {
   "@type": "@builder.io/sdk:Element",
@@ -3355,7 +3406,13 @@ const componentInfo$a = {
         }
       ]
     }
-  ]
+  ],
+  shouldReceiveBuilderProps: {
+    builderBlock: true,
+    builderContext: true,
+    builderComponents: true,
+    builderLinkComponent: true
+  }
 };
 const activeTabContent = function activeTabContent2(props, state, active) {
   return props.tabs && props.tabs[active].content;
@@ -3468,6 +3525,12 @@ const Tabs = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
   ], 1, "6k_3");
 }, "Tabs_component_MhWcxXy0lMY"));
 const componentInfo$9 = {
+  shouldReceiveBuilderProps: {
+    builderBlock: false,
+    builderContext: false,
+    builderComponents: false,
+    builderLinkComponent: false
+  },
   name: "Text",
   static: true,
   isRSC: true,
@@ -3503,6 +3566,12 @@ const Text = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
   }, null, 3, "yO_0");
 }, "Text_component_15p0cKUxgIE"));
 const componentInfo$8 = {
+  shouldReceiveBuilderProps: {
+    builderBlock: false,
+    builderContext: false,
+    builderComponents: false,
+    builderLinkComponent: false
+  },
   name: "Custom Code",
   static: true,
   requiredPermissions: [
@@ -3582,6 +3651,12 @@ const CustomCode = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((prop
   }, null, 3, "bY_0");
 }, "CustomCode_component_uYOSy7w7Zqw"));
 const componentInfo$7 = {
+  shouldReceiveBuilderProps: {
+    builderBlock: false,
+    builderContext: false,
+    builderComponents: false,
+    builderLinkComponent: false
+  },
   name: "Embed",
   static: true,
   inputs: [
@@ -3944,7 +4019,13 @@ const componentInfo$6 = {
         }
       }
     }
-  ]
+  ],
+  shouldReceiveBuilderProps: {
+    builderBlock: true,
+    builderContext: true,
+    builderComponents: true,
+    builderLinkComponent: true
+  }
 };
 const validEnvList = [
   "production",
@@ -4256,6 +4337,12 @@ const STYLES = `
 }
 `;
 const componentInfo$5 = {
+  shouldReceiveBuilderProps: {
+    builderBlock: false,
+    builderContext: false,
+    builderComponents: false,
+    builderLinkComponent: false
+  },
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -4339,6 +4426,12 @@ const FormInputComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQ
   });
 }, "FormInputComponent_component_AUUjdN0ueMs"));
 const componentInfo$4 = {
+  shouldReceiveBuilderProps: {
+    builderBlock: false,
+    builderContext: false,
+    builderComponents: false,
+    builderLinkComponent: false
+  },
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -4408,6 +4501,12 @@ const SelectComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
   }));
 }, "SelectComponent_component_SPKbsFLikZU"));
 const componentInfo$3 = {
+  shouldReceiveBuilderProps: {
+    builderBlock: false,
+    builderContext: false,
+    builderComponents: false,
+    builderLinkComponent: false
+  },
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -4442,6 +4541,12 @@ const SubmitButton = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
   }, 0, "6z_0");
 }, "SubmitButton_component_NXvMBMCDhwc"));
 const componentInfo$2 = {
+  shouldReceiveBuilderProps: {
+    builderBlock: false,
+    builderContext: false,
+    builderComponents: false,
+    builderLinkComponent: false
+  },
   name: "Form:TextArea",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",
   inputs: [
@@ -4506,6 +4611,12 @@ const Textarea = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
   }, 0, "kE_0");
 }, "Textarea_component_o1TcxV139Oc"));
 const componentInfo$1 = {
+  shouldReceiveBuilderProps: {
+    builderBlock: false,
+    builderContext: false,
+    builderComponents: false,
+    builderLinkComponent: false
+  },
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: true,
@@ -4667,7 +4778,13 @@ const componentInfo = {
       defaultValue: true,
       advanced: true
     }
-  ]
+  ],
+  shouldReceiveBuilderProps: {
+    builderBlock: true,
+    builderContext: false,
+    builderComponents: false,
+    builderLinkComponent: false
+  }
 };
 const Video = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   var _a, _b, _c, _d, _e, _f, _g;
@@ -5314,7 +5431,7 @@ function isFromTrustedHost(trustedHosts, e) {
   const url = new URL(e.origin), hostname = url.hostname;
   return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
 }
-const SDK_VERSION = "0.14.31";
+const SDK_VERSION = "0.15.0";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -6253,6 +6370,8 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
     props,
     state
   ]));
+  useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track: track2 }) => {
+  }, "ContentVariants_component_useTask_lSvynevU008"));
   return /* @__PURE__ */ _jsxC(Fragment$1, {
     children: [
       !props.isNestedRender && TARGET !== "reactNative" ? /* @__PURE__ */ _jsxC(InlinedScript, {

package/package.json

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

package/types/src/components/block/block.helpers.d.ts

@@ -15,22 +15,22 @@ export declare const getInheritedStyles: ({ block, context }: {
     context: BuilderContextInterface;
 }) => Partial<CSSStyleDeclaration>;
 export declare const provideLinkComponent: (block: RegisteredComponent | null | undefined, linkComponent: any) => {
-    builderLinkComponent: any;
-} | {
     builderLinkComponent?: undefined;
+} | {
+    builderLinkComponent: any;
 };
 export declare const provideRegisteredComponents: (block: RegisteredComponent | null | undefined, registeredComponents: RegisteredComponents) => {
-    builderComponents: RegisteredComponents;
-} | {
     builderComponents?: undefined;
+} | {
+    builderComponents: RegisteredComponents;
 };
 export declare const provideBuilderBlock: (block: RegisteredComponent | null | undefined, builderBlock: BuilderBlock) => {
-    builderBlock: BuilderBlock;
-} | {
     builderBlock?: undefined;
+} | {
+    builderBlock: BuilderBlock;
 };
 export declare const provideBuilderContext: (block: RegisteredComponent | null | undefined, context: BuilderContextInterface) => {
-    builderContext: BuilderContextInterface;
-} | {
     builderContext?: undefined;
+} | {
+    builderContext: BuilderContextInterface;
 };

package/types/src/components/content-variants/inlined-fns.d.ts

@@ -8,7 +8,7 @@
  */
 /**
  * For more information on how this works,
- * see our [SSR A/B Test Docs](https://github.com/BuilderIO/builder/tree/main/packages/sdks/src/SSR_AB_TEST.md)
+ * see our [SSR A/B Test Docs](https://github.com/BuilderIO/builder/tree/main/packages/sdks/docs/SSR_AB_TEST.md)
  */
 export declare const 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}";
 export declare const 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}";

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.14.31";
+export declare const SDK_VERSION = "0.15.0";

package/types/src/types/components.d.ts

@@ -105,6 +105,37 @@ export interface ComponentInfo {
      */
     requiredPermissions?: Array<Permission>;
     hidden?: boolean;
+    /**
+     * Whether or not the component should receive SDK-related props.
+     */
+    shouldReceiveBuilderProps?: {
+        /**
+         * Whether or not the component should receive the `builderBlock` prop, containing the current Builder block being rendered.
+         *
+         * Defaults to `true`.
+         */
+        builderBlock?: boolean;
+        /**
+         * Whether or not the component should receive the `builderContext` prop, containing the current context.
+         * The Builder Context contains a lot of data relevant to the current `Content` render.
+         * You can see more information [here](https://github.com/BuilderIO/builder/blob/main/packages/sdks/src/context/types.ts).
+         *
+         * Defaults to `true`.
+         */
+        builderContext?: boolean;
+        /**
+         * Whether or not the component should receive the `builderComponents` array, containing the all registered components (custom and built-in).
+         *
+         * Defaults to `false`.
+         */
+        builderComponents?: boolean;
+        /**
+         * Whether or not the component should receive the `builderLinkComponent` prop, containing the custom link component provided to `Content`.
+         *
+         * Defaults to `false`.
+         */
+        builderLinkComponent?: boolean;
+    };
 }
 type Permission = 'read' | 'publish' | 'editCode' | 'editDesigns' | 'admin' | 'create';
 export {};