@prorobotech/openapi-k8s-toolkit 1.2.0-alpha.17 → 1.2.0-alpha.19

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

@@ -8615,10 +8615,6 @@ const ManageableBreadcrumbs = ({ data }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$y.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleBreadcrumb, { items: data.breadcrumbItems }) });
 };
 
-const getKinds = async ({ cluster }) => {
-  return axios.get(`/api/clusters/${cluster}/openapi-bff/search/kinds/getKinds`);
-};
-
 const kindByGvr = (entries) => (gvr) => {
   const [group = "", v = "", resource = ""] = gvr.split("~", 3);
   const norm = (s) => s.trim();
@@ -8627,6 +8623,10 @@ const kindByGvr = (entries) => (gvr) => {
   return uniq.length === 1 ? uniq[0] : void 0;
 };
 
+const getKinds = async ({ cluster }) => {
+  return axios.get(`/api/clusters/${cluster}/openapi-bff/search/kinds/getKinds`);
+};
+
 const parseK8sVersion$1 = (raw) => {
   const m = /^v(?<major>\d+)(?:(?<stage>alpha|beta)(?<stageNum>\d+)?)?$/i.exec(raw ?? "");
   if (!m?.groups) return { rank: 0, major: -1, stageNum: -1 };
@@ -8671,6 +8671,23 @@ const getSortedKindsAll = (index) => {
   );
 };
 
+const useKinds = ({
+  cluster,
+  refetchInterval,
+  isEnabled
+}) => {
+  return useQuery({
+    queryKey: ["useKinds", cluster],
+    queryFn: () => getKinds({ cluster }),
+    select: (data) => ({
+      kindIndex: data.data,
+      kindsWithVersion: getSortedKindsAll(data.data)
+    }),
+    refetchInterval: refetchInterval !== void 0 ? refetchInterval : 6e4,
+    enabled: isEnabled
+  });
+};
+
 const getDirectUnknownResource = async ({ uri }) => {
   return axios.get(uri);
 };
@@ -9377,27 +9394,11 @@ const hasItemsArray = (value) => {
 const useK8sSmartResource = (params) => {
   const { cluster, apiGroup, apiVersion, plural } = params;
   const base = useK8sSmartResourceWithoutKinds(params);
-  const [kindsWithVersion, setKindsWithVersion] = useState(void 0);
-  useEffect(() => {
-    let cancelled = false;
-    if (!cluster) {
-      setKindsWithVersion(void 0);
-      return void 0;
-    }
-    getKinds({ cluster }).then((data) => {
-      if (cancelled) {
-        return;
-      }
-      setKindsWithVersion(getSortedKindsAll(data.data));
-    }).catch(() => {
-      if (!cancelled) {
-        setKindsWithVersion(void 0);
-      }
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [cluster]);
+  const { data: kindsData } = useKinds({
+    cluster,
+    isEnabled: !!cluster
+  });
+  const kindsWithVersion = kindsData?.kindsWithVersion;
   const resolveKindByGvr = useMemo(
     () => kindsWithVersion ? kindByGvr(kindsWithVersion) : void 0,
     [kindsWithVersion]
@@ -35414,6 +35415,7 @@ const NodeTerminal$1 = ({
     cluster,
     nodeName,
     substractHeight,
+    listPodTemplatesNs,
     ...props
   } = data;
   const { nodeTerminalDefaultProfile } = useFactoryConfig();
@@ -35423,6 +35425,7 @@ const NodeTerminal$1 = ({
     return acc;
   }, {});
   const clusterPrepared = parseAll({ text: cluster, replaceValues, multiQueryData });
+  const listPodTemplatesNsPrepared = listPodTemplatesNs ? parseAll({ text: listPodTemplatesNs, replaceValues, multiQueryData }) : void 0;
   const nodeNamePrepared = parseAll({ text: nodeName, replaceValues, multiQueryData });
   if (isMultiqueryLoading) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading multiquery" });
@@ -35435,6 +35438,7 @@ const NodeTerminal$1 = ({
         nodeName: nodeNamePrepared,
         substractHeight: substractHeight || 340,
         defaultProfile: nodeTerminalDefaultProfile,
+        listPodTemplatesNs: listPodTemplatesNsPrepared,
         ...props
       }
     ),
@@ -46496,23 +46500,6 @@ const pluralByKind = (entries) => (kind, apiVersion) => {
   return uniq.length === 1 ? uniq[0] : void 0;
 };
 
-const useKinds = ({
-  cluster,
-  refetchInterval,
-  isEnabled
-}) => {
-  return useQuery({
-    queryKey: ["useKinds", cluster],
-    queryFn: () => getKinds({ cluster }),
-    select: (data) => ({
-      kindIndex: data.data,
-      kindsWithVersion: getSortedKindsAll(data.data)
-    }),
-    refetchInterval: refetchInterval !== void 0 ? refetchInterval : 6e4,
-    enabled: isEnabled
-  });
-};
-
 const findOwnerReferencePath = (rawObject, jsonPathToArrayOfRefs, reference) => {
   if (!rawObject || !jsonPathToArrayOfRefs) return void 0;
   let arrayJsonPath = jsonPathToArrayOfRefs.trim();
@@ -82559,6 +82546,19 @@ const PodTerminal = ({ cluster, namespace, podName, containers, substractHeight
   ] });
 };
 
+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 CustomCard$3 = styled.div`
   visibility: ${({ $isVisible }) => $isVisible ? "visible" : "hidden"};
   height: calc(100vh - ${({ $substractHeight }) => $substractHeight}px);
@@ -82588,7 +82588,15 @@ const Styled$a = {
   ProgressContainer
 };
 
-const XTerminal$1 = ({ endpoint, nodeName, profile, substractHeight }) => {
+const XTerminal$1 = ({
+  endpoint,
+  nodeName,
+  profile,
+  isCustomTemplate,
+  podTemplateNamespace,
+  containerName,
+  substractHeight
+}) => {
   const [isLoading, setIsLoading] = useState(true);
   const [error, setError] = useState();
   const [isTerminalVisible, setIsTerminalVisible] = useState(false);
@@ -82633,12 +82641,13 @@ const XTerminal$1 = ({ endpoint, nodeName, profile, substractHeight }) => {
     const socket = new WebSocket(endpoint);
     socketRef.current = socket;
     socket.onopen = () => {
-      socket.send(
-        JSON.stringify({
-          type: "init",
-          payload: { nodeName, profile }
-        })
-      );
+      const payload = { nodeName, profile };
+      if (isCustomTemplate) {
+        payload.podTemplateName = profile;
+        payload.podTemplateNamespace = podTemplateNamespace;
+        payload.containerName = containerName;
+      }
+      socket.send(JSON.stringify({ type: "init", payload }));
       console.log(`[${nodeName}/${profile}]: WebSocket Client Connected`);
       setIsLoading(false);
     };
@@ -82712,7 +82721,7 @@ const XTerminal$1 = ({ endpoint, nodeName, profile, substractHeight }) => {
         socket.close();
       }
     };
-  }, [terminal, endpoint, nodeName, profile]);
+  }, [terminal, endpoint, nodeName, profile, isCustomTemplate, podTemplateNamespace, containerName]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$a.CustomCard, { $isVisible: isTerminalVisible, $substractHeight: substractHeight, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$a.FullWidthDiv, { $substractHeight: substractHeight, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: terminalRef, style: { width: "100%", height: "100%" } }) }) }),
     !isTerminalVisible && !error && isWarmingUp && /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$a.ProgressContainer, { $substractHeight: substractHeight, children: [
@@ -82740,32 +82749,110 @@ const Styled$9 = {
   CustomSelect: CustomSelect$2
 };
 
-const NodeTerminal = ({ cluster, nodeName, substractHeight, defaultProfile }) => {
+const PREDEFINED_PROFILES = ["legacy", "general", "baseline", "netadmin", "restricted", "sysadmin"];
+const NodeTerminal = ({
+  cluster,
+  nodeName,
+  substractHeight,
+  defaultProfile,
+  listPodTemplatesNs
+}) => {
   const [currentProfile, setCurrentProfile] = useState(defaultProfile || "general");
+  const [currentContainer, setCurrentContainer] = useState();
   const endpoint = `/api/clusters/${cluster}/openapi-bff-ws/terminal/terminalNode/terminalNode`;
-  const profiles = ["legacy", "general", "baseline", "netadmin", "restricted", "sysadmin"];
+  const isUsingPodTemplates = Boolean(listPodTemplatesNs && listPodTemplatesNs.length > 0);
+  const podTemplatesWsUrl = `/api/clusters/${cluster}/openapi-bff-ws/listThenWatch/listWatchWs`;
+  const podTemplates = useListWatch({
+    wsUrl: podTemplatesWsUrl,
+    query: {
+      apiVersion: "v1",
+      plural: "podtemplates",
+      namespace: listPodTemplatesNs
+    },
+    isEnabled: isUsingPodTemplates
+  });
+  const podTemplateNames = useMemo(() => {
+    const values = Object.values(podTemplates.state.byKey ?? {}).map((it) => String(it?.metadata?.name ?? "")).filter(Boolean);
+    return Array.from(new Set(values)).sort((a, b) => a.localeCompare(b));
+  }, [podTemplates.state.byKey]);
+  const hasPodTemplates = podTemplateNames.length > 0;
+  const isPodTemplatesExist = isUsingPodTemplates && hasPodTemplates;
+  useEffect(() => {
+    if (hasPodTemplates && !podTemplateNames.includes(currentProfile)) {
+      setCurrentProfile(podTemplateNames[0]);
+    } else if (!hasPodTemplates && !PREDEFINED_PROFILES.includes(currentProfile)) {
+      setCurrentProfile(defaultProfile || "general");
+    }
+  }, [hasPodTemplates, podTemplateNames, currentProfile, defaultProfile]);
+  const containerNames = useMemo(() => {
+    if (!isPodTemplatesExist) {
+      return [];
+    }
+    const selectedTemplate = Object.values(podTemplates.state.byKey ?? {}).find(
+      (it) => it?.metadata?.name === currentProfile
+    );
+    const containers = selectedTemplate?.template?.spec?.containers ?? [];
+    return containers.map((c) => c.name).filter((name) => Boolean(name));
+  }, [isPodTemplatesExist, podTemplates.state.byKey, currentProfile]);
+  const hasMultipleContainers = containerNames.length > 1;
+  useEffect(() => {
+    if (isPodTemplatesExist && containerNames.length > 0) {
+      setCurrentContainer(containerNames[0]);
+    } else {
+      setCurrentContainer(void 0);
+    }
+  }, [isPodTemplatesExist, containerNames]);
+  const selectOptions = useMemo(() => {
+    if (hasPodTemplates) {
+      return podTemplateNames.map((name) => ({ value: name, label: name }));
+    }
+    return PREDEFINED_PROFILES.map((profile) => ({
+      value: profile,
+      label: profile
+    }));
+  }, [hasPodTemplates, podTemplateNames]);
+  const canShowTerminal = currentProfile && (!isPodTemplatesExist || currentContainer);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$9.CustomSelect, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Select,
-      {
-        placeholder: "Select profile",
-        options: profiles.map((profile) => ({ value: profile, label: profile })),
-        filterOption: filterSelectOptions,
-        showSearch: true,
-        value: currentProfile,
-        onChange: (value) => setCurrentProfile(value)
-      }
-    ) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { gap: 16, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$9.CustomSelect, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Select,
+        {
+          placeholder: "Select profile",
+          options: selectOptions,
+          filterOption: filterSelectOptions,
+          showSearch: true,
+          value: currentProfile,
+          onChange: (value) => {
+            setCurrentProfile(value);
+            setCurrentContainer(void 0);
+          }
+        }
+      ) }),
+      isPodTemplatesExist && hasMultipleContainers && /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$9.CustomSelect, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Select,
+        {
+          placeholder: "Select container",
+          options: containerNames.map((name) => ({ value: name, label: name })),
+          filterOption: filterSelectOptions,
+          showSearch: true,
+          value: currentContainer,
+          onChange: (value) => setCurrentContainer(value)
+        }
+      ) })
+    ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 16, $samespace: true }),
-    currentProfile && /* @__PURE__ */ jsxRuntimeExports.jsx(
+    canShowTerminal && /* @__PURE__ */ jsxRuntimeExports.jsx(
       XTerminal$1,
       {
         endpoint,
         nodeName,
         profile: currentProfile,
+        isCustomTemplate: isPodTemplatesExist,
+        podTemplateNamespace: isPodTemplatesExist ? listPodTemplatesNs : void 0,
+        containerName: isPodTemplatesExist ? currentContainer : void 0,
         substractHeight
       },
-      `${cluster}-${nodeName}-${currentProfile}`
+      `${cluster}-${nodeName}-${listPodTemplatesNs}-${currentProfile}-${currentContainer}`
     )
   ] });
 };
@@ -85412,19 +85499,6 @@ const useCrdData = ({
   });
 };
 
-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 useResourceScope = ({ plural, cluster, apiGroup, apiVersion }) => {
   const computedResourceType = apiGroup ? "api" : "builtin";
   const enabled = Boolean(cluster) && Boolean(plural) && (computedResourceType === "builtin" || Boolean(apiVersion));