apprun 4.0.0 → 6.0.0-rc.0

package/apprun-cli.js

@@ -1,177 +0,0 @@
-#!/usr/bin/env node
-
-'use strict';
-
-const fs = require('fs');
-const path = require('path');
-const package_json = path.resolve('./package.json');
-const tsconfig_json = path.resolve('./tsconfig.json');
-const webpack_config_js = path.resolve('./webpack.config.js');
-const git_ignore_file = path.resolve('./.gitignore');
-const index_html = path.resolve('./index.html');
-const main_tsx = path.resolve('./main.tsx');
-const spa_index = path.resolve('./index.html');
-const spa_main_tsx = path.resolve('./main.tsx');
-const readme_md = path.resolve('./README.md');
-const execSync = require('child_process').execSync;
-const program = require('commander');
-
-let show_start = false;
-let show_test = false;
-
-function read(name) {
-  return fs.readFileSync(path.resolve(__dirname + '/cli-templates', name), 'utf8');
-}
-
-function write(file_name, text, title = 'Creating', overwrite = false) {
-  const file = path.resolve(file_name);
-  if (!fs.existsSync(file) || overwrite) {
-    process.stdout.write(`${title}: ${file} ... `);
-    fs.writeFileSync(
-      file,
-      text
-    );
-    process.stdout.write('Done\n');
-  } else {
-    process.stdout.write(`No change made. File exists: ${file}\n`);
-  }
-}
-
-function init() {
-  RegExp.prototype.toJSON = RegExp.prototype.toString;
-
-  if (!fs.existsSync(package_json)) {
-    console.log('Initializing package.json');
-    execSync('npm init -y');
-  }
-
-  console.log('Installing packages. This might take a couple minutes.');
-  execSync('npm install webpack webpack-cli webpack-dev-server ts-loader typescript source-map-loader --save-dev');
-  execSync('npm install apprun --save');
-
-  write(tsconfig_json, read('tsconfig.json'));
-  write(webpack_config_js, read('webpack.config.js'))
-  write(index_html, read('index.html'));
-  write(main_tsx, read('main.ts_'));
-  write(readme_md, read('readme.md'));
-
-  console.log('Adding npm scripts');
-  const package_info = require(package_json);
-  if (!package_info.scripts) package_info["scripts"] = {}
-  if (!package_info.scripts['start']) {
-    package_info["scripts"]["start"] = 'webpack-dev-server --mode development';
-  }
-  if (!package_info.scripts['build']) {
-    package_info["scripts"]["build"] = 'webpack -p --mode production';
-  }
-  fs.writeFileSync(
-    package_json,
-    JSON.stringify(package_info, null, 2)
-  );
-  git_init();
-  jest_init();
-  show_start = true;
-}
-
-function git_init() {
-  if (!fs.existsSync('.git')) {
-    console.log('Initializing git');
-    execSync('git init');
-  } else {
-    console.log('Skip git init. .git exsits');
-  }
-  write(git_ignore_file, read('_gitignore'));
-}
-
-function component(name) {
-  const fn = path.resolve(name + '.tsx');
-  const component_template = read('component.ts_');
-  write(name + '.tsx', component_template.replace(/\#name/g, name),
-    `Creating component ${name}`);
-  show_start = true;
-}
-
-function karma_init() {
-  console.log('Installing karma');
-  execSync('npm i @types/jasmine jasmine-core karma karma-chrome-launcher karma-jasmine karma-webpack --save-dev');
-  write('karma.conf.js', read('karma.conf.js'));
-  show_test = true;
-}
-
-function jest_init() {
-  console.log('Installing jest');
-  execSync('npm i @types/jest jest ts-jest --save-dev');
-
-  const jest_config = {
-    "transform": {
-      "^.+\\.tsx?$": "ts-jest"
-    },
-    "testRegex": "(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$",
-    "moduleFileExtensions": ["ts", "tsx", "js", "jsx", "json", "node"],
-    "globals": {
-      "ts-jest": {
-        "enableTsDiagnostics": true
-      }
-    }
-  }
-  delete require.cache[require.resolve(package_json)];
-  const package_info = require(package_json) || {};
-  package_info["jest"] = jest_config
-
-  package_info["scripts"]["test"] = 'jest --watch';
-  fs.writeFileSync(
-    package_json,
-    JSON.stringify(package_info, null, 2)
-  );
-
-  show_test = true;
-}
-
-function component_spec(name) {
-  const fn = path.resolve(name + '.spec.ts');
-  const test_template = read('spec.ts_');
-  write(fn, test_template.replace(/\#name/g, name),
-    `Creating component spec ${name}`);
-  show_test = true;
-}
-
-function spa() {
-  write(spa_index, read('spa_index.html'), 'Creating', true);
-  write(spa_main_tsx, read('spa_main.ts_'), 'Creating', true);
-  component('Home');
-  component('About');
-  component('Contact');
-  show_start = true;
-}
-
-program
-  .name('apprun')
-  .version('1.12.6')
-  .option('-i, --init', 'Initialize AppRun Project')
-  .option('-c, --component <file>', 'Generate AppRun component')
-  .option('-g, --git', 'Initialize git repository')
-  .option('-j, --jest', 'Install jest')
-  .option('-k, --karma', 'Install karma')
-  .option('-t, --test <file>', 'Generate component spec')
-  .option('-s, --spa', 'Generate SPA app')
-  .parse(process.argv);
-
-program._name = 'apprun';
-
-if (!program.init && !program.component && !program.git && !program.jest &&
-  !program.karma && !program.test && !program.spa) {
-  program.outputHelp();
-  process.exit()
-}
-
-if (program.init) init();
-if (program.component) component(program.component);
-if (program.git) git_init();
-if (program.jest) jest_init();
-if (program.karma) karma_init();
-if (program.test) component_spec(program.test);
-if (program.spa) spa();
-
-console.log('\r');
-if (show_start) console.log('All done. You can run `npm start` and then navigate to http://localhost:8080 in a browser.');
-//if (show_test) console.log('All done. You can run `npm test`.');

package/cli-templates/_gitignore

@@ -1,6 +0,0 @@
-.DS_Store
-Thumbs.db
-*.log
-node_modules
-coverage
-.cache

package/cli-templates/component.ts_

@@ -1,16 +0,0 @@
-import app, {Component} from 'apprun';
-
-export default class #nameComponent extends Component {
-  state = '#name';
-
-  view = (state) => {
-    return <div>
-      <h1>{state}</h1>
-    </div>
-  }
-
-  update = {
-    '##name': state => state,
-  }
-}
-

package/cli-templates/index.html

@@ -1,11 +0,0 @@
-<!doctype html>
-<html>
-<head>
-  <meta charset="utf-8">
-  <title>apprun</title>
-</head>
-<body>
-  <div id="my-app"></div>
-  <script src="app.js"></script>
-</body>
-</html>

package/cli-templates/karma.conf.js

@@ -1,24 +0,0 @@
-var webpackConfig = require('./webpack.config');
-module.exports = function (config) {
-  config.set({
-    basePath: '',
-    frameworks: ["jasmine"],
-    files: [
-      { pattern: "tests/*.spec.*" }
-    ],
-    exclude: [
-    ],
-    preprocessors: {
-      'tests/*.spec.*': ['webpack'],
-    },
-    webpack: webpackConfig,
-    reporters: ["progress"],
-    colors: true,
-    // possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
-    logLevel: config.LOG_INFO,
-    browsers: ['Chrome'],
-    mime: {
-      'text/x-typescript': ['ts', 'tsx']
-    }
-  })
-}

package/cli-templates/main.ts_

@@ -1,13 +0,0 @@
-import app from 'apprun';
-
-const model = 'Hello world - AppRun !';
-
-const view = (state) => <div>
-  <h1>{state}</h1>
-</div>;
-
-const update = {
-
-}
-
-app.start('my-app', model, view, update);

package/cli-templates/readme.md

@@ -1,7 +0,0 @@
-##
-
-* Use _npm start_ to start the dev server
-* Use _npm test_ to run unit tests
-* Use _npm run build_ to build for production
-
-This is an application built with [AppRun](https://github.com/yysun/apprun).

package/cli-templates/spa_index.html

@@ -1,14 +0,0 @@
-<!doctype html>
-<html>
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-  <title>AppRun</title>
-<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
-  integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
-</head>
-<body>
-  <div id="main"></div>
-  <script src="app.js"></script>
-</body>
-</html>

package/cli-templates/spa_main.ts_

@@ -1,47 +0,0 @@
-import app from 'apprun';
-
-app.on('#', _ => app.run('#Home'))
-
-app.on('//', route => {
-  const menus = document.querySelectorAll('.navbar-nav li');
-  for (let i = 0; i < menus.length; ++i) menus[i].classList.remove('active');
-  const item = document.querySelector(`[href='${route}']`);
-  item && item.parentElement.classList.add('active');
-})
-
-const view = state => <div className="container">
-  <nav className="navbar navbar-expand-lg navbar-light bg-light">
-    <a className="navbar-brand" href="#">Project Name</a>
-    <button className="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
-      aria-expanded="false" aria-label="Toggle navigation">
-      <span className="navbar-toggler-icon"></span>
-    </button>
-    <div className="collapse navbar-collapse" id="navbarSupportedContent">
-      <ul className="navbar-nav mr-auto">
-        <li className="nav-item active">
-          <a className="nav-link" href="#Home">Home
-            <span className="sr-only">(current)</span>
-          </a>
-        </li>
-        <li className="nav-item">
-          <a className="nav-link" href="#About">About</a>
-        </li>
-        <li className="nav-item">
-          <a className="nav-link" href="#Contact">Contact</a>
-        </li>
-      </ul>
-    </div>
-  </nav>
-  <div className="container" id="my-app"></div>
-</div>
-
-app.start('main', {}, view, {})
-
-import Home from './Home';
-import About from './About';
-import Contact from './Contact';
-
-const element = 'my-app';
-new Home().mount(element);
-new About().mount(element);
-new Contact().mount(element);

package/cli-templates/spec.ts_

@@ -1,11 +0,0 @@
-import app from 'apprun'
-import #name from './#name';
-
-describe('component', () => {
-  it('should render state upon route event', () => {
-    const element = document.createElement('div');
-    const component = new #name().mount(element);
-    app.run('##name');
-    expect(element.textContent).toBe('#name');
-  })
-})

package/cli-templates/tsconfig.json

@@ -1,12 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es2015",
-    "module": "es2015",
-    "moduleResolution": "node",
-    "jsx": "react",
-    "reactNamespace": "app",
-    "lib": ["dom", "es2015", "es5"],
-    "experimentalDecorators": true,
-    "sourceMap": true
-  }
-}

