@prorobotech/openapi-k8s-toolkit 0.0.1-alpha.63 → 0.0.1-alpha.64

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

@@ -41597,10 +41597,15 @@
   background-color: ${({ $bgColor, $designNewLayout }) => $designNewLayout ? $bgColor : "initial"};
   border-radius: 8px;
   padding: 4px;
+`;
+    const BigText$1 = st.div`
+  font-size: 16px;
+  line-height: 24px;
 `;
     const Styled$9 = {
       BorderRadiusContainer,
-      ControlsRowContainer: ControlsRowContainer$1
+      ControlsRowContainer: ControlsRowContainer$1,
+      BigText: BigText$1
     };
 
     const YamlEditorSingleton = ({
@@ -41657,7 +41662,6 @@
         }
       };
       return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-        error && /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Alert, { message: `An error has occurred: ${error?.response?.data?.message} `, type: "error" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$9.BorderRadiusContainer, { $designNewLayoutHeight: designNewLayoutHeight, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           Ft,
           {
@@ -41677,7 +41681,21 @@
         /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$9.ControlsRowContainer, { $bgColor: token.colorPrimaryBg, $designNewLayout: designNewLayout, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Flex, { gap: designNewLayout ? 10 : 16, align: "center", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Button, { type: "primary", onClick: onSubmit, loading: isLoading, children: "Submit" }),
           backlink && /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Button, { onClick: () => navigate(backlink), children: "Cancel" })
-        ] }) })
+        ] }) }),
+        error && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          antd.Modal,
+          {
+            open: !!error,
+            onOk: () => setError(void 0),
+            onCancel: () => setError(void 0),
+            title: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Typography.Text, { type: "danger", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$9.BigText, { children: "Error!" }) }),
+            cancelButtonProps: { style: { display: "none" } },
+            children: [
+              "An error has occurred: ",
+              error?.response?.data?.message
+            ]
+          }
+        )
       ] });
     };
 
@@ -44942,7 +44960,7 @@
       CustomCard
     };
 
-    const XTerminal = ({ endpoint, namespace, podName }) => {
+    const XTerminal = ({ endpoint, namespace, podName, container }) => {
       const [isLoading, setIsLoading] = o.useState(true);
       const [error, setError] = o.useState();
       const [terminal, setTerminal] = o.useState();
@@ -44994,7 +45012,7 @@
           socket.send(
             JSON.stringify({
               type: "init",
-              payload: { namespace, podName }
+              payload: { namespace, podName, container }
             })
           );
           console.log(`[${namespace}/${podName}]: WebSocket Client Connected`);
@@ -45031,7 +45049,7 @@
             socket.close();
           }
         };
-      }, [terminal, endpoint, namespace, podName]);
+      }, [terminal, endpoint, namespace, podName, container]);
       return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(Styled.CustomCard, { $isVisible: !isLoading && !error, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled.FullWidthDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: terminalRef }) }) }),
         isLoading && !error && /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Spin, {}),
@@ -45039,9 +45057,38 @@
       ] });
     };
 
-    const PodTerminal$1 = ({ cluster, namespace, podName }) => {
+    const PodTerminal$1 = ({ cluster, namespace, podName, containers }) => {
+      const [currentContainer, setCurrentContainer] = o.useState(containers[0] || void 0);
       const endpoint = `/api/clusters/${cluster}/openapi-bff-ws/terminal/terminalPod/terminalPod`;
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(XTerminal, { endpoint, namespace, podName }, `${cluster}-${namespace}-${podName}`);
+      if (containers.length === 0) {
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: "No Running Containers" });
+      }
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          antd.Select,
+          {
+            placeholder: "Select container",
+            options: containers.map((container) => ({ value: container, label: container })),
+            filterOption: filterSelectOptions,
+            allowClear: true,
+            disabled: containers.length === 0,
+            showSearch: true,
+            value: currentContainer,
+            onChange: (value) => setCurrentContainer(value)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 8, $samespace: true }),
+        currentContainer && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          XTerminal,
+          {
+            endpoint,
+            namespace,
+            podName,
+            container: currentContainer
+          },
+          `${cluster}-${namespace}-${podName}-${currentContainer}`
+        )
+      ] });
     };
 
     const DynamicRendererInner = ({
@@ -45570,6 +45617,7 @@
         }
       });
     };
+    const getRunningContainerNames = (pod) => (pod.status?.containerStatuses ?? []).filter((st) => Boolean(st.state?.running)).map((st) => st.name);
 
     const PodTerminal = ({
       data,
@@ -45602,11 +45650,43 @@
         template: parseMutliqueryText({ text: podName, multiQueryData }),
         replaceValues
       });
+      const {
+        data: podInfo,
+        isError: isPodInfoError,
+        isLoading: isLoadingPodInfo
+      } = useDirectUnknownResource({
+        uri: `/api/clusters/${clusterPrepared}/k8s/api/v1/namespaces/${namespacePrepared}/pods/${podNamePrepared}`,
+        refetchInterval: 5e3,
+        queryKey: [clusterPrepared || "no-cluster", "pods", podNamePrepared],
+        isEnabled: clusterPrepared !== void 0 && namespacePrepared !== void 0 && podNamePrepared !== void 0
+      });
       if (isMultiqueryLoading) {
         return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading multiquery" });
       }
+      if (isLoadingPodInfo) {
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Flex, { justify: "center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Spin, {}) });
+      }
+      if (isPodInfoError) {
+        return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+          "Error: ",
+          JSON.stringify(isPodInfoError)
+        ] });
+      }
+      if (!podInfo) {
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: "No Pod Info" });
+      }
+      const containers = getRunningContainerNames(podInfo);
       return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(PodTerminal$1, { cluster: clusterPrepared, namespace: namespacePrepared, podName: podNamePrepared, ...props }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          PodTerminal$1,
+          {
+            cluster: clusterPrepared,
+            namespace: namespacePrepared,
+            podName: podNamePrepared,
+            containers,
+            ...props
+          }
+        ),
         children
       ] });
     };