@builder.io/sdk-solid 0.11.1 → 0.11.3

package/dist/index.d.ts

@@ -1,14 +1,12 @@
 import * as solid_js from 'solid-js';
 
-/**
- * This import is used by the Svelte SDK. Do not remove.
- */
 interface ButtonProps {
     attributes?: any;
     text?: string;
     link?: string;
     openLinkInNewTab?: boolean;
 }
+
 declare function Button(props: ButtonProps): solid_js.JSX.Element;
 
 type JSONValue$1 = string | number | boolean | JSONObject$1 | JSONArray$1;
@@ -81,9 +79,6 @@ type Nullable<T> = T | null | undefined;
 type Dictionary<T> = {
     [key: string]: T;
 };
-type Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
 
 type BlocksWrapperProps = {
     blocks: BuilderBlock[] | undefined;
@@ -477,7 +472,7 @@ type Column = {
     blocks: BuilderBlock[];
     width?: number;
 };
-type StackColumnsAt = "tablet" | "mobile" | "never";
+type StackColumnsAt = 'tablet' | 'mobile' | 'never';
 interface ColumnProps extends BuilderComponentsProp {
     columns?: Column[];
     builderBlock: BuilderBlock;
@@ -493,6 +488,7 @@ interface FragmentProps {
     attributes?: any;
     children?: any;
 }
+
 declare function FragmentComponent(props: FragmentProps): solid_js.JSX.Element;
 
 interface ImageProps {
@@ -503,7 +499,7 @@ interface ImageProps {
     height?: number;
     width?: number;
     altText?: string;
-    backgroundSize?: "cover" | "contain";
+    backgroundSize?: 'cover' | 'contain';
     backgroundPosition?: string;
     srcset?: string;
     aspectRatio?: number;
@@ -516,20 +512,15 @@ interface ImageProps {
 
 declare function Image(props: ImageProps): solid_js.JSX.Element;
 
-/**
- * This import is used by the Svelte SDK. Do not remove.
- */
 interface SectionProps {
     maxWidth?: number;
     attributes?: any;
     children?: any;
     builderBlock?: any;
 }
+
 declare function SectionComponent(props: SectionProps): solid_js.JSX.Element;
 
-/**
- * This import is used by the Svelte SDK. Do not remove.
- */
 interface SymbolInfo {
     model?: string;
     entry?: string;
@@ -538,9 +529,6 @@ interface SymbolInfo {
     inline?: boolean;
     dynamic?: boolean;
 }
-/**
- * This import is used by the Svelte SDK. Do not remove.
- */
 interface SymbolProps extends BuilderComponentsProp {
     symbol?: SymbolInfo;
     dataOnly?: boolean;
@@ -551,9 +539,10 @@ interface SymbolProps extends BuilderComponentsProp {
 
 declare function Symbol(props: PropsWithBuilderData<SymbolProps>): solid_js.JSX.Element;
 
-interface TextProps {
+type TextProps = {
     text?: string;
-}
+};
+
 declare function Text(props: TextProps): solid_js.JSX.Element;
 
 interface VideoProps {
@@ -567,9 +556,9 @@ interface VideoProps {
     aspectRatio?: number;
     width?: number;
     height?: number;
-    fit?: "contain" | "cover" | "fill";
-    preload?: "auto" | "metadata" | "none";
-    position?: "center" | "top" | "left" | "right" | "bottom" | "top left" | "top right" | "bottom left" | "bottom right";
+    fit?: 'contain' | 'cover' | 'fill';
+    preload?: 'auto' | 'metadata' | 'none';
+    position?: 'center' | 'top' | 'left' | 'right' | 'bottom' | 'top left' | 'top right' | 'bottom left' | 'bottom right';
     posterImage?: string;
     lazyLoad?: boolean;
     children?: any;
@@ -579,7 +568,7 @@ interface VideoProps {
 
 declare function Video(props: VideoProps): solid_js.JSX.Element;
 
-type BlocksProps = Partial<Omit<BlocksWrapperProps, "BlocksWrapper" | "BlocksWrapperProps">> & {
+type BlocksProps = Partial<Omit<BlocksWrapperProps, 'BlocksWrapper' | 'BlocksWrapperProps'>> & {
     context?: BuilderContextInterface;
     registeredComponents?: RegisteredComponents;
 };
@@ -587,19 +576,48 @@ type BlocksProps = Partial<Omit<BlocksWrapperProps, "BlocksWrapper" | "BlocksWra
 declare function Blocks(props: BlocksProps): solid_js.JSX.Element;
 
 interface ContentVariantsPrps {
+    /**
+     * The Builder content JSON to render (required).
+     */
     content?: Nullable<BuilderContent>;
+    /**
+     * The Builder content `model` to render (required).
+     */
     model?: string;
+    /**
+     * Additional data to inject into your Builder content (optional).
+     */
     data?: {
         [key: string]: any;
     };
+    /**
+     *
+     */
     context?: BuilderRenderContext;
+    /**
+     * Your API Key: needed to dynamically fetch symbols (required).
+     */
     apiKey: string;
     apiVersion?: ApiVersion;
+    /**
+     * An array of custom components to register (optional).
+     */
     customComponents?: RegisteredComponent[];
+    /**
+     * A boolean to enable or disable tracking (optional). Defaults to `true`.
+     */
     canTrack?: boolean;
+    /**
+     * If provided, the API will auto-resolve localized objects to the value of this `locale` key (optional).
+     */
     locale?: string;
-    /** @deprecated use `enrich` instead **/
+    /** @deprecated use `enrich` instead */
     includeRefs?: boolean;
+    /**
+     * A boolean to enable or disable enriching API content (optional).
+     *
+     * Enriching will Include multilevel references in the response. Defaults to `false`.
+     */
     enrich?: boolean;
     /**
      * The element that wraps your content. Defaults to `div` ('ScrollView' in React Native).
@@ -671,9 +689,9 @@ type Settings = {
 declare function setEditorSettings(newSettings: Settings): void;
 
 interface GetContentOptions {
-    /** The model to get content for */
+    /** The model to get content for (required) */
     model: string;
-    /** Your public API key */
+    /** Your public API key (required) */
     apiKey: string;
     /** Number of items to fetch. Default is 1 */
     limit?: number;
@@ -814,7 +832,7 @@ interface GetContentOptions {
 }
 
 /**
- * Returns a the first entry that matches the given options.
+ * Returns the first content entry that matches the given options.
  */
 declare function fetchOneEntry(options: GetContentOptions): Promise<BuilderContent | null>;
 /**
@@ -895,37 +913,6 @@ type EventProperties = Pick<Event, 'type'> & Pick<Event['data'], 'contentId' | '
 };
 declare const track: (args: EventProperties) => Promise<void | Response>;
 
-/**
- * Lol Typescript
- * https://stackoverflow.com/questions/49927523/disallow-call-with-any/49928360#49928360
- */
-type IfAny<T, Y, N> = 0 extends 1 & T ? Y : N;
-type OptionalFieldsOnly<T> = {
-    [K in keyof T as T[K] extends Required<T>[K] ? IfAny<T[K], K, never> : K]: T[K];
-};
-type RequiredFieldsOnly<T> = {
-    [K in keyof T as T[K] extends Required<T>[K] ? IfAny<T[K], never, K> : never]: T[K];
-};
-type Enforced<T> = {
-    [K in keyof T]-?: T[K];
-};
-type AndUndefined<T> = {
-    [K in keyof T]: T[K] | undefined;
-};
-/**
- * Enforce that all optional fields are undefined
- * @example
- * type Foo = { a: string, b?: number }
- * type Bar = EnforcePartials<Foo> // { a: string, b: number | undefined }
- */
-type EnforcePartials<From> = Prettify<AndUndefined<Enforced<OptionalFieldsOnly<From>>> & RequiredFieldsOnly<From>>;
-
-interface InternalRenderProps {
-    showContent: boolean;
-    isSsrAbTest: boolean;
-}
-type ContentProps = InternalRenderProps & EnforcePartials<ContentVariantsPrps>;
-
 type GetBuilderPropsOptions = (Omit<GetContentOptions, 'model'> & {
     model?: string;
 }) & ({
@@ -976,4 +963,4 @@ type GetBuilderPropsOptions = (Omit<GetContentOptions, 'model'> & {
  */
 declare const fetchBuilderProps: (_args: GetBuilderPropsOptions) => Promise<ContentVariantsPrps>;
 
-export { Blocks, Button, Columns, ComponentInfo, ContentVariants as Content, ContentProps, FragmentComponent as Fragment, Image, InsertMenuConfig, InsertMenuItem, RegisteredComponent, RenderBlocks, RenderContent, SectionComponent as Section, Settings, Symbol, Text, Video, _processContentResult, createRegisterComponentMessage, fetchBuilderProps, fetchEntries, fetchOneEntry, getAllContent, getBuilderSearchParams, getContent, isEditing, isPreviewing, register, setEditorSettings, track };
+export { Blocks, BlocksProps, Button, ButtonProps, ColumnProps, Columns, ComponentInfo, ContentVariants as Content, ContentVariantsPrps as ContentProps, FragmentComponent as Fragment, FragmentProps, Image, ImageProps, InsertMenuConfig, InsertMenuItem, RegisteredComponent, RenderBlocks, RenderContent, SectionComponent as Section, SectionProps, Settings, Symbol, SymbolProps, Text, TextProps, Video, VideoProps, _processContentResult, createRegisterComponentMessage, fetchBuilderProps, fetchEntries, fetchOneEntry, getAllContent, getBuilderSearchParams, getContent, isEditing, isPreviewing, register, setEditorSettings, track };

package/lib/browser/dev.js

@@ -785,7 +785,7 @@ function ComponentRef(props) {
           return Wrapper();
         },
         get children() {
-          return [createComponent(For, {
+          return createComponent(For, {
             get each() {
               return props.blockChildren;
             },
@@ -793,7 +793,7 @@ function ComponentRef(props) {
               _index();
               return createComponent(block_default, {
                 get key() {
-                  return "block-" + child.id;
+                  return child.id;
                 },
                 block: child,
                 get context() {
@@ -804,23 +804,7 @@ function ComponentRef(props) {
                 }
               });
             }
-          }), createComponent(For, {
-            get each() {
-              return props.blockChildren;
-            },
-            children: (child, _index) => {
-              _index();
-              return createComponent(block_styles_default, {
-                get key() {
-                  return "block-style-" + child.id;
-                },
-                block: child,
-                get context() {
-                  return props.context;
-                }
-              });
-            }
-          })];
+          });
         }
       }));
     }
@@ -916,7 +900,14 @@ function Block(props) {
       return canShowBlock();
     },
     get children() {
-      return createComponent(Show, {
+      return [createComponent(block_styles_default, {
+        get block() {
+          return props.block;
+        },
+        get context() {
+          return props.context;
+        }
+      }), createComponent(Show, {
         get fallback() {
           return createComponent(component_ref_default, {
             get componentRef() {
@@ -1043,7 +1034,7 @@ function Block(props) {
                       _index();
                       return createComponent(Block, {
                         get key() {
-                          return "block-" + child.id;
+                          return child.id;
                         },
                         block: child,
                         get context() {
@@ -1054,29 +1045,13 @@ function Block(props) {
                         }
                       });
                     }
-                  }), createComponent(For, {
-                    get each() {
-                      return childrenWithoutParentComponent();
-                    },
-                    children: (child, _index) => {
-                      _index();
-                      return createComponent(block_styles_default, {
-                        get key() {
-                          return "block-style-" + child.id;
-                        },
-                        block: child,
-                        get context() {
-                          return childrenContext();
-                        }
-                      });
-                    }
                   })];
                 }
               });
             }
           })];
         }
-      });
+      })];
     }
   });
 }
@@ -1163,7 +1138,7 @@ function Blocks(props) {
       return props.context?.BlocksWrapperProps;
     },
     get children() {
-      return [createComponent(Show, {
+      return createComponent(Show, {
         get when() {
           return props.blocks;
         },
@@ -1176,7 +1151,7 @@ function Blocks(props) {
               _index();
               return createComponent(block_default, {
                 get key() {
-                  return "render-block-" + block.id;
+                  return block.id;
                 },
                 block,
                 get context() {
@@ -1189,30 +1164,7 @@ function Blocks(props) {
             }
           });
         }
-      }), createComponent(Show, {
-        get when() {
-          return props.blocks;
-        },
-        get children() {
-          return createComponent(For, {
-            get each() {
-              return props.blocks;
-            },
-            children: (block, _index) => {
-              _index();
-              return createComponent(block_styles_default, {
-                get key() {
-                  return "block-style-" + block.id;
-                },
-                block,
-                get context() {
-                  return props.context || builderContext;
-                }
-              });
-            }
-          });
-        }
-      })];
+      });
     }
   });
 }
@@ -3298,7 +3250,7 @@ var getInteractionPropertiesForEvent = (event) => {
 };
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "0.11.1";
+var SDK_VERSION = "0.11.3";
 
 // src/functions/register.ts
 var registry = {};

package/lib/browser/dev.jsx

@@ -756,25 +756,15 @@ function ComponentRef(props) {
       contextValue: props.context
     })}
     component={Wrapper()}
-  >
-    <For each={props.blockChildren}>{(child, _index) => {
-      const index = _index();
-      return <Block_default
-        key={"block-" + child.id}
-        block={child}
-        context={props.context}
-        registeredComponents={props.registeredComponents}
-      />;
-    }}</For>
-    <For each={props.blockChildren}>{(child, _index) => {
-      const index = _index();
-      return <Block_styles_default
-        key={"block-style-" + child.id}
-        block={child}
-        context={props.context}
-      />;
-    }}</For>
-  </Dynamic3></Show4>;
+  ><For each={props.blockChildren}>{(child, _index) => {
+    const index = _index();
+    return <Block_default
+      key={child.id}
+      block={child}
+      context={props.context}
+      registeredComponents={props.registeredComponents}
+    />;
+  }}</For></Dynamic3></Show4>;
 }
 var Component_ref_default = ComponentRef;
 