package/cli-templates/webpack.config.js

@@ -1,23 +0,0 @@
-const path = require('path');
-module.exports = {
-  entry: {
-    'app': './main.tsx',
-  },
-  output: {
-    filename: '[name].js',
-    path: path.resolve(__dirname)
-  },
-  resolve: {
-    extensions: ['.ts', '.tsx', '.js']
-  },
-  module: {
-    rules: [
-      { test: /.tsx?$/, loader: 'ts-loader' },
-      { test: /\.js$/, use: ["source-map-loader"], enforce: "pre" }
-    ]
-  },
-  devServer: {
-    open: true
-  },
-  devtool: 'source-map'
-}

package/demo-html/app.js

@@ -1,2 +0,0 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.apprun=e():t.apprun=e()}(this,function(){return function(t){var e={};function n(s){if(e[s])return e[s].exports;var o=e[s]={i:s,l:!1,exports:{}};return t[s].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=t,n.c=e,n.d=function(t,e,s){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:s})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var s=Object.create(null);if(n.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(s,o,function(e){return t[e]}.bind(null,o));return s},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=10)}([function(t,e,n){"use strict";(function(t){Object.defineProperty(e,"__esModule",{value:!0});class n{constructor(){this._events={}}on(t,e,n={}){this._events[t]=this._events[t]||[],this._events[t].push({fn:e,options:n})}off(t,e){let n=this._events[t];n&&((n=n.filter(t=>t.fn!==e)).length?this._events[t]=n:delete this._events[t])}run(t,...e){let n=this._events[t];console.assert(!!n,"No subscriber for event: "+t),n&&((n=n.filter(n=>{const{fn:s,options:o}=n;return o.delay?this.delay(t,s,e,o):s.apply(this,e),!n.options.once})).length?this._events[t]=n:delete this._events[t])}once(t,e,n={}){this.on(t,e,Object.assign({},n,{once:!0}))}delay(t,e,n,s){s._t&&clearTimeout(s._t),s._t=setTimeout(()=>{clearTimeout(s._t),e.apply(this,n)},s.delay)}}let s;e.App=n;const o=t||window;o.app&&o.app.start?s=o.app:(s=new n,o.app=s),e.default=s}).call(this,n(3))},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});const s=n(0),o=n(9),i=n(7);e.Component=i.Component;const r=n(2);e.on=r.on,e.update=r.update,e.event=r.update;const a=n(6),c=n(5);s.default.createElement=o.createElement,s.default.render=o.render,s.default.Fragment=o.Fragment,s.default.webComponent=c.default,s.default.start=((t,e,n,s,o)=>{const r=Object.assign(o||{},{render:!0,global_event:!0}),a=new i.Component(e,n,s);return o&&o.rendered&&(a.rendered=o.rendered),a.mount(t,r),a}),s.default.route||(s.default.route=a.default,s.default.on("//",t=>{}),s.default.on("#",t=>{}),s.default.on("route",t=>a.default(t)),"object"==typeof document&&document.addEventListener("DOMContentLoaded",()=>{window.onpopstate=(()=>a.default(location.hash)),a.default(location.hash)})),e.default=s.default,s.default.on("debug",t=>0)},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Reflect={meta:new WeakMap,defineMetadata(t,e,n){this.meta.has(n)||this.meta.set(n,{}),this.meta.get(n)[t]=e},getMetadataKeys(t){return t=Object.getPrototypeOf(t),this.meta.get(t)?Object.keys(this.meta.get(t)):[]},getMetadata(t,e){return e=Object.getPrototypeOf(e),this.meta.get(e)?this.meta.get(e)[t]:null}},e.update=function(t,n={}){return(s,o,i)=>(t=t||o,e.Reflect.defineMetadata(`apprun-update:${t}`,{name:t,key:o,options:n},s),i)},e.on=function(t,n={}){return function(s,o){t=t||o,e.Reflect.defineMetadata(`apprun-update:${t}`,{name:t,key:o,options:n},s)}}},function(t,e){var n;n=function(){return this}();try{n=n||Function("return this")()||(0,eval)("this")}catch(t){"object"==typeof window&&(n=window)}t.exports=n},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});const s=n(8),o="_props";function i(t){const e=[],n=t=>{null!==t&&void 0!==t&&""!==t&&!1!==t&&e.push("function"==typeof t||"object"==typeof t?t:`${t}`)};return t&&t.forEach(t=>{Array.isArray(t)?t.forEach(t=>n(t)):n(t)}),e}e.createElement=function(t,e,...n){const s=i(n);return"string"==typeof t?{tag:t,props:e,children:s}:void 0===t&&n?s:Object.getPrototypeOf(t).__isAppRunComponent?{tag:t,props:e,children:s}:t(e,s)};const r={};function a(t,e,n={}){if(null!=e&&(e=s.default(e,n),t))if(Array.isArray(e))l(t,e);else{const n=e;t.firstChild?c(t.firstChild,n):t.appendChild(u(n))}}function c(t,e){console.assert(!!t),function(t,e){return t.nodeName===`${e.tag||""}`.toUpperCase()}(t,e)?(l(t,e.children),h(t,e.props)):t.parentNode.replaceChild(u(e),t)}function l(t,e){const n=Math.min(t.childNodes.length,e.length);for(let s=0;s<n;s++){const n=e[s],o=t.childNodes[s];if("string"==typeof n)o.textContent!==n&&(3===o.nodeType?o.textContent=n:t.replaceChild(d(n),o));else{const e=n.props&&n.props.key;if(e)if(o.key===e)c(t.childNodes[s],n);else{const i=e&&r[e];i?(t.replaceChild(i,o),t.appendChild(o),c(t.childNodes[s],n)):(t.appendChild(u(n),o),c(t.childNodes[s],n))}else c(t.childNodes[s],n)}}let s=t.childNodes.length;for(;s>n;)t.removeChild(t.lastChild),s--;if(e.length>n){const s=document.createDocumentFragment();for(let t=n;t<e.length;t++)s.appendChild(u(e[t]));t.appendChild(s)}}function d(t){if(0===t.indexOf("_html:")){const e=document.createElement("div");return e.insertAdjacentHTML("afterbegin",t.substring(6)),e}return document.createTextNode(t)}function u(t){if(console.assert(null!==t&&void 0!==t),"string"==typeof t)return d(t);if(!t.tag||"function"==typeof t.tag)return d(JSON.stringify(t));const e="svg"===t.tag?document.createElementNS("http://www.w3.org/2000/svg",t.tag):document.createElement(t.tag);return h(e,t.props),t.children&&t.children.forEach(t=>e.appendChild(u(t))),e}function h(t,e){console.assert(!!t),e=function(t,e){const n={};return t&&Object.keys(t).forEach(t=>n[t]=""),e&&Object.keys(e).forEach(t=>n[t]=e[t]),n}(t[o]||{},e),t[o]=e;for(let n in e){const s=e[n];if("style"===n){t.style.cssText&&(t.style.cssText="");for(let e in s)t.style[e]!==s[e]&&(t.style[e]=s[e])}else if(n.startsWith("data-")){const e=n.substring(5);t.dataset[e]!==s&&(t.dataset[e]=s)}else n.startsWith("role")||n.startsWith("aria-")?t.getAttribute(n)!==s&&t.setAttribute(n,s):(t[n]!==s&&(t[n]=s),"key"===n&&s&&(r[s]=t))}}e.updateElement=a,e.render=a,e.Fragment=function(t,...e){return i(e)}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.customElement=((t,e={})=>(class extends HTMLElement{constructor(){super();const n=Object.assign({render:!0,shadow:!1},e);this._shadowRoot=n.shadow?this.attachShadow({mode:"open"}):this;const s={};Array.from(this.attributes).forEach(t=>s[t.name]=t.value),this.children&&(s.children=Array.from(this.children),s.children.forEach(t=>t.parentElement.removeChild(t))),this._component=new t(s).mount(this._shadowRoot,n),this.on=this._component.on.bind(this._component),this.run=this._component.run.bind(this._component)}get state(){return this._component.state}})),e.default=((t,n,s)=>{customElements&&customElements.define(t,e.customElement(n,s))})},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});const s=n(0),o="//";e.default=function(t){if(t||(t="#"),t.startsWith("#")){const[e,...n]=t.split("/");s.default.run(e,...n),s.default.run(o,e,...n)}else if(t.startsWith("/")){const[e,n,...i]=t.split("/");s.default.run("/"+n,...i),s.default.run(o,"/"+n,...i)}else s.default.run(t),s.default.run(o,t)}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});const s=n(0),o=n(2),i={};s.default.on("get-components",t=>t.components=i);class r{constructor(t,e,n,o){this.state=t,this.view=e,this.update=n,this.options=o,this._app=new s.App,this._actions=[],this._history=[],this._history_idx=-1,this.start=((t=null,e={render:!0})=>this.mount(t,Object.assign({},e,{render:!0})))}renderState(t){if(!this.view)return;const e=this.view(t);if(s.default.run("debug",{component:this,state:t,vdom:e||"[vdom is null - no render]"}),"object"!=typeof document)return;const n="string"==typeof this.element?document.getElementById(this.element):this.element;n&&(n._component=this),s.default.render(n,e,this),this.rendered&&this.rendered(this.state)}setState(t,e={render:!0,history:!1}){if(t instanceof Promise)t.then(t=>{this.setState(t,e)}).catch(t=>{throw console.error(t),t}),this.state=t;else{if(null==t)return;this.state=t,!1!==e.render&&this.renderState(t),!1!==e.history&&this.enable_history&&(this._history=[...this._history,t],this._history_idx=this._history.length-1),"function"==typeof e.callback&&e.callback(this.state)}}mount(t=null,e){if(console.assert(!this.element,"Component already mounted."),this.options=e=Object.assign(this.options||{},e),this.element=t,this.global_event=e.global_event,this.enable_history=!!e.history,this.enable_history){const t=()=>{this._history_idx--,this._history_idx>=0?this.setState(this._history[this._history_idx],{render:!0,history:!1}):this._history_idx=0},n=()=>{this._history_idx++,this._history_idx<this._history.length?this.setState(this._history[this._history_idx],{render:!0,history:!1}):this._history_idx=this._history.length-1};this.on(e.history.prev||"history-prev",t),this.on(e.history.next||"history-next",n)}return this.add_actions(),void 0===this.state&&(this.state=this.model||{}),e.render?this.setState(this.state,{render:!0,history:!0}):this.setState(this.state,{render:!1,history:!0}),i[t]=i[t]||[],i[t].push(this),this}is_global_event(t){return t&&(t.startsWith("#")||t.startsWith("/"))}add_action(t,e,n={}){e&&"function"==typeof e&&this.on(t,(...o)=>{const i=e(this.state,...o);s.default.run("debug",{component:this,event:t,e:o,state:this.state,newState:i,options:n}),this.setState(i,n)},n)}add_actions(){const t=this.update||{};o.Reflect.getMetadataKeys(this).forEach(e=>{if(e.startsWith("apprun-update:")){const n=o.Reflect.getMetadata(e,this);t[n.name]=[this[n.key].bind(this),n.options]}});const e={};Object.keys(t).forEach(n=>{const s=t[n];("function"==typeof s||Array.isArray(s))&&n.split(",").forEach(t=>e[t.trim()]=s)}),Object.keys(e).forEach(t=>{const n=e[t];"function"==typeof n?this.add_action(t,n):Array.isArray(n)&&this.add_action(t,n[0],n[1])})}run(t,...e){return this.global_event||this.is_global_event(t)?s.default.run(t,...e):this._app.run(t,...e)}on(t,e,n){return this._actions.push({name:t,fn:e}),this.global_event||this.is_global_event(t)?s.default.on(t,e,n):this._app.on(t,e,n)}unmount(){this._actions.forEach(t=>{const{name:e,fn:n}=t;this.global_event||this.is_global_event(e)?s.default.off(e,n):this._app.off(e,n)})}}r.__isAppRunComponent=!0,e.Component=r},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});const s=n(0);e.default=function t(e,n,o=0){if("string"==typeof e)return e;if(Array.isArray(e))return e.map(e=>t(e,n,o++));let i=e;return e&&e.tag&&Object.getPrototypeOf(e.tag).__isAppRunComponent&&(i=function(t,e,n){const{tag:o,props:i,children:r}=t;let a=i&&i.id,c=`_${o.name}_${n}`;a?c=`_${o.name}_${a}`:a=`_${o.name}_${n}`,e.__componentCache||(e.__componentCache={});let l=e.__componentCache[c];l||(l=e.__componentCache[c]=new o(Object.assign({},i,{children:r})).mount(a)),l.mounted&&l.mounted(i,r);const d=l.state;let u="";return d instanceof Promise||!l.view||(u=l.view(d),l.rendered&&l.rendered(d)),s.default.createElement("div",{id:a},u)}(e,n,o++)),i&&i.children&&(i.children=i.children.map(e=>t(e,n,o++))),i}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});const s=n(4);e.createElement=s.createElement,e.Fragment=s.Fragment,e.render=function(t,e,n){s.updateElement(t,e,n)}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});const s=n(1);s.default.webComponent("my-app",class extends s.Component{constructor({num:t,children:e}){super(),this.view=(t=>s.default.createElement("div",null,s.default.createElement("h1",null,t))),this.update={"-1":t=>t-1,"+1":t=>t+1},this.rendered=(t=>{this.children.forEach(t=>{this.element.firstElementChild.appendChild(t)}),this.element.setAttribute("num",t)}),this.children=e,this.state=parseInt(t)}})}])});
-//# sourceMappingURL=app.js.map

