/* Check list */ class Theme { constructor(color, inputBgColor, outputBgColor, font="monospace") { this.color = color; this.inputBgColor = inputBgColor; this.outputBgColor = outputBgColor; this.font = font; } } // List of all commands used by the list command let cmdList = { "utility": ["list", "help", "info", "changelog", "clear"], "fun": ["say", "shout", "hack"], "appearance": ["text", "background", "theme"], "arithmetic": ["var", "add", "sub", "mul", "div"] }; // Information about each command used by the info command let cmdInfo = { "list": "list [section]! : lists all commands in section", "help": "help [command]! : displays information about command", "info": "info : displays user information", "changelog": "changelog : displays the changelog", "say": "say [message] : displays a message", "shout": "shout [message] : displays a message in uppercase", "text" : "text \"colour\"/\"font\"/\"size\" [colour/font/size] : changes a property of the terminal text", "background" : "background [colour] : changes terminal background colour", "var": "var \"assign\" [name] [number] : declares/reassigns a variable
var \"list\" : displays list of variables", "add": "add [value] [value]... : adds up numbers and/or variables", "sub": "sub [value] [value]... : subtracts numbers and/or variables", "mul": "mul [value] [value]... : multiplies numbers and/or variables", "div": "div [value] [value]... : divides numbers and/or variables", "hack": "hack [target]! : hack", "theme": "theme \"list\"/[theme] : changes the terminal theme", "clear": "clear : clears the terminal" }; // The changelog used by the changelog command let changelog = [ "Version 1.0:", "Code was made public", "Version 2.0:", "- New 'help' command replacing the old 'info' command", "- New 'changelog' command displays changes made to the terminal", "- The 'info' command displays browser & device specs", "- The 'text' command has a new 1st argument: size which changes terminal text size", "- User input stands out from command output", "Version 2.1:", "- Improved 'help' command", "- Improved UI", "Version 3.0:", "- New 'theme' command that changes terminal theme", "- New 'clear' command that clears the terminal", "- Improved 'help' command", "- Improved 'list' command", "- Two commands 'var' and 'vars' have been joined into one" ]; // List of all variables used by var, vars and arithmatic commands let variables = { "res": 0.0 }; let themes = { "dark": new Theme("#fff", "#233", "#131313"), "light": new Theme("#222", "#eee", "#fff") }; // Constant can be used in the checkArgs() function (second argument) const ANY = "ANY"; // Command line lock mechanism let lock = false; alert("Originally written during the hacker terminal contest (was too lazy to finish it) I recently rewritten the JS and added in more commands"); function print(message) { $("#terminal-output").append(message); } function println(message) { print(`${message}
`); } function printHeader(title) { println(`=== ${title} ===`); } function error(message) { println(`${message}`); } // On document load $(() => { let input = $("#terminal-input"); input.keyup((key) => { // Enter key if (key.which === 13) { if (!lock) { let cmd = input.val().toLowerCase(); println(`> ${cmd}`); cmd = cmd.trim(); input.val(""); if (cmd.length == 0) return; command(cmd.split(" ")); } } }); }); function command(cmd) { // Checks number of arguments and displays useful error if not correct function checkArgs(min, max) { if (cmd.length - 1 < min) { error(`Not enough arguments given, minimum: ${min}`); return false; } else if (max === 0 && cmd.length - 1 > max) { error("Command does not accept any arguments"); } else if (cmd.length - 1 > max && max !== ANY) { error(`Too many arguments given, maximum: ${max}`); return false; } else return true; } // Turns variable names into their values for calculation function toValue(val) { let value = parseFloat(val); if (!isNaN(value)) return value; else if (isNaN(val) && variables.hasOwnProperty(val)) return variables[val]; else return undefined; } let output = $("#terminal-output"); let input = $("#terminal-input"); // Command selection switch (cmd[0]) { case "list": if (checkArgs(0, 1)) { if (cmdList.hasOwnProperty(cmd[1])) { printHeader(cmd[1]); for (let command of cmdList[cmd[1]]) { print(`${command} `); } println(""); } else if (cmd.length == 1) { printHeader("all"); for (let section in cmdList) { for (let command of cmdList[section]) { print(`${command} `); } } println(""); } else { error(`Section '${cmd[1]}' doesn't exist`); } } break; case "help": if (checkArgs(0, 1)) { if (cmd.length == 1) { println("help [command] : displays information about specified command and it's arguments, help command style guide:
[] : a value such as a number
\"\" : a specifically named argument
/ : more than one possible argument
... : accepts any number of the argument (above 0)
! : argument is optional"); } else { if (cmdInfo.hasOwnProperty(cmd[1])) println(cmdInfo[cmd[1]]); else error(`Command '${cmd[1]}' doesn't exist`); } } break; case "info": if (checkArgs(0, 0)) { let nav = window.navigator; for (info in nav) { if (typeof nav[info] === "string" && nav[info] !== "") println(`${info}: ${nav[info]}`); } } break; case "changelog": if (checkArgs(0, 0)) { for (let text of changelog) println(text); } break; case "clear": if (checkArgs(0, 0)) { output.empty(); } break case "say": if (checkArgs(1, ANY)) { let message = ""; for (let str of cmd.slice(1)) message += `${str} `; println(message); } break; case "shout": if (checkArgs(1, ANY)) { let message = ""; for (let str of cmd.slice(1)) message += `${str} `; println(message.toUpperCase()); } break; case "text": if (checkArgs(2, 2)) { if (cmd[1] == "colour"){ output.css("color", cmd[2]); println(`Terminal text colour changed to '${cmd[2]}'`); } else if (cmd[1] == "font") { output.css("font-family", cmd[2]); println(`Terminal font changed to '${cmd[2]}'`); } else if (cmd[1] == "size") { output.css("font-size", `${cmd[2]}px`); println(`Terminal text size changed to '${cmd[2]}px'`); } else error("Incorrect first argument, only accepted ones are 'colour', 'font' and 'size'"); } break; case "background": if (checkArgs(1, 1)) { output.css("backgroundColor", cmd[1]); println(`Terminal background colour changed to '${cmd[1]}'`); } break; case "theme": if (checkArgs(1, 1)) { if (cmd[1] == "list") { printHeader("Themes list"); for (let theme in themes) println(`- ${theme}`); } else if (themes.hasOwnProperty(cmd[1])) { let theme = themes[cmd[1]]; output.css({ "font-family": theme.font, "color": theme.color, "background-color": theme.outputBgColor }); input.css({ "font-family": theme.font, "color": theme.color, "background-color": theme.inputBgColor }); println(`Theme changed to '${cmd[1]}'`); } else error("Argument is not 'list' or a theme name"); } break; case "var": if (checkArgs(1, 3)) { if (cmd[1] == "assign") { let value = toValue(cmd[3]); if (value == undefined) { error("Invalid data type, accepted data types for variables: ints, floats"); } else { variables[cmd[2]] = value; println(`Variable ${cmd[2]} declared with the value ${value}`); } } else if (cmd[1] == "list") { printHeader("Variable list"); for (let key in variables) { if (variables.hasOwnProperty(key)) println(`- ${key} ${variables[key]}`); } } else error("Incorrect first argument, only accepted ones are 'assign' and 'list'"); } break; case "add": if (checkArgs(2, ANY)) { let result = 0.0; for (let val of cmd.slice(1)) { let num = toValue(val); if (num == undefined) { error("Invalid data type, only floats, ints and variables are accepted"); break; } else result += num; } variables["res"] = result; println(result); } break; case "sub": if (checkArgs(2, ANY)) { let result = toValue(cmd[1]); if (result == undefined) { error("Invalid data type, only floats, ints and variables are accepted"); break; } for (let val of cmd.slice(2)) { let num = toValue(val); if (num == undefined) error("Invalid data type, only floats, ints and variables are accepted"); else result -= num; } variables["res"] = result; println(result); } break; case "mul": if (checkArgs(2, ANY)) { let result = toValue(cmd[1]); if (result == undefined) { error("Invalid data type, only floats, ints and variables are accepted"); break; } for (let val of cmd.slice(2)) { let num = toValue(val); if (num == undefined) error("Invalid data type, only floats, ints and variables are accepted"); else result *= num; } variables["res"] = result; println(result); } break; case "div": if (checkArgs(2, ANY)) { let result = toValue(cmd[1]); if (result == undefined) { error("Invalid data type, only floats, ints and variables are accepted"); break; } for (let val of cmd.slice(2)) { let num = toValue(val); if (num == undefined) error("Invalid data type, only floats, ints and variables are accepted"); else result /= num; } variables["res"] = result; println(result); } break; case "hack": if (checkArgs(0, 1)) { lock = true; let message = cmd.length == 2 ? `Hacking ${cmd[1]}...` : "Hacking the planet..."; println(message); setTimeout(() => { println("Done!"); lock = false; }, 3000); } break; default: error(`Unknown command: '${cmd[0]}'`); break; } }

Terminal 3.0