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

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

@@ -1,9 +1,9 @@
 import styled, { createGlobalStyle } from 'styled-components';
-import K, { useState, useRef, useReducer, useEffect, useCallback, useLayoutEffect, Fragment, createContext, useContext, useMemo, createElement, isValidElement, cloneElement, useInsertionEffect, useSyncExternalStore, memo, Suspense } from 'react';
+import K, { useState, useRef, useReducer, useEffect, useCallback, useMemo, useLayoutEffect, Fragment, createContext, useContext, createElement, isValidElement, cloneElement, useInsertionEffect, useSyncExternalStore, memo, Suspense } from 'react';
 import { Input, Tree, Modal, Alert, theme, Select, Tag, Breadcrumb, Spin, Menu, Tooltip, Space, Button, Flex, Typography, Card as Card$1, Row, Col, Tabs, Form, Popover, notification, Dropdown, Table, Slider, InputNumber, Switch, Result, Progress, Checkbox, Empty } from 'antd';
 import { LoadingOutlined, ExclamationCircleFilled, CloseCircleFilled, CheckCircleFilled, PlusOutlined, ClearOutlined, MinusOutlined, CaretDownOutlined, CaretRightOutlined, InfoCircleOutlined, EyeOutlined, EyeInvisibleOutlined, SearchOutlined, MoreOutlined, CheckOutlined, CloseOutlined, BugOutlined, EllipsisOutlined } from '@ant-design/icons';
+import { useQuery, useQueries, useQueryClient } from '@tanstack/react-query';
 import { Link, useNavigate, useLocation, useParams, useSearchParams } from 'react-router-dom';
