@builder.io/sdk-svelte 4.2.4 → 5.0.1

package/lib/browser/components/content/content.svelte

@@ -14,12 +14,12 @@ import EnableEditor from "./components/enable-editor.svelte";
 import ContentStyles from "./components/styles.svelte";
 import { getContentInitialValue, getRootStateInitialValue, } from "./content.helpers";
 import "./wrap-component-ref";
-export let apiKey;
-export let context = undefined;
 export let content;
-export let customComponents = undefined;
 export let data = undefined;
 export let locale = undefined;
+export let apiKey;
+export let context = undefined;
+export let customComponents = undefined;
 export let canTrack = undefined;
 export let apiVersion = undefined;
 export let blocksWrapper = undefined;
@@ -100,6 +100,30 @@ if (jsCode) {
         isExpression: false,
     });
 }
+function onUpdateFn_0(..._args) {
+    const updateContentAndRootState = () => {
+        const nextId = content?.id;
+        const currentId = $builderContextSignal.content?.id;
+        if (nextId && nextId !== currentId) {
+            // Update content and root state to reflect the new entry
+            $builderContextSignal.content = getContentInitialValue({
+                content: content,
+                data: data,
+            });
+            $builderContextSignal.rootState = getRootStateInitialValue({
+                content: content,
+                data: data,
+                locale: locale,
+            });
+            // Update AB-test visibility script
+            scriptStr = getUpdateVariantVisibilityScript({
+                variationId: content?.testVariationId || "",
+                contentId: nextId,
+            });
+        }
+    };
+}
+$: onUpdateFn_0(...[content, data, locale]);
 setContext(ComponentsContext.key, {
     registeredComponents: registeredComponents,
 });

package/lib/browser/components/content/content.svelte.d.ts

