@builder.io/sdk-qwik 0.14.11 → 0.14.12

package/lib/browser/index.qwik.cjs

@@ -4399,7 +4399,7 @@ function isFromTrustedHost(trustedHosts, e) {
   const url = new URL(e.origin), hostname = url.hostname;
   return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
 }
-const SDK_VERSION = "0.14.11";
+const SDK_VERSION = "0.14.12";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -4670,40 +4670,35 @@ const onClick = function onClick22(props, state, elementRef, event) {
   if (!state.clicked)
     state.clicked = true;
 };
-const evalExpression = function evalExpression2(props, state, elementRef, 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
-  })));
-};
-const handleRequest = function handleRequest2(props, state, elementRef, { url, key }) {
-  fetch$1(url).then((response) => response.json()).then((json) => {
-    var _a, _b;
-    const newState = {
-      ...props.builderContextSignal.rootState,
-      [key]: json
-    };
-    (_b = (_a = props.builderContextSignal).rootSetState) == null ? void 0 : _b.call(_a, newState);
-    state.httpReqsData[key] = true;
-  }).catch((err) => {
-    console.error("error fetching dynamic data", url, err);
-  });
-};
 const runHttpRequests = function runHttpRequests2(props, state, elementRef) {
   var _a, _b;
   const requests = ((_b = (_a = props.builderContextSignal.content) == null ? void 0 : _a.data) == null ? void 0 : _b.httpRequests) ?? {};
   Object.entries(requests).forEach(([key, url]) => {
-    if (url && (!state.httpReqsData[key] || isEditing())) {
-      const evaluatedUrl = evalExpression(props, state, elementRef, url);
-      handleRequest(props, state, elementRef, {
-        url: evaluatedUrl,
-        key
+    if (!url)
+      return;
+    if (state.httpReqsPending[key])
+      return;
+    if (state.httpReqsData[key] && !isEditing())
+      return;
+    state.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
+    })));
+    fetch$1(evaluatedUrl).then((response) => response.json()).then((json) => {
+      mergeNewRootState(props, state, elementRef, {
+        [key]: json
       });
-    }
+      state.httpReqsData[key] = true;
+    }).catch((err) => {
+      console.error("error fetching dynamic data", url, err);
+    }).finally(() => {
+      state.httpReqsPending[key] = false;
+    });
   });
 };
 const emitStateUpdate = function emitStateUpdate2(props, state, elementRef) {
@@ -4723,7 +4718,8 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
   const state = qwik.useStore({
     ContentWrapper: props.contentWrapper || "div",
     clicked: false,
-    httpReqsData: {}
+    httpReqsData: {},
+    httpReqsPending: {}
   }, {
     deep: true
   });

package/lib/browser/index.qwik.mjs

@@ -4397,7 +4397,7 @@ function isFromTrustedHost(trustedHosts, e) {
   const url = new URL(e.origin), hostname = url.hostname;
   return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
 }
-const SDK_VERSION = "0.14.11";
+const SDK_VERSION = "0.14.12";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -4668,40 +4668,35 @@ const onClick = function onClick22(props, state, elementRef, event) {
   if (!state.clicked)
     state.clicked = true;
 };
-const evalExpression = function evalExpression2(props, state, elementRef, 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
-  })));
-};
-const handleRequest = function handleRequest2(props, state, elementRef, { url, key }) {
-  fetch$1(url).then((response) => response.json()).then((json) => {
-    var _a, _b;
-    const newState = {
-      ...props.builderContextSignal.rootState,
-      [key]: json
-    };
-    (_b = (_a = props.builderContextSignal).rootSetState) == null ? void 0 : _b.call(_a, newState);
-    state.httpReqsData[key] = true;
-  }).catch((err) => {
-    console.error("error fetching dynamic data", url, err);
-  });
-};
 const runHttpRequests = function runHttpRequests2(props, state, elementRef) {
   var _a, _b;
   const requests = ((_b = (_a = props.builderContextSignal.content) == null ? void 0 : _a.data) == null ? void 0 : _b.httpRequests) ?? {};
   Object.entries(requests).forEach(([key, url]) => {
-    if (url && (!state.httpReqsData[key] || isEditing())) {
-      const evaluatedUrl = evalExpression(props, state, elementRef, url);
-      handleRequest(props, state, elementRef, {
-        url: evaluatedUrl,
-        key
+    if (!url)
+      return;
+    if (state.httpReqsPending[key])
+      return;
+    if (state.httpReqsData[key] && !isEditing())
+      return;
+    state.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
+    })));
+    fetch$1(evaluatedUrl).then((response) => response.json()).then((json) => {
+      mergeNewRootState(props, state, elementRef, {
+        [key]: json
       });
-    }
+      state.httpReqsData[key] = true;
+    }).catch((err) => {
+      console.error("error fetching dynamic data", url, err);
+    }).finally(() => {
+      state.httpReqsPending[key] = false;
+    });
   });
 };
 const emitStateUpdate = function emitStateUpdate2(props, state, elementRef) {
@@ -4721,7 +4716,8 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
   const state = useStore({
     ContentWrapper: props.contentWrapper || "div",
     clicked: false,
-    httpReqsData: {}
+    httpReqsData: {},
+    httpReqsPending: {}
   }, {
     deep: true
   });

package/lib/edge/index.qwik.cjs

@@ -7630,7 +7630,7 @@ function isFromTrustedHost(trustedHosts, e) {
   const url = new URL(e.origin), hostname = url.hostname;
   return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
 }
-const SDK_VERSION = "0.14.11";
+const SDK_VERSION = "0.14.12";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -7901,40 +7901,35 @@ const onClick = function onClick22(props, state, elementRef, event) {
   if (!state.clicked)
     state.clicked = true;
 };
-const evalExpression = function evalExpression2(props, state, elementRef, 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
-  })));
-};
-const handleRequest = function handleRequest2(props, state, elementRef, { url, key }) {
-  fetch$1(url).then((response) => response.json()).then((json) => {
-    var _a, _b;
-    const newState = {
-      ...props.builderContextSignal.rootState,
-      [key]: json
-    };
-    (_b = (_a = props.builderContextSignal).rootSetState) == null ? void 0 : _b.call(_a, newState);
-    state.httpReqsData[key] = true;
-  }).catch((err) => {
-    console.error("error fetching dynamic data", url, err);
-  });
-};
 const runHttpRequests = function runHttpRequests2(props, state, elementRef) {
   var _a, _b;
   const requests = ((_b = (_a = props.builderContextSignal.content) == null ? void 0 : _a.data) == null ? void 0 : _b.httpRequests) ?? {};
   Object.entries(requests).forEach(([key, url]) => {
-    if (url && (!state.httpReqsData[key] || isEditing())) {
-      const evaluatedUrl = evalExpression(props, state, elementRef, url);
-      handleRequest(props, state, elementRef, {
-        url: evaluatedUrl,
-        key
+    if (!url)
+      return;
+    if (state.httpReqsPending[key])
+      return;
+    if (state.httpReqsData[key] && !isEditing())
+      return;
+    state.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
+    })));
+    fetch$1(evaluatedUrl).then((response) => response.json()).then((json) => {
+      mergeNewRootState(props, state, elementRef, {
+        [key]: json
       });
-    }
+      state.httpReqsData[key] = true;
+    }).catch((err) => {
+      console.error("error fetching dynamic data", url, err);
+    }).finally(() => {
+      state.httpReqsPending[key] = false;
+    });
   });
 };
 const emitStateUpdate = function emitStateUpdate2(props, state, elementRef) {
@@ -7954,7 +7949,8 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
   const state = qwik.useStore({
     ContentWrapper: props.contentWrapper || "div",
     clicked: false,
-    httpReqsData: {}
+    httpReqsData: {},
+    httpReqsPending: {}
   }, {
     deep: true
   });

package/lib/edge/index.qwik.mjs

@@ -7628,7 +7628,7 @@ function isFromTrustedHost(trustedHosts, e) {
   const url = new URL(e.origin), hostname = url.hostname;
   return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
 }
-const SDK_VERSION = "0.14.11";
+const SDK_VERSION = "0.14.12";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -7899,40 +7899,35 @@ const onClick = function onClick22(props, state, elementRef, event) {
   if (!state.clicked)
     state.clicked = true;
 };
-const evalExpression = function evalExpression2(props, state, elementRef, 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
-  })));
-};
-const handleRequest = function handleRequest2(props, state, elementRef, { url, key }) {
-  fetch$1(url).then((response) => response.json()).then((json) => {
-    var _a, _b;
-    const newState = {
-      ...props.builderContextSignal.rootState,
-      [key]: json
-    };
-    (_b = (_a = props.builderContextSignal).rootSetState) == null ? void 0 : _b.call(_a, newState);
-    state.httpReqsData[key] = true;
-  }).catch((err) => {
-    console.error("error fetching dynamic data", url, err);
-  });
-};
 const runHttpRequests = function runHttpRequests2(props, state, elementRef) {
   var _a, _b;
   const requests = ((_b = (_a = props.builderContextSignal.content) == null ? void 0 : _a.data) == null ? void 0 : _b.httpRequests) ?? {};
   Object.entries(requests).forEach(([key, url]) => {
-    if (url && (!state.httpReqsData[key] || isEditing())) {
-      const evaluatedUrl = evalExpression(props, state, elementRef, url);
-      handleRequest(props, state, elementRef, {
-        url: evaluatedUrl,
-        key
+    if (!url)
+      return;
+    if (state.httpReqsPending[key])
+      return;
+    if (state.httpReqsData[key] && !isEditing())
+      return;
+    state.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
+    })));
+    fetch$1(evaluatedUrl).then((response) => response.json()).then((json) => {
+      mergeNewRootState(props, state, elementRef, {
+        [key]: json
       });
-    }
+      state.httpReqsData[key] = true;
+    }).catch((err) => {
+      console.error("error fetching dynamic data", url, err);
+    }).finally(() => {
+      state.httpReqsPending[key] = false;
+    });
   });
 };
 const emitStateUpdate = function emitStateUpdate2(props, state, elementRef) {
@@ -7952,7 +7947,8 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
   const state = useStore({
     ContentWrapper: props.contentWrapper || "div",
     clicked: false,
-    httpReqsData: {}
+    httpReqsData: {},
+    httpReqsPending: {}
   }, {
     deep: true
   });

package/lib/node/index.qwik.cjs

@@ -4501,7 +4501,7 @@ function isFromTrustedHost(trustedHosts, e) {
   const url = new URL(e.origin), hostname = url.hostname;
   return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
 }
-const SDK_VERSION = "0.14.11";
+const SDK_VERSION = "0.14.12";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -4772,40 +4772,35 @@ const onClick = function onClick22(props, state, elementRef, event) {
   if (!state.clicked)
     state.clicked = true;
 };
-const evalExpression = function evalExpression2(props, state, elementRef, 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
-  })));
-};
-const handleRequest = function handleRequest2(props, state, elementRef, { url, key }) {
-  fetch$1(url).then((response) => response.json()).then((json) => {
-    var _a, _b;
-    const newState = {
-      ...props.builderContextSignal.rootState,
-      [key]: json
-    };
-    (_b = (_a = props.builderContextSignal).rootSetState) == null ? void 0 : _b.call(_a, newState);
-    state.httpReqsData[key] = true;
-  }).catch((err) => {
-    console.error("error fetching dynamic data", url, err);
-  });
-};
 const runHttpRequests = function runHttpRequests2(props, state, elementRef) {
   var _a, _b;
   const requests = ((_b = (_a = props.builderContextSignal.content) == null ? void 0 : _a.data) == null ? void 0 : _b.httpRequests) ?? {};
   Object.entries(requests).forEach(([key, url]) => {
-    if (url && (!state.httpReqsData[key] || isEditing())) {
-      const evaluatedUrl = evalExpression(props, state, elementRef, url);
-      handleRequest(props, state, elementRef, {
-        url: evaluatedUrl,
-        key
+    if (!url)
+      return;
+    if (state.httpReqsPending[key])
+      return;
+    if (state.httpReqsData[key] && !isEditing())
+      return;
+    state.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
+    })));
+    fetch$1(evaluatedUrl).then((response) => response.json()).then((json) => {
+      mergeNewRootState(props, state, elementRef, {
+        [key]: json
       });
-    }
+      state.httpReqsData[key] = true;
+    }).catch((err) => {
+      console.error("error fetching dynamic data", url, err);
+    }).finally(() => {
+      state.httpReqsPending[key] = false;
+    });
   });
 };
 const emitStateUpdate = function emitStateUpdate2(props, state, elementRef) {
@@ -4825,7 +4820,8 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
   const state = qwik.useStore({
     ContentWrapper: props.contentWrapper || "div",
     clicked: false,
-    httpReqsData: {}
+    httpReqsData: {},
+    httpReqsPending: {}
   }, {
     deep: true
   });

package/lib/node/index.qwik.mjs

@@ -4499,7 +4499,7 @@ function isFromTrustedHost(trustedHosts, e) {
   const url = new URL(e.origin), hostname = url.hostname;
   return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
 }
-const SDK_VERSION = "0.14.11";
+const SDK_VERSION = "0.14.12";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -4770,40 +4770,35 @@ const onClick = function onClick22(props, state, elementRef, event) {
   if (!state.clicked)
     state.clicked = true;
 };
-const evalExpression = function evalExpression2(props, state, elementRef, 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
-  })));
-};
-const handleRequest = function handleRequest2(props, state, elementRef, { url, key }) {
-  fetch$1(url).then((response) => response.json()).then((json) => {
-    var _a, _b;
-    const newState = {
-      ...props.builderContextSignal.rootState,
-      [key]: json
-    };
-    (_b = (_a = props.builderContextSignal).rootSetState) == null ? void 0 : _b.call(_a, newState);
-    state.httpReqsData[key] = true;
-  }).catch((err) => {
-    console.error("error fetching dynamic data", url, err);
-  });
-};
 const runHttpRequests = function runHttpRequests2(props, state, elementRef) {
   var _a, _b;
   const requests = ((_b = (_a = props.builderContextSignal.content) == null ? void 0 : _a.data) == null ? void 0 : _b.httpRequests) ?? {};
   Object.entries(requests).forEach(([key, url]) => {
-    if (url && (!state.httpReqsData[key] || isEditing())) {
-      const evaluatedUrl = evalExpression(props, state, elementRef, url);
-      handleRequest(props, state, elementRef, {
-        url: evaluatedUrl,
-        key
+    if (!url)
+      return;
+    if (state.httpReqsPending[key])
+      return;
+    if (state.httpReqsData[key] && !isEditing())
+      return;
+    state.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
+    })));
+    fetch$1(evaluatedUrl).then((response) => response.json()).then((json) => {
+      mergeNewRootState(props, state, elementRef, {
+        [key]: json
       });
-    }
+      state.httpReqsData[key] = true;
+    }).catch((err) => {
+      console.error("error fetching dynamic data", url, err);
+    }).finally(() => {
+      state.httpReqsPending[key] = false;
+    });
   });
 };
 const emitStateUpdate = function emitStateUpdate2(props, state, elementRef) {
@@ -4823,7 +4818,8 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
   const state = useStore({
     ContentWrapper: props.contentWrapper || "div",
     clicked: false,
-    httpReqsData: {}
+    httpReqsData: {},
+    httpReqsPending: {}
   }, {
     deep: true
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/sdk-qwik",
-  "version": "0.14.11",
+  "version": "0.14.12",
   "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/qwik",
   "repository": {
     "type": "git",

package/types/src/components/content/components/enable-editor.d.ts

@@ -12,11 +12,6 @@ export declare const mergeNewContent: (props: any, state: any, elementRef: any,
 export declare const processMessage: (props: any, state: any, elementRef: any, event: MessageEvent) => void;
 export declare const evaluateJsCode: (props: any, state: any, elementRef: any) => void;
 export declare const onClick: (props: any, state: any, elementRef: any, event: any) => void;
-export declare const evalExpression: (props: any, state: any, elementRef: any, expression: string) => string;
-export declare const handleRequest: (props: any, state: any, elementRef: any, { url, key, }: {
-    key: string;
-    url: string;
-}) => void;
 export declare const runHttpRequests: (props: any, state: any, elementRef: any) => void;
 export declare const emitStateUpdate: (props: any, state: any, elementRef: any) => void;
 export declare const EnableEditor: import("@builder.io/qwik").Component<BuilderEditorProps>;

package/types/src/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.14.11";
+export declare const SDK_VERSION = "0.14.12";