move components/client to rt (runtime) directory

src/rt/shell/color.ts

@@ -0,0 +1,34 @@
+import create from "../elements/create"
+
+const enum Colors {
+	red   = "red",
+	green = "green",
+	blue  = "blue",
+	cyan  = "cyan",
+	bold  = "bold"
+}
+function newcolor(inner: string, color?: Colors) {
+	const span = create("span", color)
+	span.innerText = inner
+	return span
+}
+
+const red   = (s: string) => newcolor(s, Colors.red )
+const green = (s: string) => newcolor(s, Colors.green)
+const blue  = (s: string) => newcolor(s, Colors.blue)
+const cyan  = (s: string) => newcolor(s, Colors.cyan)
+const bold  = (s: string) => newcolor(s, Colors.bold)
+
+export default function rgb(s: string, Ru8: number, Gu8: number, Bu8: number) {
+	const rgb_span = newcolor(s)
+	rgb_span.style.color = `rgb(${Ru8},${Gu8},${Bu8})`
+	return rgb_span
+}
+
+export {
+	red,
+	green,
+	blue,
+	cyan,
+	bold
+}

src/rt/shell/command/builtin/cat.ts

@@ -0,0 +1,6 @@
+import type { Args, Term } from "../list";
+
+export default function cat(term: Term, args: Args): boolean {
+
+	return true
+}

src/rt/shell/command/builtin/cd.ts

@@ -0,0 +1,13 @@
+import { set_working_dir, SetDirStatus } from "../../fs/fn"
+import type { Args, Term } from "../list"
+
+export default function cd(term: Term, args: Args): boolean {
+	const new_dir_status = set_working_dir(args[1])
+
+	if (new_dir_status === SetDirStatus.NotADirectory) {
+		// return <p>{"cd: \""}{bold(args[1])}{"\" is not a directory"}</p>
+	} else if (new_dir_status === SetDirStatus.NotFound) {
+		// return <p>{"cd: The directory \""}{bold(args[1])}{"\" does not exist"}</p>
+	}
+	return true
+}

src/rt/shell/command/builtin/clear.ts

@@ -0,0 +1,19 @@
+import type { Args, Term } from "../list"
+
+export default function clear(term: Term, args: Args): boolean {
+	Array.from(term.children).forEach(node => {
+		if (node.tagName === "DIV") {
+			if (node.className === "shell-prompt") {
+				const input = node.getElementsByClassName("shell-ps1")[0] as HTMLInputElement
+				if (input.disabled || input.value === "clear") {
+					node.remove()
+				}
+			} else {
+				node.remove()
+			}
+		} else if (node.tagName === "P") {
+			node.remove()
+		}
+	})
+	return true
+}

src/rt/shell/command/builtin/history.ts

@@ -0,0 +1,22 @@
+import type { Args, Term } from "../list";
+
+import stdout from "../../../elements/stdout";
+import SubCommand from "../subcommand";
+import history from "../../history";
+
+const history_command = new SubCommand("Show and manipulate command history")
+
+history_command.add("show", "Show the history", function(term: Term, _args: Args) {
+	history.file.inner.forEach((entry, ind) => term.appendChild(stdout(`${ind} ${entry}`)))
+})
+
+history_command.add("clear", "Delete the entire command history", function(term: Term, _args: Args) {
+	const entries = history.file.inner.length
+	history.file.inner = []
+	term.appendChild(stdout(`Cleared ${entries} entries from the history.`))
+})
+
+export default function history_cmd(term: Term, args: Args) {
+	history_command.process(term, args)
+	return true
+}

src/rt/shell/command/builtin/ls.ts

@@ -0,0 +1,11 @@
+import type { Args, Term } from "../list";
+
+export default function ls(term: Term, args: Args): boolean {
+	// if (args[1] === undefined) {
+	// 	for (const dir_name in working_dir) {
+
+	// 	}
+	// 	return <p>{`${working_dir}`}</p>
+	// }
+	return true
+}

src/rt/shell/command/builtin/pwd.ts

@@ -0,0 +1,9 @@
+import { get_working_dir_name_full } from "../../fs/fn";
+import type { Args, Term } from "../list";
+
+import stdout from "../../../elements/stdout";
+
+export default function pwd(term: Term, args: Args): boolean {
+	term.appendChild(stdout(get_working_dir_name_full()))
+	return true
+}

src/rt/shell/command/command.ts

