@builder.io/sdk-svelte 4.0.0 → 4.0.1

package/lib/browser/components/content/components/enable-editor.svelte

@@ -98,6 +98,9 @@ function processMessage(event) {
             contentUpdate: (newContent) => {
                 mergeNewContent(newContent);
             },
+            stateUpdate: (newState) => {
+                mergeNewRootState(newState);
+            },
         },
     })(event);
 }

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "4.0.0";
+export declare const SDK_VERSION = "4.0.1";

package/lib/browser/constants/sdk-version.js

@@ -1 +1 @@
-export const SDK_VERSION = "4.0.0";
+export const SDK_VERSION = "4.0.1";

package/lib/browser/helpers/subscribe-to-editor.d.ts

@@ -1,9 +1,11 @@
 import type { ContentProps } from '../components/content/content.types';
 import type { BuilderAnimation } from '../types/builder-block';
 import type { BuilderContent } from '../types/builder-content';
+import type { Dictionary } from '../types/typescript';
 type ContentListener = Required<Pick<ContentProps, 'model' | 'trustedHosts'>> & {
     callbacks: {
         contentUpdate: (updatedContent: BuilderContent) => void;
+        stateUpdate: (newState: Dictionary<string>) => void;
         animation: (updatedContent: BuilderAnimation) => void;
         configureSdk: (updatedContent: any) => void;
     };

package/lib/browser/helpers/subscribe-to-editor.js

@@ -20,6 +20,16 @@ export const createEditorListener = ({ model, trustedHosts, callbacks }) => {
                         callbacks.animation(data.data);
                         break;
                     }
+                case 'builder.resetState':
+                    {
+                        const messageContent = data.data;
+                        const modelName = messageContent.model;
+                        const newState = messageContent?.state;
+                        if (modelName === model && newState) {
+                            callbacks.stateUpdate(newState);
+                        }
+                        break;
+                    }
                 case 'builder.contentUpdate':
                     {
                         const messageContent = data.data;
@@ -51,7 +61,8 @@ export const subscribeToEditor = ({ model, apiKey, callback, trustedHosts }) =>
         callbacks: {
             contentUpdate: callback,
             animation: () => { },
-            configureSdk: () => { }
+            configureSdk: () => { },
+            stateUpdate: () => { }
         },
         model,
         trustedHosts

package/lib/edge/components/content/components/enable-editor.svelte

@@ -98,6 +98,9 @@ function processMessage(event) {
             contentUpdate: (newContent) => {
                 mergeNewContent(newContent);
             },
+            stateUpdate: (newState) => {
+                mergeNewRootState(newState);
+            },
         },
     })(event);
 }

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "4.0.0";
+export declare const SDK_VERSION = "4.0.1";

package/lib/edge/constants/sdk-version.js

@@ -1 +1 @@
-export const SDK_VERSION = "4.0.0";
+export const SDK_VERSION = "4.0.1";

package/lib/edge/helpers/subscribe-to-editor.d.ts

@@ -1,9 +1,11 @@
 import type { ContentProps } from '../components/content/content.types';
 import type { BuilderAnimation } from '../types/builder-block';
 import type { BuilderContent } from '../types/builder-content';
+import type { Dictionary } from '../types/typescript';
 type ContentListener = Required<Pick<ContentProps, 'model' | 'trustedHosts'>> & {
     callbacks: {
         contentUpdate: (updatedContent: BuilderContent) => void;
+        stateUpdate: (newState: Dictionary<string>) => void;
         animation: (updatedContent: BuilderAnimation) => void;
         configureSdk: (updatedContent: any) => void;
     };

package/lib/edge/helpers/subscribe-to-editor.js

@@ -20,6 +20,16 @@ export const createEditorListener = ({ model, trustedHosts, callbacks }) => {
                         callbacks.animation(data.data);
                         break;
                     }
+                case 'builder.resetState':
+                    {
+                        const messageContent = data.data;
+                        const modelName = messageContent.model;
+                        const newState = messageContent?.state;
+                        if (modelName === model && newState) {
+                            callbacks.stateUpdate(newState);
+                        }
+                        break;
+                    }
                 case 'builder.contentUpdate':
                     {
                         const messageContent = data.data;
@@ -51,7 +61,8 @@ export const subscribeToEditor = ({ model, apiKey, callback, trustedHosts }) =>
         callbacks: {
             contentUpdate: callback,
             animation: () => { },
-            configureSdk: () => { }
+            configureSdk: () => { },
+            stateUpdate: () => { }
         },
         model,
         trustedHosts

package/lib/node/components/content/components/enable-editor.svelte

@@ -98,6 +98,9 @@ function processMessage(event) {
             contentUpdate: (newContent) => {
                 mergeNewContent(newContent);
             },
+            stateUpdate: (newState) => {
+                mergeNewRootState(newState);
+            },
         },
     })(event);
 }

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "4.0.0";
+export declare const SDK_VERSION = "4.0.1";