package/demo-html/app.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["webpack://apprun/webpack/universalModuleDefinition","webpack://apprun/webpack/bootstrap","webpack://apprun/./src/app.ts","webpack://apprun/./src/apprun.ts","webpack://apprun/./src/decorator.ts","webpack://apprun/(webpack)/buildin/global.js","webpack://apprun/./src/vdom-my.ts","webpack://apprun/./src/web-component.ts","webpack://apprun/./src/router.ts","webpack://apprun/./src/component.ts","webpack://apprun/./src/createComponent.tsx","webpack://apprun/./src/vdom.ts","webpack://apprun/./demo-html/main.tsx"],"names":["root","factory","exports","module","define","amd","this","installedModules","__webpack_require__","moduleId","i","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","prototype","hasOwnProperty","p","s","App","[object Object]","_events","fn","options","push","subscribers","filter","sub","length","args","console","assert","delay","apply","once","on","assign","_t","clearTimeout","setTimeout","app","global","window","default","app_1","vdom_1","component_1","Component","decorator_1","update","event","router_1","web_component_1","createElement","render","Fragment","webComponent","start","element","model","view","opts","global_event","component","rendered","mount","_","url","document","addEventListener","onpopstate","location","hash","Reflect","meta","WeakMap","metadataKey","metadataValue","target","has","set","getPrototypeOf","keys","descriptor","defineMetadata","g","Function","eval","e","createComponent_1","ATTR_PROPS","collect","children","ch","undefined","forEach","Array","isArray","tag","props","__isAppRunComponent","keyCache","nodes","parent","updateChildren","node","firstChild","appendChild","el","nodeName","toUpperCase","same","updateProps","parentNode","replaceChild","len","Math","min","childNodes","child","textContent","nodeType","createText","old","removeChild","lastChild","createDocumentFragment","indexOf","div","insertAdjacentHTML","substring","createTextNode","JSON","stringify","createElementNS","a","b","mergeProps","style","cssText","startsWith","dname","dataset","getAttribute","setAttribute","updateElement","customElement","componentClass","HTMLElement","super","shadow","_shadowRoot","attachShadow","from","attributes","item","parentElement","_component","run","state","customElements","ROUTER_EVENT","rest","split","componentCache","components","_app","_actions","_history","_history_idx","html","vdom","getElementById","history","Promise","then","setState","catch","err","error","renderState","enable_history","callback","prev","next","add_actions","action","newState","actions","getMetadataKeys","getMetadata","all","trim","add_action","is_global_event","off","createComponent","idx","map","id","__componentCache","mounted","vdom_my_1","apprun_1","num","-1","+1","firstElementChild","parseInt"],"mappings":"CAAA,SAAAA,EAAAC,GACA,iBAAAC,SAAA,iBAAAC,OACAA,OAAAD,QAAAD,IACA,mBAAAG,eAAAC,IACAD,UAAAH,GACA,iBAAAC,QACAA,QAAA,OAAAD,IAEAD,EAAA,OAAAC,IARA,CASCK,KAAA,WACD,mBCTA,IAAAC,KAGA,SAAAC,EAAAC,GAGA,GAAAF,EAAAE,GACA,OAAAF,EAAAE,GAAAP,QAGA,IAAAC,EAAAI,EAAAE,IACAC,EAAAD,EACAE,GAAA,EACAT,YAUA,OANAU,EAAAH,GAAAI,KAAAV,EAAAD,QAAAC,IAAAD,QAAAM,GAGAL,EAAAQ,GAAA,EAGAR,EAAAD,QA0DA,OArDAM,EAAAM,EAAAF,EAGAJ,EAAAO,EAAAR,EAGAC,EAAAQ,EAAA,SAAAd,EAAAe,EAAAC,GACAV,EAAAW,EAAAjB,EAAAe,IACAG,OAAAC,eAAAnB,EAAAe,GAA0CK,YAAA,EAAAC,IAAAL,KAK1CV,EAAAgB,EAAA,SAAAtB,GACA,oBAAAuB,eAAAC,aACAN,OAAAC,eAAAnB,EAAAuB,OAAAC,aAAwDC,MAAA,WAExDP,OAAAC,eAAAnB,EAAA,cAAiDyB,OAAA,KAQjDnB,EAAAoB,EAAA,SAAAD,EAAAE,GAEA,GADA,EAAAA,IAAAF,EAAAnB,EAAAmB,IACA,EAAAE,EAAA,OAAAF,EACA,KAAAE,GAAA,iBAAAF,QAAAG,WAAA,OAAAH,EACA,IAAAI,EAAAX,OAAAY,OAAA,MAGA,GAFAxB,EAAAgB,EAAAO,GACAX,OAAAC,eAAAU,EAAA,WAAyCT,YAAA,EAAAK,UACzC,EAAAE,GAAA,iBAAAF,EAAA,QAAAM,KAAAN,EAAAnB,EAAAQ,EAAAe,EAAAE,EAAA,SAAAA,GAAgH,OAAAN,EAAAM,IAAqBC,KAAA,KAAAD,IACrI,OAAAF,GAIAvB,EAAA2B,EAAA,SAAAhC,GACA,IAAAe,EAAAf,KAAA2B,WACA,WAA2B,OAAA3B,EAAA,SAC3B,WAAiC,OAAAA,GAEjC,OADAK,EAAAQ,EAAAE,EAAA,IAAAA,GACAA,GAIAV,EAAAW,EAAA,SAAAiB,EAAAC,GAAsD,OAAAjB,OAAAkB,UAAAC,eAAA1B,KAAAuB,EAAAC,IAGtD7B,EAAAgC,EAAA,GAIAhC,IAAAiC,EAAA,uGClFAC,EAUEC,cACErC,KAAKsC,WAGPD,GAAG1B,EAAc4B,EAAuBC,MACtCxC,KAAKsC,QAAQ3B,GAAQX,KAAKsC,QAAQ3B,OAClCX,KAAKsC,QAAQ3B,GAAM8B,MAAOF,GAAIA,EAAIC,QAASA,IAG7CH,IAAI1B,EAAc4B,GAChB,IAAIG,EAAc1C,KAAKsC,QAAQ3B,GAC3B+B,KACFA,EAAcA,EAAYC,OAAQC,GAAQA,EAAIL,KAAOA,IACrCM,OAAQ7C,KAAKsC,QAAQ3B,GAAQ+B,SACjC1C,KAAKsC,QAAQ3B,IAI7B0B,IAAI1B,KAAiBmC,GACnB,IAAIJ,EAAc1C,KAAKsC,QAAQ3B,GAC/BoC,QAAQC,SAASN,EAAa,4BAA8B/B,GACxD+B,KACFA,EAAcA,EAAYC,OAAQC,IAChC,MAAML,GAAEA,EAAEC,QAAEA,GAAYI,EAMxB,OALIJ,EAAQS,MACVjD,KAAKiD,MAAMtC,EAAM4B,EAAIO,EAAMN,GAE3BD,EAAGW,MAAMlD,KAAM8C,IAETF,EAAIJ,QAAQW,QAENN,OAAQ7C,KAAKsC,QAAQ3B,GAAQ+B,SACjC1C,KAAKsC,QAAQ3B,IAI7B0B,KAAK1B,EAAc4B,EAAIC,MACrBxC,KAAKoD,GAAGzC,EAAM4B,EAAEzB,OAAAuC,UAAOb,GAASW,MAAM,KAGhCd,MAAM1B,EAAM4B,EAAIO,EAAMN,GACxBA,EAAQc,IAAIC,aAAaf,EAAQc,IACrCd,EAAQc,GAAKE,WAAW,KACtBD,aAAaf,EAAQc,IACrBf,EAAGW,MAAMlD,KAAM8C,IACdN,EAAQS,QAIf,IAAIQ,EA3DJ7D,EAAAwC,MA6DA,MAAM1C,EAAOgE,GAAUC,OACnBjE,EAAU,KAAKA,EAAU,IAAS,MACpC+D,EAAM/D,EAAU,KAEhB+D,EAAM,IAAIrB,EACV1C,EAAU,IAAI+D,GAEhB7D,EAAAgE,QAAeH,mGCpEf,MAAAI,EAAA3D,EAAA,GACA4D,EAAA5D,EAAA,GACA6D,EAAA7D,EAAA,GA8CSN,EAAAoE,UA9CAD,EAAAC,UAET,MAAAC,EAAA/D,EAAA,GA4C0CN,EAAAwD,GA5CjCa,EAAAb,GA4CqCxD,EAAAsE,OA5CjCD,EAAAC,OA6CMtE,EAAAuE,MA7CNF,EAAAC,OACb,MAAAE,EAAAlE,EAAA,GACAmE,EAAAnE,EAAA,GAcA2D,EAAAD,QAAIU,cAAgBR,EAAAQ,cACpBT,EAAAD,QAAIW,OAAST,EAAAS,OACbV,EAAAD,QAAIY,SAAWV,EAAAU,SACfX,EAAAD,QAAIa,aAAeJ,EAAAT,QAEnBC,EAAAD,QAAIc,MAAQ,EAAIC,EAAgCC,EAAYC,EAAgBX,EAC1E1B,KACE,MAAMsC,EAAOhE,OAAOuC,OAAOb,OAAiB+B,QAAQ,EAAMQ,cAAc,IAClEC,EAAY,IAAIjB,EAAAC,UAAaY,EAAOC,EAAMX,GAGhD,OAFI1B,GAAWA,EAAQyC,WAAUD,EAAUC,SAAWzC,EAAQyC,UAC9DD,EAAUE,MAAMP,EAASG,GAClBE,IAGNnB,EAAAD,QAAW,QACdC,EAAAD,QAAW,MAAIQ,EAAAR,QACfC,EAAAD,QAAIR,GAAG,KAAM+B,OACbtB,EAAAD,QAAIR,GAAG,IAAK+B,OACZtB,EAAAD,QAAIR,GAAG,QAASgC,GAAOhB,EAAAR,QAAMwB,IACL,iBAAbC,UACTA,SAASC,iBAAiB,mBAAoB,KAC5C3B,OAAO4B,WAAa,KAAMnB,EAAAR,QAAM4B,SAASC,OACzCrB,EAAAR,QAAM4B,SAASC,SAQrB7F,EAAAgE,QAAeC,EAAAD,QAEfC,EAAAD,QAAIR,GAAG,QAAS+B,GAAK,kFCpDRvF,EAAA8F,SAEXC,KAAM,IAAIC,QAEVvD,eAAewD,EAAaC,EAAeC,GACpC/F,KAAK2F,KAAKK,IAAID,IAAS/F,KAAK2F,KAAKM,IAAIF,MAC1C/F,KAAK2F,KAAK1E,IAAI8E,GAAQF,GAAeC,GAGvCzD,gBAAgB0D,GAEd,OADAA,EAASjF,OAAOoF,eAAeH,GACxB/F,KAAK2F,KAAK1E,IAAI8E,GAAUjF,OAAOqF,KAAKnG,KAAK2F,KAAK1E,IAAI8E,QAG3D1D,YAAYwD,EAAaE,GAEvB,OADAA,EAASjF,OAAOoF,eAAeH,GACxB/F,KAAK2F,KAAK1E,IAAI8E,GAAU/F,KAAK2F,KAAK1E,IAAI8E,GAAQF,GAAe,OAIxEjG,EAAAsE,OAAA,SAAuBvD,EAAe6B,MACpC,MAAO,CAACuD,EAAapE,EAAayE,KAChCzF,EAAOA,GAAQgB,EACf/B,EAAA8F,QAAQW,gCAAgC1F,KACpCA,OAAMgB,MAAKa,WAAWuD,GACnBK,IAIXxG,EAAAwD,GAAA,SAAmBzC,EAAe6B,MAChC,OAAO,SAAUuD,EAAapE,GAC5BhB,EAAOA,GAAQgB,EACf/B,EAAA8F,QAAQW,gCAAgC1F,KAClCA,OAAMgB,MAAKa,WAAWuD,oBCjChC,IAAAO,EAGAA,EAAA,WACA,OAAAtG,KADA,GAIA,IAEAsG,KAAAC,SAAA,cAAAA,KAAA,EAAAC,MAAA,QACC,MAAAC,GAED,iBAAA9C,SAAA2C,EAAA3C,QAOA9D,EAAAD,QAAA0G,iFCnBA,MAAAI,EAAAxG,EAAA,GAIMyG,EAAa,SAEnB,SAAAC,EAAiBC,GACf,MAAMC,KACArE,EAAQhC,IACF,OAANA,QAAoBsG,IAANtG,GAAyB,KAANA,IAAkB,IAANA,GAC/CqG,EAAGrE,KAAmB,mBAANhC,GAAiC,iBAANA,EAAkBA,KAAOA,MAUxE,OAPAoG,GAAYA,EAASG,QAAQvG,IACvBwG,MAAMC,QAAQzG,GAChBA,EAAEuG,QAAQ5G,GAAKqC,EAAKrC,IAEpBqC,EAAKhC,KAGFqG,EAGTlH,EAAA0E,cAAA,SAA+B6C,EAAwBC,KAAcP,GACnE,MAAMC,EAAKF,EAAQC,GACnB,MAAmB,iBAARM,GAA2BA,MAAKC,QAAOP,SAAUC,QAC3CC,IAARI,GAAqBN,EAAiBC,EACtChG,OAAOoF,eAAeiB,GAAKE,qBACzBF,MAAKC,QAAOP,SAASC,GAGvBK,EAAIC,EAAON,IAGtB,MAAMQ,KAIN,SAAA/C,EAAuBI,EAAkB4C,EAAwBC,MAE/D,GAAa,MAATD,IAEJA,EAAQb,EAAA9C,QAAgB2D,EAAOC,GAE1B7C,GACL,GAAIsC,MAAMC,QAAQK,GAChBE,EAAe9C,EAAS4C,OACnB,CACL,MAAMG,EAAOH,EACR5C,EAAQgD,WAGXzD,EAAOS,EAAQgD,WAAYD,GAF3B/C,EAAQiD,YAAYlG,EAAOgG,KAcjC,SAAAxD,EAAgBS,EAAkB+C,GAChC3E,QAAQC,SAAS2B,GARnB,SAAckD,EAAaH,GAIzB,OAFaG,EAAGC,cACAJ,EAAKP,KAAO,KACPY,cAMhBC,CAAKrD,EAAS+C,IAInBD,EAAe9C,EAAS+C,EAAKb,UAC7BoB,EAAYtD,EAAS+C,EAAKN,QAJxBzC,EAAQuD,WAAWC,aAAazG,EAAOgG,GAAO/C,GAOlD,SAAA8C,EAAwB9C,EAASkC,GAC/B,MAAMuB,EAAMC,KAAKC,IAAI3D,EAAQ4D,WAAW1F,OAAQgE,EAAShE,QACzD,IAAK,IAAIzC,EAAI,EAAGA,EAAIgI,EAAKhI,IAAK,CAC5B,MAAMoI,EAAQ3B,EAASzG,GACjByH,EAAKlD,EAAQ4D,WAAWnI,GAC9B,GAAqB,iBAAVoI,EACLX,EAAGY,cAAgBD,IACD,IAAhBX,EAAGa,SACLb,EAAGY,YAAcD,EAEjB7D,EAAQwD,aAAaQ,EAAWH,GAAQX,QAGvC,CACL,MAAMlG,EAAM6G,EAAMpB,OAASoB,EAAMpB,MAAW,IAC5C,GAAIzF,EACF,GAAIkG,EAAGlG,MAAQA,EACbuC,EAAOS,EAAQ4D,WAAWnI,GAAIoI,OACzB,CACL,MAAMI,EAAMjH,GAAO2F,EAAS3F,GACxBiH,GACFjE,EAAQwD,aAAaS,EAAKf,GAC1BlD,EAAQiD,YAAYC,GACpB3D,EAAOS,EAAQ4D,WAAWnI,GAAIoI,KAE9B7D,EAAQiD,YAAYlG,EAAO8G,GAAQX,GACnC3D,EAAOS,EAAQ4D,WAAWnI,GAAIoI,SAIlCtE,EAAOS,EAAQ4D,WAAWnI,GAAIoI,IAKpC,IAAI3G,EAAI8C,EAAQ4D,WAAW1F,OAC3B,KAAOhB,EAAIuG,GACTzD,EAAQkE,YAAYlE,EAAQmE,WAC5BjH,IAGF,GAAIgF,EAAShE,OAASuF,EAAK,CACzB,MAAM1H,EAAI2E,SAAS0D,yBACnB,IAAK,IAAI3I,EAAIgI,EAAKhI,EAAIyG,EAAShE,OAAQzC,IACrCM,EAAEkH,YAAYlG,EAAOmF,EAASzG,KAEhCuE,EAAQiD,YAAYlH,IAIxB,SAAAiI,EAAoBjB,GAClB,GAA+B,IAA3BA,EAAKsB,QAAQ,UAAiB,CAChC,MAAMC,EAAM5D,SAASf,cAAc,OAEnC,OADA2E,EAAIC,mBAAmB,aAAcxB,EAAKyB,UAAU,IAC7CF,EAEP,OAAO5D,SAAS+D,eAAe1B,GAInC,SAAAhG,EAAgBgG,GAId,GAHA3E,QAAQC,OAAgB,OAAT0E,QAA0BX,IAATW,GAGZ,iBAATA,EAAmB,OAAOiB,EAAWjB,GAChD,IAAKA,EAAKP,KAA2B,mBAAZO,EAAKP,IAAoB,OAAOwB,EAAWU,KAAKC,UAAU5B,IAEnF,MAAM/C,EAAwB,QAAb+C,EAAKP,IAClB9B,SAASkE,gBAAgB,6BAA8B7B,EAAKP,KAC5D9B,SAASf,cAAcoD,EAAKP,KAMhC,OAJAc,EAAYtD,EAAS+C,EAAKN,OAEtBM,EAAKb,UAAUa,EAAKb,SAASG,QAAQwB,GAAS7D,EAAQiD,YAAYlG,EAAO8G,KAEtE7D,EAUT,SAAAsD,EAAqBtD,EAAkByC,GACrCrE,QAAQC,SAAS2B,GAIjByC,EAZF,SAAoBoC,EAAOC,GACzB,MAAMrC,KAGN,OAFIoC,GAAG1I,OAAOqF,KAAKqD,GAAGxC,QAAQ9E,GAAKkF,EAAMlF,GAAK,IAC1CuH,GAAG3I,OAAOqF,KAAKsD,GAAGzC,QAAQ9E,GAAKkF,EAAMlF,GAAKuH,EAAEvH,IACzCkF,EAQCsC,CADO/E,EAAQgC,OACIS,GAC3BzC,EAAQgC,GAAcS,EACtB,IAAK,IAAIzG,KAAQyG,EAAO,CACtB,MAAM/F,EAAQ+F,EAAMzG,GAGpB,GAAa,UAATA,EAAkB,CAChBgE,EAAQgF,MAAMC,UAASjF,EAAQgF,MAAMC,QAAU,IACnD,IAAK,IAAIzH,KAAKd,EACRsD,EAAQgF,MAAMxH,KAAOd,EAAMc,KAAIwC,EAAQgF,MAAMxH,GAAKd,EAAMc,SAEzD,GAAIxB,EAAKkJ,WAAW,SAAU,CACnC,MAAMC,EAAQnJ,EAAKwI,UAAU,GACvBxE,EAAQoF,QAAQD,KAAWzI,IAAOsD,EAAQoF,QAAQD,GAASzI,QACxDV,EAAKkJ,WAAW,SAAWlJ,EAAKkJ,WAAW,SAChDlF,EAAQqF,aAAarJ,KAAUU,GAAOsD,EAAQsF,aAAatJ,EAAMU,IAEjEsD,EAAQhE,KAAUU,IAAOsD,EAAQhE,GAAQU,GAChC,QAATV,GAAkBU,IAAOiG,EAASjG,GAASsD,KAnJxC/E,EAAAsK,cAAgB3F,EAE7B3E,EAAA2E,SAsJA3E,EAAA4E,SAAA,SAAyB4C,KAAUP,GACjC,OAAOD,EAAQC,mFC1LJjH,EAAAuK,cAAgB,EAACC,EAAgB5H,sBAA6B6H,YAKzEhI,cACEiI,QACA,MAAMxF,EAAIhE,OAAAuC,QAAKkB,QAAQ,EAAMgG,QAAQ,GAAU/H,GAC/CxC,KAAKwK,YAAc1F,EAAKyF,OACtBvK,KAAKyK,cAAelJ,KAAM,SAAYvB,KACxC,MAAMoH,KACNH,MAAMyD,KAAK1K,KAAK2K,YAAY3D,QAAQ4D,GAAQxD,EAAMwD,EAAKjK,MAAQiK,EAAKvJ,OAChErB,KAAK6G,WACPO,EAAgB,SAAIH,MAAMyD,KAAK1K,KAAK6G,UACpCO,EAAgB,SAAEJ,QAAQa,GAAMA,EAAGgD,cAAchC,YAAYhB,KAE/D7H,KAAK8K,WAAa,IAAIV,EAAehD,GAAOlC,MAAMlF,KAAKwK,YAAa1F,GACpE9E,KAAKoD,GAAKpD,KAAK8K,WAAW1H,GAAGxB,KAAK5B,KAAK8K,YACvC9K,KAAK+K,IAAM/K,KAAK8K,WAAWC,IAAInJ,KAAK5B,KAAK8K,YAE3CE,YAAc,OAAOhL,KAAK8K,WAAWE,UAGvCpL,EAAAgE,QAAe,EAACjD,EAAcyJ,EAAgB5H,KAC5CyI,gBAAkBA,eAAenL,OAAOa,EAAMf,EAAAuK,cAAcC,EAAgB5H,qFC3B9E,MAAAqB,EAAA3D,EAAA,GAEMgL,EAAe,KAErBtL,EAAAgE,QAAA,SAA8BwB,GAE5B,GADKA,IAAKA,EAAM,KACZA,EAAIyE,WAAW,KAAM,CACvB,MAAOlJ,KAASwK,GAAQ/F,EAAIgG,MAAM,KAClCvH,EAAAD,QAAImH,IAAIpK,KAASwK,GACjBtH,EAAAD,QAAImH,IAAIG,EAAcvK,KAASwK,QAC1B,GAAI/F,EAAIyE,WAAW,KAAM,CAC9B,MAAO1E,EAAGxE,KAASwK,GAAQ/F,EAAIgG,MAAM,KACrCvH,EAAAD,QAAImH,IAAI,IAAMpK,KAASwK,GACvBtH,EAAAD,QAAImH,IAAIG,EAAc,IAAMvK,KAASwK,QAErCtH,EAAAD,QAAImH,IAAI3F,GACRvB,EAAAD,QAAImH,IAAIG,EAAc9F,mFCf1B,MAAAvB,EAAA3D,EAAA,GACA+D,EAAA/D,EAAA,GAGMmL,KACNxH,EAAAD,QAAIR,GAAG,iBAAkBvC,GAAKA,EAAEyK,WAAaD,SAE7CrH,EAuDE3B,YACY2I,EACAnG,EACAX,EACA1B,GAHAxC,KAAAgL,QACAhL,KAAA6E,OACA7E,KAAAkE,SACAlE,KAAAwC,UAzDJxC,KAAAuL,KAAO,IAAI1H,EAAAzB,IACXpC,KAAAwL,YAEAxL,KAAAyL,YACAzL,KAAA0L,cAAgB,EAwDxB1L,KAAA0E,MAAQ,EAACC,EAAU,KACjBnC,GAAoE+B,QAAQ,KACrEvE,KAAKkF,MAAMP,EAAO7D,OAAAuC,UAAOb,GAAS+B,QAAQ,MApD3ClC,YAAY2I,GAClB,IAAKhL,KAAK6E,KAAM,OAChB,MAAM8G,EAAO3L,KAAK6E,KAAKmG,GAQvB,GANAnH,EAAAD,QAAImH,IAAI,SACN/F,UAAWhF,KACXgL,QACAY,KAAMD,GAAQ,+BAGQ,iBAAbtG,SAAuB,OAElC,MAAMwC,EAA8B,iBAAjB7H,KAAK2E,QACtBU,SAASwG,eAAe7L,KAAK2E,SAAW3E,KAAK2E,QAC3CkD,IAAIA,EAAe,WAAI7H,MAC3B6D,EAAAD,QAAIW,OAAOsD,EAAI8D,EAAM3L,MACjBA,KAAKiF,UAAWjF,KAAKiF,SAASjF,KAAKgL,OAGlC3I,SAAS2I,EAAUxI,GACpB+B,QAAQ,EAAMuH,SAAS,IAC3B,GAAId,aAAiBe,QAGnBf,EAAMgB,KAAK7J,IACTnC,KAAKiM,SAAS9J,EAAGK,KAChB0J,MAAMC,IAEP,MADApJ,QAAQqJ,MAAMD,GACRA,IAERnM,KAAKgL,MAAQA,MACR,CACL,GAAa,MAATA,EAAe,OACnBhL,KAAKgL,MAAQA,GACU,IAAnBxI,EAAQ+B,QAAkBvE,KAAKqM,YAAYrB,IACvB,IAApBxI,EAAQsJ,SAAqB9L,KAAKsM,iBACpCtM,KAAKyL,aAAezL,KAAKyL,SAAUT,GACnChL,KAAK0L,aAAe1L,KAAKyL,SAAS5I,OAAS,GAEb,mBAArBL,EAAQ+J,UAAyB/J,EAAQ+J,SAASvM,KAAKgL,QAgB/D3I,MAAMsC,EAAU,KAAMnC,GAQ3B,GANAO,QAAQC,QAAQhD,KAAK2E,QAAS,8BAC9B3E,KAAKwC,QAAUA,EAAU1B,OAAOuC,OAAOrD,KAAKwC,YAAeA,GAC3DxC,KAAK2E,QAAUA,EACf3E,KAAK+E,aAAevC,EAAQuC,aAC5B/E,KAAKsM,iBAAmB9J,EAAQsJ,QAE5B9L,KAAKsM,eAAgB,CACvB,MAAME,EAAO,KACXxM,KAAK0L,eACD1L,KAAK0L,cAAe,EACtB1L,KAAKiM,SAASjM,KAAKyL,SAASzL,KAAK0L,eAAiBnH,QAAQ,EAAMuH,SAAS,IAGzE9L,KAAK0L,aAAe,GAIlBe,EAAO,KACXzM,KAAK0L,eACD1L,KAAK0L,aAAe1L,KAAKyL,SAAS5I,OACpC7C,KAAKiM,SAASjM,KAAKyL,SAASzL,KAAK0L,eAAiBnH,QAAQ,EAAMuH,SAAS,IAGzE9L,KAAK0L,aAAe1L,KAAKyL,SAAS5I,OAAS,GAG/C7C,KAAKoD,GAAGZ,EAAQsJ,QAAQU,MAAQ,eAAgBA,GAChDxM,KAAKoD,GAAGZ,EAAQsJ,QAAQW,MAAQ,eAAgBA,GAYlD,OAVAzM,KAAK0M,mBACc3F,IAAf/G,KAAKgL,QAAqBhL,KAAKgL,MAAQhL,KAAY,WACnDwC,EAAQ+B,OACVvE,KAAKiM,SAASjM,KAAKgL,OAASzG,QAAQ,EAAMuH,SAAS,IAEnD9L,KAAKiM,SAASjM,KAAKgL,OAASzG,QAAQ,EAAOuH,SAAS,IAGtDT,EAAe1G,GAAW0G,EAAe1G,OACzC0G,EAAe1G,GAASlC,KAAKzC,MACtBA,KAGTqC,gBAAgB1B,GACd,OAAOA,IAASA,EAAKkJ,WAAW,MAAQlJ,EAAKkJ,WAAW,MAG1DxH,WAAW1B,EAAcgM,EAAQnK,MAC1BmK,GAA4B,mBAAXA,GACtB3M,KAAKoD,GAAGzC,EAAM,IAAIuB,KAChB,MAAM0K,EAAWD,EAAO3M,KAAKgL,SAAU9I,GAEvC2B,EAAAD,QAAImH,IAAI,SACN/F,UAAWhF,KACXmE,MAASxD,EACT8F,EAAGvE,EACH8I,MAAOhL,KAAKgL,MACZ4B,WACApK,YAGFxC,KAAKiM,SAASW,EAAUpK,IACvBA,GAGLH,cACE,MAAMwK,EAAU7M,KAAKkE,WACrBD,EAAAyB,QAAQoH,gBAAgB9M,MAAMgH,QAAQrF,IACpC,GAAIA,EAAIkI,WAAW,kBAAmB,CACpC,MAAMlE,EAAO1B,EAAAyB,QAAQqH,YAAYpL,EAAK3B,MACtC6M,EAAQlH,EAAKhF,OAASX,KAAK2F,EAAKhE,KAAKC,KAAK5B,MAAO2F,EAAKnD,YAG1D,MAAMwK,KACNlM,OAAOqF,KAAK0G,GAAS7F,QAAQrG,IAC3B,MAAMgM,EAASE,EAAQlM,IACD,mBAAXgM,GAAyB1F,MAAMC,QAAQyF,KAChDhM,EAAKyK,MAAM,KAAKpE,QAAQnF,GAAKmL,EAAInL,EAAEoL,QAAUN,KAIjD7L,OAAOqF,KAAK6G,GAAKhG,QAAQrG,IACvB,MAAMgM,EAASK,EAAIrM,GACG,mBAAXgM,EACT3M,KAAKkN,WAAWvM,EAAMgM,GACb1F,MAAMC,QAAQyF,IACvB3M,KAAKkN,WAAWvM,EAAMgM,EAAO,GAAIA,EAAO,MAKvCtK,IAAI1B,KAAiBmC,GAC1B,OAAO9C,KAAK+E,cAAgB/E,KAAKmN,gBAAgBxM,GAC/CkD,EAAAD,QAAImH,IAAIpK,KAASmC,GACjB9C,KAAKuL,KAAKR,IAAIpK,KAASmC,GAGpBT,GAAG1B,EAAc4B,EAAuBC,GAE7C,OADAxC,KAAKwL,SAAS/I,MAAO9B,OAAM4B,OACpBvC,KAAK+E,cAAgB/E,KAAKmN,gBAAgBxM,GAC/CkD,EAAAD,QAAIR,GAAGzC,EAAM4B,EAAIC,GACjBxC,KAAKuL,KAAKnI,GAAGzC,EAAM4B,EAAIC,GAGpBH,UACLrC,KAAKwL,SAASxE,QAAQ2F,IACpB,MAAMhM,KAAEA,EAAI4B,GAAEA,GAAOoK,EACrB3M,KAAK+E,cAAgB/E,KAAKmN,gBAAgBxM,GACxCkD,EAAAD,QAAIwJ,IAAIzM,EAAM4B,GACdvC,KAAKuL,KAAK6B,IAAIzM,EAAM4B,MAhLnByB,EAAAqD,qBAAsB,EAD/BzH,EAAAoE,2FCRA,MAAAH,EAAA3D,EAAA,GAqCAN,EAAAgE,QATA,SAAAyJ,EAAyB3F,EAAMF,EAAQ8F,EAAM,GAC3C,GAAoB,iBAAT5F,EAAmB,OAAOA,EACrC,GAAIT,MAAMC,QAAQQ,GAAO,OAAOA,EAAK6F,IAAI/E,GAAS6E,EAAgB7E,EAAOhB,EAAQ8F,MACjF,IAAI1B,EAAOlE,EAGX,OAFIA,GAAQA,EAAKP,KAAOrG,OAAOoF,eAAewB,EAAKP,KAAKE,sBAAqBuE,EA9B/E,SAAgBlE,EAAMF,EAAQ8F,GAC5B,MAAMnG,IAAEA,EAAGC,MAAEA,EAAKP,SAAEA,GAAaa,EAEjC,IAAI8F,EAAKpG,GAASA,EAAU,GACxBzF,MAAUwF,EAAIxG,QAAQ2M,IACrBE,EAGH7L,MAAUwF,EAAIxG,QAAQ6M,IAFtBA,MAASrG,EAAIxG,QAAQ2M,IAKlB9F,EAAOiG,mBAAkBjG,EAAOiG,qBACrC,IAAIzI,EAAYwC,EAAOiG,iBAAiB9L,GACnCqD,IACHA,EAAYwC,EAAOiG,iBAAiB9L,GAAO,IAAIwF,EAAGrG,OAAAuC,UAAM+D,GAAOP,cAAY3B,MAAMsI,IAEnFxI,EAAU0I,SAAW1I,EAAU0I,QAAQtG,EAAOP,GAC9C,MAAMmE,EAAQhG,EAAUgG,MACxB,IAAIY,EAAO,GAKX,OAJMZ,aAAiBe,UAAY/G,EAAUH,OAC3C+G,EAAO5G,EAAUH,KAAKmG,GACtBhG,EAAUC,UAAYD,EAAUC,SAAS+F,IAEpCnH,EAAAD,QAAAU,cAAA,OAAKkJ,GAAIA,GAAK5B,GAO+DrH,CAAOmD,EAAMF,EAAQ8F,MACrG1B,GAAQA,EAAK/E,WAAU+E,EAAK/E,SAAW+E,EAAK/E,SAAS0G,IAAI/E,GAAS6E,EAAgB7E,EAAOhB,EAAQ8F,OAC9F1B,kFClCT,MAAA+B,EAAAzN,EAAA,GAISN,EAAA0E,cAJAqJ,EAAArJ,cAIe1E,EAAA4E,SAJemJ,EAAAnJ,SACvC5E,EAAA2E,OAAA,SAAuBI,EAASgH,EAAMnE,GACpCmG,EAAAzD,cAAcvF,EAASgH,EAAMnE,mFCD/B,MAAAoG,EAAA1N,EAAA,GA6BA0N,EAAAhK,QAAIa,aAAa,uBA3BGmJ,EAAA5J,UAoBlB3B,aAAYwL,IAAEA,EAAGhH,SAAEA,IACjByD,QAlBFtK,KAAA6E,KAAO,CAACmG,GACC4C,EAAAhK,QAAAU,cAAA,WAAKsJ,EAAAhK,QAAAU,cAAA,UAAK0G,KAGnBhL,KAAAkE,QACE4J,KAAO9C,GAAUA,EAAQ,EACzB+C,KAAO/C,GAAUA,EAAQ,GAI3BhL,KAAAiF,SAAW+F,KACThL,KAAK6G,SAASG,QAAQa,IACpB7H,KAAK2E,QAAQqJ,kBAAkBpG,YAAYC,KAE7C7H,KAAK2E,QAAQsF,aAAa,MAAOe,KAKjChL,KAAK6G,SAAWA,EAChB7G,KAAKgL,MAAQiD,SAASJ","file":"demo-html/app.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"apprun\"] = factory();\n\telse\n\t\troot[\"apprun\"] = factory();\n})(this, function() {\nreturn "," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 10);\n","export class App {\n\n  private _events: Object;\n\n  public start;\n  public createElement;\n  public render;\n  public Fragment;\n  public webComponent;\n\n  constructor() {\n    this._events = {};\n  }\n\n  on(name: string, fn: (...args) => void, options: any = {}) {\n    this._events[name] = this._events[name] || [];\n    this._events[name].push({ fn: fn, options: options });\n  }\n\n  off(name: string, fn: (...args) => void) {\n    let subscribers = this._events[name];\n    if (subscribers) {\n      subscribers = subscribers.filter((sub) => sub.fn !== fn);\n      if (subscribers.length) this._events[name] = subscribers;\n      else delete this._events[name]\n    }\n  }\n\n  run(name: string, ...args) {\n    let subscribers = this._events[name];\n    console.assert(!!subscribers, 'No subscriber for event: ' + name);\n    if (subscribers) {\n      subscribers = subscribers.filter((sub) => {\n        const { fn, options } = sub;\n        if (options.delay) {\n          this.delay(name, fn, args, options);\n        } else {\n          fn.apply(this, args);\n        }\n        return !sub.options.once;\n      });\n      if (subscribers.length) this._events[name] = subscribers;\n      else delete this._events[name]\n    }\n  }\n\n  once(name: string, fn, options: any = {}) {\n    this.on(name, fn, { ...options, once: true });\n  }\n\n  private delay(name, fn, args, options) {\n    if (options._t) clearTimeout(options._t);\n    options._t = setTimeout(() => {\n      clearTimeout(options._t);\n      fn.apply(this, args);\n    }, options.delay);\n  }\n}\n\nlet app: App;\ndeclare var global;\nconst root = global || window;\nif (root['app'] && root['app']['start']) {\n  app = root['app'];\n} else {\n  app = new App();\n  root['app'] = app;\n}\nexport default app;\n","import app from './app';\nimport { createElement, render, Fragment } from './vdom';\nimport { Component } from './component';\nimport { VNode, View, Action, Update } from './types';\nimport { on, update } from './decorator';\nimport route from './router';\nimport webComponent from './web-component';\n\nexport interface IApp {\n  start<T>(element?: Element | string, model?: T, view?: View<T>, update?: Update<T>,\n    options?: { history?, rendered?: (state: T) => void}): Component<T>;\n  on(name: string, fn: (...args: any[]) => void, options?: any): void;\n  off(name: string, fn: (...args: any[]) => void): void;\n  run(name: string, ...args: any[]): void;\n  createElement(tag: string | Function, props, ...children): VNode | VNode[];\n  render(element: HTMLElement, node: VNode): void;\n  Fragment(props, ...children): any[];\n  webComponent(name: string, componentClass, options?): void;\n}\n\napp.createElement = createElement;\napp.render = render;\napp.Fragment = Fragment;\napp.webComponent = webComponent;\n\napp.start = <T>(element?: HTMLElement | string, model?: T,  view?: View<T>, update?: Update<T>,\n  options?: { history?, rendered?: (state: T) => void }) : Component<T> => {\n    const opts = Object.assign(options || {}, { render: true, global_event: true });\n    const component = new Component<T>(model, view, update);\n    if (options && options.rendered) component.rendered = options.rendered;\n    component.mount(element, opts);\n    return component;\n};\n\nif (!app['route']) {\n  app['route'] = route;\n  app.on('//', _ => { });\n  app.on('#', _ => { });\n  app.on('route', url => route(url));\n  if (typeof document === 'object') {\n    document.addEventListener(\"DOMContentLoaded\", () => {\n      window.onpopstate = () => route(location.hash);\n      route(location.hash);\n    });\n  }\n}\n\nexport type StatelessComponent<T={}> = (args: T) => string | VNode | void;\nexport { Component, View, Action, Update, on, update };\nexport { update as event };\nexport default app as IApp;\n\napp.on('debug', _ => 0);","export const Reflect = {\n\n  meta: new WeakMap(),\n\n  defineMetadata(metadataKey, metadataValue, target) {\n    if (!this.meta.has(target)) this.meta.set(target, {});\n    this.meta.get(target)[metadataKey] = metadataValue;\n  },\n\n  getMetadataKeys(target) {\n    target = Object.getPrototypeOf(target);\n    return this.meta.get(target) ? Object.keys(this.meta.get(target)) : [];\n  },\n\n  getMetadata(metadataKey, target) {\n    target = Object.getPrototypeOf(target);\n    return this.meta.get(target) ? this.meta.get(target)[metadataKey] : null;\n  }\n}\n\nexport function update(name?: string, options: any = {}) {\n  return (target: any, key: string, descriptor: any) => {\n    name = name || key;\n    Reflect.defineMetadata(`apprun-update:${name}`,\n      { name, key, options }, target);\n    return descriptor;\n  }\n}\n\nexport function on(name?: string, options: any = {}) {\n  return function (target: any, key: string) {\n    name = name || key;\n    Reflect.defineMetadata(`apprun-update:${name}`,\n        { name, key, options }, target)\n  }\n}\n","var g;\n\n// This works in non-strict mode\ng = (function() {\n\treturn this;\n})();\n\ntry {\n\t// This works if eval is allowed (see CSP)\n\tg = g || Function(\"return this\")() || (1, eval)(\"this\");\n} catch (e) {\n\t// This works if the window reference is available\n\tif (typeof window === \"object\") g = window;\n}\n\n// g can still be undefined, but nothing to do about it...\n// We return undefined, instead of nothing here, so it's\n// easier to handle this case. if(!global) { ...}\n\nmodule.exports = g;\n","import createComponent from './createComponent';\nimport { VNode } from './types';\nexport type Element = any; //HTMLElement | SVGSVGElement | SVGElement;\n\nconst ATTR_PROPS = '_props';\n\nfunction collect(children) {\n  const ch = [];\n  const push = (c) => {\n    if (c !== null && c !== undefined && c !== '' && c !== false) {\n      ch.push((typeof c === 'function' || typeof c === 'object') ? c : `${c}`);\n    }\n  }\n  children && children.forEach(c => {\n    if (Array.isArray(c)) {\n      c.forEach(i => push(i));\n    } else {\n      push(c);\n    }\n  });\n  return ch;\n}\n\nexport function createElement (tag: string | Function, props: {}, ...children) {\n  const ch = collect(children);\n  if (typeof tag === 'string') return { tag, props, children: ch };\n  else if (tag === undefined && children) return ch; // JSX fragments\n  else if (Object.getPrototypeOf(tag).__isAppRunComponent) {\n    return { tag, props, children:ch } // createComponent(tag, { ...props, children });\n  }\n  else\n    return tag(props, ch);\n};\n\nconst keyCache = {};\n\nexport const updateElement = render;\n\nexport function render(element: Element, nodes: VNode | VNode[], parent = {}) {\n  // console.log('render', element, node);\n  if (nodes == null) return;\n\n  nodes = createComponent(nodes, parent);\n\n  if (!element) return;\n  if (Array.isArray(nodes)) {\n    updateChildren(element, nodes);\n  } else {\n    const node = nodes;\n    if (!element.firstChild) {\n      element.appendChild(create(node));\n    } else {\n      update(element.firstChild, node);\n    }\n  }\n}\n\nfunction same(el: Element, node: VNode) {\n  // if (!el || !node) return false;\n  const key1 = el.nodeName;\n  const key2 = `${node.tag || ''}`;\n  return key1 === key2.toUpperCase();\n}\n\nfunction update(element: Element, node: VNode) {\n  console.assert(!!element);\n  //console.log('update', element, node);\n  if (!same(element, node)) {\n    element.parentNode.replaceChild(create(node), element);\n    return;\n  }\n  updateChildren(element, node.children);\n  updateProps(element, node.props);\n}\n\nfunction updateChildren(element, children) {\n  const len = Math.min(element.childNodes.length, children.length);\n  for (let i = 0; i < len; i++) {\n    const child = children[i];\n    const el = element.childNodes[i];\n    if (typeof child === 'string') {\n      if (el.textContent !== child) {\n        if (el.nodeType === 3) {\n          el.textContent = child\n        } else {\n          element.replaceChild(createText(child), el);\n        }\n      }\n    } else {\n      const key = child.props && child.props['key'];\n      if (key) {\n        if (el.key === key) {\n          update(element.childNodes[i], child);\n        } else {\n          const old = key && keyCache[key];\n          if (old) {\n            element.replaceChild(old, el);\n            element.appendChild(el);\n            update(element.childNodes[i], child);\n          } else {\n            element.appendChild(create(child), el);\n            update(element.childNodes[i], child);\n          }\n        }\n      } else {\n        update(element.childNodes[i], child);\n      }\n    }\n  }\n\n  let n = element.childNodes.length;\n  while (n > len) {\n    element.removeChild(element.lastChild);\n    n--;\n  }\n\n  if (children.length > len) {\n    const d = document.createDocumentFragment();\n    for (let i = len; i < children.length; i++) {\n      d.appendChild(create(children[i]));\n    }\n    element.appendChild(d);\n  }\n}\n\nfunction createText(node) {\n  if (node.indexOf('_html:') === 0) { // ?\n    const div = document.createElement('div');\n    div.insertAdjacentHTML('afterbegin', node.substring(6))\n    return div;\n  } else {\n    return document.createTextNode(node);\n  }\n}\n\nfunction create(node: VNode | string): Element {\n  console.assert(node !== null && node !== undefined);\n  // console.log('create', node, typeof node);\n\n  if (typeof node === \"string\") return createText(node);\n  if (!node.tag || (typeof node.tag == 'function')) return createText(JSON.stringify(node));\n\n  const element = (node.tag === \"svg\")\n    ? document.createElementNS(\"http://www.w3.org/2000/svg\", node.tag)\n    : document.createElement(node.tag);\n\n  updateProps(element, node.props);\n\n  if (node.children) node.children.forEach(child => element.appendChild(create(child)));\n\n  return element\n}\n\nfunction mergeProps(a: {}, b: {}): {} {\n  const props = {};\n  if (a) Object.keys(a).forEach(p => props[p] = '');\n  if (b) Object.keys(b).forEach(p => props[p] = b[p]);\n  return props;\n}\n\nfunction updateProps(element: Element, props: {}) {\n  console.assert(!!element);\n  // console.log('updateProps', element, props);\n\n  const cached = element[ATTR_PROPS] || {};\n  props = mergeProps(cached, props);\n  element[ATTR_PROPS] = props;\n  for (let name in props) {\n    const value = props[name];\n    // if (cached[name] === value) continue;\n    // console.log('updateProps', name, value);\n    if (name === 'style') {\n      if (element.style.cssText) element.style.cssText = '';\n      for (let s in value) {\n        if (element.style[s] !== value[s]) element.style[s] = value[s];\n      }\n    } else if (name.startsWith('data-')) {\n      const dname = name.substring(5);\n        if (element.dataset[dname] !== value) element.dataset[dname] = value;\n    } else if (name.startsWith(\"role\") || name.startsWith(\"aria-\")) {\n      if (element.getAttribute(name) !== value) element.setAttribute(name, value)\n    } else {\n      if (element[name] !== value) element[name] = value;\n      if (name === 'key' && value) keyCache[value] = element;\n    }\n  }\n}\n\nexport function Fragment(props, ...children): any[] {\n  return collect(children);\n}","import { Component } from './component';\ndeclare var customElements;\n\nexport const customElement = (componentClass, options={}) => class extends HTMLElement {\n  private _shadowRoot;\n  private _component;\n  public on;\n  public run;\n  constructor() {\n    super();\n    const opts = { render: true, shadow: false, ...options };\n    this._shadowRoot = opts.shadow ?\n      this.attachShadow({ mode: 'open' }) : this;\n    const props = {}\n    Array.from(this.attributes).forEach(item => props[item.name] = item.value);\n    if (this.children) {\n      props['children'] = Array.from(this.children);\n      props['children'].forEach(el => el.parentElement.removeChild(el));\n    }\n    this._component = new componentClass(props).mount(this._shadowRoot, opts);\n    this.on = this._component.on.bind(this._component);\n    this.run = this._component.run.bind(this._component);\n  }\n  get state() { return this._component.state; }\n}\n\nexport default (name: string, componentClass, options?) => {\n  customElements && customElements.define(name, customElement(componentClass, options))\n}","import app from './app';\n\nconst ROUTER_EVENT = '//';\n\nexport default function route(url: string) {\n  if (!url) url = '#';\n  if (url.startsWith('#')) {\n    const [name, ...rest] = url.split('/');\n    app.run(name, ...rest);\n    app.run(ROUTER_EVENT, name, ...rest);\n  } else if (url.startsWith('/')) {\n    const [_, name, ...rest] = url.split('/');\n    app.run('/' + name, ...rest);\n    app.run(ROUTER_EVENT, '/' + name, ...rest);\n  } else {\n    app.run(url);\n    app.run(ROUTER_EVENT, url);\n  }\n}\n","\r\nimport app, { App } from './app';\r\nimport { Reflect } from './decorator'\r\nimport { VNode, View, Update } from './types';\r\n\r\nconst componentCache = {};\r\napp.on('get-components', o => o.components = componentCache);\r\n\r\nexport class Component<T=any> {\r\n  static __isAppRunComponent = true;\r\n  private _app = new App();\r\n  private _actions = [];\r\n  element;\r\n  private _history = [];\r\n  private _history_idx = -1;\r\n  private enable_history;\r\n  private global_event;\r\n  public rendered;\r\n  public mounted;\r\n\r\n  private renderState(state: T) {\r\n    if (!this.view) return;\r\n    const html = this.view(state);\r\n\r\n    app.run('debug', {\r\n      component: this,\r\n      state,\r\n      vdom: html || '[vdom is null - no render]',\r\n    });\r\n\r\n    if (typeof document !== 'object') return;\r\n\r\n    const el = (typeof this.element === 'string') ?\r\n      document.getElementById(this.element) : this.element;\r\n    if (el) el['_component'] = this;\r\n    app.render(el, html, this);\r\n    if (this.rendered) (this.rendered(this.state));\r\n  }\r\n\r\n  public setState(state: T, options: { render: boolean, history: boolean, callback?}\r\n    = { render: true, history: false}) {\r\n    if (state instanceof Promise) {\r\n      // Promise will not be saved or rendered\r\n      // state will be saved and rendered when promise is resolved\r\n      state.then(s => {\r\n        this.setState(s, options)\r\n      }).catch(err => {\r\n        console.error(err);\r\n        throw err;\r\n      });\r\n      this.state = state;\r\n    } else {\r\n      if (state == null) return;\r\n      this.state = state;\r\n      if (options.render !== false) this.renderState(state);\r\n      if (options.history !== false && this.enable_history) {\r\n        this._history = [...this._history, state];\r\n        this._history_idx = this._history.length - 1;\r\n      }\r\n      if (typeof options.callback === 'function') options.callback(this.state);\r\n    }\r\n  }\r\n\r\n  constructor(\r\n    protected state?: T,\r\n    protected view?: View<T>,\r\n    protected update?: Update<T>,\r\n    protected options?) {\r\n  }\r\n\r\n  start = (element = null,\r\n    options: { render?: boolean, history?, global_event?: boolean } = { render: true }): Component<T> => {\r\n    return this.mount(element, { ...options, render: true });\r\n  }\r\n\r\n  public mount(element = null, options?: { render?: boolean, history?, global_event?: boolean}) {\r\n\r\n    console.assert(!this.element, 'Component already mounted.')\r\n    this.options = options = Object.assign(this.options || {}, options);\r\n    this.element = element;\r\n    this.global_event = options.global_event;\r\n    this.enable_history = !!options.history;\r\n\r\n    if (this.enable_history) {\r\n      const prev = () => {\r\n        this._history_idx --;\r\n        if (this._history_idx >=0) {\r\n          this.setState(this._history[this._history_idx], { render: true, history: false });\r\n        }\r\n        else {\r\n          this._history_idx = 0;\r\n        }\r\n      };\r\n\r\n      const next = () => {\r\n        this._history_idx ++;\r\n        if (this._history_idx < this._history.length) {\r\n          this.setState(this._history[this._history_idx], { render: true, history: false });\r\n        }\r\n        else {\r\n          this._history_idx = this._history.length - 1;\r\n        }\r\n      };\r\n      this.on(options.history.prev || 'history-prev', prev)\r\n      this.on(options.history.next || 'history-next', next)\r\n    }\r\n    this.add_actions();\r\n    if (this.state === undefined) this.state = this['model'] || {};\r\n    if (options.render) {\r\n      this.setState(this.state, { render: true, history: true });\r\n    } else {\r\n      this.setState(this.state, { render: false, history: true });\r\n    }\r\n\r\n    componentCache[element] = componentCache[element] || [];\r\n    componentCache[element].push(this);\r\n    return this;\r\n  }\r\n\r\n  is_global_event(name: string): boolean {\r\n    return name && (name.startsWith('#') || name.startsWith('/'));\r\n  }\r\n\r\n  add_action(name: string, action, options: any = {}) {\r\n    if (!action || typeof action !== 'function') return;\r\n    this.on(name, (...p) => {\r\n      const newState = action(this.state, ...p);\r\n\r\n      app.run('debug', {\r\n        component: this,\r\n        'event': name,\r\n        e: p,\r\n        state: this.state,\r\n        newState,\r\n        options\r\n      })\r\n\r\n      this.setState(newState, options)\r\n    }, options);\r\n  }\r\n\r\n  add_actions() {\r\n    const actions = this.update || {};\r\n    Reflect.getMetadataKeys(this).forEach(key => {\r\n      if (key.startsWith('apprun-update:')) {\r\n        const meta = Reflect.getMetadata(key, this)\r\n        actions[meta.name] = [this[meta.key].bind(this), meta.options];\r\n      }\r\n    })\r\n    const all = {};\r\n    Object.keys(actions).forEach(name => {\r\n      const action = actions[name];\r\n      if (typeof action === 'function' || Array.isArray(action)) {\r\n        name.split(',').forEach(n => all[n.trim()] = action)\r\n      }\r\n    })\r\n\r\n    Object.keys(all).forEach(name => {\r\n      const action = all[name];\r\n      if (typeof action === 'function') {\r\n        this.add_action(name, action);\r\n      } else if (Array.isArray(action)) {\r\n        this.add_action(name, action[0], action[1]);\r\n      }\r\n    });\r\n  }\r\n\r\n  public run(name: string, ...args) {\r\n    return this.global_event || this.is_global_event(name) ?\r\n      app.run(name, ...args) :\r\n      this._app.run(name, ...args);\r\n  }\r\n\r\n  public on(name: string, fn: (...args) => void, options?: any) {\r\n    this._actions.push({ name, fn });\r\n    return this.global_event || this.is_global_event(name) ?\r\n      app.on(name, fn, options) :\r\n      this._app.on(name, fn, options);\r\n  }\r\n\r\n  public unmount() {\r\n    this._actions.forEach(action => {\r\n      const { name, fn } = action;\r\n      this.global_event || this.is_global_event(name) ?\r\n        app.off(name, fn) :\r\n        this._app.off(name, fn);\r\n    });\r\n  }\r\n}\r\n","import app from './app';\n\nfunction render(node, parent, idx) {\n  const { tag, props, children } = node;\n\n  let id = props && props['id'];\n  let key = `_${tag.name}_${idx}`\n  if (!id) {\n    id = `_${tag.name}_${idx}`;\n  } else {\n    key = `_${tag.name}_${id}`;\n  }\n\n  if (!parent.__componentCache) parent.__componentCache = {};\n  let component = parent.__componentCache[key];\n  if (!component) {\n    component = parent.__componentCache[key] = new tag({ ...props, children }).mount(id);\n  }\n  component.mounted && component.mounted(props, children);\n  const state = component.state;\n  let vdom = '';\n  if (!(state instanceof Promise) && component.view) {\n    vdom = component.view(state);\n    component.rendered && component.rendered(state);\n  }\n  return <div id={id}>{vdom}</div>;\n}\n\nfunction createComponent(node, parent, idx = 0) {\n  if (typeof node === 'string') return node;\n  if (Array.isArray(node)) return node.map(child => createComponent(child, parent, idx++));\n  let vdom = node;\n  if (node && node.tag && Object.getPrototypeOf(node.tag).__isAppRunComponent) vdom = render(node, parent, idx++);\n  if (vdom && vdom.children) vdom.children = vdom.children.map(child => createComponent(child, parent, idx++));\n  return vdom;\n }\n\nexport default createComponent;\n","import { createElement, updateElement, Fragment } from './vdom-my';\nexport function render(element, html, parent?) {\n  updateElement(element, html, parent);\n}\nexport { createElement, Fragment };\n\n\n","\nimport app, { Component } from '../src/apprun';\ndeclare var customElements;\nclass MyApp extends Component {\n  // state = 0/\n\n  view = (state) => {\n    return <div><h1>{state}</h1></div>\n  }\n\n  update = {\n    '-1': (state) => state - 1,\n    '+1': (state) => state + 1\n  }\n\n  children;\n  rendered = state => {\n    this.children.forEach(el => {\n      this.element.firstElementChild.appendChild(el)\n    });\n    this.element.setAttribute('num', state);\n  }\n\n  constructor({ num, children } ) {\n    super();\n    this.children = children;\n    this.state = parseInt(num);\n  }\n}\n\napp.webComponent('my-app', MyApp);"],"sourceRoot":""}

