From 5ea3244c0965be9b49411115afd53300d6419fa4 Mon Sep 17 00:00:00 2001
From: Prozilla <business@prozilla.dev>
Date: Sat, 22 Jul 2023 20:48:45 +0200
Subject: [PATCH] Added more terminal commands

---
 src/components/Window.js                      |  4 +-
 .../applications/terminal/Terminal.js         |  9 ++-
 .../applications/terminal/commands.js         | 65 +++++++++++++++++--
 src/features/utils/array.js                   |  6 ++
 src/features/virtual-drive/virtual-base.js    |  6 +-
 src/features/virtual-drive/virtual-folder.js  |  5 +-
 6 files changed, 82 insertions(+), 13 deletions(-)
 create mode 100644 src/features/utils/array.js

diff --git a/src/components/Window.js b/src/components/Window.js
index d03e5ff..27f1227 100644
--- a/src/components/Window.js
+++ b/src/components/Window.js
@@ -34,7 +34,7 @@ export function Window({ id, app, size, position, focused = false }) {
 	return (
 		<Draggable
 			axis="both"
-			handle=".Header"
+			handle={".Handle"}
 			defaultPosition={{ x: position.x, y: position.y }}
 			position={null}
 			scale={1}
@@ -56,7 +56,7 @@ export function Window({ id, app, size, position, focused = false }) {
 					height: maximized ? screenHeight : size.y,
 				}}
 			>
-				<div className={styles["Header"]}>
+				<div className={`${styles.Header} Handle`}>
 					<ReactSVG className={styles["Window-icon"]} src={process.env.PUBLIC_URL + `/media/applications/icons/${app.id}.svg`}/>
 					<p>{app.name}</p>
 					<button onClick={() => setMinimized(!minimized)}>
diff --git a/src/components/applications/terminal/Terminal.js b/src/components/applications/terminal/Terminal.js
index 67bbbe8..6274c87 100644
--- a/src/components/applications/terminal/Terminal.js
+++ b/src/components/applications/terminal/Terminal.js
@@ -3,6 +3,9 @@ import styles from "./Terminal.module.css";
 import { Command } from "./commands.js";
 import { useVirtualRoot } from "../../../hooks/VirtualRootContext.js";
 
+const USERNAME = "user";
+const HOSTNAME = "prozilla-os";
+
 function OutputLine({ text }) {
 	return (
 		<p className={styles.Output}>{text}</p>
@@ -34,7 +37,7 @@ export function Terminal() {
 	const virtualRoot = useVirtualRoot();
 	const [currentDirectory, setCurrentDirectory] = useState(virtualRoot.navigate("~"));
 
-	const prefix = `user@prozilla-os:${currentDirectory.formattedPath}$ `;
+	const prefix = `${USERNAME}@${HOSTNAME}:${currentDirectory.root ? "/" : currentDirectory.path}$ `;
 
 	const updatedHistory = history;
 	const pushHistory = (entry) => {
@@ -80,7 +83,9 @@ export function Terminal() {
 				pushHistory,
 				virtualRoot,
 				currentDirectory,
-				setCurrentDirectory
+				setCurrentDirectory,
+				username: USERNAME,
+				hostname: HOSTNAME,
 			});
 
 			if (response == null)
diff --git a/src/components/applications/terminal/commands.js b/src/components/applications/terminal/commands.js
index e554782..8f81488 100644
--- a/src/components/applications/terminal/commands.js
+++ b/src/components/applications/terminal/commands.js
@@ -48,10 +48,10 @@ export class Command {
 			if (!directory)
 				return `ls: Cannot access '${args[0]}': No such file or directory`;
 
-			const fodlerNames = directory.subFolders.map((folder) => folder.id);
+			const folderNames = directory.subFolders.map((folder) => folder.id);
 			const fileNames = directory.files.map((file) => file.id);
 
-			const contents = fodlerNames.concat(fileNames);
+			const contents = folderNames.concat(fileNames);
 
 			if (contents.length === 0)
 				return { blank: true };
@@ -59,7 +59,8 @@ export class Command {
 			return contents.sort((nameA, nameB) => nameA.localeCompare(nameB)).join(" ");
 		}),
 		new Command("cd", (args, { currentDirectory, setCurrentDirectory }) => {
-			const destination = currentDirectory.navigate(args[0]);
+			const path = args[0] ?? "~";
+			const destination = currentDirectory.navigate(path);
 
 			if (!destination)
 				return `cd: ${args[0]}: No such file or directory`;
@@ -67,6 +68,62 @@ export class Command {
 			console.log(destination);
 			setCurrentDirectory(destination);
 			return { blank: true };
-		})
+		}),
+		new Command("dir", (args, { currentDirectory }) => {
+			const folderNames = currentDirectory.subFolders.map((folder) => folder.id);
+
+			if (folderNames.length === 0)
+				return { blank: true };
+
+			return folderNames.sort((nameA, nameB) => nameA.localeCompare(nameB)).join(" ");
+		}),
+		new Command("pwd", (args, { currentDirectory }) => {
+			if (currentDirectory.root) {
+				return "/";
+			} else {
+				return currentDirectory.absolutePath;
+			}
+		}),
+		new Command("touch", (args, { currentDirectory }) => {
+			const [name, extension] = args[0].split(".");
+
+			if (currentDirectory.findFile(name, extension))
+				return { blank: true };
+
+			currentDirectory.createFile(name, extension);
+			return { blank: true };
+		}),
+		new Command("mkdir", (args, { currentDirectory }) => {
+			const name = args[0];
+
+			if (currentDirectory.findSubFolder(name))
+				return { blank: true };
+
+			currentDirectory.createFolder(name);
+			return { blank: true };
+		}),
+		new Command("rm", (args, { currentDirectory }) => {
+			const [name, extension] = args[0].split(".");
+			const file = currentDirectory.findFile(name, extension);
+
+			if (!file)
+				return `rm: ${args[0]}: No such file`;
+			
+			file.delete();
+			return { blank: true };
+		}),
+		new Command("rmdir", (args, { currentDirectory }) => {
+			const name = args[0];
+			const folder = currentDirectory.findSubFolder(name);
+
+			if (!folder)
+				return `rm: ${args[0]}: No such directory`;
+			
+			folder.delete();
+			return { blank: true };
+		}),
+		new Command("hostname", (args, { hostname }) => {
+			return hostname;
+		}),
 	]
 }
\ No newline at end of file
diff --git a/src/features/utils/array.js b/src/features/utils/array.js
new file mode 100644
index 0000000..e58833d
--- /dev/null
+++ b/src/features/utils/array.js
@@ -0,0 +1,6 @@
+export function removeFromArray(item, array) {
+	const index = array.indexOf(item);
+	if (index !== -1) {
+		array.splice(index, 1);
+	}
+}
\ No newline at end of file
diff --git a/src/features/virtual-drive/virtual-base.js b/src/features/virtual-drive/virtual-base.js
index e256de6..ba7d76e 100644
--- a/src/features/virtual-drive/virtual-base.js
+++ b/src/features/virtual-drive/virtual-base.js
@@ -42,11 +42,11 @@ export class VirtualBase {
 	}
 
 	get path() {
-		return this.parent?.path + "/" + this.id;
+		return this.alias ?? this.absolutePath;
 	}
 
-	get formattedPath() {
-		return this.alias ?? this.path;
+	get absolutePath() {
+		return this.parent?.path + "/" + this.id;
 	}
 
 	getRoot() {
diff --git a/src/features/virtual-drive/virtual-folder.js b/src/features/virtual-drive/virtual-folder.js
index f392122..9035014 100644
--- a/src/features/virtual-drive/virtual-folder.js
+++ b/src/features/virtual-drive/virtual-folder.js
@@ -1,3 +1,4 @@
+import { removeFromArray } from "../utils/array.js";
 import { VirtualBase } from "./virtual-base.js";
 import { VirtualFile } from "./virtual-file.js";
 
@@ -144,9 +145,9 @@ export class VirtualFolder extends VirtualBase {
 
 	remove(child) {
 		if (child instanceof VirtualFile) {
-			// Remove file by id
+			removeFromArray(child, this.files);
 		} else if (child instanceof VirtualFolder) {
-			// Remove folder by id
+			removeFromArray(child, this.subFolders);
 		}
 	}