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

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

@@ -35430,6 +35430,7 @@
       cluster,
       nodeName,
       substractHeight,
+      listPodTemplatesNs,
       ...props
     } = data;
     const { nodeTerminalDefaultProfile } = useFactoryConfig();
@@ -35439,6 +35440,7 @@
       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" });
@@ -35451,6 +35453,7 @@
           nodeName: nodeNamePrepared,
           substractHeight: substractHeight || 340,
           defaultProfile: nodeTerminalDefaultProfile,
+          listPodTemplatesNs: listPodTemplatesNsPrepared,
           ...props
         }
       ),
@@ -82558,6 +82561,19 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     ] });
   };
 
+  const useInfiniteSentinel = (sentinelRef, hasMore, onNeedMore) => {
+    React$1.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);
@@ -82587,7 +82603,15 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     ProgressContainer
   };
 
-  const XTerminal$1 = ({ endpoint, nodeName, profile, substractHeight }) => {
+  const XTerminal$1 = ({
+    endpoint,
+    nodeName,
+    profile,
+    isCustomTemplate,
+    podTemplateNamespace,
+    containerName,
+    substractHeight
+  }) => {
     const [isLoading, setIsLoading] = React$1.useState(true);
     const [error, setError] = React$1.useState();
     const [isTerminalVisible, setIsTerminalVisible] = React$1.useState(false);
@@ -82632,12 +82656,13 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
       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);
       };
@@ -82711,7 +82736,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
           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: [
@@ -82739,32 +82764,110 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     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] = React$1.useState(defaultProfile || "general");
+    const [currentContainer, setCurrentContainer] = React$1.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 = React$1.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;
+    React$1.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 = React$1.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;
+    React$1.useEffect(() => {
+      if (isPodTemplatesExist && containerNames.length > 0) {
+        setCurrentContainer(containerNames[0]);
+      } else {
+        setCurrentContainer(void 0);
+      }
+    }, [isPodTemplatesExist, containerNames]);
+    const selectOptions = React$1.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(
-        antd.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(antd.Flex, { gap: 16, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$9.CustomSelect, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          antd.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(
+          antd.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}`
       )
     ] });
   };
@@ -85411,19 +85514,6 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     });
   };
 
-  const useInfiniteSentinel = (sentinelRef, hasMore, onNeedMore) => {
-    React$1.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));