@builder.io/sdk-solid 1.0.35 → 1.1.0

package/lib/node/dev.js

@@ -305,6 +305,19 @@ function flattenState({
   });
 }
 
+// src/constants/sdk-name.ts
+var SDK_NAME_FOR_TARGET = (() => {
+  switch (TARGET) {
+    case "rsc":
+      return "react-nextjs";
+    case "reactNative":
+      return "react-native";
+    default:
+      return TARGET;
+  }
+})();
+var SDK_NAME = `@builder.io/sdk-${SDK_NAME_FOR_TARGET}`;
+
 // src/functions/fast-clone.ts
 var fastClone = (obj) => JSON.parse(JSON.stringify(obj));
 
@@ -383,6 +396,7 @@ if (typeof output === 'object' && output !== null) {
 };
 var IVM_INSTANCE = null;
 var IVM_CONTEXT = null;
+var SHOULD_MENTION_INITIALIZE_SCRIPT = SDK_NAME === "@builder.io/sdk-react-nextjs" || SDK_NAME === "@builder.io/sdk-react";
 var getIvm = () => {
   try {
     if (IVM_INSTANCE)
@@ -393,14 +407,15 @@ var getIvm = () => {
   } catch (error2) {
     logger.error("isolated-vm import error.", error2);
   }
-  throw new Error(`${MSG_PREFIX}could not import \`isolated-vm\` module for safe script execution on Node server.
+  const ERROR_MESSAGE = `${MSG_PREFIX}could not import \`isolated-vm\` module for safe script execution on a Node server.
     
-    In certain Node environments, the SDK requires additional initialization steps. This can be achieved by 
-    importing and calling \`initializeNodeRuntime()\` from "@builder.io/sdk-react/node/init". This must be done in
-    a server-only execution path within your application.
+    SOLUTION: In a server-only execution path within your application, do one of the following:
+  
+    ${SHOULD_MENTION_INITIALIZE_SCRIPT ? '- import and call `initializeNodeRuntime()` from "${SDK_NAME}/node/init".' : ""}
+    - add the following import: \`await import('isolated-vm')\`.
 
-    Please see the documentation for more information: https://builder.io/c/docs/integration-tips#enabling-data-bindings-in-node-environments
-    `);
+    For more information, visit https://builder.io/c/docs/integration-tips#enabling-data-bindings-in-node-environments`;
+  throw new Error(ERROR_MESSAGE);
 };
 function setIsolateContext(options = {
   memoryLimit: 128
@@ -939,25 +954,56 @@ 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) => {
-  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
-  } : {};
+  };
 };
 var 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
-  } : {};
+  };
 };
 var provideBuilderBlock = (block, builderBlock) => {
-  return block && (block.isRSC && TARGET === "rsc" || TARGET === "reactNative" && block.name === "Text" || ["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
-  } : {};
+  };
 };
 var 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
-  } : {};
+  };
 };
 
 // src/constants/device-sizes.ts
@@ -2408,7 +2454,13 @@ var componentInfo = {
         options.set("items", []);
       }
     }
-  }]
+  }],
+  shouldReceiveBuilderProps: {
+    builderBlock: true,
+    builderContext: true,
+    builderComponents: true,
+    builderLinkComponent: true
+  }
 };
 
 // src/blocks/accordion/helpers.ts
@@ -2631,7 +2683,13 @@ var componentInfo2 = {
     friendlyName: "Open link in new tab"
   }],
   static: true,
-  noWrap: true
+  noWrap: true,
+  shouldReceiveBuilderProps: {
+    builderBlock: false,
+    builderContext: false,
+    builderComponents: false,
+    builderLinkComponent: true
+  }
 };
 
 // src/blocks/columns/component-info.ts
@@ -2851,11 +2909,23 @@ var componentInfo3 = {
     defaultValue: false,
     helperText: "When stacking columns for mobile devices, reverse the ordering",
     advanced: true
-  }]
+  }],
+  shouldReceiveBuilderProps: {
+    builderBlock: true,
+    builderContext: true,
+    builderComponents: true,
+    builderLinkComponent: true
+  }
 };
 
 // src/blocks/fragment/component-info.ts
 var componentInfo4 = {
+  shouldReceiveBuilderProps: {
+    builderBlock: false,
+    builderContext: false,
+    builderComponents: false,
+    builderLinkComponent: false
+  },
   name: "Fragment",
   static: true,
   hidden: true,
@@ -2988,11 +3058,23 @@ var componentInfo5 = {
     helperText: "This is the ratio of height/width, e.g. set to 1.5 for a 300px wide and 200px tall photo. Set to 0 to not force the image to maintain it's aspect ratio",
     advanced: true,
     defaultValue: 0.7041
-  }]
+  }],
+  shouldReceiveBuilderProps: {
+    builderBlock: true,
+    builderContext: false,
+    builderComponents: false,
+    builderLinkComponent: false
+  }
 };
 
 // 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",
