@builder.io/sdk-solid 1.0.16 → 1.0.19

package/dist/index.d.ts

@@ -676,6 +676,20 @@ type VariantsProviderProps = ContentVariantsPrps & {
 
 declare function ContentVariants(props: VariantsProviderProps): solid_js.JSX.Element;
 
+declare const _default: solid_js.Context<{
+    content: any;
+    context: {};
+    localState: any;
+    rootSetState(): void;
+    rootState: {};
+    apiKey: any;
+    apiVersion: any;
+    componentInfos: {};
+    inheritedStyles: {};
+    BlocksWrapper: string;
+    BlocksWrapperProps: {};
+}>;
+
 type QueryObject = Record<string, string | string[]>;
 type Search = URLSearchParams | string | QueryObject;
 
@@ -997,4 +1011,4 @@ declare const _processContentResult: (options: GetContentOptions, content: Conte
  */
 declare function fetchEntries(options: GetContentOptions): Promise<BuilderContent[]>;
 
-export { Blocks, BlocksProps, BuilderBlock, BuilderContent, Button, ButtonProps, ColumnProps, Columns, ComponentInfo, ContentVariants as Content, ContentVariantsPrps as ContentProps, FragmentComponent as Fragment, FragmentProps, Image, ImageProps, InsertMenuConfig, InsertMenuItem, RegisteredComponent, SectionComponent as Section, SectionProps, Settings, Symbol, SymbolProps, Text, TextProps, Video, VideoProps, _processContentResult, createRegisterComponentMessage, fetchBuilderProps, fetchEntries, fetchOneEntry, getBuilderSearchParams, isEditing, isPreviewing, register, setEditorSettings, subscribeToEditor, track };
+export { Blocks, BlocksProps, BuilderBlock, BuilderContent, _default as BuilderContext, Button, ButtonProps, ColumnProps, Columns, ComponentInfo, ContentVariants as Content, ContentVariantsPrps as ContentProps, FragmentComponent as Fragment, FragmentProps, Image, ImageProps, InsertMenuConfig, InsertMenuItem, RegisteredComponent, SectionComponent as Section, SectionProps, Settings, Symbol, SymbolProps, Text, TextProps, Video, VideoProps, _processContentResult, createRegisterComponentMessage, fetchBuilderProps, fetchEntries, fetchOneEntry, getBuilderSearchParams, isEditing, isPreviewing, register, setEditorSettings, subscribeToEditor, track };

package/lib/browser/dev.js

@@ -4449,7 +4449,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "1.0.16";
+var SDK_VERSION = "1.0.19";
 
 // src/functions/register.ts
 var registry = {};
@@ -4650,6 +4650,7 @@ var subscribeToEditor = (model, callback, options) => {
 function EnableEditor(props) {
   const [ContentWrapper, setContentWrapper] = createSignal(props.contentWrapper || "div");
   const [httpReqsData, setHttpReqsData] = createSignal({});
+  const [httpReqsPending, setHttpReqsPending] = createSignal({});
   const [clicked, setClicked] = createSignal(false);
   function mergeNewRootState(newData) {
     const combinedState = {
@@ -4748,41 +4749,34 @@ function EnableEditor(props) {
       setClicked(true);
     }
   }
-  function evalExpression(expression) {
-    return expression.replace(/{{([^}]+)}}/g, (_match, group) => String(evaluate({
-      code: group,
-      context: props.context || {},
-      localState: void 0,
-      rootState: props.builderContextSignal.rootState,
-      rootSetState: props.builderContextSignal.rootSetState,
-      enableCache: true
-    })));
-  }
-  function handleRequest({
-    url,
-    key
-  }) {
-    fetch2(url).then((response) => response.json()).then((json) => {
-      const newState = {
-        ...props.builderContextSignal.rootState,
-        [key]: json
-      };
-      props.builderContextSignal.rootSetState?.(newState);
-      httpReqsData()[key] = true;
-    }).catch((err) => {
-      console.error("error fetching dynamic data", url, err);
-    });
-  }
   function runHttpRequests() {
     const requests = props.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;
+      if (httpReqsPending()[key])
+        return;
+      if (httpReqsData()[key] && !isEditing())
+        return;
+      httpReqsPending()[key] = true;
+      const evaluatedUrl = url.replace(/{{([^}]+)}}/g, (_match, group) => String(evaluate({
+        code: group,
+        context: props.context || {},
+        localState: void 0,
+        rootState: props.builderContextSignal.rootState,
+        rootSetState: props.builderContextSignal.rootSetState,
+        enableCache: true
+      })));
+      fetch2(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() {
@@ -5545,4 +5539,4 @@ var fetchBuilderProps = async (_args) => {
   };
 };
 
-export { blocks_default as Blocks, button_default as Button, columns_default as Columns, content_variants_default as Content, fragment_default as Fragment, image_default as Image, section_default as Section, symbol_default as Symbol, text_default as Text, video_default as Video, _processContentResult, createRegisterComponentMessage, fetchBuilderProps, fetchEntries, fetchOneEntry, getBuilderSearchParams, isEditing, isPreviewing, register, setEditorSettings, subscribeToEditor, track };
+export { blocks_default as Blocks, builder_context_default as BuilderContext, button_default as Button, columns_default as Columns, content_variants_default as Content, fragment_default as Fragment, image_default as Image, section_default as Section, symbol_default as Symbol, text_default as Text, video_default as Video, _processContentResult, createRegisterComponentMessage, fetchBuilderProps, fetchEntries, fetchOneEntry, getBuilderSearchParams, isEditing, isPreviewing, register, setEditorSettings, subscribeToEditor, track };

package/lib/browser/dev.jsx

@@ -4033,7 +4033,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "1.0.16";
+var SDK_VERSION = "1.0.19";
 
 // src/functions/register.ts
 var registry = {};
@@ -4236,6 +4236,7 @@ function EnableEditor(props) {
     props.contentWrapper || "div"
   );
   const [httpReqsData, setHttpReqsData] = createSignal12({});
+  const [httpReqsPending, setHttpReqsPending] = createSignal12({});
   const [clicked, setClicked] = createSignal12(false);
   function mergeNewRootState(newData) {
     const combinedState = {
@@ -4331,43 +4332,39 @@ function EnableEditor(props) {
       setClicked(true);
     }
   }
-  function evalExpression(expression) {
-    return expression.replace(
-      /{{([^}]+)}}/g,
-      (_match, group) => String(
-        evaluate({
-          code: group,
-          context: props.context || {},
-          localState: void 0,
-          rootState: props.builderContextSignal.rootState,
-          rootSetState: props.builderContextSignal.rootSetState,
-          enableCache: true
-        })
-      )
-    );
-  }
-  function handleRequest({ url, key }) {
-    fetch2(url).then((response) => response.json()).then((json) => {
-      const newState = {
-        ...props.builderContextSignal.rootState,
-        [key]: json
-      };
-      props.builderContextSignal.rootSetState?.(newState);
-      httpReqsData()[key] = true;
-    }).catch((err) => {
-      console.error("error fetching dynamic data", url, err);
-    });
-  }
   function runHttpRequests() {
     const requests = props.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;
+      if (httpReqsPending()[key])
+        return;
+      if (httpReqsData()[key] && !isEditing())
+        return;
+      httpReqsPending()[key] = true;
+      const evaluatedUrl = url.replace(
+        /{{([^}]+)}}/g,
+        (_match, group) => String(
+          evaluate({
+            code: group,
+            context: props.context || {},
+            localState: void 0,
+            rootState: props.builderContextSignal.rootState,
+            rootSetState: props.builderContextSignal.rootSetState,
+            enableCache: true
+          })
+        )
+      );
+      fetch2(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() {
@@ -4984,6 +4981,7 @@ var fetchBuilderProps = async (_args) => {
 };
 export {
   Blocks_default as Blocks,
+  builder_context_default as BuilderContext,
   button_default as Button,
   columns_default as Columns,
   Content_variants_default as Content,

package/lib/browser/index.js

@@ -4434,7 +4434,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "1.0.16";
+var SDK_VERSION = "1.0.19";
 
 // src/functions/register.ts
 var registry = {};
@@ -4634,6 +4634,7 @@ var subscribeToEditor = (model, callback, options) => {
 function EnableEditor(props) {
   const [ContentWrapper, setContentWrapper] = createSignal(props.contentWrapper || "div");
   const [httpReqsData, setHttpReqsData] = createSignal({});
+  const [httpReqsPending, setHttpReqsPending] = createSignal({});
   const [clicked, setClicked] = createSignal(false);
   function mergeNewRootState(newData) {
     const combinedState = {
@@ -4732,40 +4733,33 @@ function EnableEditor(props) {
       setClicked(true);
     }
   }
-  function evalExpression(expression) {
-    return expression.replace(/{{([^}]+)}}/g, (_match, group) => String(evaluate({
-      code: group,
-      context: props.context || {},
-      localState: void 0,
-      rootState: props.builderContextSignal.rootState,
-      rootSetState: props.builderContextSignal.rootSetState,
-      enableCache: true
-    })));
-  }
-  function handleRequest({
-    url,
-    key
-  }) {
-    fetch2(url).then((response) => response.json()).then((json) => {
-      const newState = {
-        ...props.builderContextSignal.rootState,
-        [key]: json
-      };
-      props.builderContextSignal.rootSetState?.(newState);
-      httpReqsData()[key] = true;
-    }).catch((err) => {
-    });
-  }
   function runHttpRequests() {
     const requests = props.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;
+      if (httpReqsPending()[key])
+        return;
+      if (httpReqsData()[key] && !isEditing())
+        return;
+      httpReqsPending()[key] = true;
+      const evaluatedUrl = url.replace(/{{([^}]+)}}/g, (_match, group) => String(evaluate({
+        code: group,
+        context: props.context || {},
+        localState: void 0,
+        rootState: props.builderContextSignal.rootState,
+        rootSetState: props.builderContextSignal.rootSetState,
+        enableCache: true
+      })));
+      fetch2(evaluatedUrl).then((response) => response.json()).then((json) => {
+        mergeNewRootState({
+          [key]: json
         });
-      }
+        httpReqsData()[key] = true;
+      }).catch((err) => {
+      }).finally(() => {
+        httpReqsPending()[key] = false;
+      });
     });
   }
   function emitStateUpdate() {
@@ -5528,4 +5522,4 @@ var fetchBuilderProps = async (_args) => {
   };
 };
 
-export { blocks_default as Blocks, button_default as Button, columns_default as Columns, content_variants_default as Content, fragment_default as Fragment, image_default as Image, section_default as Section, symbol_default as Symbol, text_default as Text, video_default as Video, _processContentResult, createRegisterComponentMessage, fetchBuilderProps, fetchEntries, fetchOneEntry, getBuilderSearchParams, isEditing, isPreviewing, register, setEditorSettings, subscribeToEditor, track };
+export { blocks_default as Blocks, builder_context_default as BuilderContext, button_default as Button, columns_default as Columns, content_variants_default as Content, fragment_default as Fragment, image_default as Image, section_default as Section, symbol_default as Symbol, text_default as Text, video_default as Video, _processContentResult, createRegisterComponentMessage, fetchBuilderProps, fetchEntries, fetchOneEntry, getBuilderSearchParams, isEditing, isPreviewing, register, setEditorSettings, subscribeToEditor, track };

package/lib/browser/index.jsx

@@ -4018,7 +4018,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "1.0.16";
+var SDK_VERSION = "1.0.19";
 
 // src/functions/register.ts
 var registry = {};
@@ -4220,6 +4220,7 @@ function EnableEditor(props) {
     props.contentWrapper || "div"
   );
   const [httpReqsData, setHttpReqsData] = createSignal12({});
+  const [httpReqsPending, setHttpReqsPending] = createSignal12({});
   const [clicked, setClicked] = createSignal12(false);
   function mergeNewRootState(newData) {
     const combinedState = {
@@ -4315,42 +4316,38 @@ function EnableEditor(props) {
       setClicked(true);
     }
   }
-  function evalExpression(expression) {
-    return expression.replace(
-      /{{([^}]+)}}/g,
-      (_match, group) => String(
-        evaluate({
-          code: group,
-          context: props.context || {},
-          localState: void 0,
-          rootState: props.builderContextSignal.rootState,
-          rootSetState: props.builderContextSignal.rootSetState,
-          enableCache: true
-        })
-      )
-    );
-  }
-  function handleRequest({ url, key }) {
-    fetch2(url).then((response) => response.json()).then((json) => {
-      const newState = {
-        ...props.builderContextSignal.rootState,
-        [key]: json
-      };
-      props.builderContextSignal.rootSetState?.(newState);
-      httpReqsData()[key] = true;
-    }).catch((err) => {
-    });
-  }
   function runHttpRequests() {
     const requests = props.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;
+      if (httpReqsPending()[key])
+        return;
+      if (httpReqsData()[key] && !isEditing())
+        return;
+      httpReqsPending()[key] = true;
+      const evaluatedUrl = url.replace(
+        /{{([^}]+)}}/g,
+        (_match, group) => String(
+          evaluate({
+            code: group,
+            context: props.context || {},
+            localState: void 0,
+            rootState: props.builderContextSignal.rootState,
+            rootSetState: props.builderContextSignal.rootSetState,
+            enableCache: true
+          })
+        )
+      );
+      fetch2(evaluatedUrl).then((response) => response.json()).then((json) => {
+        mergeNewRootState({
+          [key]: json
         });
-      }
+        httpReqsData()[key] = true;
+      }).catch((err) => {
+      }).finally(() => {
+        httpReqsPending()[key] = false;
+      });
     });
   }
   function emitStateUpdate() {
@@ -4967,6 +4964,7 @@ var fetchBuilderProps = async (_args) => {
 };
 export {
   Blocks_default as Blocks,
+  builder_context_default as BuilderContext,
   button_default as Button,
   columns_default as Columns,
   Content_variants_default as Content,

package/lib/edge/dev.js

@@ -7602,7 +7602,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "1.0.16";
+var SDK_VERSION = "1.0.19";
 
 // src/functions/register.ts
 var registry = {};
@@ -7803,6 +7803,7 @@ var subscribeToEditor = (model, callback, options) => {
 function EnableEditor(props) {
   const [ContentWrapper, setContentWrapper] = createSignal(props.contentWrapper || "div");
   const [httpReqsData, setHttpReqsData] = createSignal({});
+  const [httpReqsPending, setHttpReqsPending] = createSignal({});
   const [clicked, setClicked] = createSignal(false);
   function mergeNewRootState(newData) {
     const combinedState = {
@@ -7901,41 +7902,34 @@ function EnableEditor(props) {
       setClicked(true);
     }
   }
-  function evalExpression(expression) {
-    return expression.replace(/{{([^}]+)}}/g, (_match, group) => String(evaluate({
-      code: group,
-      context: props.context || {},
-      localState: void 0,
-      rootState: props.builderContextSignal.rootState,
-      rootSetState: props.builderContextSignal.rootSetState,
-      enableCache: true
-    })));
-  }
-  function handleRequest({
-    url,
-    key
-  }) {
-    fetch2(url).then((response) => response.json()).then((json) => {
-      const newState = {
-        ...props.builderContextSignal.rootState,
-        [key]: json
-      };
-      props.builderContextSignal.rootSetState?.(newState);
-      httpReqsData()[key] = true;
-    }).catch((err) => {
-      console.error("error fetching dynamic data", url, err);
-    });
-  }
   function runHttpRequests() {
     const requests = props.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;
+      if (httpReqsPending()[key])
+        return;
+      if (httpReqsData()[key] && !isEditing())
+        return;
+      httpReqsPending()[key] = true;
+      const evaluatedUrl = url.replace(/{{([^}]+)}}/g, (_match, group) => String(evaluate({
+        code: group,
+        context: props.context || {},
+        localState: void 0,
+        rootState: props.builderContextSignal.rootState,
+        rootSetState: props.builderContextSignal.rootSetState,
+        enableCache: true
+      })));
+      fetch2(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() {
@@ -8698,4 +8692,4 @@ var fetchBuilderProps = async (_args) => {
   };
 };
 
-export { blocks_default as Blocks, button_default as Button, columns_default as Columns, content_variants_default as Content, fragment_default as Fragment, image_default as Image, section_default as Section, symbol_default as Symbol, text_default as Text, video_default as Video, _processContentResult, createRegisterComponentMessage, fetchBuilderProps, fetchEntries, fetchOneEntry, getBuilderSearchParams, isEditing, isPreviewing, register, setEditorSettings, subscribeToEditor, track };
+export { blocks_default as Blocks, builder_context_default as BuilderContext, button_default as Button, columns_default as Columns, content_variants_default as Content, fragment_default as Fragment, image_default as Image, section_default as Section, symbol_default as Symbol, text_default as Text, video_default as Video, _processContentResult, createRegisterComponentMessage, fetchBuilderProps, fetchEntries, fetchOneEntry, getBuilderSearchParams, isEditing, isPreviewing, register, setEditorSettings, subscribeToEditor, track };

package/lib/edge/dev.jsx

@@ -7188,7 +7188,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "1.0.16";
+var SDK_VERSION = "1.0.19";
 
 // src/functions/register.ts
 var registry = {};
@@ -7391,6 +7391,7 @@ function EnableEditor(props) {
     props.contentWrapper || "div"
   );
   const [httpReqsData, setHttpReqsData] = createSignal12({});
+  const [httpReqsPending, setHttpReqsPending] = createSignal12({});
   const [clicked, setClicked] = createSignal12(false);
   function mergeNewRootState(newData) {
     const combinedState = {
@@ -7486,43 +7487,39 @@ function EnableEditor(props) {
       setClicked(true);
     }
   }
-  function evalExpression(expression) {
-    return expression.replace(
-      /{{([^}]+)}}/g,
-      (_match, group) => String(
-        evaluate({
-          code: group,
-          context: props.context || {},
-          localState: void 0,
-          rootState: props.builderContextSignal.rootState,
-          rootSetState: props.builderContextSignal.rootSetState,
-          enableCache: true
-        })
-      )
-    );
-  }
-  function handleRequest({ url, key }) {
-    fetch2(url).then((response) => response.json()).then((json) => {
-      const newState = {
-        ...props.builderContextSignal.rootState,
-        [key]: json
-      };
-      props.builderContextSignal.rootSetState?.(newState);
-      httpReqsData()[key] = true;
-    }).catch((err) => {
-      console.error("error fetching dynamic data", url, err);
-    });
-  }
   function runHttpRequests() {
     const requests = props.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;
+      if (httpReqsPending()[key])
+        return;
+      if (httpReqsData()[key] && !isEditing())
+        return;
+      httpReqsPending()[key] = true;
+      const evaluatedUrl = url.replace(
+        /{{([^}]+)}}/g,
+        (_match, group) => String(
+          evaluate({
+            code: group,
+            context: props.context || {},
+            localState: void 0,
+            rootState: props.builderContextSignal.rootState,
+            rootSetState: props.builderContextSignal.rootSetState,
+            enableCache: true
+          })
+        )
+      );
+      fetch2(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() {
@@ -8139,6 +8136,7 @@ var fetchBuilderProps = async (_args) => {
 };
 export {
   Blocks_default as Blocks,
+  builder_context_default as BuilderContext,
   button_default as Button,
   columns_default as Columns,
   Content_variants_default as Content,

package/lib/edge/index.js

@@ -7587,7 +7587,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "1.0.16";
+var SDK_VERSION = "1.0.19";
 
 // src/functions/register.ts
 var registry = {};
@@ -7787,6 +7787,7 @@ var subscribeToEditor = (model, callback, options) => {
 function EnableEditor(props) {
   const [ContentWrapper, setContentWrapper] = createSignal(props.contentWrapper || "div");
   const [httpReqsData, setHttpReqsData] = createSignal({});
+  const [httpReqsPending, setHttpReqsPending] = createSignal({});
   const [clicked, setClicked] = createSignal(false);
   function mergeNewRootState(newData) {
     const combinedState = {
@@ -7885,40 +7886,33 @@ function EnableEditor(props) {
       setClicked(true);
     }
   }
-  function evalExpression(expression) {
-    return expression.replace(/{{([^}]+)}}/g, (_match, group) => String(evaluate({
-      code: group,
-      context: props.context || {},
-      localState: void 0,
-      rootState: props.builderContextSignal.rootState,
-      rootSetState: props.builderContextSignal.rootSetState,
-      enableCache: true
-    })));
-  }
-  function handleRequest({
-    url,
-    key
-  }) {
-    fetch2(url).then((response) => response.json()).then((json) => {
-      const newState = {
-        ...props.builderContextSignal.rootState,
-        [key]: json
-      };
-      props.builderContextSignal.rootSetState?.(newState);
-      httpReqsData()[key] = true;
-    }).catch((err) => {
-    });
-  }
   function runHttpRequests() {
     const requests = props.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;
+      if (httpReqsPending()[key])
+        return;
+      if (httpReqsData()[key] && !isEditing())
+        return;
+      httpReqsPending()[key] = true;
+      const evaluatedUrl = url.replace(/{{([^}]+)}}/g, (_match, group) => String(evaluate({
+        code: group,
+        context: props.context || {},
+        localState: void 0,
+        rootState: props.builderContextSignal.rootState,
+        rootSetState: props.builderContextSignal.rootSetState,
+        enableCache: true
+      })));
+      fetch2(evaluatedUrl).then((response) => response.json()).then((json) => {
+        mergeNewRootState({
+          [key]: json
         });
-      }
+        httpReqsData()[key] = true;
+      }).catch((err) => {
+      }).finally(() => {
+        httpReqsPending()[key] = false;
+      });
     });
   }
   function emitStateUpdate() {
@@ -8681,4 +8675,4 @@ var fetchBuilderProps = async (_args) => {
   };
 };
 
-export { blocks_default as Blocks, button_default as Button, columns_default as Columns, content_variants_default as Content, fragment_default as Fragment, image_default as Image, section_default as Section, symbol_default as Symbol, text_default as Text, video_default as Video, _processContentResult, createRegisterComponentMessage, fetchBuilderProps, fetchEntries, fetchOneEntry, getBuilderSearchParams, isEditing, isPreviewing, register, setEditorSettings, subscribeToEditor, track };
+export { blocks_default as Blocks, builder_context_default as BuilderContext, button_default as Button, columns_default as Columns, content_variants_default as Content, fragment_default as Fragment, image_default as Image, section_default as Section, symbol_default as Symbol, text_default as Text, video_default as Video, _processContentResult, createRegisterComponentMessage, fetchBuilderProps, fetchEntries, fetchOneEntry, getBuilderSearchParams, isEditing, isPreviewing, register, setEditorSettings, subscribeToEditor, track };

package/lib/edge/index.jsx

@@ -7173,7 +7173,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "1.0.16";
+var SDK_VERSION = "1.0.19";
 
 // src/functions/register.ts
 var registry = {};
@@ -7375,6 +7375,7 @@ function EnableEditor(props) {
     props.contentWrapper || "div"
   );
   const [httpReqsData, setHttpReqsData] = createSignal12({});
+  const [httpReqsPending, setHttpReqsPending] = createSignal12({});
   const [clicked, setClicked] = createSignal12(false);
   function mergeNewRootState(newData) {
     const combinedState = {
@@ -7470,42 +7471,38 @@ function EnableEditor(props) {
       setClicked(true);
     }
   }
-  function evalExpression(expression) {
-    return expression.replace(
-      /{{([^}]+)}}/g,
-      (_match, group) => String(
-        evaluate({
-          code: group,
-          context: props.context || {},
-          localState: void 0,
-          rootState: props.builderContextSignal.rootState,
-          rootSetState: props.builderContextSignal.rootSetState,
-          enableCache: true
-        })
-      )
-    );
-  }
-  function handleRequest({ url, key }) {
-    fetch2(url).then((response) => response.json()).then((json) => {
-      const newState = {
-        ...props.builderContextSignal.rootState,
-        [key]: json
-      };
-      props.builderContextSignal.rootSetState?.(newState);
-      httpReqsData()[key] = true;
-    }).catch((err) => {
-    });
-  }
   function runHttpRequests() {
     const requests = props.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;
+      if (httpReqsPending()[key])
+        return;
+      if (httpReqsData()[key] && !isEditing())
+        return;
+      httpReqsPending()[key] = true;
+      const evaluatedUrl = url.replace(
+        /{{([^}]+)}}/g,
+        (_match, group) => String(
+          evaluate({
+            code: group,
+            context: props.context || {},
+            localState: void 0,
+            rootState: props.builderContextSignal.rootState,
+            rootSetState: props.builderContextSignal.rootSetState,
+            enableCache: true
+          })
+        )
+      );
+      fetch2(evaluatedUrl).then((response) => response.json()).then((json) => {
+        mergeNewRootState({
+          [key]: json
         });
-      }
+        httpReqsData()[key] = true;
+      }).catch((err) => {
+      }).finally(() => {
+        httpReqsPending()[key] = false;
+      });
     });
   }
   function emitStateUpdate() {
@@ -8122,6 +8119,7 @@ var fetchBuilderProps = async (_args) => {
 };
 export {
   Blocks_default as Blocks,
+  builder_context_default as BuilderContext,
   button_default as Button,
   columns_default as Columns,
   Content_variants_default as Content,

package/lib/node/dev.js

@@ -4574,7 +4574,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "1.0.16";
+var SDK_VERSION = "1.0.19";
 
 // src/functions/register.ts
 var registry = {};
@@ -4775,6 +4775,7 @@ var subscribeToEditor = (model, callback, options) => {
 function EnableEditor(props) {
   const [ContentWrapper, setContentWrapper] = createSignal(props.contentWrapper || "div");
   const [httpReqsData, setHttpReqsData] = createSignal({});
+  const [httpReqsPending, setHttpReqsPending] = createSignal({});
   const [clicked, setClicked] = createSignal(false);
   function mergeNewRootState(newData) {
     const combinedState = {
@@ -4873,41 +4874,34 @@ function EnableEditor(props) {
       setClicked(true);
     }
   }
-  function evalExpression(expression) {
-    return expression.replace(/{{([^}]+)}}/g, (_match, group) => String(evaluate({
-      code: group,
-      context: props.context || {},
-      localState: void 0,
-      rootState: props.builderContextSignal.rootState,
-      rootSetState: props.builderContextSignal.rootSetState,
-      enableCache: true
-    })));
-  }
-  function handleRequest({
-    url,
-    key
-  }) {
-    fetch2(url).then((response) => response.json()).then((json) => {
-      const newState = {
-        ...props.builderContextSignal.rootState,
-        [key]: json
-      };
-      props.builderContextSignal.rootSetState?.(newState);
-      httpReqsData()[key] = true;
-    }).catch((err) => {
-      console.error("error fetching dynamic data", url, err);
-    });
-  }
   function runHttpRequests() {
     const requests = props.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;
+      if (httpReqsPending()[key])
+        return;
+      if (httpReqsData()[key] && !isEditing())
+        return;
+      httpReqsPending()[key] = true;
+      const evaluatedUrl = url.replace(/{{([^}]+)}}/g, (_match, group) => String(evaluate({
+        code: group,
+        context: props.context || {},
+        localState: void 0,
+        rootState: props.builderContextSignal.rootState,
+        rootSetState: props.builderContextSignal.rootSetState,
+        enableCache: true
+      })));
+      fetch2(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() {
@@ -5670,4 +5664,4 @@ var fetchBuilderProps = async (_args) => {
   };
 };
 
-export { blocks_default as Blocks, button_default as Button, columns_default as Columns, content_variants_default as Content, fragment_default as Fragment, image_default as Image, section_default as Section, symbol_default as Symbol, text_default as Text, video_default as Video, _processContentResult, createRegisterComponentMessage, fetchBuilderProps, fetchEntries, fetchOneEntry, getBuilderSearchParams, isEditing, isPreviewing, register, setEditorSettings, subscribeToEditor, track };
+export { blocks_default as Blocks, builder_context_default as BuilderContext, button_default as Button, columns_default as Columns, content_variants_default as Content, fragment_default as Fragment, image_default as Image, section_default as Section, symbol_default as Symbol, text_default as Text, video_default as Video, _processContentResult, createRegisterComponentMessage, fetchBuilderProps, fetchEntries, fetchOneEntry, getBuilderSearchParams, isEditing, isPreviewing, register, setEditorSettings, subscribeToEditor, track };

package/lib/node/dev.jsx

@@ -4160,7 +4160,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "1.0.16";
+var SDK_VERSION = "1.0.19";
 
 // src/functions/register.ts
 var registry = {};
@@ -4363,6 +4363,7 @@ function EnableEditor(props) {
     props.contentWrapper || "div"
   );
   const [httpReqsData, setHttpReqsData] = createSignal12({});
+  const [httpReqsPending, setHttpReqsPending] = createSignal12({});
   const [clicked, setClicked] = createSignal12(false);
   function mergeNewRootState(newData) {
     const combinedState = {
@@ -4458,43 +4459,39 @@ function EnableEditor(props) {
       setClicked(true);
     }
   }
-  function evalExpression(expression) {
-    return expression.replace(
-      /{{([^}]+)}}/g,
-      (_match, group) => String(
-        evaluate({
-          code: group,
-          context: props.context || {},
-          localState: void 0,
-          rootState: props.builderContextSignal.rootState,
-          rootSetState: props.builderContextSignal.rootSetState,
-          enableCache: true
-        })
-      )
-    );
-  }
-  function handleRequest({ url, key }) {
-    fetch2(url).then((response) => response.json()).then((json) => {
-      const newState = {
-        ...props.builderContextSignal.rootState,
-        [key]: json
-      };
-      props.builderContextSignal.rootSetState?.(newState);
-      httpReqsData()[key] = true;
-    }).catch((err) => {
-      console.error("error fetching dynamic data", url, err);
-    });
-  }
   function runHttpRequests() {
     const requests = props.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;
+      if (httpReqsPending()[key])
+        return;
+      if (httpReqsData()[key] && !isEditing())
+        return;
+      httpReqsPending()[key] = true;
+      const evaluatedUrl = url.replace(
+        /{{([^}]+)}}/g,
+        (_match, group) => String(
+          evaluate({
+            code: group,
+            context: props.context || {},
+            localState: void 0,
+            rootState: props.builderContextSignal.rootState,
+            rootSetState: props.builderContextSignal.rootSetState,
+            enableCache: true
+          })
+        )
+      );
+      fetch2(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() {
@@ -5111,6 +5108,7 @@ var fetchBuilderProps = async (_args) => {
 };
 export {
   Blocks_default as Blocks,
+  builder_context_default as BuilderContext,
   button_default as Button,
   columns_default as Columns,
   Content_variants_default as Content,

package/lib/node/index.js

@@ -4558,7 +4558,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "1.0.16";
+var SDK_VERSION = "1.0.19";
 
 // src/functions/register.ts
 var registry = {};
@@ -4758,6 +4758,7 @@ var subscribeToEditor = (model, callback, options) => {
 function EnableEditor(props) {
   const [ContentWrapper, setContentWrapper] = createSignal(props.contentWrapper || "div");
   const [httpReqsData, setHttpReqsData] = createSignal({});
+  const [httpReqsPending, setHttpReqsPending] = createSignal({});
   const [clicked, setClicked] = createSignal(false);
   function mergeNewRootState(newData) {
     const combinedState = {
@@ -4856,40 +4857,33 @@ function EnableEditor(props) {
       setClicked(true);
     }
   }
-  function evalExpression(expression) {
-    return expression.replace(/{{([^}]+)}}/g, (_match, group) => String(evaluate({
-      code: group,
-      context: props.context || {},
-      localState: void 0,
-      rootState: props.builderContextSignal.rootState,
-      rootSetState: props.builderContextSignal.rootSetState,
-      enableCache: true
-    })));
-  }
-  function handleRequest({
-    url,
-    key
-  }) {
-    fetch2(url).then((response) => response.json()).then((json) => {
-      const newState = {
-        ...props.builderContextSignal.rootState,
-        [key]: json
-      };
-      props.builderContextSignal.rootSetState?.(newState);
-      httpReqsData()[key] = true;
-    }).catch((err) => {
-    });
-  }
   function runHttpRequests() {
     const requests = props.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;
+      if (httpReqsPending()[key])
+        return;
+      if (httpReqsData()[key] && !isEditing())
+        return;
+      httpReqsPending()[key] = true;
+      const evaluatedUrl = url.replace(/{{([^}]+)}}/g, (_match, group) => String(evaluate({
+        code: group,
+        context: props.context || {},
+        localState: void 0,
+        rootState: props.builderContextSignal.rootState,
+        rootSetState: props.builderContextSignal.rootSetState,
+        enableCache: true
+      })));
+      fetch2(evaluatedUrl).then((response) => response.json()).then((json) => {
+        mergeNewRootState({
+          [key]: json
         });
-      }
+        httpReqsData()[key] = true;
+      }).catch((err) => {
+      }).finally(() => {
+        httpReqsPending()[key] = false;
+      });
     });
   }
   function emitStateUpdate() {
@@ -5652,4 +5646,4 @@ var fetchBuilderProps = async (_args) => {
   };
 };
 
-export { blocks_default as Blocks, button_default as Button, columns_default as Columns, content_variants_default as Content, fragment_default as Fragment, image_default as Image, section_default as Section, symbol_default as Symbol, text_default as Text, video_default as Video, _processContentResult, createRegisterComponentMessage, fetchBuilderProps, fetchEntries, fetchOneEntry, getBuilderSearchParams, isEditing, isPreviewing, register, setEditorSettings, subscribeToEditor, track };
+export { blocks_default as Blocks, builder_context_default as BuilderContext, button_default as Button, columns_default as Columns, content_variants_default as Content, fragment_default as Fragment, image_default as Image, section_default as Section, symbol_default as Symbol, text_default as Text, video_default as Video, _processContentResult, createRegisterComponentMessage, fetchBuilderProps, fetchEntries, fetchOneEntry, getBuilderSearchParams, isEditing, isPreviewing, register, setEditorSettings, subscribeToEditor, track };

package/lib/node/index.jsx

@@ -4144,7 +4144,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "1.0.16";
+var SDK_VERSION = "1.0.19";
 
 // src/functions/register.ts
 var registry = {};
@@ -4346,6 +4346,7 @@ function EnableEditor(props) {
     props.contentWrapper || "div"
   );
   const [httpReqsData, setHttpReqsData] = createSignal12({});
+  const [httpReqsPending, setHttpReqsPending] = createSignal12({});
   const [clicked, setClicked] = createSignal12(false);
   function mergeNewRootState(newData) {
     const combinedState = {
@@ -4441,42 +4442,38 @@ function EnableEditor(props) {
       setClicked(true);
     }
   }
-  function evalExpression(expression) {
-    return expression.replace(
-      /{{([^}]+)}}/g,
-      (_match, group) => String(
-        evaluate({
-          code: group,
-          context: props.context || {},
-          localState: void 0,
-          rootState: props.builderContextSignal.rootState,
-          rootSetState: props.builderContextSignal.rootSetState,
-          enableCache: true
-        })
-      )
-    );
-  }
-  function handleRequest({ url, key }) {
-    fetch2(url).then((response) => response.json()).then((json) => {
-      const newState = {
-        ...props.builderContextSignal.rootState,
-        [key]: json
-      };
-      props.builderContextSignal.rootSetState?.(newState);
-      httpReqsData()[key] = true;
-    }).catch((err) => {
-    });
-  }
   function runHttpRequests() {
     const requests = props.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;
+      if (httpReqsPending()[key])
+        return;
+      if (httpReqsData()[key] && !isEditing())
+        return;
+      httpReqsPending()[key] = true;
+      const evaluatedUrl = url.replace(
+        /{{([^}]+)}}/g,
+        (_match, group) => String(
+          evaluate({
+            code: group,
+            context: props.context || {},
+            localState: void 0,
+            rootState: props.builderContextSignal.rootState,
+            rootSetState: props.builderContextSignal.rootSetState,
+            enableCache: true
+          })
+        )
+      );
+      fetch2(evaluatedUrl).then((response) => response.json()).then((json) => {
+        mergeNewRootState({
+          [key]: json
         });
-      }
+        httpReqsData()[key] = true;
+      }).catch((err) => {
+      }).finally(() => {
+        httpReqsPending()[key] = false;
+      });
     });
   }
   function emitStateUpdate() {
@@ -5093,6 +5090,7 @@ var fetchBuilderProps = async (_args) => {
 };
 export {
   Blocks_default as Blocks,
+  builder_context_default as BuilderContext,
   button_default as Button,
   columns_default as Columns,
   Content_variants_default as Content,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/sdk-solid",
-  "version": "1.0.16",
+  "version": "1.0.19",
   "description": "",
   "files": [
     "dist",