UglifyJS/lib/index.html

<!DOCTYPE html>
<html>
	<head>
		<title>ColaScript Playground</title>
		<script src="./utils.js"></script>
        <script src="./ast.js"></script>
        <script src="./parse.js"></script>
        <script src="./transform.js"></script>
        <script src="./scope.js"></script>
        <script src="./output.js"></script>
        <script src="./compress.js"></script>
        <script src="./sourcemap.js"></script>
        <script src="./mozilla-ast.js"></script>
        <script src="./translate.js"></script>
        <script src="./std.js"></script>
        <script src="./typecheck.js"></script>
    	<style>
    	
    	body {
    	    padding: 0; 
    	    margin: 0; 
    	    line-height: 100%; 
    	    position: fixed; 
    	    top: 0; 
    	    left: 0; 
    	    width: 100%; 
    	    height: 100%;
    	}
    	
        .triple textarea { 
            width: 33.333%;
        }

        .double textarea {
            width: 50%;
        }

    	textarea {
            -moz-box-sizing: border-box;
    		box-sizing: border-box; 
    	    height: 100%; 
    	    font-size: 15px; 
    	    float: left;
    	    font-family: "Andale Mono";
            padding: 0 5px 26px 5px;
            background-color: #272A32;
            color: #D6D7D9;
    	}

    	#controls {
    		position: fixed;
    		bottom: 0;
    		left: 0;
            height: 25px;
            width: 100%;
    	}

        #controls .m {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            margin: 2px 0 0 2px;
        }

        #controls .bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: white;
            opacity: 0.8;
        }

        #lenstat {
            float: right;
            margin: 2px 10px;
        }

        #version {
            float: right;
            margin: 2px 10px;
        }
    	
    	</style>
	</head>
	<body class="triple">
		<textarea id="source" onkeyup="compile()">// `main` functions may binding to a onload event 
// Functions can defined without `function` keyword, with and without `type`
main(){

    // Unary operators
    // `isset` operator.
    bool _seted = true, _empty;
    console.log("`_seted` is", _seted? ? "seted" : "empty");

    // `clone` operator 
    Array _first = [584], _second = clone _first;
    _first.push(404);
    console.log("`_first`:", _first, "`_second`:", _second);

    // Binary operators
    // `pow` operator
    console.log("5 ** 3 =", 5 ** 3);

    // `modulo` operator
    console.log("10 %% 4 = ", 10 %% 4);

    // `isset` conditional assignment
    int a, b = 4;
    console.log("`a` is", a, ", now `a` is", a ?= b); 
    console.log("`a` is", a, ", now `a` still", a ?= 584);

    // `isset` binary conditional
    int x, y = 5;
    console.log("`x` is", x, ", `y` is", y, ", x ? y = ", x ? y), x = 1;
    console.log("`x` is", x, ", `y` is", y, ", x ? y = ", x ? y);

    // `is` operator
    console.log("'hello'", "hello" is String ? "is" : "isnt", "`String`");

    // `isnt` operator
    console.log("'goodby'", "goodby" isnt Number ? "isnt" : "is", "`Number`");

    // Boolean alternatives
    console.log("`yes` and `no`", yes is Boolean && no is Boolean ? "is" : "isnt", "`Boolean`");
    console.log("`on` and `off`", on is Boolean && off is Boolean ? "is" : "isnt", "`Boolean`");

    // Strings
    // New quotes symbol, multi-lining and templating
    console.log(`

        Hello!
        My name is ColaScript, and i know who you are }:->
        User agent: @{navigator.userAgent}
        Vendor: {{navigator.vendor}}

    `);

    // Raw strings
    console.log(r"\n \r \t some@email.ru");

    // Multiline RegExp's
    RegExp isEmail = /
        ([\w-\.]+)
        @
        ((?:[\w]+\.)+)
        ([a-zA-Z]{2,4})
    /; 
    String email = r'some@email.ru';
    console.log("@email {{ isEmail.test(email) ? "is" : "isnt" }} valid email adress");

    // Arrays
    // Empty getter and setter ( pushing )
    Array arr = [2, 4, 8, 16, 32];
    console.log("Last element of `arr` is", arr[]), arr[] = 64;
    console.log("Now last element of `arr` is", arr[]);

    // Splice assignment
    arr[2..4] = [3, 2, 1];
    console.log("`arr` is", arr);

    // Range
    console.log("`[0..10]` is", [0..10]);

    // Calling function 
    Object pro;
    console.log(pro = Profile(
        "Dan", "Green", "Russia",
        "HTML5", "JavaScript", "Dart", "PHP", "CSS3", "LESS", "Qt",
        age : 19,
        petName : "Felix"
    ));

    // Cascade operator
    pro
        ..firstName += "iil"
        ..secondName = "Onoshko"
        ..skills:
            ..[1] = "JS";
        ;

    console.log(pro);
}

