@builder.io/sdk-solid 0.5.0 → 0.5.1

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+### 0.5.1
+
+- Fix: make `RenderBlocks` properties `context` and `registeredComponents` optional for external use.
+
 ### 0.5.0
 
 - Feature: Added support for rudimentary data-bindings in Non-Node.js (edge, serverless, etc.) server runtimes.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/sdk-solid",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "description": "",
   "type": "module",
   "main": "./solid-index.jsx",

package/src/components/blocks/blocks.jsx

@@ -1,10 +1,16 @@
-import { Show, For } from "solid-js";
+import { useContext, Show, For } from "solid-js";
 
 import BlockStyles from "../block/components/block-styles.jsx";
 import Block from "../block/block.jsx";
 import BlocksWrapper from "./blocks-wrapper.jsx";
+import BuilderContext from "../../context/builder.context";
+import ComponentsContext from "../../context/components.context";
 
 function Blocks(props) {
+  const builderContext = useContext(BuilderContext);
+
+  const componentsContext = useContext(ComponentsContext);
+
   return (
     <BlocksWrapper
       blocks={props.blocks}
@@ -20,8 +26,11 @@ function Blocks(props) {
               <Block
                 key={"render-block-" + block.id}
                 block={block}
-                context={props.context}
-                registeredComponents={props.registeredComponents}
+                context={props.context || builderContext}
+                registeredComponents={
+                  props.registeredComponents ||
+                  componentsContext.registeredComponents
+                }
               ></Block>
             );
           }}
@@ -35,7 +44,7 @@ function Blocks(props) {
               <BlockStyles
                 key={"block-style-" + block.id}
                 block={block}
-                context={props.context}
+                context={props.context || builderContext}
               ></BlockStyles>
             );
           }}

package/src/components/content/content.jsx

@@ -16,6 +16,7 @@ import { getRenderContentScriptString } from "../content-variants/helpers.js";
 import EnableEditor from "./components/enable-editor.jsx";
 import InlinedScript from "../inlined-script.jsx";
 import { wrapComponentRef } from "./wrap-component-ref.js";
+import ComponentsContext from "../../context/components.context";
 
 function ContentComponent(props) {
   const [scriptStr, setScriptStr] = createSignal(
@@ -91,38 +92,44 @@ function ContentComponent(props) {
   }
 
   return (
-    <EnableEditor
-      content={props.content}
-      model={props.model}
-      context={props.context}
-      apiKey={props.apiKey}
-      canTrack={props.canTrack}
-      locale={props.locale}
-      includeRefs={props.includeRefs}
-      enrich={props.enrich}
-      classNameProp={props.classNameProp}
-      showContent={props.showContent}
-      builderContextSignal={builderContextSignal()}
-      {...{
-        setBuilderContextSignal: setBuilderContextSignal,
+    <ComponentsContext.Provider
+      value={{
+        registeredComponents: registeredComponents(),
       }}
     >
-      <Show when={props.isSsrAbTest}>
-        <InlinedScript scriptStr={scriptStr()}></InlinedScript>
-      </Show>
-      <Show when={TARGET !== "reactNative"}>
-        <ContentStyles
-          contentId={builderContextSignal().content?.id}
-          cssCode={builderContextSignal().content?.data?.cssCode}
-          customFonts={builderContextSignal().content?.data?.customFonts}
-        ></ContentStyles>
-      </Show>
-      <Blocks
-        blocks={builderContextSignal().content?.data?.blocks}
-        context={builderContextSignal()}
-        registeredComponents={registeredComponents()}
-      ></Blocks>
-    </EnableEditor>
+      <EnableEditor
+        content={props.content}
+        model={props.model}
+        context={props.context}
+        apiKey={props.apiKey}
+        canTrack={props.canTrack}
+        locale={props.locale}
+        includeRefs={props.includeRefs}
+        enrich={props.enrich}
+        classNameProp={props.classNameProp}
+        showContent={props.showContent}
+        builderContextSignal={builderContextSignal()}
+        {...{
+          setBuilderContextSignal: setBuilderContextSignal,
+        }}
+      >
+        <Show when={props.isSsrAbTest}>
+          <InlinedScript scriptStr={scriptStr()}></InlinedScript>
+        </Show>
+        <Show when={TARGET !== "reactNative"}>
+          <ContentStyles
+            contentId={builderContextSignal().content?.id}
+            cssCode={builderContextSignal().content?.data?.cssCode}
+            customFonts={builderContextSignal().content?.data?.customFonts}
+          ></ContentStyles>
+        </Show>
+        <Blocks
+          blocks={builderContextSignal().content?.data?.blocks}
+          context={builderContextSignal()}
+          registeredComponents={registeredComponents()}
+        ></Blocks>
+      </EnableEditor>
+    </ComponentsContext.Provider>
   );
 }
 

package/src/constants/sdk-version.js

@@ -1 +1 @@
-export const SDK_VERSION = "0.5.0"
+export const SDK_VERSION = "0.5.1"

package/src/context/components.context.js

@@ -0,0 +1,5 @@
+import { createContext } from "solid-js";
+var stdin_default = createContext({ registeredComponents: {} });
+export {
+  stdin_default as default
+};