@dovetail-v2/refine 0.2.3-alpha.0 → 0.2.4-alpha.0

package/dist/PodShell-ba204cde.js

@@ -0,0 +1,216 @@
+import { S as SocketStatus, j as jsxRuntimeExports } from "./common-feae5742.js";
+import { Select, AntdOption } from "@cloudtower/eagle";
+import React__default, { useMemo, useRef, useState, useCallback, useEffect, useImperativeHandle } from "react";
+import { S as Shell } from "./index-40deb620.js";
+import { Buffer } from "buffer";
+import "@xterm/addon-canvas";
+import "@xterm/addon-fit";
+import "@xterm/addon-search";
+import "@xterm/addon-web-links";
+import "@xterm/addon-webgl";
+import "@xterm/xterm";
+import "copy-to-clipboard";
+import "lodash-es";
+import "@cloudtower/icons-react";
+function addParam(url, key, val) {
+  let out = url + (url.includes("?") ? "&" : "?");
+  if (!Array.isArray(val)) {
+    val = [val];
+  }
+  out += val.map((v) => {
+    if (v === null) {
+      return `${encodeURIComponent(key)}`;
+    } else {
+      return `${encodeURIComponent(key)}=${encodeURIComponent(v)}`;
+    }
+  }).join("&");
+  return out;
+}
+function addParams(url, params) {
+  if (params && typeof params === "object") {
+    Object.keys(params).forEach((key) => {
+      url = addParam(url, key, params[key]);
+    });
+  }
+  return url;
+}
+function base64Encode(str, alphabet = "normal") {
+  let buf;
+  if (str === null || typeof str === "undefined") {
+    return str;
+  }
+  if (typeof Buffer.from === "function" && Buffer.from !== Uint8Array.from) {
+    buf = Buffer.from(str);
+  } else {
+    buf = new Buffer(str);
+  }
+  if (alphabet === "url") {
+    const m = {
+      "+": "-",
+      "/": "_"
+    };
+    return buf.toString("base64").replace(/[+/]|=+$/g, (char) => m[char] || "");
+  }
+  return buf.toString("base64");
+}
+function base64DecodeToBuffer(str) {
+  if (str === null || typeof str === "undefined") {
+    return str;
+  }
+  if (typeof Buffer.from === "function" && Buffer.from !== Uint8Array.from) {
+    return Buffer.from(str, "base64");
+  } else {
+    return new Buffer(str, "base64");
+  }
+}
+function base64Decode(str) {
+  return !str ? str : base64DecodeToBuffer(str.replace(/[-_]/g, (char) => char === "-" ? "+" : "/")).toString();
+}
+var OS = /* @__PURE__ */ ((OS2) => {
+  OS2["Linux"] = "linux";
+  OS2["Windows"] = "windows";
+  return OS2;
+})(OS || {});
+const BACKUP_SHELLS = [
+  "windows",
+  "linux"
+  /* Linux */
+];
+const COMMANDS = {
+  [
+    "linux"
+    /* Linux */
+  ]: [
+    "/bin/sh",
+    "-c",
+    'TERM=xterm-256color; export TERM; [ -x /bin/bash ] && ([ -x /usr/bin/script ] && /usr/bin/script -q -c "/bin/bash" /dev/null || exec /bin/bash) || exec /bin/sh'
+  ],
+  [
+    "windows"
+    /* Windows */
+  ]: ["cmd"]
+};
+const PodShell = React__default.forwardRef(
+  function PodShell2(props, ref) {
+    const { pod, basePath, onSocketStatusChange } = props;
+    const id = pod.id;
+    const [namespace, name] = useMemo(() => id.split("/"), [id]);
+    const shellRef = useRef(null);
+    const errorMsgRef = useRef("");
+    const [osIndex, setOsIndex] = useState(0);
+    const [container, setContainer] = useState("");
+    const containers = useMemo(() => {
+      var _a, _b;
+      return (((_a = pod == null ? void 0 : pod._rawYaml.status) == null ? void 0 : _a.containerStatuses) || []).concat(((_b = pod == null ? void 0 : pod._rawYaml.status) == null ? void 0 : _b.initContainerStatuses) || []).map((containerStatus) => containerStatus.name);
+    }, [pod]);
+    const url = useMemo(() => {
+      const os = BACKUP_SHELLS[osIndex];
+      const protocol = location.protocol.includes("https") ? "wss" : "ws";
+      const url2 = container && os ? addParams(
+        `${protocol}://${location.host}${basePath}/api/v1/namespaces/${namespace}/pods/${name}/exec`,
+        {
+          container,
+          stdout: "true",
+          stdin: "true",
+          stderr: "true",
+          tty: "true",
+          command: COMMANDS[
+            os || "linux"
+            /* Linux */
+          ]
+        }
+      ) : "";
+      return url2;
+    }, [container, name, namespace, osIndex, basePath]);
+    const onSocketClose = useCallback(
+      (socket, term) => {
+        var _a, _b;
+        if (errorMsgRef.current) {
+          if (osIndex + 1 < BACKUP_SHELLS.length) {
+            setOsIndex(osIndex + 1);
+          } else {
+            term == null ? void 0 : term.writeln(`\x1B[38;2;255;82;82m${errorMsgRef.current}`);
+            (_a = shellRef.current) == null ? void 0 : _a.setSocketStatus(SocketStatus.Disconnected);
+            errorMsgRef.current = "";
+          }
+        } else {
+          (_b = shellRef.current) == null ? void 0 : _b.setSocketStatus(SocketStatus.Disconnected);
+        }
+      },
+      [osIndex]
+    );
+    const onSocketMessage = useCallback(
+      (e, socket, term) => {
+        const type = e.data.substr(0, 1);
+        const msg = base64Decode(e.data.substr(1));
+        if (`${type}` === "1") {
+          term == null ? void 0 : term.write(msg);
+        } else {
+          if (`${type}` === "3") {
+            errorMsgRef.current = msg;
+          }
+        }
+      },
+      []
+    );
+    const fit = useCallback(({ rows, cols }) => {
+      var _a;
+      const message = `${"4"}${base64Encode(
+        JSON.stringify({
+          Width: Math.floor(cols),
+          Height: Math.floor(rows)
+        })
+      )}`;
+      (_a = shellRef.current) == null ? void 0 : _a.send(message);
+    }, []);
+    const encode = useCallback((input) => `${"0"}${base64Encode(input)}`, []);
+    useEffect(() => {
+      if (!container && containers.length) {
+        setContainer(containers[0]);
+      }
+    }, [containers, container]);
+    useImperativeHandle(
+      ref,
+      () => ({
+        getAllTerminalContents: () => {
+          var _a;
+          return ((_a = shellRef.current) == null ? void 0 : _a.getAllTerminalContents()) || [];
+        }
+      }),
+      []
+    );
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Shell,
+      {
+        ref: shellRef,
+        url,
+        protocols: "base64.channel.k8s.io",
+        encode,
+        fit,
+        toolbarLeftSlot: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Select,
+          {
+            input: {
+              value: container,
+              onChange(value) {
+                setContainer(value);
+              }
+            },
+            style: {
+              width: "256px"
+            },
+            size: "small",
+            children: containers.map((containerName) => /* @__PURE__ */ jsxRuntimeExports.jsx(AntdOption, { value: containerName, label: containerName, children: containerName }, containerName))
+          }
+        ),
+        onSocketMessage,
+        onSocketClose,
+        onSocketStatusChange
+      }
+    );
+  }
+);
+export {
+  OS,
+  PodShell
+};