@@ -851,41 +841,10 @@ function Block(props) {
       isInteractive: !blockComponent()?.isRSC
     };
   }
-  return <Show5 when={canShowBlock()}><Show5
-    fallback={<Component_ref_default
-      componentRef={componentRefProps().componentRef}
-      componentOptions={componentRefProps().componentOptions}
-      blockChildren={componentRefProps().blockChildren}
-      context={componentRefProps().context}
-      registeredComponents={componentRefProps().registeredComponents}
-      builderBlock={componentRefProps().builderBlock}
-      includeBlockProps={componentRefProps().includeBlockProps}
-      isInteractive={componentRefProps().isInteractive}
-    />}
-    when={!blockComponent()?.noWrap}
-  >
-    <Show5 when={isEmptyHtmlElement(Tag())}><Block_wrapper_default
-      Wrapper={Tag()}
-      block={processedBlock()}
-      context={props.context}
-      hasChildren={false}
-    /></Show5>
-    <Show5 when={!isEmptyHtmlElement(Tag()) && repeatItem()}><For2 each={repeatItem()}>{(data, _index) => {
-      const index = _index();
-      return <Repeated_block_default
-        key={index}
-        repeatContext={data.context}
-        block={data.block}
-        registeredComponents={props.registeredComponents}
-      />;
-    }}</For2></Show5>
-    <Show5 when={!isEmptyHtmlElement(Tag()) && !repeatItem()}><Block_wrapper_default
-      Wrapper={Tag()}
-      block={processedBlock()}
-      context={props.context}
-      hasChildren={true}
-    >
-      <Component_ref_default
+  return <Show5 when={canShowBlock()}>
+    <Block_styles_default block={props.block} context={props.context} />
+    <Show5
+      fallback={<Component_ref_default
         componentRef={componentRefProps().componentRef}
         componentOptions={componentRefProps().componentOptions}
         blockChildren={componentRefProps().blockChildren}
@@ -894,26 +853,52 @@ function Block(props) {
         builderBlock={componentRefProps().builderBlock}
         includeBlockProps={componentRefProps().includeBlockProps}
         isInteractive={componentRefProps().isInteractive}
-      />
-      <For2 each={childrenWithoutParentComponent()}>{(child, _index) => {
+      />}
+      when={!blockComponent()?.noWrap}
+    >
+      <Show5 when={isEmptyHtmlElement(Tag())}><Block_wrapper_default
+        Wrapper={Tag()}
+        block={processedBlock()}
+        context={props.context}
+        hasChildren={false}
+      /></Show5>
+      <Show5 when={!isEmptyHtmlElement(Tag()) && repeatItem()}><For2 each={repeatItem()}>{(data, _index) => {
         const index = _index();
-        return <Block
-          key={"block-" + child.id}
-          block={child}
-          context={childrenContext()}
+        return <Repeated_block_default
+          key={index}
+          repeatContext={data.context}
+          block={data.block}
           registeredComponents={props.registeredComponents}
         />;
-      }}</For2>
-      <For2 each={childrenWithoutParentComponent()}>{(child, _index) => {
-        const index = _index();
-        return <Block_styles_default
-          key={"block-style-" + child.id}
-          block={child}
-          context={childrenContext()}
-        />;
-      }}</For2>
-    </Block_wrapper_default></Show5>
-  </Show5></Show5>;
+      }}</For2></Show5>
+      <Show5 when={!isEmptyHtmlElement(Tag()) && !repeatItem()}><Block_wrapper_default
+        Wrapper={Tag()}
+        block={processedBlock()}
+        context={props.context}
+        hasChildren={true}
+      >
+        <Component_ref_default
+          componentRef={componentRefProps().componentRef}
+          componentOptions={componentRefProps().componentOptions}
+          blockChildren={componentRefProps().blockChildren}
+          context={componentRefProps().context}
+          registeredComponents={componentRefProps().registeredComponents}
+          builderBlock={componentRefProps().builderBlock}
+          includeBlockProps={componentRefProps().includeBlockProps}
+          isInteractive={componentRefProps().isInteractive}
+        />
+        <For2 each={childrenWithoutParentComponent()}>{(child, _index) => {
+          const index = _index();
+          return <Block
+            key={child.id}
+            block={child}
+            context={childrenContext()}
+            registeredComponents={props.registeredComponents}
+          />;
+        }}</For2>
+      </Block_wrapper_default></Show5>
+    </Show5>
+  </Show5>;
 }
 var Block_default = Block;
 
