Revert to Commit 7e801e8, eliminating complexity

Author: syntaxseed

CONTRIBUTING.md

@@ -6,7 +6,7 @@ Please note we have a code of conduct (below), please follow it in all your inte
 
 ## Code Style and Formating Guide
 
-- Restrict Javascript to **ES6** standard to avoid need for transpiling and maximize browser support.
+- Restrict Javascript to the latest supported natively in most browsers to avoid need for transpiling and maximize browser support.
 - Always comment code sections with jsdoc style comments for methods, functions and classes. Keep comments
 meaningful and helpful.
 - Comment complex or interesting sections of code.

README.md

@@ -11,13 +11,12 @@ Terminal Faker
             alt="follow on Twitter"></a>
 </div>
 
-![Logo](src/favicon.png)
+![Logo](favicon.png)
 
 An extensible pseudo-terminal in Javascript.
 
 # What's this?
-
-A pure Javascript, mobile-friendly, Linux-like terminal simulation for use in a browser. There is a **[live demo here](https://syntaxseed.github.io/terminalfaker/src/)**.
+A pure native Javascript, mobile-friendly, Linux-like terminal simulation for use in a browser. There is a **[live demo here](https://syntaxseed.github.io/terminalfaker/)**.
 
 Originally forked from [AVGP/terminal.js](https://github.com/AVGP/terminal.js).
 
@@ -27,84 +26,74 @@ You can do a bunch of things with it:
 - Create a terminal emulator for something that exposes an interface in a browser-consumable way (CORS, Websocket, WebRTC, ...).
 - Create a text-based adventure game in the browser.
 - Create an educational tool for learning command line applications.
-- Create a terminal style collection of docs.
 - Etc.
 
-## Features
-
-- A terminal-like look and feel.
-- Built in set of basic common commands.
-- Autocomplete on commands and files/paths.
-- Built in help for commands.
-- Customizable boot message.
-- Editable file of custom commands.
-
 ## How do I use it?
 
 The easiest way to get started is to use the included "index.html" file and modify it for your needs. The basic usage is:
 
-1. Include the "terminal.css" and the javascript files.
+1. Include the "terminal.css" and the "bundle.min.js" & "filesystem.js" files.
 2. Have a container element (e.g. a div) with a child element holding a contenteditable element of class "input" and another span of class "prompt" with the actual prompt line you want to display.
-3. Create an object with methods that will be your custom commands (see below for the details of how this works).
-4. Include the minified bundle. - **Ready to roll!**
+3. Create an object with methods that will be your commands (see below for the details of how this works).
+4. Call terminal.init and pass the container element, your commands object, and a callback which creates the custom prompt. - **Ready to roll!**
 
-Here's a **minimal** example with one custom command:
+Here's a **minimal** example with one command:
 
 ```html
-   <div id="terminal">
+    <div id="terminal">
+        <p id="boot">Type 'help' to get started.</p>
         <p class="hidden">
             <span class="prompt"></span>
-           <span contenteditable="true" class="input" autocorrect="off" autocapitalize="none" autocomplete="off"> </span>
+            <span contenteditable="true" class="input" autocorrect="off" autocapitalize="none" autocomplete="off"> </span>
         </p>
     </div>
 
-     <!-- Configuration -->
-    <script>
-        const TF_CONFIG_BOOT_LOADER = true;         // Whether to show the longer boot loading startup message.
-        const TF_CONFIG_ELEMENT_ID = "terminal";    // Id of the Div to create the terminal in. Should be defined above.
-    </script>
+    <script src="js/bundle.min.js"></script>
+    <script src="js/filesystem.js"></script>
 
-    <!-- Global Custom Definitions -->
     <script>
-    var customCommands = {};
-    customCommands.cow = {
+    var commands = {};
+    commands.cow = {
             about:  "What does the cow say?",
             exe:  function() {
-                return "Moooooo!";
+            return "Moooooo!";
             }
     };
-    </script>
 
-    <!-- Minified build -->
-    <script src="js/bundle.min.js"></script>
+    // Set the command prompt style:
+    var customPrompt = function () { return "guest@TerminalFaker $ ";};
+
+    // Initialize the terminal:
+    var term = Terminal.init(document.getElementById("terminal"), commands, customPrompt);
+    </script>
 ```
 
 ## Extensible command interface
 
 The terminal is only a way to interact with "commands" and "commands" are a bundles of functionality.
 So to use the terminal, you'll need to create a bunch of functions that actually do something - and that's not hard.
 
-First we modify our minimal example to load in custom commands found in "js/customCommands.js".
+First we modify our minimal example to load in custom commands found in "js/commands.js".
 
 ```html
   ...
-    <!-- Global Custom Definitions -->
-    <script src="js/customCommands.js"></script>
+  <script src="js/bundle.min.js"></script>
+  <script src="js/filesystem.js"></script>
+  <script src="js/commands.js"></script>
   ...
 ```
 
-Then, in customCommands.js we will define custom commands (there are a couple examples in there already for you).
+Then, in commands.js we will define custom commands (there are a couple examples in there already for you).
 
 ### A greeting command
-
 So let's build a command that greets the user with the name she enters, like this:
 
 ```bash
 $ hello Alice
 Hi there, Alice
 ```
 
-In customCommands.js this is done by creating a "customCommands" object and adding a "hello" object to it with an "about" property and a "exe" property.
+In commands.js this is done by creating a "customCommands" object and adding a "hello" object to it with an "about" property and a "exe" property.
 
 "customCommands.hello.about" will contain a string of the help info to display if the user types ``help hello``.
 
@@ -115,12 +104,13 @@ In this case, hello will take multiple arguments (separated by spaces), which wi
 ```javascript
 var customCommands = {};
 customCommands.hello = {
-    about: "hello [name ...]<br>&nbsp;&nbsp;Greet the user with a message.",
+    about: "hello [arg ...]<br>&nbsp;&nbsp;Greet the user with a message.",
     exe: function (args) {                          // Executed for this command. args[0] contains the command name.
         if (args.length < 2) {
             return "Hello. Why don't you tell me your name?";
         }
         var name = "";
+        // Concatenate all remaining arguments as the 'name'.
         for (var i = 1; i < args.length; i++) {
             name += args[i] + " ";
         }
@@ -137,51 +127,29 @@ That's it! Now the commands defined in "commands.js" will extend (and overwrite
 
 ## Custom boot message
 
-A boot up message is simulated including delayed line-by line display of the boot text. Your terminal div must contain an element with id of "boot". This message is found in "main/boot.js" and is included via WebPack. To customize this message you will need to rebuild the minified bundle with WebPack. If you don't want this, set the configuration variable: ``var TF_CONFIG_BOOT_LOADER = false; `` in your javascript.
+A boot up message is simulated including delayed line-by line display of the boot text. This message is found in "js/boot.js" and is used by including the file *after* "terminal.js" is included. Your terminal div must contain an element with id of "boot". If you don't want this, just remove the "boot.js" file include. Or, if you are using the minified bundle of js, just set a variable: ``var useBootLoader = false;`` in your javascript.
 
 Note that this will over-write any text already in the element with id "boot".
 
 ## A Mock Filesystem
 
 ![Basic Filesystem](media/screenshot2.png)
 
-A simulated filesystem is initialized from the default content found in main/filesystem.js. Basic navigation around the filesystem is available. You can edit this file to customize the contents, then rebuild with WebPack.
+A simulated filesystem is initialized from the default content found in js/filesystem.js. Basic navigation around the filesystem is available. You can edit this file to customize the contents.
 
 ## Advanced Example
 
 ![Screenshot](media/screenshot1.png)
 
-To see a full example including loading in system commands and the nicer boot message text, see the source of `index.html`.
+To see a full example including loading in system commands and the nicer boot message text, see the source of index.html.
 
 ## ToDo
 
 * Basic filesystem (in progress).
 * Editing of files, mkdir, rmdir, etc.
-* See [GitHub issues](https://github.com/syntaxseed/terminalfaker/issues) page.
 
 ## Contributing
-
-See the [Contributing Guide](CONTRIBUTING.md). Pull requests for existing issues are welcome. For other or major changes, please open an issue first to discuss what you would like to change.
-
-### For Developers
-
-Terminal Faker uses node packages, namely WebPack to create the minified JS bundle and to transpile the Javascript. When you first download the TerminalFaker source code, you must install the Node packages (make sure you have Node and NPM installed):
-
-```bash
-    npm install
-```
-
-If you have edited the Javascript files, build a new minified bundle with the following command:
-
-```bash
-    npm run build
-```
-
-To start `webpack` in watch mode run (automatically builds edited files):
-
-```bash
-    npm run build-dev
-```
+Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
 
 ## Authors
 
@@ -190,14 +158,9 @@ To start `webpack` in watch mode run (automatically builds edited files):
 
 ### Contributors
 
-Many thanks to the many who have contributed to this project (in no particular order):
-
 * **Ben Brunton** - [benbrunton](https://github.com/benbrunton)
 * **Sahil Bondre** - [godcrampy](https://github.com/godcrampy)
 * **LapinoLapidus** - [LapinoLapidus](https://github.com/LapinoLapidus)
-* **Dzhamal Eziev** - [deziev](https://github.com/deziev)
-* **Jacob Shu** - [jacob-shu](https://github.com/jacob-shu)
-* **John Nenniger** - [John-Nenniger](https://github.com/John-Nenniger)
 
 ## License
 

src/favicon.png favicon.png

@@ -1,5 +1,67 @@
-<!--
-Redirect GitHub pages to src subdirectory.
--->
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
-<html><head><meta http-equiv=Refresh content="0;url=/src/"></head></html>
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Terminal Faker Demo</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
+    <meta name="theme-color" content="#000" />
+    <link rel="icon" type="image/png" href="favicon.png" />
+    <link rel="stylesheet" href="terminal.css" />
+    <style>
+      /* Over-write some styles or define on-page styles. */
+      body {
+        background: black;
+        color:      white;
+
+        width:  100%;
+        height: 100%;
+
+        padding: 4px;
+        margin:  0;
+
+        font-size:1.1em;
+
+        box-sizing: border-box;
+      }
+      h1 {
+          font-size: 1.4em;
+      }
+      h1 a{
+        color: #999;
+        font-size:0.8em;
+        text-decoration: none;
+      }
+    </style>
+
+  </head>
+  <body>
+    <h1><a href="https://github.com/syntaxseed/terminalfaker">Terminal Faker Demo</a></h1>
+
+    <div id="terminal">
+        <p class="hidden">
+            <span class="prompt"></span>
+           <span contenteditable="true" class="input" autocorrect="off" autocapitalize="none" autocomplete="off"> </span>
+        </p>
+    </div>
+
+    <script src="js/bundle.min.js"></script>
+    <!--<script src="js/src/terminal.js"></script>
+    <script src="js/src/boot.js"></script>
+    <script src="js/src/crypto.js"></script>
+    <script src="js/src/system.js"></script>-->
+
+
+    <script src="js/filesystem.js"></script>
+    <script src="js/commands.js"></script>
+
+    <script>
+        // Whether to use the longer boot load screen. If this is missing, defaults to true.
+        var useBootLoader = true;
+
+        // Set the command prompt style:
+        var customPrompt = function () { return "guest@TermFake ("+Terminal.path+") $ ";};
+
+        // Initialize the terminal:
+        var term = Terminal.init(document.getElementById("terminal"), commands, customPrompt);
+    </script>
+  </body>
+</html>

index.html

@@ -1,36 +1,18 @@
 /**
  * Custom Terminal Commands
+ * -----------------------------
  * In this file, define custom commands for your terminal application.
  * This will overwrite any built-in system commands if they exist.
  */
-
 var customCommands = {};
 
-
-/**
- * Adds passed values.
- **/
-customCommands.add = {
-    about: "add [value1] [value2]... [valueN]<br>&nbsp;&nbsp;Add specified values.",
-    exe: (args) => {
-        if (args.length < 2) {
-            return "Too few arguments.";
-        }
-        let values = args.slice(1);
-        let result = values.reduce((accumulator, current) => {
-            return Number(current) + Number(accumulator);
-        }, 0);
-        return result;
-    },
-};
-
 /**
  * Base64 encodes a string.
 */
-customCommands.base64enc = {
+builtInCommands.base64enc = {
     about: "base64enc [string]<br>&nbsp;&nbsp;Base64 encode a string.",
-    exe: (args) => {
-        if (args.length == 1) {
+    exe: function (args) {
+        if(args.length == 1){
             return "No string specified.";
         }
         args.shift();
@@ -41,10 +23,10 @@ customCommands.base64enc = {
 /**
  * Base64 decodes a string.
 */
-customCommands.base64dec = {
+builtInCommands.base64dec = {
     about: "base64dec [string]<br>&nbsp;&nbsp;Base64 decode a string.",
-    exe: (args) => {
-        if (args.length == 1) {
+    exe: function (args) {
+        if(args.length == 1){
             return "No string specified.";
         }
         args.shift();
@@ -56,9 +38,9 @@ customCommands.base64dec = {
  * Print a simple message.
  **/
 customCommands.cow = {
-    about: "cow<br>&nbsp;&nbsp;What does a cow say?",     // Help text for this command.
-    exe: () => {                                     // Executed for this command.
-        return "Moooooo!";
+    about:  "cow<br>&nbsp;&nbsp;What does a cow say?",     // Help text for this command.
+    exe:  function() {                                     // Executed for this command.
+            return "Moooooo!";
     }
 };
 
@@ -67,7 +49,7 @@ customCommands.cow = {
  **/
 customCommands.hello = {
     about: "hello [name ...]<br>&nbsp;&nbsp;Greet the user with a message.",
-    exe: (args) => {                          // Executed for this command. args[0] contains the command name.
+    exe: function (args) {                          // Executed for this command. args[0] contains the command name.
         if (args.length < 2) {
             return "Hello. Why don't you tell me your name?";
         }
@@ -83,9 +65,12 @@ customCommands.hello = {
  * Print a simple message.
  **/
 customCommands.secret = {
-    about: "secret<br>&nbsp;&nbsp;A command that is not listed in the help.",  // Help text for this command.
+    about:  "secret<br>&nbsp;&nbsp;A command that is not listed in the help.",  // Help text for this command.
     hidden: true,                                                               // Whether to hide this command from the help list.
-    exe: () => {                                                          // Executed for this command.
-        return "The password is: goldfish";
+    exe:  function() {                                                          // Executed for this command.
+            return "The password is: goldfish";
     }
 };
+
+// Use the commands in this file, to extend the built-in commands:
+var commands = extendObject(builtInCommands, customCommands);

js/bundle.min.js

@@ -0,0 +1,81 @@
+var originalFilesystem="<d name='/' path='/'>\
+            <c>\
+            <d name='docs' path='/docs/'>\
+                <c>\
+                    <d name='private' path='/docs/private/'>\
+                        <c>\
+                            <f name='secret.txt' path='/docs/private/'>\
+                                <contents>PxNmGkl6M+jDP4AYAKZET18SEnWD5qw5LIP9174lONWslF144K9VHFIk1JA=</contents>\
+                            </f>\
+                        </c>\
+                    </d>\
+                    <f name='shoplist.txt' path='/docs/'>\
+                        <contents>-Apples\n-Bananas\n-Cookies</contents>\
+                    </f>\
+                    <f name='ok.txt' path='/docs/'>\
+                        <contents>I am ok.</contents>\
+                    </f>\
+                    <f name='moretodo.txt' path='/docs/'>\
+                        <contents>A, B, C.</contents>\
+                    </f>\
+                </c>\
+            </d>\
+            <d name='more' path='/more/'>\
+                <c>\
+                    <f name='moretodo.txt' path='/more/'>\
+                        <contents>Don't forget this other stuff.</contents>\
+                    </f>\
+                </c>\
+            </d>\
+            <d name='stuff' path='/stuff/'>\
+                <c>\
+                </c>\
+            </d>\
+            <f name='cool.txt' path='/'>\
+                <contents>There is a hidden command in this terminal called 'secret'.</contents>\
+            </f>\
+            </c>\
+        </d>";
+/*
+originalFilesystem = {
+  "/" : {
+    type: "d",
+    name: "/",
+    path: "/",
+    children: {
+      "animals" : {
+        type: "d",
+        name: "animals",
+        path: "/animals",
+        children: {
+          "images" : {
+            type: "d",
+            name: "images",
+            path: "/animals/cat",
+            children: {
+              "cat.txt" : {
+                type: "f",
+                name: "cat.txt",
+                path: "/animals/cat/cat.txt",
+                content: "Meow this is a cat."
+              },
+              "cat2.txt" : {
+                type: "f",
+                name: "cat2.txt",
+                path: "/animals/cat/cat2.txt",
+                content: "Meow this is ANOTHER a cat."
+              }
+            }
+          }
+        }
+      },
+      "hello.txt" : {
+        type: "f",
+        name: "hello.txt",
+        path: "/hello.txt",
+        content: "Hi there."
+      }
+    }
+  }
+};
+*/

src/js/customCommands.js js/commands.js

@@ -1,12 +1,4 @@
-import { version } from './version';
-
-/**
- * The bootloader message that will appear line by line on terminal boot.
- * This is the 'long' format.
- * To skip this, set useBootLoader to false in the on-page configuration.
- * In HTML format.
- */
-export const bootMessageLines = [
+var bootMessageLines = [
             "System loading...<br>",
             (new Date()).toString()+"<br>",
             "&nbsp;_______&nbsp;&nbsp;&nbsp;______&nbsp;<br>|__&nbsp;&nbsp;&nbsp;__|&nbsp;|&nbsp;&nbsp;____|<br>&nbsp;&nbsp;&nbsp;|&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;|__&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;&nbsp;|&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;__|&nbsp;&nbsp;<br>&nbsp;&nbsp;&nbsp;|&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;&nbsp;|_|&nbsp;&nbsp;&nbsp;&nbsp;|_|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>",

js/filesystem.js

@@ -29,7 +29,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
  * www.movable-type.co.uk/scripts/xtea.pdf  - Tea extensions (1997)
  * www.movable-type.co.uk/scripts/xxtea.pdf - Correction to xtea (1998)
  */
-export var Tea =
+var Tea =
 /*#__PURE__*/
 function () {
   function Tea() {

src/main/boot.js js/src/boot.js

@@ -0,0 +1,220 @@
+var builtInCommands = {};
+
+builtInCommands.cat = {
+    about: "cat [file]<br>&nbsp;&nbsp;Display the contents of the specified file.",
+    exe: function (args) {
+        if(args.length != 2){
+            return "No such file.";
+        }
+        var result = term.catFile(args[1]);
+        if(result === false){
+            return "No such file, or argument is a directory.";
+        }
+        result = (result + '').replace(/([^>\r\n]?)(\r\n|\n\r|\r|\n)/g, '$1' + '<br>' + '$2');
+        return result;
+    }
+}
+
+/**
+ * Change into a directory.
+ **/
+builtInCommands.cd = {
+    about: "cd [path]<br>&nbsp;&nbsp;Change directory to the specified path.",
+    exe: function (args) {
+        if(args.length != 2){
+            return "";
+        }
+        var result = term.changeDirectory(args[1]);
+        if(!result){
+            return "No such directory.";
+        }
+        return "";
+    }
+}
+
+/**
+ * Clears the terminal using a special flag on the resetPrompt function.
+ **/
+builtInCommands.clear = {
+    about: "clear<br>&nbsp;&nbsp;Clear the terminal window.",
+    exe: function () {
+        return "";    // Functionality is handled internally by watching for this specific command name when resetting the prompt.
+    }
+};
+
+/**
+ * Echos text to the terminal
+ **/
+builtInCommands.echo = {
+    about: "echo [string]<br>&nbsp;&nbsp;Display a line of text.",
+    exe: function(args) {
+        var result = args.slice();
+        result.shift();
+        return result.join(" ");
+   }
+};
+
+/**
+ * Encryption commands which use a password a string.
+ **/
+builtInCommands.encrypt = {
+    about:  "encrypt [message] [password]<br>&nbsp;&nbsp;Encrypt a provided message using the password.",
+    exe:  function(args) {
+            if(args.length != 3){
+                return "encrypt: Invalid number of arguments.";
+            }
+            var result = Tea.encrypt(args[1], args[2]);
+            return result;
+    }
+};
+builtInCommands.decrypt = {
+    about:  "decrypt [encoded] [password]<br>&nbsp;&nbsp;Decrypt a provided message using the password.",
+    exe:  function(args) {
+            if(args.length != 3){
+                return "decrypt: Invalid number of arguments.";
+            }
+            var result = Tea.decrypt(args[1], args[2]);
+            return result;
+    }
+};
+
+
+/**
+ * Lists all available commands or the help for a given command.
+ **/
+builtInCommands.help = {
+    about: "help [command]<br>&nbsp;&nbsp;Show a list of available commands, or help for a specific command.",
+    exe: function (args) {
+        var output = "";
+        if (args.length == 2 && args[1] && args[1].toLowerCase() in commands) {
+            output += "<strong>" + args[1].toLowerCase() + "</strong>: " + commands[args[1].toLowerCase()].about + "";
+        } else {
+            output += "TERMFAKE bash, version " + version + "-release (x86_64-pc-linux-gnu)<br>These shell commands are defined internally.  Type 'help' to see this list.<br>Type 'help name' to find out more about the function 'name'.<br><br>";
+            output += "";
+
+            Object.keys(commands).sort().forEach(function (cName) {
+                if( !commands[cName].hidden ){
+                    output += "<strong>" + cName + "</strong>&nbsp; ";
+                }
+            });
+        }
+        output += "<br><br>";
+        return output;
+    }
+};
+
+/**
+ * Lists the recent builtInCommands.
+ **/
+builtInCommands.history = {
+    about: "history [-c]<br>&nbsp;&nbsp;Display the list of recent commands.<br>&nbsp;&nbsp;-c clear the history list.",
+    exe: function (args) {
+        if (args.length == 2 && args[1] == "-c") {
+            localStorage.setItem("history", []);
+            term.history = [];
+
+        }
+        var history = term.history;
+        var output = "";
+
+        history.forEach(function (element, index) {
+            output += index + "&nbsp;&nbsp;" + element + "<br>";
+        });
+        return output;
+    }
+};
+
+/**
+ * Lists the files and directories in the current path.
+ **/
+builtInCommands.ls = {
+    about: "ls [-l]<br>&nbsp;&nbsp;List directory contents.<br>&nbsp;&nbsp;-l list contents vertically.",
+    exe: function (args) {
+        var listing = "";
+        var children = Array.prototype.slice.call(term.filesystemPointer.querySelector('c').children);
+        children.forEach(function(element, index){
+            listing += "<span class='filesystem-"+element.nodeName+"'>"+element.getAttribute('name')+"</span>";
+            if( args[1] && args[1] == "-l"){
+                listing += "<br>";
+            }else{
+                listing += "&nbsp;&nbsp;";
+            }
+        });
+
+        return listing;
+    }
+}
+
+/**
+ * Print the name of the current/working directory.
+ */
+builtInCommands.pwd = {
+    about: "pwd<br>&nbsp;&nbsp;Print the name of the current working directory.",
+    exe: function () {
+        return term.path
+    }
+}
+
+/**
+ * Reset the local storage data for this app.
+ **/
+builtInCommands.reboot = {
+    about: "reboot<br>&nbsp;&nbsp;Reboot the terminal and reset saved environment.",
+    exe: function () {
+        localStorage.removeItem("filesystem");
+        localStorage.removeItem("history");
+        term.initSession();
+        term.bootTerminalStart(document.getElementById("terminal"));
+        return "";
+    }
+};
+
+/**
+ * Delete a file with the given name.
+ **/
+builtInCommands.rm = {
+    about: "rm [name]<br>&nbsp;&nbsp;Delete the file with the specified name in the current directory.",
+    exe: function (args) {
+        if(args.length == 1){
+            return "No filename specified.";
+        }
+        if(args.length > 2){
+            return "Too many parameters supplied.";
+        }
+        var result = term.deleteFile(args[1]);
+        if(result !== true){
+            return result;
+        }
+        return "";
+    }
+}
+
+/**
+ * Create an empty file with the given name.
+ **/
+builtInCommands.touch = {
+    about: "touch [name]<br>&nbsp;&nbsp;Create a file with the specified name in the current directory.",
+    exe: function (args) {
+        if(args.length == 1){
+            return "No filename specified.";
+        }
+        if(args.length > 2){
+            return "Too many parameters supplied.";
+        }
+        var result = term.makeFile(args[1]);
+        if(result !== true){
+            return result;
+        }
+        return "";
+    }
+}
+
+/**
+ * Get the version, author and repo information for Terminal Faker.
+ */
+builtInCommands.version = {
+    about: "version<br>&nbsp;&nbsp;Display the version and attribution of this terminal application.",
+    exe: function () {
+        return "Terminal Faker: version " + version + " (https://github.com/syntaxseed/terminalfaker) by Sherri Wheeler.";
+    }
+};

src/main/components/crypto.js js/src/crypto.js

@@ -12,15 +12,8 @@ the font size as it's quite small.
 */
 #terminal {
     font-family: 'Courier New', monospace;
-    width: 100%;
-    height: 100%;
-    padding-bottom:50px;
-}
-
-#terminal pre{
-    font-family: 'Courier New', monospace;
-    margin :0;
-    white-space: pre-wrap;
+    width:       100%;
+    height:      100%;
 }
 
 /**
@@ -29,7 +22,7 @@ the font size as it's quite small.
 */
 #terminal .input {
     height:         1em;
-    min-width:      4em;
+    min-width:      3em;
     outline-color:  transparent;
     border:         none;
     display:        inline-block;
@@ -54,9 +47,3 @@ the font size as it's quite small.
 #terminal div{
     word-wrap: break-word;
 }
-
-#terminal pre{
-    font-family: 'Courier New', monospace;
-    margin :0;
-    white-space: pre-wrap;
-}