package/lib/node/constants/sdk-version.js

@@ -1 +1 @@
-export const SDK_VERSION = "4.0.0";
+export const SDK_VERSION = "4.0.1";

package/lib/node/helpers/subscribe-to-editor.d.ts

@@ -1,9 +1,11 @@
 import type { ContentProps } from '../components/content/content.types';
 import type { BuilderAnimation } from '../types/builder-block';
 import type { BuilderContent } from '../types/builder-content';
+import type { Dictionary } from '../types/typescript';
 type ContentListener = Required<Pick<ContentProps, 'model' | 'trustedHosts'>> & {
     callbacks: {
         contentUpdate: (updatedContent: BuilderContent) => void;
+        stateUpdate: (newState: Dictionary<string>) => void;
         animation: (updatedContent: BuilderAnimation) => void;
         configureSdk: (updatedContent: any) => void;
     };

package/lib/node/helpers/subscribe-to-editor.js

@@ -20,6 +20,16 @@ export const createEditorListener = ({ model, trustedHosts, callbacks }) => {
                         callbacks.animation(data.data);
                         break;
                     }
+                case 'builder.resetState':
+                    {
+                        const messageContent = data.data;
+                        const modelName = messageContent.model;
+                        const newState = messageContent?.state;
+                        if (modelName === model && newState) {
+                            callbacks.stateUpdate(newState);
+                        }
+                        break;
+                    }
                 case 'builder.contentUpdate':
                     {
                         const messageContent = data.data;
@@ -51,7 +61,8 @@ export const subscribeToEditor = ({ model, apiKey, callback, trustedHosts }) =>
         callbacks: {
             contentUpdate: callback,
             animation: () => { },
-            configureSdk: () => { }
+            configureSdk: () => { },
+            stateUpdate: () => { }
         },
         model,
         trustedHosts

package/package.json

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

package/src/components/content/components/enable-editor.svelte

@@ -130,6 +130,9 @@
         contentUpdate: (newContent) => {
           mergeNewContent(newContent);
         },
+        stateUpdate: (newState) => {
+          mergeNewRootState(newState);
+        },
       },
     })(event);
   }

package/src/constants/sdk-version.ts

@@ -1 +1 @@
-export const SDK_VERSION = "4.0.0"
+export const SDK_VERSION = "4.0.1"

package/src/helpers/subscribe-to-editor.ts

@@ -4,10 +4,12 @@ import { isFromTrustedHost } from '../functions/is-from-trusted-host';
 import { setupBrowserForEditing } from '../scripts/init-editing';
 import type { BuilderAnimation } from '../types/builder-block';
 import type { BuilderContent } from '../types/builder-content';
+import type { Dictionary } from '../types/typescript';
 import { logger } from './logger';
 type ContentListener = Required<Pick<ContentProps, 'model' | 'trustedHosts'>> & {
   callbacks: {
     contentUpdate: (updatedContent: BuilderContent) => void;
+    stateUpdate: (newState: Dictionary<string>) => void;
     animation: (updatedContent: BuilderAnimation) => void;
     configureSdk: (updatedContent: any) => void;
   };
@@ -36,6 +38,16 @@ export const createEditorListener = ({
             callbacks.animation(data.data);
             break;
           }
+        case 'builder.resetState':
+          {
+            const messageContent = data.data;
+            const modelName = messageContent.model;
+            const newState = messageContent?.state;
+            if (modelName === model && newState) {
+              callbacks.stateUpdate(newState);
+            }
+            break;
+          }
         case 'builder.contentUpdate':
           {
             const messageContent = data.data;
@@ -96,7 +108,8 @@ export const subscribeToEditor: SubscribeToEditor = ({
     callbacks: {
       contentUpdate: callback,
       animation: () => {},
-      configureSdk: () => {}
+      configureSdk: () => {},
+      stateUpdate: () => {}
     },
     model,
     trustedHosts