@builder.io/sdk-solid 1.0.16 → 1.0.17

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.17";
 
 // 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() {

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.17";
 
 // 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() {

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.17";
 
 // 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() {

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.17";
 
 // 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() {

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.17";
 
 // 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() {

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.17";
 
 // 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() {

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.17";
 
 // 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() {

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.17";
 
 // 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() {

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.17";
 
 // 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() {

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.17";
 
 // 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() {

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.17";
 
 // 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() {

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.17";
 
 // 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() {

package/package.json

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