@builder.io/sdk-solid 1.1.2 → 2.0.1

package/lib/edge/index.js

@@ -119,7 +119,8 @@ var builder_context_default = createContext({
   componentInfos: {},
   inheritedStyles: {},
   BlocksWrapper: "div",
-  BlocksWrapperProps: {}
+  BlocksWrapperProps: {},
+  nonce: ""
 });
 var components_context_default = createContext({ registeredComponents: {} });
 
@@ -3924,56 +3925,33 @@ var getRepeatItemData = ({
   }));
   return repeatArray;
 };
-var 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
-  };
-};
 var provideLinkComponent = (block, linkComponent) => {
-  if (!block)
-    return {};
-  const shouldReceiveProp = applyDefaults(block.shouldReceiveBuilderProps).builderLinkComponent;
-  if (!shouldReceiveProp)
-    return {};
-  return {
-    builderLinkComponent: linkComponent
-  };
+  if (block?.shouldReceiveBuilderProps?.builderLinkComponent)
+    return {
+      builderLinkComponent: linkComponent
+    };
+  return {};
 };
 var provideRegisteredComponents = (block, registeredComponents) => {
-  if (!block)
-    return {};
-  const shouldReceiveProp = applyDefaults(block.shouldReceiveBuilderProps).builderComponents;
-  if (!shouldReceiveProp)
-    return {};
-  return {
-    builderComponents: registeredComponents
-  };
+  if (block?.shouldReceiveBuilderProps?.builderComponents)
+    return {
+      builderComponents: registeredComponents
+    };
+  return {};
 };
 var provideBuilderBlock = (block, builderBlock) => {
-  if (!block)
-    return {};
-  const shouldReceiveProp = applyDefaults(block.shouldReceiveBuilderProps).builderBlock;
-  if (!shouldReceiveProp)
-    return {};
-  return {
-    builderBlock
-  };
+  if (block?.shouldReceiveBuilderProps?.builderBlock)
+    return {
+      builderBlock
+    };
+  return {};
 };
 var provideBuilderContext = (block, context) => {
-  if (!block)
-    return {};
-  const shouldReceiveProp = applyDefaults(block.shouldReceiveBuilderProps).builderContext;
-  if (!shouldReceiveProp)
-    return {};
-  return {
-    builderContext: context
-  };
+  if (block?.shouldReceiveBuilderProps?.builderContext)
+    return {
+      builderContext: context
+    };
+  return {};
 };
 
 // src/constants/device-sizes.ts
@@ -4029,13 +4007,15 @@ function InlinedStyles(props) {
   return (() => {
     const _el$ = _tmpl$();
     effect((_p$) => {
-      const _v$ = props.styles, _v$2 = props.id;
+      const _v$ = props.styles, _v$2 = props.id, _v$3 = props.nonce;
       _v$ !== _p$._v$ && (_el$.innerHTML = _p$._v$ = _v$);
       _v$2 !== _p$._v$2 && setAttribute(_el$, "data-id", _p$._v$2 = _v$2);
+      _v$3 !== _p$._v$3 && setAttribute(_el$, "nonce", _p$._v$3 = _v$3);
       return _p$;
     }, {
       _v$: void 0,
-      _v$2: void 0
+      _v$2: void 0,
+      _v$3: void 0
     });
     return _el$;
   })();
@@ -4118,6 +4098,9 @@ function BlockStyles(props) {
         id: "builderio-block",
         get styles() {
           return css();
+        },
+        get nonce() {
+          return props.context.nonce;
         }
       });
     }