@@ -0,0 +1,38 @@
+import { bold } from "../color";
+import { to_args, trim } from "./parse";
+
+import commands, { type Command } from "./list";
+import history from "../history";
+import stdout from "../../elements/stdout";
+
+type Term = HTMLElement
+
+function valid_command(term: Term, args: string[]) {
+	for (const command_in_list in commands) {
+		const command = args[0]
+		if (command === command_in_list) {
+			return (commands[command_in_list] as Command)(term, args)
+		}
+	}
+	return
+}
+
+function unknown_command(cmd_name: string) {
+	const unknown_element = stdout("shell: Unknown command: ")
+	unknown_element.appendChild(bold(cmd_name))
+	return unknown_element
+}
+
+export default function run(term: Term, stdin: string) {
+	const args = to_args(trim(stdin))
+	const valid = valid_command(term, args)
+	const command = args[0] as string
+
+	if (command !== "" && !valid) {
+		return unknown_command(command)
+	}
+	history.add(args.join(" "))
+	return false
+}
+
+export { unknown_command }

src/rt/shell/command/list.ts

@@ -0,0 +1,30 @@
+import history from "./builtin/history"
+import clear from "./builtin/clear"
+import pwd from "./builtin/pwd"
+import cat from "./builtin/cat"
+import cd from "./builtin/cd"
+import ls from "./builtin/ls"
+
+type Term = HTMLElement
+type Args = string[]
+type Command = (term: Term, args: Args) => boolean
+
+interface CommandsList {
+	[index: string]: Command,
+}
+
+const commands: CommandsList = {
+	["history"]: history,
+	["clear"]: clear,
+	["pwd"]: pwd,
+	["cat"]: cat,
+	["cd"]: cd,
+	["ls"]: ls,
+}
+
+export default commands
+export {
+	type Command,
+	type Term,
+	type Args
+}

src/rt/shell/command/parse.ts

@@ -0,0 +1,14 @@
+function trim(stdin: string): string {
+	const trimmed_str: string[] = []
+	stdin.split(" ").forEach(s => { if (s !== "") { trimmed_str.push(s) } })
+	return trimmed_str.join(" ")
+}
+
+function to_args(trimmed_str: string): string[] {
+	return trimmed_str.split(" ")
+}
+
+export {
+	trim,
+	to_args
+}

src/rt/shell/command/subcommand.ts

@@ -0,0 +1,63 @@
+import stdout, { stdout_grid } from "../../elements/stdout";
+import { bold } from "../color";
+import type { Args, Term } from "./list";
+
+type SubCommandClosure = (term: Term, args: Args) => void
+interface SubCommandAction {
+	inner: SubCommandClosure,
+	description: string,
+}
+interface SubCommands {
+	[index: string]: SubCommandAction,
+}
+
+const SubCommand = class {
+	public data: SubCommands //data? less goo!
+
+	constructor(description: string) {
+		this.data = {}
+		this.data.help = {} as SubCommandAction
+		this.data.help.description = "Display help info"
+		this.data.help.inner = (term: Term, _args: Args) => {
+			const descriptions: string[] = []
+			Object.values(this.data).forEach(sub_cmd => descriptions.push(sub_cmd.description))
+
+			term.appendChild(stdout(description))
+			term.appendChild(stdout_grid(Object.keys(this.data), descriptions))
+		}
+	}
+
+	public process(term: Term, args: Args) {
+		const subc = args[1]
+		if (subc) {
+			const subc_f = this.data[subc]
+			if (subc_f) {
+				subc_f.inner(term, args)
+			} else {
+				term.appendChild(SubCommand.unknown(subc))
+				this.data.help.inner(term, args)
+			}
+		} else {
+			this.data.help.inner(term, args)
+		}
+	}
+
+	public add(name: string, description: string, f: SubCommandClosure) {
+		this.data[name] = {} as SubCommandAction
+		this.data[name].description = description
+		this.data[name].inner = f
+	}
+
+	public static unknown(subcmd_name: string) {
+		const subcmd_unknown = stdout("Unknown sub-command: ")
+		subcmd_unknown.appendChild(bold(subcmd_name))
+		return subcmd_unknown
+	}
+}
+
+export default SubCommand
+
+export {
+	type SubCommand,
+	type SubCommandAction
+}

src/rt/shell/fs/fn.ts