@@ -2,12 +2,12 @@ import { SvelteComponent } from "svelte";
 import type { ContentProps } from "./content.types";
 declare const __propDef: {
     props: {
-        apiKey: ContentProps["apiKey"];
-        context?: ContentProps["context"];
         content: ContentProps["content"];
-        customComponents?: ContentProps["customComponents"];
         data?: ContentProps["data"];
         locale?: ContentProps["locale"];
+        apiKey: ContentProps["apiKey"];
+        context?: ContentProps["context"];
+        customComponents?: ContentProps["customComponents"];
         canTrack?: ContentProps["canTrack"];
         apiVersion?: ContentProps["apiVersion"];
         blocksWrapper?: ContentProps["blocksWrapper"];

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "4.2.4";
+export declare const SDK_VERSION = "5.0.1";

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

@@ -1 +1 @@
-export const SDK_VERSION = "4.2.4";
+export const SDK_VERSION = "5.0.1";

package/lib/browser/types/input.d.ts

@@ -3,7 +3,7 @@ export interface Input {
     name: string;
     /** A friendlier name to show in the UI if the component prop name is not ideal for end users */
     friendlyName?: string;
-    /** @hidden @deprecated */
+    /** A description to show in the UI to give guidance on how to use this input */
     description?: string;
     /** A default value to use */
     defaultValue?: any;

package/lib/edge/components/content/content.svelte

@@ -14,12 +14,12 @@ import EnableEditor from "./components/enable-editor.svelte";
 import ContentStyles from "./components/styles.svelte";
 import { getContentInitialValue, getRootStateInitialValue, } from "./content.helpers";
 import "./wrap-component-ref";
-export let apiKey;
-export let context = undefined;
 export let content;
-export let customComponents = undefined;
 export let data = undefined;
 export let locale = undefined;
+export let apiKey;
+export let context = undefined;
+export let customComponents = undefined;
 export let canTrack = undefined;
 export let apiVersion = undefined;
 export let blocksWrapper = undefined;
@@ -100,6 +100,30 @@ if (jsCode) {
         isExpression: false,
     });
 }
+function onUpdateFn_0(..._args) {
+    const updateContentAndRootState = () => {
+        const nextId = content?.id;
+        const currentId = $builderContextSignal.content?.id;
+        if (nextId && nextId !== currentId) {
+            // Update content and root state to reflect the new entry
+            $builderContextSignal.content = getContentInitialValue({
+                content: content,
+                data: data,
+            });
+            $builderContextSignal.rootState = getRootStateInitialValue({
+                content: content,
+                data: data,
+                locale: locale,
+            });
+            // Update AB-test visibility script
+            scriptStr = getUpdateVariantVisibilityScript({
+                variationId: content?.testVariationId || "",
+                contentId: nextId,
+            });
+        }
+    };
+}
+$: onUpdateFn_0(...[content, data, locale]);
 setContext(ComponentsContext.key, {
     registeredComponents: registeredComponents,
 });

package/lib/edge/components/content/content.svelte.d.ts

@@ -2,12 +2,12 @@ import { SvelteComponent } from "svelte";
 import type { ContentProps } from "./content.types";
 declare const __propDef: {
     props: {
-        apiKey: ContentProps["apiKey"];
-        context?: ContentProps["context"];
         content: ContentProps["content"];
-        customComponents?: ContentProps["customComponents"];
         data?: ContentProps["data"];
         locale?: ContentProps["locale"];
+        apiKey: ContentProps["apiKey"];
+        context?: ContentProps["context"];
+        customComponents?: ContentProps["customComponents"];
         canTrack?: ContentProps["canTrack"];
         apiVersion?: ContentProps["apiVersion"];
         blocksWrapper?: ContentProps["blocksWrapper"];

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "4.2.4";
+export declare const SDK_VERSION = "5.0.1";

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

@@ -1 +1 @@
-export const SDK_VERSION = "4.2.4";
+export const SDK_VERSION = "5.0.1";

package/lib/edge/types/input.d.ts

@@ -3,7 +3,7 @@ export interface Input {
     name: string;
     /** A friendlier name to show in the UI if the component prop name is not ideal for end users */
     friendlyName?: string;
-    /** @hidden @deprecated */
+    /** A description to show in the UI to give guidance on how to use this input */
     description?: string;
     /** A default value to use */
     defaultValue?: any;

package/lib/node/components/content/content.svelte

@@ -14,12 +14,12 @@ import EnableEditor from "./components/enable-editor.svelte";
 import ContentStyles from "./components/styles.svelte";
 import { getContentInitialValue, getRootStateInitialValue, } from "./content.helpers";
 import "./wrap-component-ref";
-export let apiKey;
-export let context = undefined;
 export let content;
-export let customComponents = undefined;
 export let data = undefined;
 export let locale = undefined;
+export let apiKey;
+export let context = undefined;
+export let customComponents = undefined;
 export let canTrack = undefined;
 export let apiVersion = undefined;
 export let blocksWrapper = undefined;
@@ -100,6 +100,30 @@ if (jsCode) {
         isExpression: false,
     });
 }
+function onUpdateFn_0(..._args) {
+    const updateContentAndRootState = () => {
+        const nextId = content?.id;
+        const currentId = $builderContextSignal.content?.id;
+        if (nextId && nextId !== currentId) {
+            // Update content and root state to reflect the new entry
+            $builderContextSignal.content = getContentInitialValue({
+                content: content,
+                data: data,
+            });
+            $builderContextSignal.rootState = getRootStateInitialValue({
+                content: content,
+                data: data,
+                locale: locale,
+            });
+            // Update AB-test visibility script
+            scriptStr = getUpdateVariantVisibilityScript({
+                variationId: content?.testVariationId || "",
+                contentId: nextId,
+            });
+        }
+    };
+}
+$: onUpdateFn_0(...[content, data, locale]);
 setContext(ComponentsContext.key, {
     registeredComponents: registeredComponents,
 });

package/lib/node/components/content/content.svelte.d.ts

@@ -2,12 +2,12 @@ import { SvelteComponent } from "svelte";
 import type { ContentProps } from "./content.types";
 declare const __propDef: {
     props: {
-        apiKey: ContentProps["apiKey"];
-        context?: ContentProps["context"];
         content: ContentProps["content"];
-        customComponents?: ContentProps["customComponents"];
         data?: ContentProps["data"];
         locale?: ContentProps["locale"];
+        apiKey: ContentProps["apiKey"];
+        context?: ContentProps["context"];
+        customComponents?: ContentProps["customComponents"];
         canTrack?: ContentProps["canTrack"];
         apiVersion?: ContentProps["apiVersion"];
         blocksWrapper?: ContentProps["blocksWrapper"];

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "4.2.4";
+export declare const SDK_VERSION = "5.0.1";

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

@@ -1 +1 @@
-export const SDK_VERSION = "4.2.4";
+export const SDK_VERSION = "5.0.1";

package/lib/node/types/input.d.ts

@@ -3,7 +3,7 @@ export interface Input {
     name: string;
     /** A friendlier name to show in the UI if the component prop name is not ideal for end users */
     friendlyName?: string;
-    /** @hidden @deprecated */
+    /** A description to show in the UI to give guidance on how to use this input */
     description?: string;
     /** A default value to use */
     defaultValue?: any;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-svelte",
   "description": "Builder.io SDK for Svelte",
-  "version": "4.2.4",
+  "version": "5.0.1",
   "type": "module",
   "files": [
     "lib",
@@ -48,7 +48,7 @@
     "check": "SDK_ENV=browser svelte-check --tsconfig ./tsconfig.json"
   },
   "dependencies": {
-    "isolated-vm": "^5.0.0"
+    "isolated-vm": "^6.0.0"
   },
   "devDependencies": {
     "@builder.io/sdks": "workspace:*",

package/src/components/content/content.svelte

@@ -28,12 +28,12 @@
   import type { ContentProps } from "./content.types";
   import { wrapComponentRef } from "./wrap-component-ref";
 
-  export let apiKey: ContentProps["apiKey"];
-  export let context: ContentProps["context"] = undefined;
   export let content: ContentProps["content"];
-  export let customComponents: ContentProps["customComponents"] = undefined;
   export let data: ContentProps["data"] = undefined;
   export let locale: ContentProps["locale"] = undefined;
+  export let apiKey: ContentProps["apiKey"];
+  export let context: ContentProps["context"] = undefined;
+  export let customComponents: ContentProps["customComponents"] = undefined;
   export let canTrack: ContentProps["canTrack"] = undefined;
   export let apiVersion: ContentProps["apiVersion"] = undefined;
   export let blocksWrapper: ContentProps["blocksWrapper"] = undefined;
@@ -127,6 +127,33 @@
     });
   }
 
+  function onUpdateFn_0(..._args: any[]) {
+    const updateContentAndRootState = () => {
+      const nextId = content?.id;
+      const currentId = $builderContextSignal.content?.id;
+      if (nextId && nextId !== currentId) {
+        // Update content and root state to reflect the new entry
+        $builderContextSignal.content = getContentInitialValue({
+          content: content,
+          data: data,
+        });
+        $builderContextSignal.rootState = getRootStateInitialValue({
+          content: content,
+          data: data,
+          locale: locale,
+        });
+
+        // Update AB-test visibility script
+        scriptStr = getUpdateVariantVisibilityScript({
+          variationId: content?.testVariationId || "",
+          contentId: nextId,
+        });
+      }
+    };
+  }
+
+  $: onUpdateFn_0(...[content, data, locale]);
+
   setContext(ComponentsContext.key, {
     registeredComponents: registeredComponents,
   });

package/src/constants/sdk-version.ts

@@ -1 +1 @@
-export const SDK_VERSION = "4.2.4"
+export const SDK_VERSION = "5.0.1"

package/src/types/input.ts

@@ -3,7 +3,7 @@ export interface Input {
   name: string;
   /** A friendlier name to show in the UI if the component prop name is not ideal for end users */
   friendlyName?: string;
-  /** @hidden @deprecated */
+  /** A description to show in the UI to give guidance on how to use this input */
   description?: string;
   /** A default value to use */
   defaultValue?: any;