@@ -4720,7 +4703,7 @@ var getColumnsClass = (id2) => {
 
 // src/blocks/columns/columns.tsx
 var _tmpl$3 = /* @__PURE__ */ template(`<div>`);
-var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-f2f53158 {
+var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-5b8fb3ac {
   display: flex;
   line-height: normal;
 }`);
@@ -4736,8 +4719,9 @@ function Columns(props) {
     return cols()[index]?.width || 100 / cols().length;
   }
   function getColumnCssWidth(index) {
-    const subtractWidth = gutterSize() * (cols().length - 1) / cols().length;
-    return `calc(${getWidth(index)}% - ${subtractWidth}px)`;
+    const width = getWidth(index);
+    const subtractWidth = gutterSize() * (cols().length - 1) * (width / 100);
+    return `calc(${width}% - ${subtractWidth}px)`;
   }
   function getTabletStyle({
     stackedStyle,
@@ -4839,7 +4823,7 @@ function Columns(props) {
     const _el$ = _tmpl$3();
     spread(_el$, mergeProps({
       get ["class"]() {
-        return getColumnsClass(props.builderBlock?.id) + " div-f2f53158";
+        return getColumnsClass(props.builderBlock?.id) + " div-5b8fb3ac";
       },
       get style() {
         return columnsCssVars();
@@ -4852,6 +4836,9 @@ function Columns(props) {
           id: "builderio-columns",
           get styles() {
             return columnsStyles();
+          },
+          get nonce() {
+            return props.builderContext.nonce;
           }
         });
       }
@@ -5654,9 +5641,6 @@ var componentInfo2 = {
   static: true,
   noWrap: true,
   shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
     builderLinkComponent: true
   }
 };
@@ -5889,12 +5873,6 @@ var componentInfo3 = {
 
 // src/blocks/fragment/component-info.ts
 var componentInfo4 = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: "Fragment",
   static: true,
   hidden: true,
@@ -6028,21 +6006,12 @@ var componentInfo5 = {
     defaultValue: 0.7041
   }],
   shouldReceiveBuilderProps: {
-    builderBlock: true,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
+    builderBlock: true
   }
 };
 
 // src/blocks/section/component-info.ts
 var componentInfo6 = {
-  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",
@@ -6098,10 +6067,7 @@ var componentInfo7 = {
     defaultValue: "children"
   }],
   shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: true,
-    builderComponents: false,
-    builderLinkComponent: false
+    builderContext: true
   }
 };
 var _tmpl$8 = /* @__PURE__ */ template(`<div>`);
@@ -6420,10 +6386,7 @@ delegateEvents(["click"]);
 // src/blocks/text/component-info.ts
 var componentInfo10 = {
   shouldReceiveBuilderProps: {
-    builderBlock: TARGET === "reactNative" ? true : false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
+    builderBlock: TARGET === "reactNative" ? true : false
   },
   name: "Text",
   static: true,
@@ -6456,12 +6419,6 @@ var text_default = Text;
 
 // src/blocks/custom-code/component-info.ts
 var componentInfo11 = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: "Custom Code",
   static: true,
   requiredPermissions: ["editCode"],
@@ -6537,12 +6494,6 @@ var custom_code_default = CustomCode;
 
 // src/blocks/embed/component-info.ts
 var componentInfo12 = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: "Embed",
   static: true,
   inputs: [{
@@ -7167,12 +7118,6 @@ var form_default = FormComponent;
 
 // src/blocks/form/input/component-info.ts
 var componentInfo14 = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -7258,12 +7203,6 @@ var input_default = FormInputComponent;
 
 // src/blocks/form/select/component-info.ts
 var componentInfo15 = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -7350,12 +7289,6 @@ var select_default = SelectComponent;
 
 // src/blocks/form/submit-button/component-info.ts
 var componentInfo16 = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -7394,12 +7327,6 @@ var submit_button_default = SubmitButton;
 
 // src/blocks/form/textarea/component-info.ts
 var componentInfo17 = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: "Form:TextArea",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",
   inputs: [{
@@ -7464,12 +7391,6 @@ var textarea_default = Textarea;
 
 // src/blocks/img/component-info.ts
 var componentInfo18 = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: true,
@@ -7593,10 +7514,7 @@ var componentInfo19 = {
     advanced: true
   }],
   shouldReceiveBuilderProps: {
-    builderBlock: true,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
+    builderBlock: true
   }
 };
 var _tmpl$19 = /* @__PURE__ */ template(`<source type=video/mp4>`);
@@ -7852,13 +7770,15 @@ function InlinedScript(props) {
   return (() => {
     const _el$ = _tmpl$20();
     effect((_p$) => {
-      const _v$ = props.scriptStr, _v$2 = props.id;
+      const _v$ = props.scriptStr, _v$2 = props.id, _v$3 = props.nonce || "";
       _v$ !== _p$._v$ && (_el$.innerHTML = _p$._v$ = _v$);
       _v$2 !== _p$._v$2 && setAttribute(_el$, "data-id", _p$._v$2 = _v$2);
+      _v$3 !== _p$._v$3 && setAttribute(_el$, "nonce", _p$._v$3 = _v$3);
       return _p$;
     }, {
       _v$: void 0,
-      _v$2: void 0
+      _v$2: void 0,
+      _v$3: void 0
     });
     return _el$;
   })();
@@ -8359,7 +8279,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "1.1.2";
+var SDK_VERSION = "2.0.1";
 
 // src/functions/register.ts
 var registry = {};
@@ -8940,6 +8860,9 @@ ${getDefaultStyles(props.isNestedRender)}
     id: "builderio-content",
     get styles() {
       return injectedStyles();
+    },
+    get nonce() {
+      return props.nonce;
     }
   });
 }
@@ -9024,7 +8947,8 @@ function ContentComponent(props) {
     }), {}),
     inheritedStyles: {},
     BlocksWrapper: props.blocksWrapper || "div",
-    BlocksWrapperProps: props.blocksWrapperProps || {}
+    BlocksWrapperProps: props.blocksWrapperProps || {},
+    nonce: props.nonce || ""
   });
   function contentSetState(newRootState) {
     setBuilderContextSignal((PREVIOUS_VALUE) => ({
@@ -9040,6 +8964,9 @@ function ContentComponent(props) {
     },
     get children() {
       return createComponent(enable_editor_default, mergeProps({
+        get nonce() {
+          return props.nonce;
+        },
         get content() {
           return props.content;
         },
@@ -9092,6 +9019,9 @@ function ContentComponent(props) {
                 id: "builderio-variant-visibility",
                 get scriptStr() {
                   return scriptStr();
+                },
+                get nonce() {
+                  return props.nonce || "";
                 }
               });
             }
@@ -9099,6 +9029,9 @@ function ContentComponent(props) {
             when: TARGET !== "reactNative",
             get children() {
               return createComponent(styles_default, {
+                get nonce() {
+                  return props.nonce || "";
+                },
                 get isNestedRender() {
                   return props.isNestedRender;
                 },
@@ -9170,6 +9103,9 @@ function ContentVariants(props) {
         id: "builderio-init-variants-fns",
         get scriptStr() {
           return getInitVariantsFnsScriptString();
+        },
+        get nonce() {
+          return props.nonce || "";
         }
       });
     }
@@ -9182,11 +9118,17 @@ function ContentVariants(props) {
         id: "builderio-variants",
         get styles() {
           return hideVariantsStyleString();
+        },
+        get nonce() {
+          return props.nonce || "";
         }
       }), createComponent(inlined_script_default, {
         id: "builderio-variants-visibility",
         get scriptStr() {
           return updateCookieAndStylesScriptStr();
+        },
+        get nonce() {
+          return props.nonce || "";
         }
       }), createComponent(For, {
         get each() {
@@ -9201,6 +9143,9 @@ function ContentVariants(props) {
             get key() {
               return variant.testVariationId;
             },
+            get nonce() {
+              return props.nonce;
+            },
             content: variant,
             showContent: false,
             get model() {
@@ -9256,6 +9201,9 @@ function ContentVariants(props) {
       })];
     }
   }), createComponent(content_default, mergeProps({
+    get nonce() {
+      return props.nonce;
+    },
     get isNestedRender() {
       return props.isNestedRender;
     }
@@ -9380,6 +9328,9 @@ function Symbol2(props) {
       }
     }, {}, () => props.attributes, {}), false, true);
     insert(_el$, createComponent(content_variants_default, {
+      get nonce() {
+        return props.builderContext.nonce;
+      },
       isNestedRender: true,
       get apiVersion() {
         return props.builderContext.apiVersion;