@builder.io/sdk-solid 1.0.30 → 1.0.32

package/lib/node/index.jsx

@@ -109,11 +109,7 @@ import { Show as Show4, For as For2, onMount, createMemo as createMemo5 } from "
 function getBlockComponentOptions(block) {
   return {
     ...block.component?.options,
-    ...block.options,
-    /**
-     * Our built-in components frequently make use of the block, so we provide all of it under `builderBlock`
-     */
-    builderBlock: block
+    ...block.options
   };
 }
 
@@ -927,11 +923,25 @@ var getRepeatItemData = ({
   }));
   return repeatArray;
 };
-var shouldPassLinkComponent = (block) => {
-  return block && (block.isRSC || ["Core:Button", "Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(block.name));
+var provideLinkComponent = (block, linkComponent) => {
+  return block && (block.isRSC && TARGET === "rsc" || ["Core:Button", "Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(block.name)) ? {
+    builderLinkComponent: linkComponent
+  } : {};
+};
+var provideRegisteredComponents = (block, registeredComponents) => {
+  return block && (block.isRSC && TARGET === "rsc" || ["Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(block.name)) ? {
+    builderComponents: registeredComponents
+  } : {};
 };
-var shouldPassRegisteredComponents = (block) => {
-  return block && (block.isRSC || ["Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(block.name));
+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)) ? {
+    builderBlock
+  } : {};
+};
+var provideBuilderContext = (block, context) => {
+  return block && (block.isRSC && TARGET === "rsc" || ["Builder:Accordion", "Columns", "Form:Form", "Builder: Tabs", "Symbol", "Slot"].includes(block.name)) ? {
+    builderContext: context
+  } : {};
 };
 
 // src/components/block/components/block-styles.tsx
@@ -1334,13 +1344,13 @@ function Block(props) {
       componentRef: blockComponent()?.component,
       componentOptions: {
         ...getBlockComponentOptions(processedBlock()),
-        builderContext: props.context,
-        ...shouldPassLinkComponent(blockComponent()) ? {
-          builderLinkComponent: props.linkComponent
-        } : {},
-        ...shouldPassRegisteredComponents(blockComponent()) ? {
-          builderComponents: props.registeredComponents
-        } : {}
+        ...provideBuilderBlock(blockComponent(), processedBlock()),
+        ...provideBuilderContext(blockComponent(), props.context),
+        ...provideLinkComponent(blockComponent(), props.linkComponent),
+        ...provideRegisteredComponents(
+          blockComponent(),
+          props.registeredComponents
+        )
       },
       context: props.context,
       linkComponent: props.linkComponent,
@@ -1393,7 +1403,6 @@ function Block(props) {
       Wrapper={Tag()}
       block={processedBlock()}
       context={props.context}
-      linkComponent={props.linkComponent}
     >
       <Component_ref_default
         componentRef={componentRefProps().componentRef}
@@ -1760,7 +1769,8 @@ function Image(props) {
           opacity: "1",
           transition: "opacity 0.2s ease-in-out"
         })}
-        loading="lazy"
+        loading={props.highPriority ? "eager" : "lazy"}
+        fetchpriority={props.highPriority ? "high" : "auto"}
         alt={props.altText}
         role={props.altText ? void 0 : "presentation"}
         style={{
@@ -2677,6 +2687,11 @@ var componentInfo5 = {
     type: "boolean",
     helperText: "When child blocks are provided, fit to them instead of using the image's aspect ratio",
     defaultValue: true
+  }, {
+    name: "highPriority",
+    type: "boolean",
+    advanced: true,
+    helperText: "Mark this image as high priority compared to other images on the page. This prevents lazy loading of the image and tells the browser to load this image before others on the page."
   }, {
     name: "aspectRatio",
     type: "number",
@@ -4676,7 +4691,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "1.0.30";
+var SDK_VERSION = "1.0.32";
 
 // src/functions/register.ts
 var registry = {};
@@ -5352,6 +5367,7 @@ function ContentComponent(props) {
     }),
     rootSetState: contentSetState,
     context: props.context || {},
+    canTrack: props.canTrack,
     apiKey: props.apiKey,
     apiVersion: props.apiVersion,
     componentInfos: [
@@ -5391,7 +5407,6 @@ function ContentComponent(props) {
     builderContextSignal={builderContextSignal()}
     contentWrapper={props.contentWrapper}
     contentWrapperProps={props.contentWrapperProps}
-    linkComponent={props.linkComponent}
     trustedHosts={props.trustedHosts}
     {...{
       setBuilderContextSignal
@@ -5589,6 +5604,7 @@ function Symbol(props) {
       ...props.builderContext.localState,
       ...contentToUse()?.data?.state
     }}
+    canTrack={props.builderContext.canTrack}
     model={props.symbol?.model}
     content={contentToUse()}
     linkComponent={props.builderLinkComponent}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/sdk-solid",
-  "version": "1.0.30",
+  "version": "1.0.32",
   "description": "",
   "files": [
     "dist",