-import { useQueries, useQuery, useQueryClient } from '@tanstack/react-query';
 
 const Spacer$1 = styled.div`
   height: ${({ $space, $spaceMob, $samespace }) => {
@@ -8316,6 +8316,63 @@ const PaddingContainer = styled.div`
   padding: ${({ $padding }) => $padding};
 `;
 
+const getDirectUnknownResource = async ({ uri }) => {
+  return axios.get(uri);
+};
+
+const useDirectUnknownResource = ({
+  uri,
+  queryKey,
+  refetchInterval,
+  isEnabled
+}) => {
+  return 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 ?? "";
@@ -8811,17 +8868,122 @@ const useListWatch = ({
   };
 };
 
-const useInfiniteSentinel = (sentinelRef, hasMore, onNeedMore) => {
-  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 = 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 = ({
@@ -8961,7 +9123,7 @@ const ManageableBreadcrumbs = ({ data }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$v.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleBreadcrumb, { items: data.breadcrumbItems }) });
 };
 const ManageableBreadcrumbsWithDataProvider = ({
-  wsUrl,
+  cluster,
   apiGroup,
   apiVersion,
   plural,
@@ -8970,28 +9132,17 @@ const ManageableBreadcrumbsWithDataProvider = ({
   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;
   }
@@ -9177,7 +9328,7 @@ const ManageableSidebar = ({ data, noMarginTop }) => {
   );
 };
 const ManageableSidebarWithDataProvider = ({
-  wsUrl,
+  cluster,
   apiGroup,
   apiVersion,
   plural,
@@ -9189,28 +9340,17 @@ const ManageableSidebarWithDataProvider = ({
   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;
   }
@@ -34009,33 +34149,6 @@ const usePermissions = ({
   });
 };
 
-const getDirectUnknownResource = async ({ uri }) => {
-  return axios.get(uri);
-};
-
-const useDirectUnknownResource = ({
-  uri,
-  queryKey,
-  refetchInterval,
-  isEnabled
-}) => {
-  return 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);
 };
@@ -50309,28 +50422,14 @@ const MarketplaceCard = ({
     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;
   }
@@ -50459,30 +50558,17 @@ const MarketPlace = ({
   const [filteredAndSortedData, setFilterAndSortedData] = useState([]);
   const [uniqueTags, setUniqueTags] = useState([]);
   const [selectedTags, setSelectedTags] = 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 = 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,
@@ -50781,52 +50867,30 @@ const ProjectInfoCard = ({
   children
 }) => {
   const navigate = 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] = useState(false);
   const updatePermission = usePermissions({
     group: baseProjectApiGroup,
@@ -53468,5 +53532,18 @@ const useCrdData = ({
   });
 };
 
-export { BackToDefaultIcon, BlackholeForm, BlackholeFormDataProvider, ContentCard$1 as ContentCard, CursorDefaultDiv, CursorPointerTag, CursorPointerTagMinContent, CustomSelect$4 as CustomSelect, DeleteIcon, DeleteModal, DeleteModalMany, DownIcon, DynamicComponents, DynamicRenderer, DynamicRendererWithProviders, EarthIcon, EditIcon, EnrichedTable, EnrichedTableProvider, Events, FlexGrow, LockedIcon, LookingGlassIcon, ManageableBreadcrumbs, ManageableBreadcrumbsWithDataProvider, ManageableSidebar, ManageableSidebarWithDataProvider, MarketPlace, MarketplaceCard, MinusIcon, NodeTerminal, PaddingContainer, PauseCircleIcon, PlusIcon, PodLogs, PodLogsMonaco, PodTerminal, ProjectInfoCard, ResumeCircleIcon, Search, Spacer$1 as Spacer, SuccessIcon, TreeWithSearch, UncontrolledSelect, UnlockedIcon, UpIcon, YamlEditorSingleton, checkIfApiInstanceNamespaceScoped, checkIfBuiltInInstanceNamespaceScoped, checkPermission, createContextFactory, createNewEntry, deepMerge, deleteEntry, feedbackIcons, filterIfApiInstanceNamespaceScoped, filterIfBuiltInInstanceNamespaceScoped, filterSelectOptions, floorToDecimal, getAllPathsFromObj, getApiResourceSingle, getApiResourceTypes, getApiResourceTypesByApiGroup, getApiResources, getBackLinkToTable, getBuiltinResourceSingle, getBuiltinResourceTypes, getBuiltinResources, getBuiltinTreeData, getClusterList, getCrdData, getCrdResourceSingle, getCrdResources, getDirectUnknownResource, getEnrichedColumns, getEnrichedColumnsWithControls, getGroupsByCategory, getKinds, getLinkToApiForm, getLinkToBuiltinForm, getLinkToForm, getObjectFormItemsDraft, getPrefixSubarrays, getSortedKinds, getSortedKindsAll, getStringByName, getSwagger, getUppercase, groupsToTreeData, hslFromString, isFlatObject, isMultilineFromYaml, isMultilineString, kindByGvr, namespacedByGvr, normalizeValuesForQuotasToNumber, parseQuotaValue, parseQuotaValueCpu, parseQuotaValueMemoryAndStorage, pluralByKind, prepareDataForManageableBreadcrumbs, prepareDataForManageableSidebar, prepareTemplate, prepareUrlsToFetchForDynamicRenderer, updateEntry, useApiResourceSingle, useApiResourceTypesByGroup, useApiResources, useApisResourceTypes, useBuiltinResourceSingle, useBuiltinResourceTypes, useBuiltinResources, useClusterList, useCrdData, useCrdResourceSingle, useCrdResources, useDirectUnknownResource, useInfiniteSentinel, useListWatch, usePermissions };
+const useInfiniteSentinel = (sentinelRef, hasMore, onNeedMore) => {
+  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]);
+};
+
+export { BackToDefaultIcon, BlackholeForm, BlackholeFormDataProvider, ContentCard$1 as ContentCard, CursorDefaultDiv, CursorPointerTag, CursorPointerTagMinContent, CustomSelect$4 as CustomSelect, DeleteIcon, DeleteModal, DeleteModalMany, DownIcon, DynamicComponents, DynamicRenderer, DynamicRendererWithProviders, EarthIcon, EditIcon, EnrichedTable, EnrichedTableProvider, Events, FlexGrow, LockedIcon, LookingGlassIcon, ManageableBreadcrumbs, ManageableBreadcrumbsWithDataProvider, ManageableSidebar, ManageableSidebarWithDataProvider, MarketPlace, MarketplaceCard, MinusIcon, NodeTerminal, PaddingContainer, PauseCircleIcon, PlusIcon, PodLogs, PodLogsMonaco, PodTerminal, ProjectInfoCard, ResumeCircleIcon, Search, Spacer$1 as Spacer, SuccessIcon, TreeWithSearch, UncontrolledSelect, UnlockedIcon, UpIcon, YamlEditorSingleton, checkIfApiInstanceNamespaceScoped, checkIfBuiltInInstanceNamespaceScoped, checkPermission, createContextFactory, createNewEntry, deepMerge, deleteEntry, feedbackIcons, filterIfApiInstanceNamespaceScoped, filterIfBuiltInInstanceNamespaceScoped, filterSelectOptions, floorToDecimal, getAllPathsFromObj, getApiResourceSingle, getApiResourceTypes, getApiResourceTypesByApiGroup, getApiResources, getBackLinkToTable, getBuiltinResourceSingle, getBuiltinResourceTypes, getBuiltinResources, getBuiltinTreeData, getClusterList, getCrdData, getCrdResourceSingle, getCrdResources, getDirectUnknownResource, getEnrichedColumns, getEnrichedColumnsWithControls, getGroupsByCategory, getKinds, getLinkToApiForm, getLinkToBuiltinForm, getLinkToForm, getObjectFormItemsDraft, getPrefixSubarrays, getSortedKinds, getSortedKindsAll, getStringByName, getSwagger, getUppercase, groupsToTreeData, hslFromString, isFlatObject, isMultilineFromYaml, isMultilineString, kindByGvr, namespacedByGvr, normalizeValuesForQuotasToNumber, parseQuotaValue, parseQuotaValueCpu, parseQuotaValueMemoryAndStorage, pluralByKind, prepareDataForManageableBreadcrumbs, prepareDataForManageableSidebar, prepareTemplate, prepareUrlsToFetchForDynamicRenderer, updateEntry, useApiResourceSingle, useApiResourceTypesByGroup, useApiResources, useApisResourceTypes, useBuiltinResourceSingle, useBuiltinResourceTypes, useBuiltinResources, useClusterList, useCrdData, useCrdResourceSingle, useCrdResources, useDirectUnknownResource, useInfiniteSentinel, useK8sSmartResource, useK8sVerbs, useListWatch, usePermissions };
 //# sourceMappingURL=openapi-k8s-toolkit.es.js.map