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

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

@@ -1,5 +1,5 @@
 import o, { useDebugValue, createElement, useRef, useContext, useState, useLayoutEffect, useEffect, useMemo, memo, useCallback, createContext, Suspense, Fragment } from 'react';
-import { Input, Tree, Modal, Alert, theme, Breadcrumb, Spin, Menu, Tooltip, Space, Button, Flex, Tag, Table, Form, Typography, Select, Row, Col, Slider, InputNumber, Switch, Card, notification, Dropdown, Result, Tabs } from 'antd';
+import { Input, Tree, Modal, Alert, theme, Breadcrumb, Spin, Menu, Tooltip, Space, Button, Flex, Tag, Table, Typography, Form, Select, Row, Col, Slider, InputNumber, Switch, Card, notification, Dropdown, Result, Tabs } from 'antd';
 import { LoadingOutlined, ExclamationCircleFilled, CloseCircleFilled, CheckCircleFilled, SearchOutlined, CheckOutlined, CloseOutlined, EditOutlined, DeleteOutlined, CaretDownOutlined, CaretRightOutlined, BugOutlined, PlusOutlined, EllipsisOutlined } from '@ant-design/icons';
 import { useQuery, useQueries } from '@tanstack/react-query';
 import { Link, useNavigate, useLocation } from 'react-router-dom';
@@ -41598,9 +41598,14 @@ const ControlsRowContainer$1 = st.div`
   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 @@ const YamlEditorSingleton = ({
     }
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    error && /* @__PURE__ */ jsxRuntimeExports.jsx(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 @@ const YamlEditorSingleton = ({
     /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$9.ControlsRowContainer, { $bgColor: token.colorPrimaryBg, $designNewLayout: designNewLayout, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { gap: designNewLayout ? 10 : 16, align: "center", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { type: "primary", onClick: onSubmit, loading: isLoading, children: "Submit" }),
       backlink && /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { onClick: () => navigate(backlink), children: "Cancel" })
-    ] }) })
+    ] }) }),
+    error && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      Modal,
+      {
+        open: !!error,
+        onOk: () => setError(void 0),
+        onCancel: () => setError(void 0),
+        title: /* @__PURE__ */ jsxRuntimeExports.jsx(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 @@ const Styled = {
   CustomCard
 };
 
-const XTerminal = ({ endpoint, namespace, podName }) => {
+const XTerminal = ({ endpoint, namespace, podName, container }) => {
   const [isLoading, setIsLoading] = useState(true);
   const [error, setError] = useState();
   const [terminal, setTerminal] = useState();
@@ -44994,7 +45012,7 @@ const XTerminal = ({ endpoint, namespace, podName }) => {
       socket.send(
         JSON.stringify({
           type: "init",
-          payload: { namespace, podName }
+          payload: { namespace, podName, container }
         })
       );
       console.log(`[${namespace}/${podName}]: WebSocket Client Connected`);
@@ -45031,7 +45049,7 @@ const XTerminal = ({ endpoint, namespace, podName }) => {
         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(Spin, {}),
@@ -45039,9 +45057,38 @@ const XTerminal = ({ endpoint, namespace, podName }) => {
   ] });
 };
 
-const PodTerminal$1 = ({ cluster, namespace, podName }) => {
+const PodTerminal$1 = ({ cluster, namespace, podName, containers }) => {
+  const [currentContainer, setCurrentContainer] = 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(
+      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 parseMutliqueryText = ({ text, multiQueryData }) => {
     }
   });
 };
+const getRunningContainerNames = (pod) => (pod.status?.containerStatuses ?? []).filter((st) => Boolean(st.state?.running)).map((st) => st.name);
 
 const PodTerminal = ({
   data,
@@ -45602,11 +45650,43 @@ const PodTerminal = ({
     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(Flex, { justify: "center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(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
   ] });
 };