@builder.io/sdk-solid 1.1.2 → 2.0.1

package/lib/browser/index.jsx

@@ -94,7 +94,8 @@ var builder_context_default = createContext({
   componentInfos: {},
   inheritedStyles: {},
   BlocksWrapper: "div",
-  BlocksWrapperProps: {}
+  BlocksWrapperProps: {},
+  nonce: ""
 });
 
 // src/context/components.context.ts
@@ -765,56 +766,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/components/block/components/block-styles.tsx
@@ -871,7 +849,11 @@ var getSizesForBreakpoints = ({
 
 // src/components/inlined-styles.tsx
 function InlinedStyles(props) {
-  return <><style innerHTML={props.styles} data-id={props.id} /></>;
+  return <><style
+    innerHTML={props.styles}
+    data-id={props.id}
+    nonce={props.nonce}
+  /></>;
 }
 var Inlined_styles_default = InlinedStyles;
 
@@ -957,7 +939,11 @@ function BlockStyles(props) {
       hoverStylesClass
     ].join(" ");
   });
-  return <><Show2 when={TARGET !== "reactNative" && css() && canShowBlock()}><Inlined_styles_default id="builderio-block" styles={css()} /></Show2></>;
+  return <><Show2 when={TARGET !== "reactNative" && css() && canShowBlock()}><Inlined_styles_default
+    id="builderio-block"
+    styles={css()}
+    nonce={props.context.nonce}
+  /></Show2></>;
 }
 var Block_styles_default = BlockStyles;
 
@@ -1406,8 +1392,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,
@@ -1509,13 +1496,14 @@ function Columns(props) {
   }
   return <>
     <div
-      class={getColumnsClass(props.builderBlock?.id) + " div-f2f53158"}
+      class={getColumnsClass(props.builderBlock?.id) + " div-5b8fb3ac"}
       style={columnsCssVars()}
       {...{}}
     >
       <Show6 when={TARGET !== "reactNative"}><Inlined_styles_default
         id="builderio-columns"
         styles={columnsStyles()}
+        nonce={props.builderContext.nonce}
       /></Show6>
       <For4 each={props.columns}>{(column, _index) => {
         const index = _index();
@@ -1537,7 +1525,7 @@ function Columns(props) {
         /></Dynamic_renderer_default>;
       }}</For4>
     </div>
-    <style>{`.div-f2f53158 {
+    <style>{`.div-5b8fb3ac {
   display: flex;
   line-height: normal;
 }`}</style>
@@ -2234,9 +2222,6 @@ var componentInfo2 = {
   static: true,
   noWrap: true,
   shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
     builderLinkComponent: true
   }
 };
@@ -2469,12 +2454,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,
@@ -2608,21 +2587,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",
@@ -2678,10 +2648,7 @@ var componentInfo7 = {
     defaultValue: "children"
   }],
   shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: true,
-    builderComponents: false,
-    builderLinkComponent: false
+    builderContext: true
   }
 };
 
@@ -2949,10 +2916,7 @@ var tabs_default = Tabs;
 // 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,
@@ -2987,12 +2951,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"],
@@ -3064,12 +3022,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: [{
@@ -3629,12 +3581,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: [
@@ -3705,12 +3651,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: {
@@ -3774,12 +3714,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: {
@@ -3814,12 +3748,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: [{
@@ -3873,12 +3801,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,
@@ -3993,10 +3915,7 @@ var componentInfo19 = {
     advanced: true
   }],
   shouldReceiveBuilderProps: {
-    builderBlock: true,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
+    builderBlock: true
   }
 };
 
@@ -4220,7 +4139,11 @@ var getUpdateVariantVisibilityScript = ({
 
 // src/components/inlined-script.tsx
 function InlinedScript(props) {
-  return <><script innerHTML={props.scriptStr} data-id={props.id} /></>;
+  return <><script
+    innerHTML={props.scriptStr}
+    data-id={props.id}
+    nonce={props.nonce || ""}
+  /></>;
 }
 var Inlined_script_default = InlinedScript;
 
@@ -4729,7 +4652,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 = {};
@@ -5327,6 +5250,7 @@ ${getDefaultStyles(props.isNestedRender)}
   return <><Inlined_styles_default
     id="builderio-content"
     styles={injectedStyles()}
+    nonce={props.nonce}
   /></>;
 }
 var Styles_default = ContentStyles;
@@ -5420,7 +5344,8 @@ function ContentComponent(props) {
     ),
     inheritedStyles: {},
     BlocksWrapper: props.blocksWrapper || "div",
-    BlocksWrapperProps: props.blocksWrapperProps || {}
+    BlocksWrapperProps: props.blocksWrapperProps || {},
+    nonce: props.nonce || ""
   });
   function contentSetState(newRootState) {
     setBuilderContextSignal((PREVIOUS_VALUE) => ({
@@ -5433,6 +5358,7 @@ function ContentComponent(props) {
       registeredComponents: registeredComponents()
     }}
   ><Enable_editor_default
+    nonce={props.nonce}
     content={props.content}
     data={props.data}
     model={props.model}
@@ -5453,8 +5379,10 @@ function ContentComponent(props) {
     <Show13 when={props.isSsrAbTest}><Inlined_script_default
       id="builderio-variant-visibility"
       scriptStr={scriptStr()}
+      nonce={props.nonce || ""}
     /></Show13>
     <Show13 when={TARGET !== "reactNative"}><Styles_default
+      nonce={props.nonce || ""}
       isNestedRender={props.isNestedRender}
       contentId={builderContextSignal().content?.id}
       cssCode={builderContextSignal().content?.data?.cssCode}
@@ -5506,21 +5434,25 @@ function ContentVariants(props) {
     <Show14 when={!props.isNestedRender && TARGET !== "reactNative"}><Inlined_script_default
       id="builderio-init-variants-fns"
       scriptStr={getInitVariantsFnsScriptString()}
+      nonce={props.nonce || ""}
     /></Show14>
     <Show14 when={shouldRenderVariants()}>
       <Inlined_styles_default
         id="builderio-variants"
         styles={hideVariantsStyleString()}
+        nonce={props.nonce || ""}
       />
       <Inlined_script_default
         id="builderio-variants-visibility"
         scriptStr={updateCookieAndStylesScriptStr()}
+        nonce={props.nonce || ""}
       />
       <For9 each={getVariants(props.content)}>{(variant, _index) => {
         const index = _index();
         return <Content_default
           isNestedRender={props.isNestedRender}
           key={variant.testVariationId}
+          nonce={props.nonce}
           content={variant}
           showContent={false}
           model={props.model}
@@ -5543,6 +5475,7 @@ function ContentVariants(props) {
       }}</For9>
     </Show14>
     <Content_default
+      nonce={props.nonce}
       isNestedRender={props.isNestedRender}
       {...{}}
       content={defaultContent()}
@@ -5629,6 +5562,7 @@ function Symbol(props) {
   }
   createEffect4(on4(() => [onUpdateFn_0_props_symbol()], onUpdateFn_0));
   return <><div class={className()} {...{}} {...props.attributes} {...{}}><Content_variants_default
+    nonce={props.builderContext.nonce}
     isNestedRender={true}
     apiVersion={props.builderContext.apiVersion}
     apiKey={props.builderContext.apiKey}