Improve local shell CWD setting

Signed-off-by: Sebastian Malton <sebastian@malton.name>

src/common/utils/paths.ts

@@ -22,7 +22,7 @@
 import path from "path";
 import os from "os";
 
-function resolveTilde(filePath: string) {
+export function resolveTilde(filePath: string) {
   if (filePath[0] === "~" && (filePath[1] === "/" || filePath.length === 1)) {
     return filePath.replace("~", os.homedir());
   }

src/main/shell-session/shell-session.ts

@@ -19,7 +19,6 @@
  * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  */
 
-import fse from "fs-extra";
 import type { Cluster } from "../cluster";
 import { Kubectl } from "../kubectl";
 import type WebSocket from "ws";
@@ -34,6 +33,7 @@ import { appEventBus } from "../../common/event-bus";
 import logger from "../logger";
 import { TerminalChannels, TerminalMessage } from "../../renderer/api/terminal-api";
 import { deserialize, serialize } from "v8";
+import { stat } from "fs/promises";
 
 export class ShellOpenError extends Error {
   constructor(message: string, public cause: Error) {
@@ -178,10 +178,22 @@ export abstract class ShellSession {
     this.websocket.send(serialize(message));
   }
 
-  protected async openShellProcess(shell: string, args: string[], env: Record<string, any>) {
-    const cwd = (this.cwd && await fse.pathExists(this.cwd))
-    	? this.cwd
-    	: env.HOME;
+  protected async getCwd(env: Record<string, string>): Promise<string> {
+    if (this.cwd) {
+      try {
+        const stats = await stat(this.cwd);
+
+        if (stats.isDirectory()) {
+          return this.cwd;
+        }
+      } catch {}
+    }
+
+    return env.HOME;
+  }
+
+  protected async openShellProcess(shell: string, args: string[], env: Record<string, string>) {
+    const cwd = await this.getCwd(env);
     const { shellProcess, resume } = this.ensureShellProcess(shell, args, env, cwd);
 
     if (resume) {

src/renderer/components/cluster-settings/components/cluster-home-dir-setting.tsx

@@ -25,6 +25,11 @@ import { observer, disposeOnUnmount } from "mobx-react";
 import type { Cluster } from "../../../../main/cluster";
 import { Input } from "../../input";
 import { SubTitle } from "../../layout/sub-title";
+import { stat } from "fs/promises";
+import { Notifications } from "../../notifications";
+import { resolveTilde } from "../../../utils";
+import { Icon } from "../../icon";
+import { PathPicker } from "../../path-picker";
 
 interface Props {
   cluster: Cluster;
@@ -53,8 +58,45 @@ export class ClusterHomeDirSetting extends React.Component<Props> {
     );
   }
 
-  saveCWD = () => {
-    this.props.cluster.preferences.terminalCWD = this.directory;
+  saveCWD = async () => {
+    if (!this.directory) {
+      this.props.cluster.preferences.terminalCWD = undefined;
+
+      return;
+    }
+
+    try {
+      const dir = resolveTilde(this.directory);
+      const stats = await stat(dir);
+
+      if (stats.isDirectory()) {
+        this.props.cluster.preferences.terminalCWD = dir;
+      } else {
+        Notifications.error(
+          <>
+            <b>Shell Working Directory</b>
+            <p>Provided path is not a directory, your changes were not saved.</p>
+          </>,
+        );
+      }
+    } catch (error) {
+      if (error.code === "ENOENT") {
+        Notifications.error(
+          <>
+            <b>Shell Working Directory</b>
+            <p>Provided path does not exist, your changes were not saved.</p>
+          </>,
+        );
+      } else {
+        Notifications.error(
+          <>
+            <b>Shell Working Directory</b>
+            <p>Your changes were not saved due to the error bellow</p>
+            <p>{String(error)}</p>
+          </>,
+        );
+      }
+    }
   };
 
   onChangeTerminalCWD = (value: string) => {
@@ -73,6 +115,21 @@ export class ClusterHomeDirSetting extends React.Component<Props> {
     this.defaultNamespace = value;
   };
 
+  openFilePicker = () => {
+    PathPicker.pick({
+      label: "Choose Working Directory",
+      buttonLabel: "Pick",
+      properties: ["openDirectory", "showHiddenFiles"],
+      onPick: ([directory]) => {
+        this.props.cluster.preferences.terminalCWD = directory;
+      },
+    });
+  };
+
+  onClearCWD = () => {
+    this.props.cluster.preferences.terminalCWD = undefined;
+  };
+
   render() {
     return (
       <>
@@ -84,6 +141,24 @@ export class ClusterHomeDirSetting extends React.Component<Props> {
             onChange={this.onChangeTerminalCWD}
             onBlur={this.saveCWD}
             placeholder="$HOME"
+            iconRight={
+              <>
+                {
+                  this.directory && (
+                    <Icon
+                      material="close"
+                      title="Clear"
+                      onClick={this.onClearCWD}
+                    />
+                  )
+                }
+                <Icon
+                  material="folder"
+                  title="Pick from filesystem"
+                  onClick={this.openFilePicker}
+                />
+              </>
+            }
           />
           <small className="hint">
             An explicit start path where the terminal will be launched,{" "}

src/renderer/components/path-picker/path-picker.tsx

@@ -51,6 +51,8 @@ export class PathPicker extends React.Component<PathPickerProps> {
       ...dialogOptions,
     });
 
+    console.log(filePaths);
+
     if (canceled) {
       await onCancel?.();
     } else {