@prorobotech/openapi-k8s-toolkit 1.1.0-alpha.2 → 1.1.0-alpha.3

package/dist/openapi-k8s-toolkit.umd.js

@@ -33608,49 +33608,95 @@
   };
 
   const MultiQueryContext = K.createContext(void 0);
-  const MultiQueryProvider = ({ urls, dataToApplyToContext, children }) => {
-    const queries = reactQuery.useQueries({
-      queries: urls.map((url, index) => ({
-        queryKey: ["multi", index, url],
+  const makeEmptyEntry = () => ({
+    data: void 0,
+    isLoading: false,
+    isError: false,
+    error: null
+  });
+  const aggReducer = (state, action) => {
+    switch (action.type) {
+      case "RESET":
+        return { entries: Array.from({ length: action.total }, makeEmptyEntry) };
+      case "SET_ENTRY": {
+        const entries = state.entries.slice();
+        entries[action.index] = action.entry;
+        return { entries };
+      }
+      default:
+        return state;
+    }
+  };
+  const K8sFetcher = ({ index, params, dispatch }) => {
+    const res = useK8sSmartResource(params);
+    K.useEffect(() => {
+      dispatch({
+        type: "SET_ENTRY",
+        index,
+        entry: {
+          data: res.data,
+          isLoading: res.isLoading,
+          isError: res.isError,
+          error: res.error ?? null
+        }
+      });
+    }, [index, res.data, res.isLoading, res.isError, res.error, dispatch]);
+    return null;
+  };
+  const MultiQueryProvider = ({ items, dataToApplyToContext, children }) => {
+    const k8sItems = K.useMemo(
+      () => items.filter((x) => typeof x !== "string"),
+      [items]
+    );
+    const urlItems = K.useMemo(() => items.filter((x) => typeof x === "string"), [items]);
+    const k8sCount = k8sItems.length;
+    const urlCount = urlItems.length;
+    const [state, dispatch] = K.useReducer(aggReducer, { entries: Array.from({ length: k8sCount }, makeEmptyEntry) });
+    K.useEffect(() => {
+      dispatch({ type: "RESET", total: k8sCount });
+    }, [k8sCount]);
+    const urlQueries = reactQuery.useQueries({
+      queries: urlItems.map((url, i) => ({
+        queryKey: ["multi-url", i, url],
         queryFn: async () => {
-          const response = await axios.get(url);
-          return response.data;
+          const res = await axios.get(url);
+          return res.data;
         }
       }))
     });
-    const data = {};
-    const errors = [];
-    let isLoading;
-    let isError;
-    if (!dataToApplyToContext) {
-      queries.forEach((q, i) => {
-        data[`req${i}`] = q.data;
-        errors[i] = q.error ?? null;
-      });
-      isLoading = queries.some((q) => q.isLoading);
-      isError = queries.some((q) => q.isError);
-    } else {
-      data.req0 = dataToApplyToContext;
-      isLoading = false;
-      isError = false;
-    }
-    const value = K.useMemo(
-      () => ({ data, isLoading, isError, errors }),
-      /*
-        We use JSON.stringify(data) and JSON.stringify(errors) as dependencies to safely memoize when values deeply change (since data is a new object every render).
-        Alternatively, you could use a deep comparison hook or lodash.isEqual if needed.
-      */
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-      [JSON.stringify(data), isLoading, isError, JSON.stringify(errors)]
-    );
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(MultiQueryContext.Provider, { value, children });
+    const value = K.useMemo(() => {
+      if (typeof dataToApplyToContext !== "undefined") {
+        return { data: { req0: dataToApplyToContext }, isLoading: false, isError: false, errors: [] };
+      }
+      const data = {};
+      const errors = [];
+      for (let i = 0; i < k8sCount; i++) {
+        const e = state.entries[i] ?? makeEmptyEntry();
+        data[`req${i}`] = e.data;
+        errors[i] = e.isError ? e.error : null;
+      }
+      for (let i = 0; i < urlCount; i++) {
+        const q = urlQueries[i];
+        const idx = k8sCount + i;
+        data[`req${idx}`] = q?.data;
+        errors[idx] = q?.isError ? q.error ?? null : null;
+      }
+      const isLoading = state.entries.some((e) => e.isLoading) || urlQueries.some((q) => q.isLoading);
+      const isError = state.entries.some((e) => e.isError) || urlQueries.some((q) => q.isError);
+      return { data, isLoading, isError, errors };
+    }, [dataToApplyToContext, k8sCount, urlCount, state.entries, urlQueries]);
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(MultiQueryContext.Provider, { value, children: [
+      k8sItems.map((params, i) => (
+        // eslint-disable-next-line react/no-array-index-key
+        /* @__PURE__ */ jsxRuntimeExports.jsx(K8sFetcher, { index: i, params, dispatch }, i)
+      )),
+      children
+    ] });
   };
   const useMultiQuery = () => {
-    const context = K.useContext(MultiQueryContext);
-    if (!context) {
-      throw new Error("useMultiQuery must be used within a MultiQueryProvider");
-    }
-    return context;
+    const ctx = K.useContext(MultiQueryContext);
+    if (!ctx) throw new Error("useMultiQuery must be used within a MultiQueryProvider");
+    return ctx;
   };
 
   const createContextFactory = () => {
@@ -33878,7 +33924,7 @@
     if (isError) {
       return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof e === "string" ? e : e.message }, i)) })
       ] });
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: preparedText });
@@ -33908,7 +33954,7 @@
     if (isError) {
       return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof e === "string" ? e : e.message }, i)) })
       ] });
     }
     const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
