@zqui/react-terminal/src/commands/InBuiltCommandsProcessors.ts

A react component that renders a bash-like terminal.

import React, { SetStateAction } from "react";
import IExchange from "../types/Exchange";
import {
	appendError,
	appendOutput,
	extractPath,
	getDirectoryByPath,
} from "../utils/helpers";
import {
	isADirectory,
	noSuchFileOrDirectory,
	redundantMkdir,
} from "../errors/Errors";

export const ls = (
	setExchangeHistory: React.Dispatch<SetStateAction<IExchange[]>>,
	argsArr: string[],
	structure: any,
	pwd: string,
	prompt: string,
	fullCommand: string
) => {
	const path = "";
	const fullPath = extractPath(path, pwd);
	const { err, dir } = getDirectoryByPath(structure, fullPath);

	if (err) {
		return appendError(setExchangeHistory, err, fullCommand, pwd, prompt);
	} else {
		let flags = { a: false, l: false };
		argsArr.forEach((val) => {
			if (val.toLowerCase() === "-a") flags.a = true;
			else if (val.toLowerCase() === "-l") flags.l = true;
		});
		let content = Object.keys(dir);
		if (!flags.a) {
			content = content.filter((name) => name[0] !== ".");
		}
		return appendOutput(
			setExchangeHistory,
			content.join(" "),
			fullCommand,
			pwd,
			prompt
		);
	}
};

export const cat = (
	setExchangeHistory: React.Dispatch<SetStateAction<IExchange[]>>,
	pwd: string,
	prompt: string,
	fullCommand: string,
	argsArr: string[],
	structure: any
) => {
	const path = argsArr[0];
	const relativePath = path?.split("/");
	const fileName = relativePath?.pop();
	const fullPath = extractPath((relativePath as string[]).join("/"), pwd);
	const { err, dir } = getDirectoryByPath(structure, fullPath);
	if (err) {
		return appendError(setExchangeHistory, err, fullCommand, pwd, prompt);
	} else if (!dir[fileName!]) {
		return appendError(
			setExchangeHistory,
			noSuchFileOrDirectory(
				fileName!,
				fullCommand.split(" ")[0] as string
			),
			fullCommand,
			pwd,
			prompt
		);
	} else if (!dir[fileName!].hasOwnProperty("content")) {
		return appendError(
			setExchangeHistory,
			isADirectory(fileName!),
			fullCommand,
			pwd,
			prompt
		);
	} else {
		const content = dir[fileName!].content;
		// .replace(/\n$/, "")
		return appendOutput(
			setExchangeHistory,
			content,
			fullCommand,
			pwd,
			prompt
		);
	}
};

export const mkdir = (
	setExchangeHistory: React.Dispatch<SetStateAction<IExchange[]>>,
	pwd: string,
	prompt: string,
	argsArr: string[],
	structure: any,
	fullCommand: string,
	setStructure: React.Dispatch<React.SetStateAction<any>>
) => {
	const path = argsArr[0];
	const relativePath = (path as string).split("/");
	const newDirectory = relativePath.pop();
	const fullPath = extractPath(relativePath.join("/"), pwd);
	const newStructure = { ...structure };
	const { dir } = getDirectoryByPath(newStructure, fullPath);

	if (dir[newDirectory!]) {
		return appendError(
			setExchangeHistory,
			redundantMkdir(newDirectory!),
			fullCommand,
			pwd,
			prompt
		);
	} else {
		dir[newDirectory!] = {};
		appendOutput(setExchangeHistory, "", fullCommand, pwd, prompt);
		return setStructure(newStructure);
	}
};

export const cd = (
	pwd: string,
	prompt: string,
	setPwd: React.Dispatch<React.SetStateAction<string>>,
	args: string[],
	structure: any,
	setExchangeHistory: React.Dispatch<SetStateAction<IExchange[]>>,
	fullCommand: string
) => {
	const path = args[0];
	if (!path || path === "/") {
		return setPwd("");
	}
	const fullPath = extractPath(path, pwd);
	const { err } = getDirectoryByPath(
		structure,
		fullPath,
		fullCommand.split(" ")[0]
	);
	if (err) {
		return appendError(setExchangeHistory, err, fullCommand, pwd, prompt);
	} else {
		appendOutput(setExchangeHistory, "", fullCommand, pwd, prompt);
		return setPwd(fullPath);
	}
};

export const getPwd = (
	pwd: string,
	prompt: string,
	setExchangeHistory: React.Dispatch<SetStateAction<IExchange[]>>
) => {
	const directory = `/${pwd}`;
	appendOutput(setExchangeHistory, directory, "pwd", pwd, prompt);
};

export const rm = (
	setExchangeHistory: React.Dispatch<SetStateAction<IExchange[]>>,
	argsArr: string[],
	pwd: string,
	prompt: string,
	structure: any,
	setStructure: React.Dispatch<React.SetStateAction<any>>,
	fullCommand: string
) => {
	const path = argsArr[0];
	const relativePath = path!.split("/");
	const file = relativePath.pop();
	const fullPath = extractPath(relativePath.join("/"), pwd);
	const newStructure = { ...structure };
	const { dir } = getDirectoryByPath(newStructure, fullPath);

	if (dir[file!]) {
		delete dir[file!];
		appendOutput(setExchangeHistory, "", fullCommand, pwd, prompt);
		return setStructure(newStructure);
	} else {
		return appendError(
			setExchangeHistory,
			noSuchFileOrDirectory(file!, fullCommand.split(" ")[0] as string),
			fullCommand,
			pwd,
			prompt
		);
	}
};