//---------------------------------- //- libatomos.js //- //- (C)2008 Scott Elcomb //- //- See LICENSE file for legal information //- See README file for usage information //---------------------------------- //---------------------------------- //-node.js (v0.2) //- //-TODO: previousSibling, nextSibling, ... //---------------------------------- // Retrieved from http://ejohn.org/blog/javascript-array-remove/ // // Array Remove - By John Resig (MIT Licensed) Array.prototype.remove = function(from, to) { var rest = this.slice((to || from) + 1 || this.length); this.length = from < 0 ? this.length + from : from; return this.push.apply(this, rest); }; function Node(parentNode) { this.parentNode = (parentNode) ? parentNode : null; this.childNodes = new Array(); this.firstChild = null; this.lastChild = null; this.data = new Object(); this.appendChild = function(childNode) { if (! childNode.parentNode) { childNode.parentNode = this; } this.childNodes.push(childNode); this._fixChildLinks(); return childNode; } this.removeChild = function(childNode) { var childIndex = -1; for (var i=0; i -1) { this.childNodes.remove(childIndex); this._fixChildLinks(); } return childNode; } this._fixChildLinks = function() { this.firstChild = this.childNodes[0]; this.lastChild = this.childNodes[this.childNodes.length-1]; } } //---------------------------------- //- system.js //- //- Atomic OS System Structure //---------------------------------- var dt = new Date(); window.System = { Data : { Version : '0.0.1', StartTime : dt.toLocaleDateString() + ' ' + dt.toLocaleTimeString(), }, Counters : { Libraries : 0, Scripts : 0, }, // Special Containers... Libraries : {}, //... Lib container Root : {}, //... FS container } /* wash.js LEGAL WASH SE, the Web Application SHell - Simplified Edition (C)2004,2008 psema4Technologies Licensed under the LGPL v2.1 SYNOPSIS WASH: The Web Application SHell
alert('This is myFile!');
This is myOtherFile!
ABOUT WASH is a core component of the Atomic OS project. This implementation creates a small (< 10Kb) console object - providing a simple command line interpreter and access to a single-folder filesystem simulated using JavaScript, DOM, and CSS. To add a WASH console to any web application simply reference this JavaScript file from the applications' HTML source file and create an instance of the WASH object: By default, WASH will be hidden when it's created. Hide & show the WASH panel with Console.hide() and Console.show() respectively. To add mini-programs to a web application, create a
in the HTML document's body with an ID="{your-filename}" and a CLASS="code". Fill the
with JavaScript. To add other microfiles, create a
in the HTML document's body with an ID="{your-filename}" and a CLASS="data". Fill the
with text content. AUTHOR Scott Elcomb (psema4-at-gmail-dot-com) SEE ALSO http://www.psema4.com/ http://atomos.sourceforge.net/ */ function WASH(optsObj) { this.opts = (optsObj) ? optsObj : {}; this.init = function(optsObj) { var opts = (optsObj) ? optsObj : {}; var top = (opts.top) ? opts.top : 20; var left = (opts.left) ? opts.left : 20; var width = (opts.width) ? opts.width : 800; var height = (opts.height) ? opts.height : 500; this.panel = document.createElement('div'); this.stdout = document.createElement('textarea'); this.stdin = document.createElement('input'); this.panel.id = 'PANEL'; this.panel.style.position = 'absolute'; this.panel.style.top = top + 'px'; this.panel.style.left = left + 'px'; this.panel.style.width = width + 'px'; this.panel.style.height = height + 'px'; this.panel.style.padding = '4px'; this.panel.style.backgroundColor = '#ddd'; this.panel.style.border = '2px outset #ddd'; if (opts && opts.show) { this.panel.style.visibility = 'visible'; } else { this.panel.style.visibility = 'hidden'; } this.stdout.id = 'STDOUT'; this.stdout.style.width = '100%'; this.stdout.style.height = (height - 40) + 'px'; this.stdout.style.backgroundColor = '#ddd'; this.stdin.id = 'STDIN'; this.stdin.type = 'text'; this.stdin.style.width = '100%'; this.panel.appendChild(this.stdout); this.panel.appendChild(this.stdin); document.getElementsByTagName('body')[0].appendChild(this.panel); this.panel.component = this; this.stdin.onkeypress = this.panel.component.keyHandler; this.print("Welcome to WASH SE, the Web Application SHell - Simplified Edition\n"); this.print("(C)2004,2008 psema4Technologies\n"); this.print("Licensed under the LGPL v2.1\n\n"); this.print("Type ? for help.\n\n"); if (opts && opts.show) { this.stdin.focus(); } } this.show = function() { this.panel.style.visibility = 'visible'; this.stdin.focus(); } this.hide = function() { this.panel.style.visibility = 'hidden'; } this.print = function(buf) { this.stdout.value += buf; this.stdout.scrollTop = this.stdout.scrollHeight; } this.keyHandler = function(evt) { // NOTE: In this routine the keyword 'this' points to the element that received the event - // not the WASH object. var e = (evt) ? evt : window.event; if (e.keyCode && e.keyCode === 13) { var Console = this.parentNode.component; if (Console) { Console.exec(Console.stdin.value); Console.stdin.value = ''; Console.print("\n"); } else { alert('WASH.keyHandler(): NO CONSOLE!'); } } } this.exec = function(cmdline) { var argv = cmdline.split(/\s+/); var cmd = (argv[0]) ? argv[0] : 'NOP'; var args = ''; for (var i=1; i'); log('loadNewScript(): creating dom script element.
'); } var elScript = document.createElement('script'); if (log) { log('loadNewScript(): setting ID and SRC properties.
'); } elScript.id = (id) ? id : 'CODE_' + (++System.Counters.Scripts); elScript.src = url; if (log) { log('loadNewScript(): appending element to dom document
'); } document.getElementsByTagName('head')[0].appendChild(elScript); if (log) { log('loadNewScript(): finished.

'); } } function loadNewStyle(url, id) { } //---------------------------------- //- Tagging Routines //---------------------------------- function $getTags(ref) { var el = $(ref); if (el) { var tags = el.className.split(/ /); return tags; } } function $hasTag(ref, tag) { var el = $(ref); if (el) { var tags = $getTags(el); for (var i=0; i