@@ -0,0 +1,75 @@
+import { Entry, EntryType, fs, type FsEntrySignature } from "./fs"
+
+let working_dir = ["/", "home", "user"]
+
+function get_working_dir_name() {
+	return working_dir[working_dir.length-1]
+}
+
+function get_working_dir_name_full(): string {
+	const w_dir_clone = [...working_dir]
+	const root = w_dir_clone.shift()
+	if (root) {
+		return root+w_dir_clone.join("/")
+	}
+	return "shift-error"
+}
+
+const enum SetDirStatus {
+	Valid,
+	NotFound,
+	NotADirectory
+}
+interface FsIterEntry {
+	readonly entry: FsEntrySignature | null,
+	readonly status: SetDirStatus
+}
+function iter_fs_to_goal(w_dir_clone: string[]): FsIterEntry {
+	let next_iter = fs[0]
+
+	for (const w_dir of w_dir_clone) {
+		if (w_dir === "/") { continue }
+		if (next_iter && next_iter.inner) {
+			const found = next_iter.inner.find(entry => entry.name === w_dir)
+
+			if (!found) {
+				return { entry: null, status: SetDirStatus.NotFound }
+			}
+			if (found.type !== EntryType.Directory) {
+				return { entry: null, status: SetDirStatus.NotADirectory }
+			}
+			if (found.name === w_dir_clone[w_dir_clone.length-1]) {
+				return { entry: next_iter, status: SetDirStatus.Valid }
+			} else {
+				next_iter = found.inner as FsEntrySignature
+			}
+		}
+	}
+	return { entry: null, status: SetDirStatus.NotFound }
+}
+
+function set_working_dir(name: string): SetDirStatus {
+	if (name === ".") { return SetDirStatus.Valid }
+
+	const w_dir_clone = [...working_dir]
+	if (name === "..") { w_dir_clone.pop() } else { w_dir_clone.push(name) }
+
+	const iter_status = iter_fs_to_goal(w_dir_clone)
+	if (iter_status.status === SetDirStatus.Valid) {
+		working_dir = w_dir_clone
+	}
+	return iter_status.status
+}
+
+function working_dir_entries() {
+	const w_dir_clone = [...working_dir]
+	const iter_status = iter_fs_to_goal(w_dir_clone)
+
+}
+
+export {
+	get_working_dir_name,
+	get_working_dir_name_full,
+	set_working_dir,
+	SetDirStatus
+}

src/rt/shell/fs/fs.ts

@@ -0,0 +1,51 @@
+const enum EntryType {
+	Directory,
+	File
+}
+const enum Permissions {
+	r,
+	w,
+	rw
+}
+
+type FsEntrySignature = Entry<Entry<{}>[]> //I did this!
+
+const user = [
+	Entry("about_me.txt", "about me inside", Permissions.rw),
+	Entry("services.txt", "services inside", Permissions.rw),
+	Entry("hi", [], Permissions.rw)
+]
+const home = [
+	Entry("user", user, Permissions.rw)
+]
+const root = [
+	Entry("home", home, Permissions.r),
+	Entry("bin", {}, Permissions.r),
+]
+const fs = [
+	Entry("/", root, Permissions.r)
+]
+
+type File = string
+interface Entry<T = File> {
+	readonly inner?: T,
+	readonly name: string,
+	readonly type: EntryType,
+	readonly permissions: Permissions
+}
+function Entry<T = File>(name: string, inner: T, permissions: Permissions): Entry<T> {
+	return {
+		type: typeof inner == "object" ? EntryType.Directory : EntryType.File,
+		inner: inner,
+		name: name,
+		permissions: permissions
+	}
+}
+
+export {
+	fs,
+	type FsEntrySignature,
+	EntryType,
+	Permissions,
+	Entry
+}

src/rt/shell/history.ts

@@ -0,0 +1,48 @@
+interface HistoryFile {
+	inner: string[],
+	cursor: number,
+	cursor_reset: () => void
+}
+interface History {
+	file: HistoryFile
+	add: (cmd: string) => void,
+	index_up: (ps1input: HTMLInputElement) => void,
+	index_down: (ps1input: HTMLInputElement) => void
+}
+
+const history = {} as History
+history.file = {} as HistoryFile
+history.file.inner = []
+history.file.cursor = 0
+history.file.cursor_reset = function() {
+	this.cursor = 0
+}
+
+history.add = function(cmd: string) {
+	if (this.file.inner[this.file.inner.length-1] !== cmd) {
+		this.file.inner.push(cmd)
+	}
+}
+
+history.index_up = function(ps1input: HTMLInputElement) {
+	const item = this.file.inner[this.file.cursor]
+	if (item) {
+		this.file.cursor+=1
+		ps1input.value = item
+	}
+}
+
+history.index_down = function(ps1input: HTMLInputElement) {
+	if (this.file.cursor!==0) {
+		this.file.cursor-=1
+		if (this.file.cursor!==0) {
+			const item = this.file.inner[this.file.cursor-1]
+			if (item) { ps1input.value = item }
+		} else {
+			this.file.cursor_reset()
+			ps1input.value = ""
+		}
+	}
+}
+
+export default history