@@ -33945,7 +33991,7 @@
     if (isError) {
       return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof e === "string" ? e : e.message }, i)) })
       ] });
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(ProjectInfoCard, { clusterName, namespace, accessGroups: parsedAccessGroups, ...props, children });
@@ -34062,7 +34108,7 @@
     if (isError) {
       return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof e === "string" ? e : e.message }, i)) })
       ] });
     }
     const { type, text } = getResult({
@@ -34767,7 +34813,7 @@
     if (isMultiQueryErrors) {
       return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof e === "string" ? e : e.message }, i)) })
       ] });
     }
     const jsonRoot = multiQueryData[`req${reqIndex}`];
@@ -34834,7 +34880,7 @@
     if (isMultiQueryErrors) {
       return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof e === "string" ? e : e.message }, i)) })
       ] });
     }
     const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
@@ -34891,7 +34937,7 @@
     if (isMultiQueryErrors) {
       return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof e === "string" ? e : e.message }, i)) })
       ] });
     }
     const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
@@ -35276,7 +35322,7 @@
     if (isMultiQueryErrors) {
       return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof e === "string" ? e : e.message }, i)) })
       ] });
     }
     const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
@@ -35551,7 +35597,7 @@
     if (isMultiQueryErrors) {
       return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof e === "string" ? e : e.message }, i)) })
       ] });
     }
     const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
@@ -35820,7 +35866,7 @@
     if (isMultiQueryErrors) {
       return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof e === "string" ? e : e.message }, i)) })
       ] });
     }
     const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
@@ -36193,7 +36239,7 @@
     if (isMultiQueryErrors) {
       return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof e === "string" ? e : e.message }, i)) })
       ] });
     }
     const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
@@ -36474,7 +36520,7 @@
     if (isMultiQueryErrors) {
       return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof e === "string" ? e : e.message }, i)) })
       ] });
     }
     const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
@@ -36692,7 +36738,7 @@
     if (isError) {
       return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof e === "string" ? e : e.message }, i)) })
       ] });
     }
     const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
@@ -37509,7 +37555,7 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     if (isError) {
       return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof e === "string" ? e : e.message }, i)) })
       ] });
     }
     const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value, index) => {
@@ -37641,7 +37687,7 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     if (isError) {
       return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Errors:" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: e.message }, i)) })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: errors.map((e, i) => e && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: typeof e === "string" ? e : e.message }, i)) })
       ] });
     }
     const replaceValues = partsOfUrl.partsOfUrl.reduce((acc, value2, index) => {
@@ -37822,13 +37868,30 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     );
   };
 
+  const STRING_KEYS = ["cluster", "group", "version", "plural", "namespace", "fieldSelector", "labelSelector"];
   const DynamicRendererWithProviders = (props) => {
     const location = reactRouterDom.useLocation();
     const { urlsToFetch, dataToApplyToContext, theme, nodeTerminalDefaultProfile, disableEventBubbling } = props;
+    const directUrls = urlsToFetch.filter((el) => typeof el === "string");
+    const k8sResourcesUrls = urlsToFetch.filter((el) => typeof el !== "string");
     const preparedUrlsToFetch = prepareUrlsToFetchForDynamicRenderer({
-      urls: urlsToFetch,
+      urls: directUrls,
       locationPathname: location.pathname
     });
+    const preparedK8sResoucesUrls = k8sResourcesUrls.map((res) => {
+      let next = { ...res };
+      for (const key of STRING_KEYS) {
+        const val = next[key];
+        if (typeof val === "string" && val.length > 0) {
+          const prepared = prepareUrlsToFetchForDynamicRenderer({
+            urls: [val],
+            locationPathname: location.pathname
+          });
+          next = { ...next, [key]: prepared[0] ?? val };
+        }
+      }
+      return next;
+    });
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       CursorDefaultDiv,
       {
@@ -37838,7 +37901,14 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
             e.stopPropagation();
           }
         },
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeProvider, { theme, children: /* @__PURE__ */ jsxRuntimeExports.jsx(FactoryConfigContextProvider, { value: { nodeTerminalDefaultProfile }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(PartsOfUrlProvider, { value: { partsOfUrl: location.pathname.split("/") }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MultiQueryProvider, { urls: preparedUrlsToFetch, dataToApplyToContext, children: /* @__PURE__ */ jsxRuntimeExports.jsx(DynamicRenderer, { ...props }) }) }) }) })
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeProvider, { theme, children: /* @__PURE__ */ jsxRuntimeExports.jsx(FactoryConfigContextProvider, { value: { nodeTerminalDefaultProfile }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(PartsOfUrlProvider, { value: { partsOfUrl: location.pathname.split("/") }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          MultiQueryProvider,
+          {
+            items: [...preparedK8sResoucesUrls, ...preparedUrlsToFetch],
+            dataToApplyToContext,
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(DynamicRenderer, { ...props })
+          }
+        ) }) }) })
       }
     );
   };