package/demo-html/counter-c.html

@@ -1,29 +0,0 @@
-<!doctype html>
-<html>
-<head>
-  <meta charset="utf-8">
-  <title>Counter as web component</title>
-</head>
-<body>
-  <div id="my-app"></div>
-  <script src="../dist/apprun-html.js"></script>
-  <script>
-    class Counter extends Component {
-      constructor() {
-        super();
-        this.state = 0;
-        this.view = state => `<div>
-          <h1>${state}</h1>
-          <button onclick='app.run("-1")'>-1</button>
-          <button onclick='app.run("+1")'>+1</button>
-          </div>`;
-        this.update = {
-          '+1': state => state + 1,
-          '-1': state => state - 1
-        };
-      }
-    }
-    new Counter().start('my-app', {global_event: true});
-  </script>
-</body>
-</html>

package/demo-html/counter-wc-event.html

@@ -1,29 +0,0 @@
-<!doctype html>
-<html>
-<head>
-  <meta charset="utf-8">
-  <title>Counter as web component</title>
-</head>
-<body>
-  <my-app id='counter'></my-app>
-  <script src="../dist/apprun-html.js"></script>
-  <script>
-    class Counter extends Component {
-      constructor() {
-        super();
-        this.state = 0;
-        this.view = state => `<div>
-          <h1>${state}</h1>
-          <button onclick='counter.run("-1")'>-1</button>
-          <button onclick='counter.run("+1")'>+1</button>
-          </div>`;
-        this.update = {
-          '+1': state => state + 1,
-          '-1': state => state - 1
-        };
-      }
-    }
-    app.webComponent('my-app', Counter);
-  </script>
-</body>
-</html>