// Functions
// Named, positional and splated arguments, with default values.
// Arrow functions.
Object Profile(String firstName, String secondName, String country = "Russia", Array skills..., age:, petName: "Tux"){
    skills.forEach((val) => val == "JavaScript" && console.log("JavaScript - It Awesome!"));
    return {
        firstName : firstName,
        secondName : secondName,
        age : age,
        country : country,
        skills : skills,
        petName : petName
    };
}

main();</textarea>
		<textarea id="translation"></textarea>
		<textarea id="result"></textarea>
		<div id="controls">  
            <div class="bg">&nbsp;</div>
            <div class="m">
                <button id="exec" onclick="exec()">Execute</button>
                <button onclick="benchmarkTranslate()">Benchmark Translation</button>
                <button onclick="benchmarkResult()">Benchmark Result</button>
                <input type="checkbox" id="is_js" onclick="compile()">
                <label for="is_js">js parser</label>
                <input type="checkbox" id="main_binding" onclick="compile()">
                <label for="main_binding">`main` binding</label>
                <input type="checkbox" id="compressed" onclick="changeClass()">
                <label for="compressed">compressed</label>
                <span id="version">v0.6.0</span>
                <span id="lenstat"></span>
            </div>
	</body>
	<script>
		var sourceArea = document.getElementById("source"), 
			translationArea = document.getElementById("translation"), 
			resultArea = document.getElementById("result"), 
            isjs = document.getElementById("is_js"),
            mainbinding = document.getElementById("main_binding"),
            compressed = document.getElementById("compressed"),
			source;
        //localStorage.clear();
        if(!localStorage.source) localStorage.source = source = sourceArea.value;
		else sourceArea.value = source = localStorage.source;
        isjs.checked = localStorage.isjs == "t";
        mainbinding.checked = localStorage.mainbinding == "t";
        compressed.checked = localStorage.compressed == "t";

        function changeClass(){
            document.body.className = compressed.checked ? "triple" : "double";
            localStorage.compressed = compressed.checked ? "t" : "f";
        }

		function compile(){
			source = sourceArea.value;
			localStorage.source = source;
            localStorage.isjs = isjs.checked ? "t" : "f";
            localStorage.mainbinding = mainbinding.checked ? "t" : "f";

			stream = new Cola.OutputStream({ beautify : true, comments : true });
			compressor = new Cola.Compressor({ is_js : isjs.checked });

			try {
				// 1. compile
				ast = Cola.parse(source, { is_js : isjs.checked });
				if(!isjs.checked) ast = ast.toJavaScript({ main_binding : mainbinding.checked });
				ast.print(stream);
				translationArea.value = stream.toString();

				// 2. compress
        		ast.figure_out_scope();
        		ast = ast.transform(compressor);

    			// 3. mangle
        		ast.figure_out_scope();
        		ast.compute_char_frequency();
        		ast.mangle_names({ sort : true, toplevel : true });

        		stream = new Cola.OutputStream();
        		ast.print(stream);
				resultArea.value = stream.toString();
			} catch(e){
				translationArea.value = '';
				resultArea.value = '';

                throw e;
			}

            document.querySelector('#lenstat').innerHTML = sourceArea.value.length+" : "+translationArea.value.length+" : "+resultArea.value.length;
		}

        function benchmarkResult(){
            console.time("Result");
            eval(resultArea.value);
            console.timeEnd("Result");
        }

        function benchmarkTranslate(){
            console.time("Translation");
            eval(translationArea.value);
            console.timeEnd("Translation");
        }

		function exec(){
			eval.call(window, translationArea.value);
		}

		function Translate(){
			stream = new Cola.OutputStream({ beautify : true });
			translate(Cola.parse(source, null, isjs.checked)).print(stream);
			return stream.toString();
		}

        function Test(){
            var ast;

            try {
                // 1. compile
                ast = Cola.parse(source, { is_js : isjs.checked });
                if(!isjs.checked) ast = ast.toJavaScript({ main_binding : mainbinding.checked });

                // 3. mangle
                ast.figure_out_scope();
                //ast.compute_char_frequency();
                //ast.mangle_names({ sort : true, toplevel : true });

                return ast;
            } catch(e){
                throw e;
            }
        }

        changeClass();
		compile();
	</script>
