@builder.io/sdk-solid 0.11.2 → 0.11.4

package/lib/node/index.jsx

@@ -876,25 +876,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;
 
@@ -971,41 +961,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}
@@ -1014,26 +973,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;
 
@@ -1102,25 +1087,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;
 
@@ -3074,7 +3049,7 @@ var getInteractionPropertiesForEvent = (event) => {
 };
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "0.11.2";
+var SDK_VERSION = "0.11.4";
 
 // src/functions/register.ts
 var registry = {};
@@ -3209,6 +3184,7 @@ var setupBrowserForEditing = (options = {}) => {
 // src/components/content/components/enable-editor.tsx
 function EnableEditor(props) {
   const [forceReRenderCount, setForceReRenderCount] = createSignal10(0);
+  const [firstRender, setFirstRender] = createSignal10(true);
   const [lastUpdated, setLastUpdated] = createSignal10(0);
   const [shouldSendResetCookie, setShouldSendResetCookie] = createSignal10(false);
   const [ContentWrapper, setContentWrapper] = createSignal10(
@@ -3216,6 +3192,20 @@ function EnableEditor(props) {
   );
   const [httpReqsData, setHttpReqsData] = createSignal10({});
   const [clicked, setClicked] = createSignal10(false);
+  function mergeNewRootState(newData) {
+    const combinedState = {
+      ...props.builderContextSignal.rootState,
+      ...newData
+    };
+    if (props.builderContextSignal.rootSetState) {
+      props.builderContextSignal.rootSetState?.(combinedState);
+    } else {
+      props.setBuilderContextSignal((PREVIOUS_VALUE) => ({
+        ...PREVIOUS_VALUE,
+        rootState: combinedState
+      }));
+    }
+  }
   function mergeNewContent(newContent) {
     const newContentValue = {
       ...props.builderContextSignal.content,
@@ -3457,6 +3447,20 @@ function EnableEditor(props) {
     emitStateUpdate();
   }
   createEffect2(on2(() => [props.builderContextSignal.rootState], onUpdateFn_4));
+  function onUpdateFn_5() {
+    if (props.data) {
+      mergeNewRootState(props.data);
+    }
+  }
+  createEffect2(on2(() => [props.data], onUpdateFn_5));
+  function onUpdateFn_6() {
+    if (props.locale) {
+      mergeNewRootState({
+        locale: props.locale
+      });
+    }
+  }
+  createEffect2(on2(() => [props.locale], onUpdateFn_6));
   return <builder_context_default.Provider value={props.builderContextSignal}><Show10 when={props.builderContextSignal.content}><Dynamic5
     class={`variant-${props.content?.testVariationId || props.content?.id}`}
     {...{}}
@@ -3565,7 +3569,7 @@ ${getFontCss({
 var Styles_default = ContentStyles;
 
 // src/components/content/content.helpers.ts
-var getContextStateInitialValue = ({
+var getRootStateInitialValue = ({
   content,
   data,
   locale
@@ -3637,7 +3641,7 @@ function ContentComponent(props) {
       data: props.data
     }),
     localState: void 0,
-    rootState: getContextStateInitialValue({
+    rootState: getRootStateInitialValue({
       content: props.content,
       data: props.data,
       locale: props.locale
@@ -3678,6 +3682,7 @@ function ContentComponent(props) {
     }}
   ><Enable_editor_default
     content={props.content}
+    data={props.data}
     model={props.model}
     context={props.context}
     apiKey={props.apiKey}

package/package.json

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