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>