</html>
Going to ColaScript!!! Start work on ColaScript translator. 2014-04-14 03:35:26 +00:00			`<!DOCTYPE html>`
			`<html>`
			`<head>`
			`<title>ColaScript Playground</title>`
`::` prototype accessor done. npm published. 2014-05-23 10:14:16 +00:00			`<script src="./utils.js"></script>`
			`<script src="./ast.js"></script>`
			`<script src="./parse.js"></script>`
			`<script src="./transform.js"></script>`
			`<script src="./scope.js"></script>`
			`<script src="./output.js"></script>`
			`<script src="./compress.js"></script>`
			`<script src="./sourcemap.js"></script>`
			`<script src="./mozilla-ast.js"></script>`
			`<script src="./translate.js"></script>`
			`<script src="./std.js"></script>`
TypeChecker: vars, args and functions registration 2014-06-29 18:49:47 +00:00			`<script src="./typecheck.js"></script>`
First step is done. index.html - playground 2014-04-15 10:52:01 +00:00			`<style>`

			`body {`
			`padding: 0;`
			`margin: 0;`
			`line-height: 100%;`
			`position: fixed;`
			`top: 0;`
			`left: 0;`
			`width: 100%;`
			`height: 100%;`
			`}`

`switch` done 2014-05-19 09:58:17 +00:00			`.triple textarea {`
			`width: 33.333%;`
			`}`

			`.double textarea {`
			`width: 50%;`
			`}`

First step is done. index.html - playground 2014-04-15 10:52:01 +00:00			`textarea {`
Demo updated. 2014-04-28 08:20:12 +00:00			`-moz-box-sizing: border-box;`
`switch` done 2014-05-19 09:58:17 +00:00			`box-sizing: border-box;`
First step is done. index.html - playground 2014-04-15 10:52:01 +00:00			`height: 100%;`
Cascade operator added, function arguments fixed. 2014-05-03 11:40:47 +00:00			`font-size: 15px;`
First step is done. index.html - playground 2014-04-15 10:52:01 +00:00			`float: left;`
			`font-family: "Andale Mono";`
Demo updated. 2014-04-28 08:20:12 +00:00			`padding: 0 5px 26px 5px;`
Cascade operator added, function arguments fixed. 2014-05-03 11:40:47 +00:00			`background-color: #272A32;`
			`color: #D6D7D9;`
First step is done. index.html - playground 2014-04-15 10:52:01 +00:00			`}`

			`#controls {`
			`position: fixed;`
			`bottom: 0;`
			`left: 0;`
Demo updated. 2014-04-20 15:57:10 +00:00			`height: 25px;`
			`width: 100%;`
First step is done. index.html - playground 2014-04-15 10:52:01 +00:00			`}`
Demo updated. 2014-04-20 15:57:10 +00:00
			`#controls .m {`
			`position: absolute;`
			`top: 0;`
			`left: 0;`
			`width: 100%;`
			`height: 100%;`
