@builder.io/sdk-svelte 0.0.8 → 0.0.9-0

package/package/--package.json

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

package/package/components/render-content/render-content.svelte

@@ -18,10 +18,12 @@ import { registerInsertMenu, setupBrowserForEditing, } from "../../scripts/init-
 export let content;
 export let data;
 export let canTrack;
+export let locale;
 export let context;
 export let customComponents;
 export let model;
 export let apiKey;
+export let includeRefs;
 setContext(BuilderContext.key, {
     get content() {
         return useContent();
@@ -155,6 +157,11 @@ $: contentState = () => {
     return {
         ...content?.data?.state,
         ...data,
+        ...(locale
+            ? {
+                locale: locale,
+            }
+            : {}),
         ...overrideState,
     };
 };
@@ -199,7 +206,18 @@ onMount(() => {
         if (isEditing()) {
             forceReRenderCount = forceReRenderCount + 1;
             registerInsertMenu();
-            setupBrowserForEditing();
+            setupBrowserForEditing({
+                ...(locale
+                    ? {
+                        locale: locale,
+                    }
+                    : {}),
+                ...(includeRefs
+                    ? {
+                        includeRefs: includeRefs,
+                    }
+                    : {}),
+            });
             Object.values(allRegisteredComponents()).forEach((registeredComponent) => {
                 const message = createRegisterComponentMessage(registeredComponent);
                 window.parent?.postMessage(message, "*");

package/package/components/render-content/render-content.svelte.d.ts

@@ -12,16 +12,20 @@ export declare type RenderContentProps = {
     apiKey: string;
     customComponents?: RegisteredComponent[];
     canTrack?: boolean;
+    locale?: string;
+    includeRefs?: boolean;
 };
 declare const __propDef: {
     props: {
         content: RenderContentProps["content"];
         data: RenderContentProps["data"];
         canTrack: RenderContentProps["canTrack"];
+        locale: RenderContentProps["locale"];
         context: RenderContentProps["context"];
         customComponents: RenderContentProps["customComponents"];
         model: RenderContentProps["model"];
         apiKey: RenderContentProps["apiKey"];
+        includeRefs: RenderContentProps["includeRefs"];
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/package/scripts/init-editing.d.ts

@@ -1,2 +1,5 @@
 export declare const registerInsertMenu: () => void;
-export declare const setupBrowserForEditing: () => void;
+export declare const setupBrowserForEditing: (options?: {
+    includeRefs?: boolean;
+    locale?: string;
+}) => void;

package/package/scripts/init-editing.js

@@ -22,7 +22,7 @@ export const registerInsertMenu = () => {
     });
 };
 let isSetupForEditing = false;
-export const setupBrowserForEditing = () => {
+export const setupBrowserForEditing = (options = {}) => {
     if (isSetupForEditing) {
         return;
     }
@@ -42,6 +42,12 @@ export const setupBrowserForEditing = () => {
                 supportsCustomBreakpoints: true,
             },
         }, '*');
+        window.parent?.postMessage({
+            type: 'builder.updateContent',
+            data: {
+                options,
+            },
+        }, '*');
         window.addEventListener('message', ({ data }) => {
             if (!data?.type) {
                 return;

package/package.json

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

package/src/components/render-content/render-content.svelte

@@ -20,6 +20,8 @@
     apiKey: string;
     customComponents?: RegisteredComponent[];
     canTrack?: boolean;
+    locale?: string;
+    includeRefs?: boolean;
   };
 
   interface BuilderComponentStateChange {
@@ -68,10 +70,12 @@
   export let content: RenderContentProps["content"];
   export let data: RenderContentProps["data"];
   export let canTrack: RenderContentProps["canTrack"];
+  export let locale: RenderContentProps["locale"];
   export let context: RenderContentProps["context"];
   export let customComponents: RenderContentProps["customComponents"];
   export let model: RenderContentProps["model"];
   export let apiKey: RenderContentProps["apiKey"];
+  export let includeRefs: RenderContentProps["includeRefs"];
 
   setContext(BuilderContext.key, {
     get content() {
@@ -213,6 +217,11 @@
     return {
       ...content?.data?.state,
       ...data,
+      ...(locale
+        ? {
+            locale: locale,
+          }
+        : {}),
       ...overrideState,
     };
   };
@@ -267,7 +276,18 @@
       if (isEditing()) {
         forceReRenderCount = forceReRenderCount + 1;
         registerInsertMenu();
-        setupBrowserForEditing();
+        setupBrowserForEditing({
+          ...(locale
+            ? {
+                locale: locale,
+              }
+            : {}),
+          ...(includeRefs
+            ? {
+                includeRefs: includeRefs,
+              }
+            : {}),
+        });
         Object.values(allRegisteredComponents()).forEach(
           (registeredComponent) => {
             const message = createRegisterComponentMessage(registeredComponent);

package/src/scripts/init-editing.ts

@@ -24,7 +24,12 @@ export const registerInsertMenu = () => {
 };
 
 let isSetupForEditing = false;
-export const setupBrowserForEditing = () => {
+export const setupBrowserForEditing = (
+  options: {
+    includeRefs?: boolean;
+    locale?: string;
+  } = {}
+) => {
   if (isSetupForEditing) {
     return;
   }
@@ -48,6 +53,16 @@ export const setupBrowserForEditing = () => {
       '*'
     );
 
+    window.parent?.postMessage(
+      {
+        type: 'builder.updateContent',
+        data: {
+          options,
+        },
+      },
+      '*'
+    );
+
     window.addEventListener('message', ({ data }) => {
       if (!data?.type) {
         return;