tastejs · nin-jin · Dec 15, 2016 · Dec 15, 2016 · Dec 15, 2016 · Dec 15, 2016
diff --git a/.vscode/launch.json b/.vscode/launch.json
@@ -0,0 +1,14 @@
+{
+    // Используйте IntelliSense, чтобы узнать о возможных атрибутах.
+    // Наведите указатель мыши, чтобы просмотреть описания существующих атрибутов.
+    // Для получения дополнительной информации посетите: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "node",
+            "request": "launch",
+            "name": "Launch Program",
+            "program": "${workspaceFolder}\\server.js"
+        }
+    ]
+}
diff --git a/benchmark/index.html b/benchmark/index.html
@@ -0,0 +1,275 @@
+<!doctype html>
+<html>
+
+<meta charset="utf-8" />
+
+<style>
+	html , body {
+		margin: 0;
+		padding: 0;
+		width: 100%;
+		height: 100%;
+		overflow: hidden;
+		font: 12pt/1.25 "-apple-system", BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+	}
+
+	@keyframes measure {
+		from {
+			outline : 1px solid black;
+		}
+		to {
+			outline : 1px solid white;
+		}
+	}
+
+	#sandbox {
+		border: none;
+		width: 100%;
+		height: 100%;
+	}
+</style>
+
+<iframe id="sandbox"></iframe>
+
+<script>
+
+	if( window.parent === window ) document.location = 'https://bench.hyoo.ru/#bench=' + encodeURIComponent( location.href )
+
+	var metaData = {
+		title : {
+			'en' : 'ToDoMVC workflow benchmark' ,
+			'ru' : 'ToDoMVC - производительность работы' ,
+		} ,
+		descr : {
+			'en' : 'Sample applications is [ToDoMVC](https://github.com/hyoo-ru/todomvc/) implementations. Benchmark creates tasks in sequence, toggles completeness and then removes them.' ,
+			'ru' : 'Варианты реализаций [ToDoMVC](https://github.com/hyoo-ru/todomvc/) приложения для управления списком дел. В тесте замеряется время последовательного создания задач, переключения их завершённости и последующего их удаления.' ,
+		} ,
+		samples : {
+		} ,
+		params : {
+			'count' : {
+				title : {
+					'en' : 'Count of tasks' ,
+					'ru' : 'Число задач' ,
+				},
+				default : 200 ,
+				type : 'number' ,
+				precision : 50 ,
+			} ,
+			'blinks' : {
+				title : {
+					'en' : 'Complete all count' ,
+					'ru' : 'Число переключений всех' ,
+				},
+				default : 50 ,
+				type : 'number' ,
+				precision : 10 ,
+			}
+		} ,
+		steps : {
+			'start' : {
+				title : {
+					'en' : 'Load' ,
+					'ru' : 'Загрузка' ,
+				} ,
+			} ,
+			'fill' : {
+				title : {
+					'en' : 'Creating' ,
+					'ru' : 'Создание' ,
+				} ,
+			} ,
+			'complete' : {
+				title : {
+					'en' : 'Compliting' ,
+					'ru' : 'Завершение' ,
+				} ,
+			} ,
+			'clear' : {
+				title : {
+					'en' : 'Removing' ,
+					'ru' : 'Удаление' ,
+				} ,
+			} ,
+		} ,
+	}
+
+	var xhr = new XMLHttpRequest
+	xhr.open( 'get' , '../learn.json' , false )
+	xhr.send()
+	var learn = JSON.parse( xhr.responseText )
+
+	for( var lib in learn ) {
+		if( lib === 'templates' ) continue
+		learn[ lib ].examples.forEach( function( example ) {
+			if( !/^examples\/[-a-zA-Z0-9_\/]+$/.test( example.url ) ) return
+
+			metaData.samples[ example.url.replace( /(^examples\/|\/$)/g , '' ) ] = {
+				title : { 'en' : learn[ lib ].name + ' ' + example.name.replace( 'Example' , '' ) }
+			}
+		} )
+	}
+
+	var sandbox = document.getElementById( 'sandbox' )
+
+	var selector = {
+		adder : '#new-todo,.new-todo,.todo__new,[hyoo_todomvc_add]' ,
+		adderForm : '#todo-form,.todo-form,#header form' ,
+		completer : '.toggle-all,#toggle-all,[hyoo_todomvc_head_complete]' ,
+		dropper : '.destroy,[hyoo_todomvc_task_row_drop]' ,
+	}
+
+	function meta() {
+		done( metaData )
+	}
+
+	function start( sample ) {
+		var sandbox = document.getElementById( 'sandbox' )
+		localStorage.clear()
+		sandbox.src = 'about:blank'
+		setTimeout( function() {
+			var start = Date.now()
+			sandbox.src = '../examples/' + sample + '/'
+			sandbox.onload = function() {
+				step()
+				function step() {
+					if( sandbox.contentDocument.querySelector( selector.adder ) ) done( Date.now() - start + ' ms' )
+					else setTimeout( step , 10 )
+				}
+				sandbox.onload = null
+			}
+		} )
+	}
+
+	function fill( sample , params ) {
+		var adder = sandbox.contentDocument.querySelector( selector.adder )
+		var adderForm = sandbox.contentDocument.querySelector( selector.adderForm )
+		var i = 1
+		var start = Date.now()
+
+		step()
+		function step() {
+			adder.value = 'Something to do ' + i
+			adder.dispatchEvent( new Event( 'input' , { bubbles : true } ) )
+			adder.dispatchEvent( new Event( 'change' , { bubbles : true } ) )
+
+			var event = new Event( 'keydown' , { bubbles : true } )
+			event.keyCode = 13
+			event.which = 13
+			event.key = 'Enter'
+			adder.dispatchEvent( event )
+
+			var event = new Event( 'keypress' , { bubbles : true } )
+			event.keyCode = 13
+			event.which = 13
+			event.key = 'Enter'
+			adder.dispatchEvent( event )
+
+			var event = new Event( 'compositionend' , { bubbles : true } )
+			event.keyCode = 13
+			event.which = 13
+			event.key = 'Enter'
+			adder.dispatchEvent( event )
+
+			var event = new Event( 'keyup' , { bubbles : true } )
+			event.keyCode = 13
+			event.which = 13
+			event.key = 'Enter'
+			adder.dispatchEvent( event )
+
+			var event = new Event( 'blur' , { bubbles : true } )
+			adder.dispatchEvent( event )
+
+			if( adderForm ) {
+				var event = new Event( 'submit' , { bubbles : true } )
+				event.keyCode = 13
+				event.which = 13
+				event.key = 'Enter'
+				adderForm.dispatchEvent( event )
+			}
+
+			if( ++i <= params.count ) setImmediate( step )
+			else {
+				sandbox.addEventListener( 'animationend' , end )
+				requestAnimationFrame( function(){ setTimeout( function() { // wait for message processed
+					sandbox.style.animation = 'measure .001s'
+				} ) } )
+				function end() { // wait for painting ends
+					done( Date.now() - start + ' ms' )
+					sandbox.style.animation = ''
+					sandbox.removeEventListener( 'animationend' , end )
+				}
+			}
+		}
+	}
+
+	function complete( sample , params ) {
+		var completer = sandbox.contentDocument.querySelector( selector.completer )
+		var i = 1
+		var start = Date.now()
+
+		step()
+		function step() {
+			completer.click()
+
+			if( ++i <= params.blinks ) setImmediate( step )
+			else {
+				sandbox.addEventListener( 'animationend' , end )
+				requestAnimationFrame( function(){ setTimeout( function() { // wait for message processed
+					sandbox.style.animation = 'measure .001s'
+				} ) } )
+				function end() { // wait for painting ends
+					done( Date.now() - start + ' ms' )
+					sandbox.style.animation = ''
+					sandbox.removeEventListener( 'animationend' , end )
+				}
+			}
+		}
+	}
+
+	function clear( sample ) {
+		var start = Date.now()
+		var index = 0
+
+		step()
+		function step() {
+			var droppers = sandbox.contentDocument.querySelectorAll( selector.dropper )
+			if( !droppers.length ) {
+				sandbox.addEventListener( 'animationend' , end )
+				requestAnimationFrame( function(){ setTimeout( function() { // wait for message processed
+					sandbox.style.animation = 'measure .001s'
+				} ) } )
+				function end() {  // wait for painting ends
+					done( Date.now() - start + ' ms' )
+					sandbox.style.animation = ''
+					sandbox.removeEventListener( 'animationend' , end )
+				}
+				return
+			}
+
+			var dropper = droppers[ index++ % droppers.length ]
+
+			dropper.dispatchEvent( new MouseEvent( 'mousedown' , { bubbles : true } ) )
+			dropper.dispatchEvent( new MouseEvent( 'mouseup' , { bubbles : true } ) )
+			dropper.dispatchEvent( new MouseEvent( 'click' , { bubbles : true } ) )
+
+			setImmediate( step )
+		}
+	}
+
+	function done( result ) {
+		if( parent === window ) console.log( result )
+		else parent.postMessage( [ 'done' , result ] , '*' )
+	}
+
+	window.addEventListener( 'message' , function( event ) {
+		window[ event.data[0] ].apply( null , event.data.slice( 1 ) )
+	} )
+
+	var setImmediate_task
+	function setImmediate( task ) {
+		setImmediate_task = task
+		postMessage( [ 'setImmediate_task' ] , '*' )
+	}
+
+</script>
diff --git a/examples/cyclejs/.babelrc b/examples/cyclejs/.babelrc
@@ -0,0 +1,4 @@
+{
+  "presets": ["es2015"],
+  "plugins": ["transform-object-rest-spread"]
+}
diff --git a/examples/cyclejs/.editorconfig b/examples/cyclejs/.editorconfig
@@ -0,0 +1,7 @@
+; editorconfig.org
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = LF
diff --git a/examples/cyclejs/.gitignore b/examples/cyclejs/.gitignore
@@ -0,0 +1,4 @@
+.idea/
+ignore/
+node_modules/
+npm-debug.log
diff --git a/examples/cyclejs/LICENSE b/examples/cyclejs/LICENSE
@@ -0,0 +1,22 @@
+The MIT License (MIT)
+
+Copyright (c) 2014 André Staltz
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
diff --git a/examples/cyclejs/README.md b/examples/cyclejs/README.md
@@ -0,0 +1,10 @@
+TodoMVC in Cycle.js
+===================
+
+TodoMVC example implemented in [Cycle.js](http://cycle.js.org).
+
+[Open the app]( http://cycle.js.org/todomvc-cycle/ )
+
+- - -
+
+To see a version of this codebase using Immutable.js, [click here](https://github.com/cyclejs/todomvc-cycle/pull/9/files).
diff --git a/examples/cyclejs/index.html b/examples/cyclejs/index.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en" data-framework="cycle">
+<head>
+	<meta charset="utf-8">
+	<title>Cycle • TodoMVC</title>
+	<link href="node_modules/todomvc-common/base.css" rel="stylesheet">
+	<link href="node_modules/todomvc-app-css/index.css" rel="stylesheet">
+</head>
+<body>
+<section class="todoapp"></section>
+<footer class="info">
+	<p>Double-click to edit a todo</p>
+	<p><a href="http://github.com/cyclejs/todomvc-cycle">Source code</a></p>
+	<p>Created by <a href="http://andre.staltz.com">Andre Staltz</a></p>
+</footer>
+<script src="node_modules/todomvc-common/base.js"></script>
+<script src="js/app.js"></script>
+</body>
+</html>