Cascade operator added, function arguments fixed. 2014-05-03 11:40:47 +00:00			`-moz-box-sizing: border-box;`
			`box-sizing: border-box;`
			`margin: 2px 0 0 2px;`
Demo updated. 2014-04-20 15:57:10 +00:00			`}`

			`#controls .bg {`
			`position: absolute;`
			`top: 0;`
			`left: 0;`
			`width: 100%;`
			`height: 100%;`
			`background-color: white;`
Cascade operator added, function arguments fixed. 2014-05-03 11:40:47 +00:00			`opacity: 0.8;`
Demo updated. 2014-04-20 15:57:10 +00:00			`}`
Demo updated. 2014-04-28 08:20:12 +00:00
			`#lenstat {`
			`float: right;`
Cascade operator added, function arguments fixed. 2014-05-03 11:40:47 +00:00			`margin: 2px 10px;`
Demo updated. 2014-04-28 08:20:12 +00:00			`}`
pg edited 2014-09-04 05:11:50 +00:00
			`#version {`
			`float: right;`
			`margin: 2px 10px;`
			`}`
First step is done. index.html - playground 2014-04-15 10:52:01 +00:00
			`</style>`
Going to ColaScript!!! Start work on ColaScript translator. 2014-04-14 03:35:26 +00:00			`</head>`
`switch` done 2014-05-19 09:58:17 +00:00			`<body class="triple">`
Demo updated. 2014-04-28 08:20:12 +00:00			<textarea id="source" onkeyup="compile()">// `main` functions may binding to a onload event
			// Functions can defined without `function` keyword, with and without `type`
			`main(){`

			`// Unary operators`
pg edited 2014-09-04 05:13:32 +00:00			// `isset` operator.
Demo updated. 2014-04-28 08:20:12 +00:00			`bool _seted = true, _empty;`
pg edited 2014-09-04 05:13:32 +00:00			console.log("`_seted` is", _seted? ? "seted" : "empty");
Demo updated. 2014-04-28 08:20:12 +00:00
			// `clone` operator
			`Array _first = [584], _second = clone _first;`
			`_first.push(404);`
pg edited 2014-09-04 05:13:32 +00:00			console.log("`_first`:", _first, "`_second`:", _second);
Demo updated. 2014-04-28 08:20:12 +00:00
			`// Binary operators`
			// `pow` operator
			`console.log("5 3 =", 5 3);`

			// `modulo` operator
			`console.log("10 %% 4 = ", 10 %% 4);`

Cascade operator added, function arguments fixed. 2014-05-03 11:40:47 +00:00			// `isset` conditional assignment
Demo updated. 2014-04-28 08:20:12 +00:00			`int a, b = 4;`
			console.log("`a` is", a, ", now `a` is", a ?= b);
			console.log("`a` is", a, ", now `a` still", a ?= 584);

			// `isset` binary conditional
			`int x, y = 5;`
			console.log("`x` is", x, ", `y` is", y, ", x ? y = ", x ? y), x = 1;
			console.log("`x` is", x, ", `y` is", y, ", x ? y = ", x ? y);

			// `is` operator
			console.log("'hello'", "hello" is String ? "is" : "isnt", "`String`");

			// `isnt` operator
			console.log("'goodby'", "goodby" isnt Number ? "isnt" : "is", "`Number`");

			`// Boolean alternatives`
			console.log("`yes` and `no`", yes is Boolean && no is Boolean ? "is" : "isnt", "`Boolean`");
			console.log("`on` and `off`", on is Boolean && off is Boolean ? "is" : "isnt", "`Boolean`");

			`// Strings`
			`// New quotes symbol, multi-lining and templating`
Demo code by default 2014-04-18 07:14:54 +00:00			console.log(`

			`Hello!`
			`My name is ColaScript, and i know who you are }:->`
Demo updated. 2014-04-28 08:20:12 +00:00			`User agent: @{navigator.userAgent}`
			`Vendor: {{navigator.vendor}}`
Demo code by default 2014-04-18 07:14:54 +00:00
			`);

