@builder.io/sdk-solid 0.11.2 → 0.11.3

package/lib/browser/index.js

@@ -780,7 +780,7 @@ function ComponentRef(props) {
           return Wrapper();
         },
         get children() {
-          return [createComponent(For, {
+          return createComponent(For, {
             get each() {
               return props.blockChildren;
             },
@@ -788,7 +788,7 @@ function ComponentRef(props) {
               _index();
               return createComponent(block_default, {
                 get key() {
-                  return "block-" + child.id;
+                  return child.id;
                 },
                 block: child,
                 get context() {
@@ -799,23 +799,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;
-                }
-              });
-            }
-          })];
+          });
         }
       }));
     }
@@ -911,7 +895,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() {
@@ -1038,7 +1029,7 @@ function Block(props) {
                       _index();
                       return createComponent(Block, {
                         get key() {
-                          return "block-" + child.id;
+                          return child.id;
                         },
                         block: child,
                         get context() {
@@ -1049,29 +1040,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();
-                        }
-                      });
-                    }
                   })];
                 }
               });
             }
           })];
         }
-      });
+      })];
     }
   });
 }
@@ -1158,7 +1133,7 @@ function Blocks(props) {
       return props.context?.BlocksWrapperProps;
     },
     get children() {
-      return [createComponent(Show, {
+      return createComponent(Show, {
         get when() {
           return props.blocks;
         },
@@ -1171,7 +1146,7 @@ function Blocks(props) {
               _index();
               return createComponent(block_default, {
                 get key() {
-                  return "render-block-" + block.id;
+                  return block.id;
                 },
                 block,
                 get context() {
@@ -1184,30 +1159,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;
-                }
-              });
-            }
-          });
-        }
-      })];
+      });
     }
   });
 }
@@ -3284,7 +3236,7 @@ var getInteractionPropertiesForEvent = (event) => {
 };
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "0.11.2";
+var SDK_VERSION = "0.11.3";
 
 // src/functions/register.ts
 var registry = {};

package/lib/browser/index.jsx

@@ -751,25 +751,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;
 
@@ -846,41 +836,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}
@@ -889,26 +848,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;
 
@@ -977,25 +962,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;
 
@@ -2949,7 +2924,7 @@ var getInteractionPropertiesForEvent = (event) => {
 };
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "0.11.2";
+var SDK_VERSION = "0.11.3";
 
 // src/functions/register.ts
 var registry = {};

package/lib/edge/dev.js

@@ -3938,7 +3938,7 @@ function ComponentRef(props) {
           return Wrapper();
         },
         get children() {
-          return [createComponent(For, {
+          return createComponent(For, {
             get each() {
               return props.blockChildren;
             },
@@ -3946,7 +3946,7 @@ function ComponentRef(props) {
               _index();
               return createComponent(block_default, {
                 get key() {
-                  return "block-" + child.id;
+                  return child.id;
                 },
                 block: child,
                 get context() {
@@ -3957,23 +3957,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;
-                }
-              });
-            }
-          })];
+          });
         }
       }));
     }
@@ -4069,7 +4053,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() {
@@ -4196,7 +4187,7 @@ function Block(props) {
                       _index();
                       return createComponent(Block, {
                         get key() {
-                          return "block-" + child.id;
+                          return child.id;
                         },
                         block: child,
                         get context() {
@@ -4207,29 +4198,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();
-                        }
-                      });
-                    }
                   })];
                 }
               });
             }
           })];
         }
-      });
+      })];
     }
   });
 }
@@ -4316,7 +4291,7 @@ function Blocks(props) {
       return props.context?.BlocksWrapperProps;
     },
     get children() {
-      return [createComponent(Show, {
+      return createComponent(Show, {
         get when() {
           return props.blocks;
         },
@@ -4329,7 +4304,7 @@ function Blocks(props) {
               _index();
               return createComponent(block_default, {
                 get key() {
-                  return "render-block-" + block.id;
+                  return block.id;
                 },
                 block,
                 get context() {
@@ -4342,30 +4317,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;
-                }
-              });
-            }
-          });
-        }
-      })];
+      });
     }
   });
 }
@@ -6451,7 +6403,7 @@ var getInteractionPropertiesForEvent = (event) => {
 };
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "0.11.2";
+var SDK_VERSION = "0.11.3";
 
 // src/functions/register.ts
 var registry = {};