Initial commit

src/node-menu/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "openlens-node-menu",
+  "version": "6.1.0",
+  "description": "OpenLens node menu",
+  "renderer": "dist/renderer.js",
+  "engines": {
+    "node": "^16.14.2",
+    "lens": "^6.3.0"
+  },
+  "scripts": {
+    "build": "npx webpack && npm pack --pack-destination $@",
+    "dev": "npx webpack -- --watch",
+    "test": "npx jest --passWithNoTests --env=jsdom src $@"
+  },
+  "files": [
+    "dist/**/*"
+  ],
+  "devDependencies": {
+    "@k8slens/extensions": "^6.3.0",
+    "@types/react": "^17.0.52",
+    "ts-loader": "^9.4.2",
+    "webpack-cli": "^5.0.1"
+  }
+}

src/node-menu/renderer.tsx

@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { Renderer } from "@k8slens/extensions";
+import React from "react";
+import type { NodeMenuProps } from "./src/node-menu";
+import { NodeMenu } from "./src/node-menu";
+
+export default class NodeMenuRendererExtension extends Renderer.LensExtension {
+  kubeObjectMenuItems = [
+    {
+      kind: "Node",
+      apiVersions: ["v1"],
+      components: {
+        MenuItem: (props: NodeMenuProps) => <NodeMenu {...props} />,
+      },
+    },
+  ];
+}

src/node-menu/src/node-menu.tsx

@@ -0,0 +1,122 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React from "react";
+import { Common, Renderer } from "@k8slens/extensions";
+
+type Node = Renderer.K8sApi.Node;
+
+const {
+  Component: {
+    terminalStore,
+    createTerminalTab,
+    ConfirmDialog,
+    MenuItem,
+    Icon,
+  },
+  Navigation,
+} = Renderer;
+const {
+  App,
+} = Common;
+
+
+export interface NodeMenuProps extends Renderer.Component.KubeObjectMenuProps<Node> {
+}
+
+export function NodeMenu(props: NodeMenuProps) {
+  const { object: node, toolbar } = props;
+
+  if (!node) {
+    return null;
+  }
+
+  const nodeName = node.getName();
+  const kubectlPath = App.Preferences.getKubectlPath() || "kubectl";
+
+  const sendToTerminal = (command: string) => {
+    terminalStore.sendCommand(command, {
+      enter: true,
+      newTab: true,
+    });
+    Navigation.hideDetails();
+  };
+
+  const shell = () => {
+    createTerminalTab({
+      title: `Node: ${nodeName}`,
+      node: nodeName,
+    });
+    Navigation.hideDetails();
+  };
+
+  const cordon = () => {
+    sendToTerminal(`${kubectlPath} cordon ${nodeName}`);
+  };
+
+  const unCordon = () => {
+    sendToTerminal(`${kubectlPath} uncordon ${nodeName}`);
+  };
+
+  const drain = () => {
+    const command = `${kubectlPath} drain ${nodeName} --delete-local-data --ignore-daemonsets --force`;
+
+    ConfirmDialog.open({
+      ok: () => sendToTerminal(command),
+      labelOk: `Drain Node`,
+      message: (
+        <p>
+          {"Are you sure you want to drain "}
+          <b>{nodeName}</b>
+          ?
+        </p>
+      ),
+    });
+  };
+
+  return (
+    <>
+      <MenuItem onClick={shell}>
+        <Icon
+          svg="ssh"
+          interactive={toolbar}
+          tooltip={toolbar && "Node shell"}
+        />
+        <span className="title">Shell</span>
+      </MenuItem>
+      {
+        node.isUnschedulable()
+          ? (
+            <MenuItem onClick={unCordon}>
+              <Icon
+                material="play_circle_filled"
+                tooltip={toolbar && "Uncordon"}
+                interactive={toolbar}
+              />
+              <span className="title">Uncordon</span>
+            </MenuItem>
+          )
+          : (
+            <MenuItem onClick={cordon}>
+              <Icon
+                material="pause_circle_filled"
+                tooltip={toolbar && "Cordon"}
+                interactive={toolbar}
+              />
+              <span className="title">Cordon</span>
+            </MenuItem>
+          )
+      }
+      <MenuItem onClick={drain}>
+        <Icon
+          material="delete_sweep"
+          tooltip={toolbar && "Drain"}
+          interactive={toolbar}
+        />
+        <span className="title">Drain</span>
+      </MenuItem>
+    </>
+  );
+}

src/node-menu/tsconfig.json

@@ -0,0 +1,27 @@
+{
+  "compilerOptions": {
+    "outDir": "dist",
+    "module": "CommonJS",
+    "target": "ES2017",
+    "lib": ["ESNext", "DOM", "DOM.Iterable"],
+    "moduleResolution": "Node",
+    "sourceMap": false,
+    "declaration": false,
+    "strict": false,
+    "noImplicitAny": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "experimentalDecorators": true,
+    "useDefineForClassFields": true,
+    "jsx": "react"
+  },
+  "include": [
+    "./*.ts",
+    "./*.tsx"
+  ],
+  "exclude": [
+    "node_modules",
+    "*.js"
+  ]
+}

src/node-menu/webpack.config.js

@@ -0,0 +1,44 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+const path = require("path");
+
+module.exports = [
+  {
+    entry: "./renderer.tsx",
+    context: __dirname,
+    target: "electron-renderer",
+    mode: "production",
+    optimization: {
+      minimize: false,
+    },
+    module: {
+      rules: [
+        {
+          test: /\.tsx?$/,
+          use: "ts-loader",
+          exclude: /node_modules/,
+        },
+      ],
+    },
+    externals: [
+      {
+        "@k8slens/extensions": "var global.LensExtensions",
+        "react": "var global.React",
+        "react-dom": "var global.ReactDOM",
+        "mobx": "var global.Mobx",
+        "mobx-react": "var global.MobxReact",
+      },
+    ],
+    resolve: {
+      extensions: [ ".tsx", ".ts", ".js" ],
+    },
+    output: {
+      libraryTarget: "commonjs2",
+      globalObject: "this",
+      filename: "renderer.js",
+      path: path.resolve(__dirname, "dist"),
+    },
+  },
+];