@builder.io/sdk-svelte 4.0.0 → 4.0.2

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

@@ -13,6 +13,7 @@ import { createRegisterComponentMessage } from "../../../functions/register-comp
 import { _track } from "../../../functions/track/index";
 import { getInteractionPropertiesForEvent } from "../../../functions/track/interaction";
 import { getDefaultCanTrack } from "../../../helpers/canTrack";
+import { getCookieSync } from "../../../helpers/cookie";
 import "../../../helpers/preview-lru-cache/set";
 import { createEditorListener } from "../../../helpers/subscribe-to-editor";
 import { registerInsertMenu, setupBrowserForEditing, } from "../../../scripts/init-editing";
@@ -98,6 +99,9 @@ function processMessage(event) {
             contentUpdate: (newContent) => {
                 mergeNewContent(newContent);
             },
+            stateUpdate: (newState) => {
+                mergeNewRootState(newState);
+            },
         },
     })(event);
 }
@@ -244,6 +248,7 @@ $: showContentProps = () => {
         };
 };
 let elementRef;
+let hasExecuted = false;
 let ContentWrapper = contentWrapper || "div";
 let httpReqsData = {};
 let httpReqsPending = {};
@@ -258,8 +263,12 @@ onMount(() => {
             }
         }
         const shouldTrackImpression = $builderContextSignal.content && getDefaultCanTrack(canTrack);
