@builder.io/sdk-svelte 1.0.16 → 1.0.19

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

@@ -122,41 +122,40 @@ function onClick(event) {
         clicked = true;
     }
 }
-function evalExpression(expression) {
-    return expression.replace(/{{([^}]+)}}/g, (_match, group) => String(evaluate({
-        code: group,
-        context: context || {},
-        localState: undefined,
-        rootState: $builderContextSignal.rootState,
-        rootSetState: $builderContextSignal.rootSetState,
-        enableCache: true,
-    })));
-}
-function handleRequest({ url, key }) {
-    fetch(url)
-        .then((response) => response.json())
-        .then((json) => {
-        const newState = {
-            ...$builderContextSignal.rootState,
-            [key]: json,
-        };
-        $builderContextSignal.rootSetState?.(newState);
-        httpReqsData[key] = true;
-    })
-        .catch((err) => {
-        console.error("error fetching dynamic data", url, err);
-    });
-}
 function runHttpRequests() {
     const requests = $builderContextSignal.content?.data?.httpRequests ?? {};
     Object.entries(requests).forEach(([key, url]) => {
-        if (url && (!httpReqsData[key] || isEditing())) {
-            const evaluatedUrl = evalExpression(url);
-            handleRequest({
-                url: evaluatedUrl,
-                key,
+        if (!url)
+            return;
+        // request already in progress
+        if (httpReqsPending[key])
+            return;
+        // request already completed, and not in edit mode
+        if (httpReqsData[key] && !isEditing())
+            return;
+        httpReqsPending[key] = true;
+        const evaluatedUrl = url.replace(/{{([^}]+)}}/g, (_match, group) => String(evaluate({
+            code: group,
+            context: context || {},
+            localState: undefined,
+            rootState: $builderContextSignal.rootState,
+            rootSetState: $builderContextSignal.rootSetState,
+            enableCache: true,
+        })));
+        fetch(evaluatedUrl)
+            .then((response) => response.json())
+            .then((json) => {
+            mergeNewRootState({
+                [key]: json,
             });
-        }
+            httpReqsData[key] = true;
+        })
+            .catch((err) => {
+            console.error("error fetching dynamic data", url, err);
+        })
+            .finally(() => {
+            httpReqsPending[key] = false;
+        });
     });
 }
 function emitStateUpdate() {
@@ -228,6 +227,7 @@ function elementRef_onInitpreviewingbldr(event) {
 let elementRef;
 let ContentWrapper = contentWrapper || "div";
 let httpReqsData = {};
+let httpReqsPending = {};
 let clicked = false;
 onMount(() => {
     if (isBrowser()) {

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

@@ -53,7 +53,7 @@ let shouldRenderVariants = checkShouldRenderVariants({
 });
 onMount(() => {
     /**
-     * We unmount the non-winning variants post-hydration in Vue.
+     * For Solid/Svelte: we unmount the non-winning variants post-hydration.
      */
     shouldRenderVariants = false;
 });

package/lib/browser/components/content-variants/helpers.js

@@ -27,10 +27,11 @@ export const checkShouldRenderVariants = ({ canTrack, content }) => {
         return false;
     /**
      * For Vue and Svelte, we need to (initially) render the variants. This is to avoid hydration mismatch errors.
+     *
      * Unlike React, Vue's hydration checks are shallow and do not check the attributes/contents of each element, so we
      * are able to modify the `hidden` HTML attributes and `display` CSS properties without causing a hydration mismatch error.
      *
-     * NOTE: For Vue: after the app is hydrated, we strip the variants from the DOM (on mount) to reduce the amount of HTML in the DOM.
+     * NOTE: For Solid/Svelte: after the app is hydrated, we strip the variants from the DOM (on mount) to reduce the amount of HTML in the DOM.
      * This isn't necessary, just a nice to have.
      */
     if (TARGET === 'vue' || TARGET === 'svelte')

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "1.0.16";
+export declare const SDK_VERSION = "1.0.19";

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

@@ -1 +1 @@
-export const SDK_VERSION = "1.0.16";
+export const SDK_VERSION = "1.0.19";

package/lib/browser/context/index.d.ts

@@ -0,0 +1 @@
+export { default as BuilderContext } from './builder.context.js';

package/lib/browser/context/index.js

@@ -0,0 +1 @@
+export { default as BuilderContext } from './builder.context.js';

package/lib/browser/index-helpers/blocks-exports.d.ts

@@ -8,3 +8,7 @@ export { default as Text } from '../blocks/text/index.js';
 export { default as Video } from '../blocks/video/index.js';
 export { default as Blocks } from '../components/blocks/index.js';
 export { default as Content } from '../components/content-variants/index.js';
+/**
+ * Builder Context
+ */
+export { BuilderContext } from '../context/index.js';

package/lib/browser/index-helpers/blocks-exports.js

@@ -8,3 +8,7 @@ export { default as Text } from '../blocks/text/index.js';
 export { default as Video } from '../blocks/video/index.js';
 export { default as Blocks } from '../components/blocks/index.js';
 export { default as Content } from '../components/content-variants/index.js';
+/**
+ * Builder Context
+ */
+export { BuilderContext } from '../context/index.js';

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

@@ -122,41 +122,40 @@ function onClick(event) {
         clicked = true;
     }
 }
-function evalExpression(expression) {
-    return expression.replace(/{{([^}]+)}}/g, (_match, group) => String(evaluate({
-        code: group,
-        context: context || {},
-        localState: undefined,
-        rootState: $builderContextSignal.rootState,
-        rootSetState: $builderContextSignal.rootSetState,
-        enableCache: true,
-    })));
-}
-function handleRequest({ url, key }) {
-    fetch(url)
-        .then((response) => response.json())
-        .then((json) => {
-        const newState = {
-            ...$builderContextSignal.rootState,
-            [key]: json,
-        };
-        $builderContextSignal.rootSetState?.(newState);
-        httpReqsData[key] = true;
-    })
-        .catch((err) => {
-        console.error("error fetching dynamic data", url, err);
-    });
-}
 function runHttpRequests() {
     const requests = $builderContextSignal.content?.data?.httpRequests ?? {};
     Object.entries(requests).forEach(([key, url]) => {
-        if (url && (!httpReqsData[key] || isEditing())) {
-            const evaluatedUrl = evalExpression(url);
-            handleRequest({
-                url: evaluatedUrl,
-                key,
+        if (!url)
+            return;
+        // request already in progress
+        if (httpReqsPending[key])
+            return;
+        // request already completed, and not in edit mode
+        if (httpReqsData[key] && !isEditing())
+            return;
+        httpReqsPending[key] = true;
+        const evaluatedUrl = url.replace(/{{([^}]+)}}/g, (_match, group) => String(evaluate({
+            code: group,
+            context: context || {},
+            localState: undefined,
+            rootState: $builderContextSignal.rootState,
+            rootSetState: $builderContextSignal.rootSetState,
+            enableCache: true,
+        })));
+        fetch(evaluatedUrl)
+            .then((response) => response.json())
+            .then((json) => {
+            mergeNewRootState({
+                [key]: json,
             });
-        }
+            httpReqsData[key] = true;
+        })
+            .catch((err) => {
+            console.error("error fetching dynamic data", url, err);
+        })
+            .finally(() => {
+            httpReqsPending[key] = false;
+        });
     });
 }
 function emitStateUpdate() {
@@ -228,6 +227,7 @@ function elementRef_onInitpreviewingbldr(event) {
 let elementRef;
 let ContentWrapper = contentWrapper || "div";
 let httpReqsData = {};
+let httpReqsPending = {};
 let clicked = false;
 onMount(() => {
     if (isBrowser()) {

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

@@ -53,7 +53,7 @@ let shouldRenderVariants = checkShouldRenderVariants({
 });
 onMount(() => {
     /**
-     * We unmount the non-winning variants post-hydration in Vue.
+     * For Solid/Svelte: we unmount the non-winning variants post-hydration.
      */
     shouldRenderVariants = false;
 });

package/lib/edge/components/content-variants/helpers.js

@@ -27,10 +27,11 @@ export const checkShouldRenderVariants = ({ canTrack, content }) => {
         return false;
     /**
      * For Vue and Svelte, we need to (initially) render the variants. This is to avoid hydration mismatch errors.
+     *
      * Unlike React, Vue's hydration checks are shallow and do not check the attributes/contents of each element, so we
      * are able to modify the `hidden` HTML attributes and `display` CSS properties without causing a hydration mismatch error.
      *
-     * NOTE: For Vue: after the app is hydrated, we strip the variants from the DOM (on mount) to reduce the amount of HTML in the DOM.
+     * NOTE: For Solid/Svelte: after the app is hydrated, we strip the variants from the DOM (on mount) to reduce the amount of HTML in the DOM.
      * This isn't necessary, just a nice to have.
      */
     if (TARGET === 'vue' || TARGET === 'svelte')

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "1.0.16";
+export declare const SDK_VERSION = "1.0.19";

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

@@ -1 +1 @@
-export const SDK_VERSION = "1.0.16";
+export const SDK_VERSION = "1.0.19";

package/lib/edge/context/index.d.ts

@@ -0,0 +1 @@
+export { default as BuilderContext } from './builder.context.js';

package/lib/edge/context/index.js

@@ -0,0 +1 @@
+export { default as BuilderContext } from './builder.context.js';

package/lib/edge/index-helpers/blocks-exports.d.ts

@@ -8,3 +8,7 @@ export { default as Text } from '../blocks/text/index.js';
 export { default as Video } from '../blocks/video/index.js';
 export { default as Blocks } from '../components/blocks/index.js';
 export { default as Content } from '../components/content-variants/index.js';
+/**
+ * Builder Context
+ */
+export { BuilderContext } from '../context/index.js';

package/lib/edge/index-helpers/blocks-exports.js

@@ -8,3 +8,7 @@ export { default as Text } from '../blocks/text/index.js';
 export { default as Video } from '../blocks/video/index.js';
 export { default as Blocks } from '../components/blocks/index.js';
 export { default as Content } from '../components/content-variants/index.js';
+/**
+ * Builder Context
+ */
+export { BuilderContext } from '../context/index.js';

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

@@ -122,41 +122,40 @@ function onClick(event) {
         clicked = true;
     }
 }
-function evalExpression(expression) {
-    return expression.replace(/{{([^}]+)}}/g, (_match, group) => String(evaluate({
-        code: group,
-        context: context || {},
-        localState: undefined,
-        rootState: $builderContextSignal.rootState,
-        rootSetState: $builderContextSignal.rootSetState,
-        enableCache: true,
-    })));
-}
-function handleRequest({ url, key }) {
-    fetch(url)
-        .then((response) => response.json())
-        .then((json) => {
-        const newState = {
-            ...$builderContextSignal.rootState,
-            [key]: json,
-        };
-        $builderContextSignal.rootSetState?.(newState);
-        httpReqsData[key] = true;
-    })
-        .catch((err) => {
-        console.error("error fetching dynamic data", url, err);
-    });
-}
 function runHttpRequests() {
     const requests = $builderContextSignal.content?.data?.httpRequests ?? {};
     Object.entries(requests).forEach(([key, url]) => {
-        if (url && (!httpReqsData[key] || isEditing())) {
-            const evaluatedUrl = evalExpression(url);
-            handleRequest({
-                url: evaluatedUrl,
-                key,
+        if (!url)
+            return;
+        // request already in progress
+        if (httpReqsPending[key])
+            return;
+        // request already completed, and not in edit mode
+        if (httpReqsData[key] && !isEditing())
+            return;
+        httpReqsPending[key] = true;
+        const evaluatedUrl = url.replace(/{{([^}]+)}}/g, (_match, group) => String(evaluate({
+            code: group,
+            context: context || {},
+            localState: undefined,
+            rootState: $builderContextSignal.rootState,
+            rootSetState: $builderContextSignal.rootSetState,
+            enableCache: true,
+        })));
+        fetch(evaluatedUrl)
+            .then((response) => response.json())
+            .then((json) => {
+            mergeNewRootState({
+                [key]: json,
             });
-        }
+            httpReqsData[key] = true;
+        })
+            .catch((err) => {
+            console.error("error fetching dynamic data", url, err);
+        })
+            .finally(() => {
+            httpReqsPending[key] = false;
+        });
     });
 }
 function emitStateUpdate() {
@@ -228,6 +227,7 @@ function elementRef_onInitpreviewingbldr(event) {
 let elementRef;
 let ContentWrapper = contentWrapper || "div";
 let httpReqsData = {};
+let httpReqsPending = {};
 let clicked = false;
 onMount(() => {
     if (isBrowser()) {

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

@@ -53,7 +53,7 @@ let shouldRenderVariants = checkShouldRenderVariants({
 });
 onMount(() => {
     /**
-     * We unmount the non-winning variants post-hydration in Vue.
+     * For Solid/Svelte: we unmount the non-winning variants post-hydration.
      */
     shouldRenderVariants = false;
 });

package/lib/node/components/content-variants/helpers.js

@@ -27,10 +27,11 @@ export const checkShouldRenderVariants = ({ canTrack, content }) => {
         return false;
     /**
      * For Vue and Svelte, we need to (initially) render the variants. This is to avoid hydration mismatch errors.
+     *
      * Unlike React, Vue's hydration checks are shallow and do not check the attributes/contents of each element, so we
      * are able to modify the `hidden` HTML attributes and `display` CSS properties without causing a hydration mismatch error.
      *
-     * NOTE: For Vue: after the app is hydrated, we strip the variants from the DOM (on mount) to reduce the amount of HTML in the DOM.
+     * NOTE: For Solid/Svelte: after the app is hydrated, we strip the variants from the DOM (on mount) to reduce the amount of HTML in the DOM.
      * This isn't necessary, just a nice to have.
      */
     if (TARGET === 'vue' || TARGET === 'svelte')

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "1.0.16";
+export declare const SDK_VERSION = "1.0.19";

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

@@ -1 +1 @@
-export const SDK_VERSION = "1.0.16";
+export const SDK_VERSION = "1.0.19";

package/lib/node/context/index.d.ts

@@ -0,0 +1 @@
+export { default as BuilderContext } from './builder.context.js';

package/lib/node/context/index.js

@@ -0,0 +1 @@
+export { default as BuilderContext } from './builder.context.js';

package/lib/node/index-helpers/blocks-exports.d.ts

@@ -8,3 +8,7 @@ export { default as Text } from '../blocks/text/index.js';
 export { default as Video } from '../blocks/video/index.js';
 export { default as Blocks } from '../components/blocks/index.js';
 export { default as Content } from '../components/content-variants/index.js';
+/**
+ * Builder Context
+ */
+export { BuilderContext } from '../context/index.js';

package/lib/node/index-helpers/blocks-exports.js

@@ -8,3 +8,7 @@ export { default as Text } from '../blocks/text/index.js';
 export { default as Video } from '../blocks/video/index.js';
 export { default as Blocks } from '../components/blocks/index.js';
 export { default as Content } from '../components/content-variants/index.js';
+/**
+ * Builder Context
+ */
+export { BuilderContext } from '../context/index.js';

package/package.json

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

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

@@ -154,47 +154,45 @@
       clicked = true;
     }
   }
-  function evalExpression(expression: string) {
-    return expression.replace(/{{([^}]+)}}/g, (_match, group) =>
-      String(
-        evaluate({
-          code: group,
-          context: context || {},
-          localState: undefined,
-          rootState: $builderContextSignal.rootState,
-          rootSetState: $builderContextSignal.rootSetState,
-          enableCache: true,
-        })
-      )
-    );
-  }
-  function handleRequest({ url, key }: { key: string; url: string }) {
-    fetch(url)
-      .then((response) => response.json())
-      .then((json) => {
-        const newState = {
-          ...$builderContextSignal.rootState,
-          [key]: json,
-        };
-        $builderContextSignal.rootSetState?.(newState);
-        httpReqsData[key] = true;
-      })
-      .catch((err) => {
-        console.error("error fetching dynamic data", url, err);
-      });
-  }
   function runHttpRequests() {
     const requests: {
       [key: string]: string;
     } = $builderContextSignal.content?.data?.httpRequests ?? {};
     Object.entries(requests).forEach(([key, url]) => {
-      if (url && (!httpReqsData[key] || isEditing())) {
-        const evaluatedUrl = evalExpression(url);
-        handleRequest({
-          url: evaluatedUrl,
-          key,
+      if (!url) return;
+
+      // request already in progress
+      if (httpReqsPending[key]) return;
+
+      // request already completed, and not in edit mode
+      if (httpReqsData[key] && !isEditing()) return;
+      httpReqsPending[key] = true;
+      const evaluatedUrl = url.replace(/{{([^}]+)}}/g, (_match, group) =>
+        String(
+          evaluate({
+            code: group,
+            context: context || {},
+            localState: undefined,
+            rootState: $builderContextSignal.rootState,
+            rootSetState: $builderContextSignal.rootSetState,
+            enableCache: true,
+          })
+        )
+      );
+      fetch(evaluatedUrl)
+        .then((response) => response.json())
+        .then((json) => {
+          mergeNewRootState({
+            [key]: json,
+          });
+          httpReqsData[key] = true;
+        })
+        .catch((err) => {
+          console.error("error fetching dynamic data", url, err);
+        })
+        .finally(() => {
+          httpReqsPending[key] = false;
         });
-      }
     });
   }
   function emitStateUpdate() {
@@ -284,6 +282,7 @@
 
   let ContentWrapper = contentWrapper || "div";
   let httpReqsData = {};
+  let httpReqsPending = {};
   let clicked = false;
 
   onMount(() => {

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

@@ -80,7 +80,7 @@
 
   onMount(() => {
     /**
-     * We unmount the non-winning variants post-hydration in Vue.
+     * For Solid/Svelte: we unmount the non-winning variants post-hydration.
      */
     shouldRenderVariants = false;
   });

package/src/components/content-variants/helpers.ts

@@ -36,10 +36,11 @@ export const checkShouldRenderVariants = ({
 
   /**
    * For Vue and Svelte, we need to (initially) render the variants. This is to avoid hydration mismatch errors.
+   *
    * Unlike React, Vue's hydration checks are shallow and do not check the attributes/contents of each element, so we
    * are able to modify the `hidden` HTML attributes and `display` CSS properties without causing a hydration mismatch error.
    *
-   * NOTE: For Vue: after the app is hydrated, we strip the variants from the DOM (on mount) to reduce the amount of HTML in the DOM.
+   * NOTE: For Solid/Svelte: after the app is hydrated, we strip the variants from the DOM (on mount) to reduce the amount of HTML in the DOM.
    * This isn't necessary, just a nice to have.
    */
   if (TARGET === 'vue' || TARGET === 'svelte') return true;

package/src/constants/sdk-version.ts

@@ -1 +1 @@
-export const SDK_VERSION = "1.0.16"
+export const SDK_VERSION = "1.0.19"

package/src/context/index.ts

@@ -0,0 +1 @@
+export { default as BuilderContext } from './builder.context.js'

package/src/index-helpers/blocks-exports.ts

@@ -7,4 +7,9 @@ export { default as Symbol } from '../blocks/symbol/index.js';
 export { default as Text } from '../blocks/text/index.js';
 export { default as Video } from '../blocks/video/index.js';
 export { default as Blocks } from '../components/blocks/index.js';
-export { default as Content } from '../components/content-variants/index.js'
+export { default as Content } from '../components/content-variants/index.js';
+
+/**
+ * Builder Context
+ */
+export { BuilderContext } from '../context/index.js'