Demo updated. 2014-04-28 08:20:12 +00:00			`// Raw strings`
			`console.log(r"\n \r \t some@email.ru");`
New features added. Operator `clone` and anonymous function definition `(){}`. 2014-04-20 07:31:03 +00:00
Demo updated. 2014-04-28 08:20:12 +00:00			`// Multiline RegExp's`
new demo 2014-04-18 18:33:08 +00:00			`RegExp isEmail = /`
Demo code by default 2014-04-18 07:14:54 +00:00			`([\w-\.]+)`
			`@`
			`((?:[\w]+\.)+)`
			`([a-zA-Z]{2,4})`
Demo updated. 2014-04-28 08:20:12 +00:00			`/;`
			`String email = r'some@email.ru';`
			`console.log("@email {{ isEmail.test(email) ? "is" : "isnt" }} valid email adress");`

			`// Arrays`
Cascade operator added, function arguments fixed. 2014-05-03 11:40:47 +00:00			`// Empty getter and setter ( pushing )`
Demo updated. 2014-04-28 08:20:12 +00:00			`Array arr = [2, 4, 8, 16, 32];`
			console.log("Last element of `arr` is", arr[]), arr[] = 64;
			console.log("Now last element of `arr` is", arr[]);

Cascade operator added, function arguments fixed. 2014-05-03 11:40:47 +00:00			`// Splice assignment`
Demo updated. 2014-04-28 08:20:12 +00:00			`arr[2..4] = [3, 2, 1];`
			console.log("`arr` is", arr);

			`// Range`
			console.log("`[0..10]` is", [0..10]);

Cascade operator added, function arguments fixed. 2014-05-03 11:40:47 +00:00			`// Calling function`
			`Object pro;`
			`console.log(pro = Profile(`
			`"Dan", "Green", "Russia",`
Demo updated. 2014-04-28 08:20:12 +00:00			`"HTML5", "JavaScript", "Dart", "PHP", "CSS3", "LESS", "Qt",`
			`age : 19,`
			`petName : "Felix"`
			`));`
Cascade operator added, function arguments fixed. 2014-05-03 11:40:47 +00:00
			`// Cascade operator`
			`pro`
			`..firstName += "iil"`
			`..secondName = "Onoshko"`
			`..skills:`
			`..[1] = "JS";`
			`;`

			`console.log(pro);`
Demo code by default 2014-04-18 07:14:54 +00:00			`}`

Demo updated. 2014-04-28 08:20:12 +00:00			`// Functions`
			`// Named, positional and splated arguments, with default values.`
			`// Arrow functions.`
			`Object Profile(String firstName, String secondName, String country = "Russia", Array skills..., age:, petName: "Tux"){`
			`skills.forEach((val) => val == "JavaScript" && console.log("JavaScript - It Awesome!"));`
			`return {`
			`firstName : firstName,`
			`secondName : secondName,`
			`age : age,`
			`country : country,`
			`skills : skills,`
			`petName : petName`
			`};`
			`}`
Cascade operator added, function arguments fixed. 2014-05-03 11:40:47 +00:00
			`main();</textarea>`
First step is done. index.html - playground 2014-04-15 10:52:01 +00:00			`<textarea id="translation"></textarea>`
			`<textarea id="result"></textarea>`
Demo updated. 2014-04-20 15:57:10 +00:00			`<div id="controls">`
			`<div class="bg"> </div>`
			`<div class="m">`
			`<button id="exec" onclick="exec()">Execute</button>`
Cascade operator added, function arguments fixed. 2014-05-03 11:40:47 +00:00			`<button onclick="benchmarkTranslate()">Benchmark Translation</button>`
			`<button onclick="benchmarkResult()">Benchmark Result</button>`
Demo updated. 2014-04-20 15:57:10 +00:00			`<input type="checkbox" id="is_js" onclick="compile()">`
			`<label for="is_js">js parser</label>`
Demo updated. 2014-04-28 08:20:12 +00:00			`<input type="checkbox" id="main_binding" onclick="compile()">`
			<label for="main_binding">`main` binding</label>