package/demo-html/counter-wc.html

@@ -1,29 +0,0 @@
-<!doctype html>
-<html>
-<head>
-  <meta charset="utf-8">
-  <title>Counter as web component</title>
-</head>
-<body>
-  <my-app />
-  <script src="../dist/apprun-html.js"></script>
-  <script>
-    class Counter extends Component {
-      constructor() {
-        super();
-        this.state = 0;
-        this.view = state => `<div>
-          <h1>${state}</h1>
-          <button onclick='app.run("-1")'>-1</button>
-          <button onclick='app.run("+1")'>+1</button>
-          </div>`;
-        this.update = {
-          '+1': state => state + 1,
-          '-1': state => state - 1
-        };
-      }
-    }
-    app.webComponent('my-app', Counter, {global_event: true, shadow: true});
-  </script>
-</body>
-</html>

package/demo-html/counter.html

@@ -1,26 +0,0 @@
-<!doctype html>
-<html>
-<head>
-  <meta charset="utf-8">
-  <title>Counter</title>
-</head>
-<body>
-  <script src="../dist/apprun-html.js"></script>
-  <div id="my-app"></div>
-  <script>
-    const state = 0;
-    const view = state => {
-      return `<div>
-        <h1>${state}</h1>
-        <button onclick='app.run("-1")'>-1</button>
-        <button onclick='app.run("+1")'>+1</button>
-      </div>`;
-    };
-    const update = {
-      '+1': state => state + 1,
-      '-1': state => state - 1
-    };
-    app.start('my-app', state, view, update);
-  </script>
-</body>
-</html>

package/demo-html/index.html

@@ -1,14 +0,0 @@
-<!doctype html>
-<html>
-<head>
-  <meta charset="utf-8">
-  <title>apprun - web component</title>
-</head>
-<body>
-  <my-app id="counter" num="2">
-    <button onclick="counter.run('-1')">-1</button>
-    <button onclick="counter.run('+1')">+1</button>
-  </my-app>
-  <script src="app.js"></script>
-</body>
-</html>