@@ -3046,7 +3128,13 @@ var componentInfo7 = {
     type: "string",
     required: true,
     defaultValue: "children"
-  }]
+  }],
+  shouldReceiveBuilderProps: {
+    builderBlock: false,
+    builderContext: true,
+    builderComponents: false,
+    builderLinkComponent: false
+  }
 };
 var _tmpl$8 = /* @__PURE__ */ template(`<div>`);
 function Slot(props) {
@@ -3108,7 +3196,13 @@ var componentInfo8 = {
     name: "useChildren",
     hideFromUI: true,
     type: "boolean"
-  }]
+  }],
+  shouldReceiveBuilderProps: {
+    builderBlock: true,
+    builderContext: true,
+    builderComponents: true,
+    builderLinkComponent: true
+  }
 };
 
 // src/blocks/tabs/component-info.ts
@@ -3248,7 +3342,13 @@ var componentInfo9 = {
       label: "Right",
       value: "flex-end"
     }]
-  }]
+  }],
+  shouldReceiveBuilderProps: {
+    builderBlock: true,
+    builderContext: true,
+    builderComponents: true,
+    builderLinkComponent: true
+  }
 };
 var _tmpl$9 = /* @__PURE__ */ template(`<div>`);
 var _tmpl$25 = /* @__PURE__ */ template(`<div><div class=builder-tabs-wrap>`);
@@ -3351,6 +3451,12 @@ delegateEvents(["click"]);
 
 // src/blocks/text/component-info.ts
 var componentInfo10 = {
+  shouldReceiveBuilderProps: {
+    builderBlock: TARGET === "reactNative" ? true : false,
+    builderContext: false,
+    builderComponents: false,
+    builderLinkComponent: false
+  },
   name: "Text",
   static: true,
   isRSC: true,
@@ -3382,6 +3488,12 @@ 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"],
@@ -3458,6 +3570,12 @@ 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: [{
@@ -3777,7 +3895,13 @@ var componentInfo13 = {
         text: "Submit"
       }
     }
-  }]
+  }],
+  shouldReceiveBuilderProps: {
+    builderBlock: true,
+    builderContext: true,
+    builderComponents: true,
+    builderLinkComponent: true
+  }
 };
 
 // src/functions/get-env.ts
