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

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('styled-components'), require('react'), require('antd'), require('@ant-design/icons'), require('react-router-dom'), require('@tanstack/react-query')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'styled-components', 'react', 'antd', '@ant-design/icons', 'react-router-dom', '@tanstack/react-query'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@prorobotech/openapi-k8s-toolkit"] = {}, global.styled, global.React, global.antd, global.antdIcons, global.ReactRouterDOM, global.reactQuery));
-})(this, (function (exports, styled, K, antd, icons, reactRouterDom, reactQuery) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('styled-components'), require('react'), require('antd'), require('@ant-design/icons'), require('@tanstack/react-query'), require('react-router-dom')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'styled-components', 'react', 'antd', '@ant-design/icons', '@tanstack/react-query', 'react-router-dom'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@prorobotech/openapi-k8s-toolkit"] = {}, global.styled, global.React, global.antd, global.antdIcons, global.reactQuery, global.ReactRouterDOM));
+})(this, (function (exports, styled, K, antd, icons, reactQuery, reactRouterDom) { 'use strict';
 
   const Spacer$1 = styled.div`
   height: ${({ $space, $spaceMob, $samespace }) => {
@@ -8315,6 +8315,63 @@
   padding: ${({ $padding }) => $padding};
 `;
 
+  const getDirectUnknownResource = async ({ uri }) => {
+    return axios.get(uri);
+  };
+
+  const useDirectUnknownResource = ({
+    uri,
+    queryKey,
+    refetchInterval,
+    isEnabled
+  }) => {
+    return reactQuery.useQuery({
+      queryKey,
+      queryFn: async () => {
+        const response = await getDirectUnknownResource({
+          uri
+        });
+        const data = JSON.parse(JSON.stringify(response.data));
+        if (data.metadata?.resourceVersion) {
+          delete data.metadata.resourceVersion;
+        }
+        return data;
+      },
+      refetchInterval: refetchInterval !== void 0 ? refetchInterval : 5e3,
+      enabled: isEnabled
+    });
+  };
+
+  const useK8sVerbs = ({
+    cluster,
+    group,
+    version,
+    plural,
+    isEnabled = true
+  }) => {
+    const uri = `/api/clusters/${cluster}/openapi-bff/verbs/getResourceVerbs?${new URLSearchParams({
+    ...group ? { group } : {},
+    version,
+    plural
+  }).toString()}`;
+    const { data, isError, isLoading, error } = useDirectUnknownResource({
+      uri,
+      queryKey: ["k8s-verbs", group || "", version, plural],
+      refetchInterval: false,
+      isEnabled
+    });
+    const verbs = data?.verbs || [];
+    const canList = verbs.includes("list");
+    const canWatch = verbs.includes("watch");
+    return {
+      canList,
+      canWatch,
+      isError,
+      isLoading,
+      error
+    };
+  };
+
   const eventKey$1 = (e) => {
     const n = e.metadata?.name ?? "";
     const ns = e.metadata?.namespace ?? "";
@@ -8810,17 +8867,122 @@
     };
   };
 
-  const useInfiniteSentinel = (sentinelRef, hasMore, onNeedMore) => {
-    K.useEffect(() => {
-      const el = sentinelRef.current;
-      if (!el) return void 0;
-      const io = new IntersectionObserver((entries) => {
-        const visible = entries.some((e) => e.isIntersecting);
-        if (visible && hasMore) onNeedMore();
-      });
-      io.observe(el);
-      return () => io.disconnect();
-    }, [sentinelRef, hasMore, onNeedMore]);
+  const buildApiPrefix = (group, version) => {
+    const g = (group ?? "").trim();
+    const v = (version ?? "").trim();
+    const isCore = !g || g === "core" || g === "v1";
+    return isCore ? `/api/${v}` : `/apis/${g}/${v}`;
+  };
+  const buildListUri = ({
+    cluster,
+    group,
+    version,
+    plural,
+    namespace,
+    fieldSelector,
+    labelSelector,
+    limit
+  }) => {
+    const prefix = buildApiPrefix(group, version);
+    const ns = namespace ? `/namespaces/${namespace}` : "";
+    const base = `/api/clusters/${cluster}/k8s${prefix}${ns}/${plural}/`;
+    const params = new URLSearchParams();
+    if (fieldSelector) params.append("fieldSelector", fieldSelector);
+    if (labelSelector) params.append("labelSelector", labelSelector);
+    if (limit) params.append("limit", String(limit));
+    return params.toString() ? `${base}?${params.toString()}` : base;
+  };
+  const useK8sSmartResource = ({
+    cluster,
+    group,
+    version,
+    plural,
+    namespace,
+    fieldSelector,
+    labelSelector,
+    isEnabled = true,
+    listRefetchInterval = 5e3,
+    limit,
+    mapListWatchState
+  }) => {
+    const {
+      canList,
+      canWatch,
+      isLoading: verbsLoading,
+      isError: verbsIsError,
+      error: verbsErrorObj
+    } = useK8sVerbs({
+      cluster,
+      group,
+      version,
+      plural,
+      isEnabled
+    });
+    const listUri = buildListUri({
+      cluster,
+      group,
+      version,
+      plural,
+      namespace,
+      fieldSelector,
+      labelSelector,
+      limit
+    });
+    const restEnabled = Boolean(isEnabled && canList && !canWatch && !verbsLoading && !verbsIsError);
+    const {
+      data: restData,
+      isLoading: restLoading,
+      isError: restIsError,
+      error: restError
+    } = useDirectUnknownResource({
+      uri: listUri,
+      queryKey: [
+        "k8s-list",
+        cluster,
+        group || "",
+        version,
+        namespace || "",
+        plural,
+        fieldSelector || "",
+        labelSelector || ""
+      ],
+      refetchInterval: listRefetchInterval,
+      isEnabled: restEnabled
+    });
+    const watchEnabled = Boolean(isEnabled && canList && canWatch && !verbsLoading && !verbsIsError);
+    const { state, status, lastError } = useListWatch({
+      wsUrl: `/api/clusters/${cluster}/openapi-bff-ws/listThenWatch/listWatchWs`,
+      paused: false,
+      ignoreRemove: false,
+      autoDrain: true,
+      preserveStateOnUrlChange: true,
+      isEnabled: watchEnabled,
+      pageSize: limit,
+      query: {
+        apiGroup: group,
+        apiVersion: version,
+        plural,
+        namespace,
+        fieldSelector,
+        labelSelector
+      }
+    });
+    const defaultMap = (s) => ({ items: s.order.map((k) => s.byKey[k]) });
+    const watchData = K.useMemo(
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      () => watchEnabled ? (mapListWatchState ?? defaultMap)(state) : void 0,
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      [watchEnabled, state, mapListWatchState]
+    );
+    const used = !isEnabled ? "disabled" : verbsLoading ? "verbs-loading" : verbsIsError ? "verbs-error" : watchEnabled ? "watch" : restEnabled ? "list" : "disabled";
+    const isLoading = isEnabled && verbsLoading || used === "watch" && status === "connecting" || used === "list" && restLoading;
+    let error;
+    if (verbsIsError) error = verbsErrorObj;
+    else if (used === "watch" && status === "closed" && lastError) error = lastError;
+    else if (used === "list" && restIsError) error = restError;
+    const isError = Boolean(error);
+    const data = used === "watch" ? watchData : used === "list" ? restData : void 0;
+    return { data, isLoading, isError, error, _meta: { used } };
   };
 
   const prepareTemplate = ({
@@ -8960,7 +9122,7 @@
     return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$v.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleBreadcrumb, { items: data.breadcrumbItems }) });
   };
   const ManageableBreadcrumbsWithDataProvider = ({
-    wsUrl,
+    cluster,
     apiGroup,
     apiVersion,
     plural,
@@ -8969,28 +9131,17 @@
     pathname,
     idToCompare
   }) => {
-    const { state, status, lastError } = useListWatch({
-      wsUrl,
-      paused: false,
-      ignoreRemove: false,
-      autoDrain: true,
-      preserveStateOnUrlChange: true,
-      query: {
-        apiVersion,
-        apiGroup,
-        plural
-      },
+    const {
+      data: rawData,
+      isError: rawDataError,
+      isLoading: rawDataLoading
+    } = useK8sSmartResource({
+      cluster: cluster || "",
+      group: apiGroup,
+      version: apiVersion,
+      plural,
       isEnabled
     });
-    const rawDataLoading = status === "connecting";
-    const rawDataError = status === "closed" && lastError ? lastError : void 0;
-    const rawData = {
-      items: state.order.map((key) => {
-        const res = state.byKey[key];
-        return res;
-      })
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    };
     if (rawDataError) {
       return null;
     }
@@ -9176,7 +9327,7 @@
     );
   };
   const ManageableSidebarWithDataProvider = ({
-    wsUrl,
+    cluster,
     apiGroup,
     apiVersion,
     plural,
@@ -9188,28 +9339,17 @@
     hidden,
     noMarginTop
   }) => {
-    const { state, status, lastError } = useListWatch({
-      wsUrl,
-      paused: false,
-      ignoreRemove: false,
-      autoDrain: true,
-      preserveStateOnUrlChange: true,
-      query: {
-        apiVersion,
-        apiGroup,
-        plural
-      },
+    const {
+      data: rawData,
+      isError: rawDataError,
+      isLoading: rawDataLoading
+    } = useK8sSmartResource({
+      cluster,
+      group: apiGroup,
+      version: apiVersion,
+      plural,
       isEnabled
     });
-    const rawDataLoading = status === "connecting";
-    const rawDataError = status === "closed" && lastError ? lastError : void 0;
-    const rawData = {
-      items: state.order.map((key) => {
-        const res = state.byKey[key];
-        return res;
-      })
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    };
     if (rawDataError) {
       return null;
     }
@@ -34008,33 +34148,6 @@
     });
   };
 
-  const getDirectUnknownResource = async ({ uri }) => {
-    return axios.get(uri);
-  };
-
-  const useDirectUnknownResource = ({
-    uri,
-    queryKey,
-    refetchInterval,
-    isEnabled
-  }) => {
-    return reactQuery.useQuery({
-      queryKey,
-      queryFn: async () => {
-        const response = await getDirectUnknownResource({
-          uri
-        });
-        const data = JSON.parse(JSON.stringify(response.data));
-        if (data.metadata?.resourceVersion) {
-          delete data.metadata.resourceVersion;
-        }
-        return data;
-      },
-      refetchInterval: refetchInterval !== void 0 ? refetchInterval : 5e3,
-      enabled: isEnabled
-    });
-  };
-
   const getBackLinkToTable = ({ fullPath }) => {
     return encodeURIComponent(fullPath);
   };
@@ -50308,28 +50421,14 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
       apiVersion,
       baseprefix
     });
