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

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

@@ -35415,6 +35415,7 @@ const NodeTerminal$1 = ({
     cluster,
     nodeName,
     substractHeight,
+    listPodTemplatesNs,
     ...props
   } = data;
   const { nodeTerminalDefaultProfile } = useFactoryConfig();
@@ -35424,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" });
@@ -35436,6 +35438,7 @@ const NodeTerminal$1 = ({
         nodeName: nodeNamePrepared,
         substractHeight: substractHeight || 340,
         defaultProfile: nodeTerminalDefaultProfile,
+        listPodTemplatesNs: listPodTemplatesNsPrepared,
         ...props
       }
     ),
@@ -82543,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);
@@ -82572,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);
@@ -82617,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);
     };
@@ -82696,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: [
@@ -82724,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}`
     )
   ] });
 };
@@ -85396,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));