`switch` done 2014-05-19 09:58:17 +00:00			`<input type="checkbox" id="compressed" onclick="changeClass()">`
			`<label for="compressed">compressed</label>`
pg edited 2014-09-04 05:11:50 +00:00			`<span id="version">v0.6.0</span>`
pg edited 2014-09-04 05:13:32 +00:00			`<span id="lenstat"></span>`
Demo updated. 2014-04-20 15:57:10 +00:00			`</div>`
Going to ColaScript!!! Start work on ColaScript translator. 2014-04-14 03:35:26 +00:00			`</body>`
			`<script>`
First step is done. index.html - playground 2014-04-15 10:52:01 +00:00			`var sourceArea = document.getElementById("source"),`
			`translationArea = document.getElementById("translation"),`
			`resultArea = document.getElementById("result"),`
Refactoring Step 2 2014-04-16 18:39:27 +00:00			`isjs = document.getElementById("is_js"),`
Demo updated. 2014-04-28 08:20:12 +00:00			`mainbinding = document.getElementById("main_binding"),`
`switch` done 2014-05-19 09:58:17 +00:00			`compressed = document.getElementById("compressed"),`
First step is done. index.html - playground 2014-04-15 10:52:01 +00:00			`source;`
Progress - Use inline `isset` expression instead function. status: done - Use inline `is`. status: done - `some is NaN` to `isNaN(some)`. status: done - operator `?` instead `isset`. status: done - rename runtime prefix `$_cola` to `_ColaRuntime$$`. status: done - dotal names of refs: done 2014-08-14 13:05:38 +00:00			`//localStorage.clear();`
Demo code by default 2014-04-18 07:14:54 +00:00			`if(!localStorage.source) localStorage.source = source = sourceArea.value;`
			`else sourceArea.value = source = localStorage.source;`
Refactoring Step 2 2014-04-16 18:39:27 +00:00			`isjs.checked = localStorage.isjs == "t";`
Demo updated. 2014-04-28 08:20:12 +00:00			`mainbinding.checked = localStorage.mainbinding == "t";`
`switch` done 2014-05-19 09:58:17 +00:00			`compressed.checked = localStorage.compressed == "t";`

			`function changeClass(){`
			`document.body.className = compressed.checked ? "triple" : "double";`
			`localStorage.compressed = compressed.checked ? "t" : "f";`
			`}`
Going to ColaScript!!! Start work on ColaScript translator. 2014-04-14 03:35:26 +00:00
First step is done. index.html - playground 2014-04-15 10:52:01 +00:00			`function compile(){`
Going to ColaScript!!! Start work on ColaScript translator. 2014-04-14 03:35:26 +00:00			`source = sourceArea.value;`
			`localStorage.source = source;`
Refactoring Step 2 2014-04-16 18:39:27 +00:00			`localStorage.isjs = isjs.checked ? "t" : "f";`
Demo updated. 2014-04-28 08:20:12 +00:00			`localStorage.mainbinding = mainbinding.checked ? "t" : "f";`
First step is done. index.html - playground 2014-04-15 10:52:01 +00:00
Prepare code to the static typing. 2014-05-31 20:14:13 +00:00			`stream = new Cola.OutputStream({ beautify : true, comments : true });`
Adding std functions if need. 2014-04-18 06:10:20 +00:00			`compressor = new Cola.Compressor({ is_js : isjs.checked });`
First step is done. index.html - playground 2014-04-15 10:52:01 +00:00
			`try {`
			`// 1. compile`
Adding std functions if need. 2014-04-18 06:10:20 +00:00			`ast = Cola.parse(source, { is_js : isjs.checked });`
Demo updated. 2014-04-28 08:20:12 +00:00			`if(!isjs.checked) ast = ast.toJavaScript({ main_binding : mainbinding.checked });`
First step is done. index.html - playground 2014-04-15 10:52:01 +00:00			`ast.print(stream);`
			`translationArea.value = stream.toString();`

			`// 2. compress`
			`ast.figure_out_scope();`
			`ast = ast.transform(compressor);`

			`// 3. mangle`
			`ast.figure_out_scope();`
			`ast.compute_char_frequency();`
