@builder.io/sdk-svelte 0.5.0 → 0.5.2

package/package/--package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-svelte",
   "description": "Builder.io SDK for Svelte",
-  "version": "0.5.0",
+  "version": "0.5.2",
   "type": "module",
   "files": [
     "package",
@@ -94,6 +94,7 @@
     "./constants/sdk-version": "./constants/sdk-version.js",
     "./constants/target": "./constants/target.js",
     "./context/builder.context": "./context/builder.context.js",
+    "./context/components.context": "./context/components.context.js",
     "./context/types": "./context/types.js",
     "./functions/apply-patch-with-mutation": "./functions/apply-patch-with-mutation.js",
     "./functions/camel-to-kebab-case": "./functions/camel-to-kebab-case.js",

package/package/CHANGELOG.md

@@ -1,3 +1,11 @@
+### 0.5.2
+
+- No Changes.
+
+### 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/components/blocks/blocks.svelte

@@ -1,26 +1,36 @@
 <script context="module"></script>
 
-<script>import BlockStyles from "../block/components/block-styles.svelte";
+<script>import { getContext } from "svelte";
+import BlockStyles from "../block/components/block-styles.svelte";
 import Block from "../block/block.svelte";
 import BlocksWrapper from "./blocks-wrapper.svelte";
+import BuilderContext from "../../context/builder.context";
+import ComponentsContext from "../../context/components.context";
 export let blocks;
 export let parent;
 export let path;
 export let styleProp;
 export let context;
 export let registeredComponents;
+let builderContext = getContext(BuilderContext.key);
+let componentsContext = getContext(ComponentsContext.key);
 </script>
 
 <BlocksWrapper {blocks} {parent} {path} {styleProp}>
   {#if blocks}
     {#each blocks as block ("render-block-" + block.id)}
-      <Block {block} {context} {registeredComponents} />
+      <Block
+        {block}
+        context={context || builderContext}
+        registeredComponents={registeredComponents ||
+          componentsContext.registeredComponents}
+      />
     {/each}
   {/if}
 
   {#if blocks}
     {#each blocks as block ("block-style-" + block.id)}
-      <BlockStyles {block} context={$context} />
+      <BlockStyles {block} context={$context || $builderContext} />
     {/each}
   {/if}
 </BlocksWrapper>

package/package/components/blocks/blocks.svelte.d.ts

@@ -1,7 +1,7 @@
 import { SvelteComponentTyped } from "svelte";
 export type BlocksProps = Partial<BlocksWrapperProps> & {
-    context: Writable<BuilderContextInterface>;
-    registeredComponents: RegisteredComponents;
+    context?: Writable<BuilderContextInterface>;
+    registeredComponents?: RegisteredComponents;
 };
 import type { BlocksWrapperProps } from "./blocks-wrapper.svelte";
 import type { BuilderContextInterface, RegisteredComponents } from "../../context/types.js";

package/package/components/content/content.svelte

@@ -1,4 +1,5 @@
-<script>import { writable } from "svelte/store";
+<script>import { setContext } from "svelte";
+import { writable } from "svelte/store";
 import { getDefaultRegisteredComponents } from "../../constants/builder-registered-components.js";
 import { components, serializeComponentInfo, } from "../../functions/register-component.js";
 import Blocks from "../blocks/blocks.svelte";
@@ -9,6 +10,7 @@ import { getRenderContentScriptString } from "../content-variants/helpers.js";
 import EnableEditor from "./components/enable-editor.svelte";
 import InlinedScript from "../inlined-script.svelte";
 import "./wrap-component-ref.js";
+import ComponentsContext from "../../context/components.context";
 export let content;
 export let customComponents;
 export let data;
@@ -78,6 +80,9 @@ let builderContextSignal = writable({
     }), {}),
     inheritedStyles: {},
 });
+setContext(ComponentsContext.key, {
+    registeredComponents: registeredComponents,
+});
 </script>
 
 <EnableEditor

package/package/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.5.0";
+export declare const SDK_VERSION = "0.5.2";

package/package/constants/sdk-version.js

@@ -1 +1 @@
-export const SDK_VERSION = "0.5.0";
+export const SDK_VERSION = "0.5.2";

package/package/context/components.context.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    Components: {
+        registeredComponents: {};
+    };
+    key: symbol;
+};
+export default _default;

package/package/context/components.context.js

@@ -0,0 +1,5 @@
+const key = Symbol();
+export default {
+    Components: { registeredComponents: {} },
+    key,
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-svelte",
   "description": "Builder.io SDK for Svelte",
-  "version": "0.5.0",
+  "version": "0.5.2",
   "type": "module",
   "files": [
     "package",

package/src/components/blocks/blocks.svelte

@@ -1,11 +1,13 @@
 <script context="module" lang="ts">
   export type BlocksProps = Partial<BlocksWrapperProps> & {
-    context: Writable<BuilderContextInterface>;
-    registeredComponents: RegisteredComponents;
+    context?: Writable<BuilderContextInterface>;
+    registeredComponents?: RegisteredComponents;
   };
 </script>
 
 <script lang="ts">
+  import { getContext } from "svelte";
+
   import BlockStyles from "../block/components/block-styles.svelte";
   import Block from "../block/block.svelte";
   import type { BlocksWrapperProps } from "./blocks-wrapper.svelte";
@@ -14,6 +16,8 @@
     BuilderContextInterface,
     RegisteredComponents,
   } from "../../context/types.js";
+  import BuilderContext from "../../context/builder.context";
+  import ComponentsContext from "../../context/components.context";
   import type { Writable } from "svelte/store";
 
   export let blocks: BlocksProps["blocks"];
@@ -22,18 +26,26 @@
   export let styleProp: BlocksProps["styleProp"];
   export let context: BlocksProps["context"];
   export let registeredComponents: BlocksProps["registeredComponents"];
+
+  let builderContext = getContext(BuilderContext.key);
+  let componentsContext = getContext(ComponentsContext.key);
 </script>
 
 <BlocksWrapper {blocks} {parent} {path} {styleProp}>
   {#if blocks}
     {#each blocks as block ("render-block-" + block.id)}
-      <Block {block} {context} {registeredComponents} />
+      <Block
+        {block}
+        context={context || builderContext}
+        registeredComponents={registeredComponents ||
+          componentsContext.registeredComponents}
+      />
     {/each}
   {/if}
 
   {#if blocks}
     {#each blocks as block ("block-style-" + block.id)}
-      <BlockStyles {block} context={$context} />
+      <BlockStyles {block} context={$context || $builderContext} />
     {/each}
   {/if}
 </BlocksWrapper>

package/src/components/content/content.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+  import { setContext } from "svelte";
   import { writable } from "svelte/store";
 
   import { getDefaultRegisteredComponents } from "../../constants/builder-registered-components.js";
@@ -25,6 +26,7 @@
   import { wrapComponentRef } from "./wrap-component-ref.js";
   import type { ComponentInfo } from "../../types/components.js";
   import type { Dictionary } from "../../types/typescript.js";
+  import ComponentsContext from "../../context/components.context";
 
   export let content: ContentProps["content"];
   export let customComponents: ContentProps["customComponents"];
@@ -103,6 +105,10 @@
     ),
     inheritedStyles: {},
   });
+
+  setContext(ComponentsContext.key, {
+    registeredComponents: registeredComponents,
+  });
 </script>
 
 <EnableEditor

package/src/constants/sdk-version.ts

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

package/src/context/components.context.ts

@@ -0,0 +1,6 @@
+const key = Symbol();
+
+export default {
+  Components: { registeredComponents: {} },
+  key,
+};