@@ -982,25 +967,15 @@ function Blocks(props) {
     styleProp={props.styleProp}
     BlocksWrapper={props.context?.BlocksWrapper}
     BlocksWrapperProps={props.context?.BlocksWrapperProps}
-  >
-    <Show6 when={props.blocks}><For3 each={props.blocks}>{(block, _index) => {
-      const index = _index();
-      return <Block_default
-        key={"render-block-" + block.id}
-        block={block}
-        context={props.context || builderContext}
-        registeredComponents={props.registeredComponents || componentsContext.registeredComponents}
-      />;
-    }}</For3></Show6>
-    <Show6 when={props.blocks}><For3 each={props.blocks}>{(block, _index) => {
-      const index = _index();
-      return <Block_styles_default
-        key={"block-style-" + block.id}
-        block={block}
-        context={props.context || builderContext}
-      />;
-    }}</For3></Show6>
-  </Blocks_wrapper_default>;
+  ><Show6 when={props.blocks}><For3 each={props.blocks}>{(block, _index) => {
+    const index = _index();
+    return <Block_default
+      key={block.id}
+      block={block}
+      context={props.context || builderContext}
+      registeredComponents={props.registeredComponents || componentsContext.registeredComponents}
+    />;
+  }}</For3></Show6></Blocks_wrapper_default>;
 }
 var Blocks_default = Blocks;
 
@@ -2963,7 +2938,7 @@ var getInteractionPropertiesForEvent = (event) => {
 };
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "0.11.1";
+var SDK_VERSION = "0.11.3";
 
 // src/functions/register.ts
 var registry = {};