-    const { state, status, lastError } = useListWatch({
-      wsUrl: `/api/clusters/${clusterName}/openapi-bff-ws/listThenWatch/listWatchWs`,
-      paused: false,
-      ignoreRemove: false,
-      autoDrain: true,
-      preserveStateOnUrlChange: true,
-      query: {
-        namespace,
-        apiVersion: apiVersion || "",
-        apiGroup,
-        plural: type
-      },
+    const { data: k8sList, error: k8sListError } = useK8sSmartResource({
+      cluster: clusterName || "",
+      namespace,
+      group: apiGroup,
+      version: apiVersion || "",
+      plural: type,
       isEnabled: Boolean(apiVersion && addedMode && type !== "direct")
     });
-    const k8sListError = status === "closed" && lastError ? lastError : void 0;
-    const k8sList = {
-      items: state.order.map((key) => {
-        const res = state.byKey[key];
-        return res;
-      })
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    };
     if (addedMode && (k8sListError || type === "direct") && !showZeroResources) {
       return null;
     }
@@ -50458,30 +50557,17 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     const [filteredAndSortedData, setFilterAndSortedData] = K.useState([]);
     const [uniqueTags, setUniqueTags] = K.useState([]);
     const [selectedTags, setSelectedTags] = K.useState([]);
-    const { state, status, lastError } = useListWatch({
-      wsUrl: `/api/clusters/${clusterName}/openapi-bff-ws/listThenWatch/listWatchWs`,
-      paused: false,
-      ignoreRemove: false,
-      autoDrain: true,
-      preserveStateOnUrlChange: true,
-      query: {
-        apiVersion: baseApiVersion,
-        apiGroup: baseApiGroup,
-        plural: mpResourceName
-      },
-      isEnabled: clusterName !== void 0
+    const {
+      data: marketplacePanels,
+      isLoading,
+      error
+    } = useK8sSmartResource({
+      cluster: clusterName || "",
+      group: baseApiGroup,
+      version: baseApiVersion,
+      plural: mpResourceName,
+      isEnabled: Boolean(clusterName !== void 0)
     });
-    const isLoading = status === "connecting";
-    const error = status === "closed" && lastError ? lastError : void 0;
-    const marketplacePanels = K.useMemo(() => {
-      return {
-        items: state.order.map((key) => {
-          const res = state.byKey[key];
-          return res;
-        })
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      };
-    }, [state]);
     const createPermission = usePermissions({
       group: baseApiGroup,
       resource: mpResourceName,
@@ -50780,52 +50866,30 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     children
   }) => {
     const navigate = reactRouterDom.useNavigate();
-    const { state, status } = useListWatch({
-      wsUrl: `/api/clusters/${clusterName}/openapi-bff-ws/listThenWatch/listWatchWs`,
-      paused: false,
-      ignoreRemove: false,
-      autoDrain: true,
-      preserveStateOnUrlChange: true,
-      query: {
-        apiVersion: baseApiVersion,
-        apiGroup: baseApiGroup,
-        plural: mpResourceName
-      },
-      isEnabled: clusterName !== void 0
-    });
-    const marketplaceIsLoading = status === "connecting";
-    const marketplacePanels = {
-      items: state.order.map((key) => {
-        const res = state.byKey[key];
-        return res;
-      })
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    };
     const {
-      state: stateProject,
-      status: statusProject,
-      lastError: lastErrorProject
-    } = useListWatch({
-      wsUrl: `/api/clusters/${clusterName}/openapi-bff-ws/listThenWatch/listWatchWs`,
-      paused: false,
-      ignoreRemove: false,
-      autoDrain: true,
-      preserveStateOnUrlChange: true,
-      query: {
-        apiVersion: baseProjectVersion,
-        apiGroup: baseProjectApiGroup,
-        plural: projectResourceName,
-        fieldSelector: `metadata.name=${namespace}`
-      },
-      isEnabled: clusterName !== void 0
+      data: marketplacePanels,
+      isLoading: marketplaceIsLoading
+      // error: marketplaceError,
+    } = useK8sSmartResource({
+      cluster: clusterName || "",
+      group: baseApiGroup,
+      version: baseApiVersion,
+      plural: mpResourceName,
+      isEnabled: Boolean(clusterName !== void 0)
     });
-    const isLoading = statusProject === "connecting";
-    const error = statusProject === "closed" && lastErrorProject ? lastErrorProject : void 0;
-    const projectArr = stateProject.order.map((key) => {
-      const res = stateProject.byKey[key];
-      return res;
+    const {
+      data: projectArr,
+      isLoading,
+      error
+    } = useK8sSmartResource({
+      cluster: clusterName || "",
+      group: baseProjectApiGroup,
+      version: baseProjectVersion,
+      plural: projectResourceName,
+      fieldSelector: `metadata.name=${namespace}`,
+      isEnabled: Boolean(clusterName !== void 0)
     });
-    const project = projectArr.length > 0 ? projectArr[0] : void 0;
+    const project = projectArr && projectArr.length > 0 ? projectArr[0] : void 0;
     const [isDeleteModalOpen, setIsDeleteModalOpen] = K.useState(false);
     const updatePermission = usePermissions({
       group: baseProjectApiGroup,
@@ -53467,6 +53531,19 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
     });
   };
 
+  const useInfiniteSentinel = (sentinelRef, hasMore, onNeedMore) => {
+    K.useEffect(() => {
+      const el = sentinelRef.current;
+      if (!el) return void 0;
+      const io = new IntersectionObserver((entries) => {
+        const visible = entries.some((e) => e.isIntersecting);
+        if (visible && hasMore) onNeedMore();
+      });
+      io.observe(el);
+      return () => io.disconnect();
+    }, [sentinelRef, hasMore, onNeedMore]);
+  };
+
   exports.BackToDefaultIcon = BackToDefaultIcon;
   exports.BlackholeForm = BlackholeForm;
   exports.BlackholeFormDataProvider = BlackholeFormDataProvider;
@@ -53585,6 +53662,8 @@ if (_IS_WORKLET) registerPaint("spoiler", SpoilerPainterWorklet);
   exports.useCrdResources = useCrdResources;
   exports.useDirectUnknownResource = useDirectUnknownResource;
   exports.useInfiniteSentinel = useInfiniteSentinel;
+  exports.useK8sSmartResource = useK8sSmartResource;
+  exports.useK8sVerbs = useK8sVerbs;
   exports.useListWatch = useListWatch;
   exports.usePermissions = usePermissions;