-        if (shouldTrackImpression) {
-            const variationId = $builderContextSignal.content?.testVariationId;
+        const winningVariantId = getCookieSync({
+            name: `builder.tests.${$builderContextSignal.content?.id}`,
+            canTrack: true,
+        });
+        const variationId = $builderContextSignal.content?.testVariationId;
+        if (shouldTrackImpression && variationId === winningVariantId) {
             const contentId = $builderContextSignal.content?.id;
             const apiKeyProp = apiKey;
             _track({
@@ -268,7 +277,7 @@ onMount(() => {
                 canTrack: true,
                 contentId,
                 apiKey: apiKeyProp,
-                variationId: variationId !== contentId ? variationId : undefined,
+                variationId: winningVariantId !== contentId ? winningVariantId : undefined,
             });
         }
         /**

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.2";

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

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

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

@@ -13,6 +13,7 @@ import { createRegisterComponentMessage } from "../../../functions/register-comp
 import { _track } from "../../../functions/track/index";
 import { getInteractionPropertiesForEvent } from "../../../functions/track/interaction";
 import { getDefaultCanTrack } from "../../../helpers/canTrack";
+import { getCookieSync } from "../../../helpers/cookie";
 import "../../../helpers/preview-lru-cache/set";
 import { createEditorListener } from "../../../helpers/subscribe-to-editor";
 import { registerInsertMenu, setupBrowserForEditing, } from "../../../scripts/init-editing";
@@ -98,6 +99,9 @@ function processMessage(event) {
             contentUpdate: (newContent) => {
                 mergeNewContent(newContent);
             },
+            stateUpdate: (newState) => {
+                mergeNewRootState(newState);
+            },
         },
     })(event);
 }
@@ -244,6 +248,7 @@ $: showContentProps = () => {
         };
 };
 let elementRef;
+let hasExecuted = false;
 let ContentWrapper = contentWrapper || "div";
 let httpReqsData = {};
 let httpReqsPending = {};
@@ -258,8 +263,12 @@ onMount(() => {
             }
         }
         const shouldTrackImpression = $builderContextSignal.content && getDefaultCanTrack(canTrack);
-        if (shouldTrackImpression) {
-            const variationId = $builderContextSignal.content?.testVariationId;
+        const winningVariantId = getCookieSync({
+            name: `builder.tests.${$builderContextSignal.content?.id}`,
+            canTrack: true,
+        });
+        const variationId = $builderContextSignal.content?.testVariationId;
+        if (shouldTrackImpression && variationId === winningVariantId) {
             const contentId = $builderContextSignal.content?.id;
             const apiKeyProp = apiKey;
             _track({
@@ -268,7 +277,7 @@ onMount(() => {
                 canTrack: true,
                 contentId,
                 apiKey: apiKeyProp,
-                variationId: variationId !== contentId ? variationId : undefined,
+                variationId: winningVariantId !== contentId ? winningVariantId : undefined,
             });
         }
         /**

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.2";

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

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

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

@@ -13,6 +13,7 @@ import { createRegisterComponentMessage } from "../../../functions/register-comp
 import { _track } from "../../../functions/track/index";
 import { getInteractionPropertiesForEvent } from "../../../functions/track/interaction";
 import { getDefaultCanTrack } from "../../../helpers/canTrack";
+import { getCookieSync } from "../../../helpers/cookie";
 import "../../../helpers/preview-lru-cache/set";
 import { createEditorListener } from "../../../helpers/subscribe-to-editor";
 import { registerInsertMenu, setupBrowserForEditing, } from "../../../scripts/init-editing";
@@ -98,6 +99,9 @@ function processMessage(event) {
             contentUpdate: (newContent) => {
                 mergeNewContent(newContent);
             },
+            stateUpdate: (newState) => {
+                mergeNewRootState(newState);
+            },
         },
     })(event);
 }
@@ -244,6 +248,7 @@ $: showContentProps = () => {
         };
 };
 let elementRef;
+let hasExecuted = false;
 let ContentWrapper = contentWrapper || "div";
 let httpReqsData = {};
 let httpReqsPending = {};
@@ -258,8 +263,12 @@ onMount(() => {
             }
         }
         const shouldTrackImpression = $builderContextSignal.content && getDefaultCanTrack(canTrack);
-        if (shouldTrackImpression) {
-            const variationId = $builderContextSignal.content?.testVariationId;
+        const winningVariantId = getCookieSync({
+            name: `builder.tests.${$builderContextSignal.content?.id}`,
+            canTrack: true,
+        });
+        const variationId = $builderContextSignal.content?.testVariationId;
+        if (shouldTrackImpression && variationId === winningVariantId) {
             const contentId = $builderContextSignal.content?.id;
             const apiKeyProp = apiKey;
             _track({
@@ -268,7 +277,7 @@ onMount(() => {
                 canTrack: true,
                 contentId,
                 apiKey: apiKeyProp,
-                variationId: variationId !== contentId ? variationId : undefined,
+                variationId: winningVariantId !== contentId ? winningVariantId : undefined,
             });
         }
         /**

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.2";

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

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

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.2",
   "type": "module",
   "files": [
     "lib",

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

@@ -30,6 +30,7 @@
   import { _track } from "../../../functions/track/index";
   import { getInteractionPropertiesForEvent } from "../../../functions/track/interaction";
   import { getDefaultCanTrack } from "../../../helpers/canTrack";
+  import { getCookieSync } from "../../../helpers/cookie";
   import { postPreviewContent } from "../../../helpers/preview-lru-cache/set";
   import { createEditorListener } from "../../../helpers/subscribe-to-editor";
   import {
@@ -130,6 +131,9 @@
         contentUpdate: (newContent) => {
           mergeNewContent(newContent);
         },
+        stateUpdate: (newState) => {
+          mergeNewRootState(newState);
+        },
       },
     })(event);
   }
@@ -301,6 +305,7 @@
 
   let elementRef;
 
+  let hasExecuted = false;
   let ContentWrapper = contentWrapper || "div";
   let httpReqsData = {};
   let httpReqsPending = {};
@@ -317,8 +322,12 @@
       }
       const shouldTrackImpression =
         $builderContextSignal.content && getDefaultCanTrack(canTrack);
-      if (shouldTrackImpression) {
-        const variationId = $builderContextSignal.content?.testVariationId;
+      const winningVariantId = getCookieSync({
+        name: `builder.tests.${$builderContextSignal.content?.id}`,
+        canTrack: true,
+      });
+      const variationId = $builderContextSignal.content?.testVariationId;
+      if (shouldTrackImpression && variationId === winningVariantId) {
         const contentId = $builderContextSignal.content?.id;
         const apiKeyProp = apiKey;
         _track({
@@ -327,7 +336,8 @@
           canTrack: true,
           contentId,
           apiKey: apiKeyProp!,
-          variationId: variationId !== contentId ? variationId : undefined,
+          variationId:
+            winningVariantId !== contentId ? winningVariantId : undefined,
         });
       }
 

package/src/constants/sdk-version.ts

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

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