@@ -4097,6 +4221,12 @@ 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: [
@@ -4182,6 +4312,12 @@ 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: {
@@ -4241,6 +4377,9 @@ function SelectComponent(props) {
       },
       get name() {
         return props.name;
+      },
+      get required() {
+        return props.required;
       }
     }), false, true);
     insert(_el$, createComponent(For, {
@@ -4265,6 +4404,12 @@ 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: {
@@ -4301,8 +4446,84 @@ function SubmitButton(props) {
 }
 var submit_button_default = SubmitButton;
 
-// src/blocks/img/component-info.ts
+// 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: [{
+    advanced: true,
+    name: "value",
+    type: "string"
+  }, {
+    name: "name",
+    type: "string",
+    required: true,
+    helperText: 'Every input in a form needs a unique name describing what it gets, e.g. "email"'
+  }, {
+    name: "defaultValue",
+    type: "string"
+  }, {
+    name: "placeholder",
+    type: "string",
+    defaultValue: "Hello there"
+  }, {
+    name: "required",
+    type: "boolean",
+    defaultValue: false
+  }],
+  defaultStyles: {
+    paddingTop: "10px",
+    paddingBottom: "10px",
+    paddingLeft: "10px",
+    paddingRight: "10px",
+    borderRadius: "3px",
+    borderWidth: "1px",
+    borderStyle: "solid",
+    borderColor: "#ccc"
+  },
+  static: true,
+  noWrap: true
+};
+var _tmpl$17 = /* @__PURE__ */ template(`<textarea>`);
+function Textarea(props) {
+  return (() => {
+    const _el$ = _tmpl$17();
+    spread(_el$, mergeProps({}, () => props.attributes, {
+      get placeholder() {
+        return props.placeholder;
+      },
+      get name() {
+        return props.name;
+      },
+      get value() {
+        return props.value;
+      },
+      get defaultValue() {
+        return props.defaultValue;
+      },
+      get required() {
+        return props.required;
+      }
+    }), false, false);
+    return _el$;
+  })();
+}
+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,
@@ -4317,10 +4538,10 @@ var componentInfo17 = {
   noWrap: true,
   static: true
 };
-var _tmpl$17 = /* @__PURE__ */ template(`<img>`);
+var _tmpl$18 = /* @__PURE__ */ template(`<img>`);
 function ImgComponent(props) {
   return (() => {
-    const _el$ = _tmpl$17();
+    const _el$ = _tmpl$18();
     spread(_el$, mergeProps({
       get style() {
         return {
@@ -4344,7 +4565,7 @@ function ImgComponent(props) {
 var img_default = ImgComponent;
 
 // src/blocks/video/component-info.ts
-var componentInfo18 = {
+var componentInfo19 = {
   name: "Video",
   canHaveChildren: true,
   defaultStyles: {
@@ -4424,9 +4645,15 @@ var componentInfo18 = {
     helperText: 'Load this video "lazily" - as in only when a user scrolls near the video. Recommended for optmized performance and bandwidth consumption',
     defaultValue: true,
     advanced: true
-  }]
+  }],
+  shouldReceiveBuilderProps: {
+    builderBlock: true,
+    builderContext: false,
+    builderComponents: false,
+    builderLinkComponent: false
+  }
 };
-var _tmpl$18 = /* @__PURE__ */ template(`<source type=video/mp4>`);
+var _tmpl$19 = /* @__PURE__ */ template(`<source type=video/mp4>`);
 var _tmpl$28 = /* @__PURE__ */ template(`<div>`);
 var _tmpl$35 = /* @__PURE__ */ template(`<div><video class=builder-video>`);
 function Video(props) {
@@ -4489,7 +4716,7 @@ function Video(props) {
         return !props.lazyLoad;
       },
       get children() {
-        const _el$3 = _tmpl$18();
+        const _el$3 = _tmpl$19();
         effect(() => setAttribute(_el$3, "src", props.video));
         return _el$3;
       }
@@ -4563,12 +4790,15 @@ var getExtraComponents = () => [{
 }, {
   component: select_default,
   ...componentInfo15
+}, {
+  component: textarea_default,
+  ...componentInfo17
 }], {
   component: img_default,
-  ...componentInfo17
+  ...componentInfo18
 }, {
   component: video_default,
-  ...componentInfo18
+  ...componentInfo19
 }];
 
 // src/constants/builder-registered-components.ts
@@ -4671,10 +4901,10 @@ var getUpdateVariantVisibilityScript = ({
 }) => `window.${UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME}(
     "${variationId}", "${contentId}", ${isHydrationTarget}
   )`;
-var _tmpl$19 = /* @__PURE__ */ template(`<script>`);
+var _tmpl$20 = /* @__PURE__ */ template(`<script>`);
 function InlinedScript(props) {
   return (() => {
-    const _el$ = _tmpl$19();
+    const _el$ = _tmpl$20();
     effect((_p$) => {
       const _v$ = props.scriptStr, _v$2 = props.id;
       _v$ !== _p$._v$ && (_el$.innerHTML = _p$._v$ = _v$);
@@ -5188,7 +5418,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "1.0.35";
+var SDK_VERSION = "1.1.0";
 
 // src/functions/register.ts
 var registry = {};
@@ -6172,7 +6402,7 @@ var fetchSymbolContent = async ({
 };
 
 // src/blocks/symbol/symbol.tsx
-var _tmpl$20 = /* @__PURE__ */ template(`<div>`);
+var _tmpl$21 = /* @__PURE__ */ template(`<div>`);
 function Symbol(props) {
   const [contentToUse, setContentToUse] = createSignal(props.symbol?.content);
   const blocksWrapper = createMemo(() => {
@@ -6204,7 +6434,7 @@ function Symbol(props) {
   }
   createEffect(on(() => [onUpdateFn_0_props_symbol()], onUpdateFn_0));
   return (() => {
-    const _el$ = _tmpl$20();
+    const _el$ = _tmpl$21();
     spread(_el$, mergeProps({
       get ["class"]() {
         return className();