Array sugar added. 2014-04-22 13:33:43 +00:00			`ast.mangle_names({ sort : true, toplevel : true });`
First step is done. index.html - playground 2014-04-15 10:52:01 +00:00
Array sugar added. 2014-04-22 13:33:43 +00:00			`stream = new Cola.OutputStream();`
First step is done. index.html - playground 2014-04-15 10:52:01 +00:00			`ast.print(stream);`
			`resultArea.value = stream.toString();`
			`} catch(e){`
			`translationArea.value = '';`
			`resultArea.value = '';`
Array `arr[]` operator added. 2014-04-20 18:56:47 +00:00
			`throw e;`
First step is done. index.html - playground 2014-04-15 10:52:01 +00:00			`}`
Demo updated. 2014-04-20 15:57:10 +00:00
			`document.querySelector('#lenstat').innerHTML = sourceArea.value.length+" : "+translationArea.value.length+" : "+resultArea.value.length;`
First step is done. index.html - playground 2014-04-15 10:52:01 +00:00			`}`

Cascade operator added, function arguments fixed. 2014-05-03 11:40:47 +00:00			`function benchmarkResult(){`
			`console.time("Result");`
			`eval(resultArea.value);`
			`console.timeEnd("Result");`
			`}`

			`function benchmarkTranslate(){`
			`console.time("Translation");`
			`eval(translationArea.value);`
			`console.timeEnd("Translation");`
Array sugar added. 2014-04-22 13:33:43 +00:00			`}`

First step is done. index.html - playground 2014-04-15 10:52:01 +00:00			`function exec(){`
Browser-Cola added. 2014-05-22 15:44:11 +00:00			`eval.call(window, translationArea.value);`
First step is done. index.html - playground 2014-04-15 10:52:01 +00:00			`}`
Going to ColaScript!!! Start work on ColaScript translator. 2014-04-14 03:35:26 +00:00
			`function Translate(){`
Refactoring over! 2014-04-17 16:21:45 +00:00			`stream = new Cola.OutputStream({ beautify : true });`
Refactoring Step 2 2014-04-16 18:39:27 +00:00			`translate(Cola.parse(source, null, isjs.checked)).print(stream);`
Going to ColaScript!!! Start work on ColaScript translator. 2014-04-14 03:35:26 +00:00			`return stream.toString();`
			`}`
First step is done. index.html - playground 2014-04-15 10:52:01 +00:00
TypeChecker: vars, args and functions registration 2014-06-29 18:49:47 +00:00			`function Test(){`
Prepare to typing. 2014-06-11 19:14:36 +00:00			`var ast;`

			`try {`
			`// 1. compile`
			`ast = Cola.parse(source, { is_js : isjs.checked });`
			`if(!isjs.checked) ast = ast.toJavaScript({ main_binding : mainbinding.checked });`

			`// 3. mangle`
TypeChecker: vars, args and functions registration 2014-06-29 18:49:47 +00:00			`ast.figure_out_scope();`
Prepare to typing. 2014-06-11 19:14:36 +00:00			`//ast.compute_char_frequency();`
			`//ast.mangle_names({ sort : true, toplevel : true });`

			`return ast;`
			`} catch(e){`
			`throw e;`
			`}`
			`}`

`switch` done 2014-05-19 09:58:17 +00:00			`changeClass();`
Progress - Use inline `isset` expression instead function. status: done - Use inline `is`. status: done - `some is NaN` to `isNaN(some)`. status: done - operator `?` instead `isset`. status: done - rename runtime prefix `$_cola` to `_ColaRuntime$$`. status: done - dotal names of refs: done 2014-08-14 13:05:38 +00:00			`compile();`
Going to ColaScript!!! Start work on ColaScript translator. 2014-04-14 03:35:26 +00:00			`</script>`
			`</html>`