\n
\n)\n```\n\nIf you don't know all the attributes that you want to place in a component ahead of time, you can use the [spread syntax](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_operator). Note that Hyperapp components can return an array of elements as in the following example. This technique lets you group a list of children without adding extra nodes to the DOM.\n\n```jsx\nconst TodoList = ({ todos, toggle }) =>\n todos.map(todo => Todo
\n- \n {state.todos.map(({ id, value, done }) => (\n
{children}
\n)\n\nconst HelloBox = ({ name }) => (\n Hello, {name}!
\n fadeout(element).then(done)}>\n
\n)\n```\n\n#### ondestroy\n\nThis event is fired after the element has been removed from the DOM, either directly or as a result of a parent being removed. Use it for invalidating timers, canceling a network request, removing global events listeners, etc.\n\n```jsx\nimport { h } from \"hyperapp\"\n\nexport const Camera = ({ onerror }) => (\n {title}
\n
Hyperapp\n\n[](https://travis-ci.org/hyperapp/hyperapp)\n[](https://codecov.io/gh/hyperapp/hyperapp)\n[](https://www.npmjs.org/package/hyperapp)\n[](https://hyperappjs.herokuapp.com \"Join us\")\n\nHyperapp is a JavaScript micro-framework for building web applications.\n\n## Getting Started\n\nThis is our first example to get started. Right off the bat, I'll show you the hard stuff. If you survive this you basically win.\n\n```jsx\nimport { h, app } from \"hyperapp\"\nimport { delay } from \"@hyperapp/time\"\n\nconst changeName = (state, name) => ({ ...state, name })\n\napp({\n init: [\n { name: \"Hello\" },\n delay([changeName, \"World\"], duration: 1000 })\n ],\n view: state => {state.name}
,\n container: document.body\n})\n```\n\nWhat's that `delay` magic? Glad you asked. Here's a way it can be implemented. Hyperapp ships with effects and subscriptions out of the box, so you don't have to create your own, but like they say: knowledge is power!\n\n```js\n// hyperapp/time.js\nexport const delay = (fx => ({ action, duration }) => [\n fx,\n { action, duration }\n])((props, dispatch) =>\n setTimeout(() => dispatch(props.action), props.duration)\n)\n```\n\n## Installation\n\n\nnpm i hyperapp\n\n\nThen with a module bundler like [Rollup](https://rollupjs.org) or [Webpack](https://webpack.js.org), use as you would anything else.\n\n```js\nimport { h, app } from \"hyperapp\"\n```\n\nIf you don't want to set up a build environment, you can download Hyperapp from a CDN like [unpkg.com](https://unpkg.com/hyperapp) and it will be globally available through the window.hyperapp object. We support all ES5-compliant browsers, including Internet Explorer 10 and above.\n\n```html\n\n```\n\n## Links\n\n- [Slack](https://hyperappjs.herokuapp.com)\n- [Twitter](https://twitter.com/hyperappJS)\n- [Examples](https://codepen.io/search/pens/?q=hyperapp)\n- [/r/hyperapp](https://www.reddit.com/r/hyperapp)\n\n## License\n\n[MIT](LICENSE.md).\n","readmeFilename":"README.md","gitHead":"9c892372783574e8d092973ad30719bf1e0090b7","bugs":{"url":"https://github.com/hyperapp/hyperapp/issues"},"_id":"hyperapp@2.0.0-alpha.1","_nodeVersion":"11.10.0","_npmVersion":"6.8.0","dist":{"integrity":"sha512-+1bUZxHJIy0kRbfKsURd5YxWHqD3tC0+EvwCNJ8PeaNON3wnA9XzlNxRWg4YM5wBkxev7QmYZhYWycYNmz12GQ==","shasum":"e5e9af6e55c96c244c06aefdec77242af8c6a9cf","tarball":"https://registry.npmjs.org/hyperapp/-/hyperapp-2.0.0-alpha.1.tgz","fileCount":7,"unpackedSize":50153,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcbNNTCRA9TVsSAnZWagAAcrwP/inejPHenfFFqKVldF/b\newjdWTcNRn8FmTTlaA9w821Il0xN+eUWug+uoOBT4J+EuLyhV4pRTcGh5QtB\nYsth5HOLMW0G9s9KLN8AI07pr1yRDnIitJ9X1mwB3c74u4m22Qlkzh8fFVYl\nZzGqXn1MwJE5o3zJcdsFjWaXEn5wY6quh4DLsIAh27TodOjm/Qk3OtBZgdNn\nVTQqCBQV/Ji6plYXcjBwd1Mt2/6jEbYWZSoPOO/eQOkxdVOT+leNA82Sp3f6\nMzVHiIPy95bF7L9TOzB836TNdGjfDIhNK28HRWzZb+KWN4qw7/1TgrtDgYJk\ny0okL7T27/zNmWjC+a89/yMrnJ14T5+bqsuagTFA2BIVea8h7K4Hy0qtPV6G\nFTVOVIA3ZsLiIK9nUkGnPjZodUr7tJLO8wvwS+O+crqpuMZ338xdOiWyPuGh\nOud13gLKEW1i5O34fyqrcvcKgNSWgYCyiN/sHiOsiPNMXL40foWqerW3nrA5\nanj4tzcm2l467Vik5EW0QNhIL7YkDkjGHuEiNhS2jXEGbmFoPJZQfTm56mk9\nLjB4tw924EctI+qVe0UX7Zab+uDGj78rbECkUtyRJWnlCpzYhnhnhidzR8JY\n9ughCxp82PRUb/2a8ETKjw0pSpL+BoRjkjLAF6y7irrcndTGoyLV//GfLMjS\nWOnu\r\n=fAlC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDgKYjRqvNP1P93c9cnJ26U/5Qcdw9soCRhENsjgSTPtgIgET+6PqeXhwMoXXewr4d6x4cdbKL8ohZ4SZFaD+u/u3Q="}]},"maintainers":[{"email":"mail@jorgebucaran.com","name":"jorgebucaran"}],"_npmUser":{"name":"jorgebucaran","email":"mail@jorgebucaran.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/hyperapp_2.0.0-alpha.1_1550635859066_0.13402508396991508"},"_hasShrinkwrap":false},"2.0.0-alpha.2":{"name":"hyperapp","description":"JavaScript micro-framework for building web applications.","version":"2.0.0-alpha.2","main":"dist/hyperapp.js","module":"src/index.js","typings":"hyperapp.d.ts","license":"MIT","repository":{"type":"git","url":"git+https://github.com/hyperapp/hyperapp.git"},"homepage":"https://hyperapp.js.org","author":{"name":"Jorge Bucaran"},"keywords":["hyperapp","frontend","framework","virtual dom","vdom"],"scripts":{"test":"jest --coverage --no-cache && tsc -p test/ts","build":"npm run bundle && npm run minify","bundle":"rollup -i src/index.js -o dist/hyperapp.js -m -f umd -n hyperapp","minify":"terser dist/hyperapp.js -o dist/hyperapp.js -mc pure_funcs=['Object.defineProperty'] --source-map includeSources,url=hyperapp.js.map","prepare":"npm run build","format":"prettier --write {src,test}/**/*.js {,test/ts/}*.{ts,tsx}","release":"npm run build && npm test && git commit -am $npm_package_version && git tag $npm_package_version && git push && git push --tags && npm publish"},"babel":{"presets":["env"],"plugins":[["transform-react-jsx",{"pragma":"h"}]]},"devDependencies":{"babel-plugin-transform-react-jsx":"^6.24.1","babel-preset-env":"^1.7.0","jest":"^24.1.0","prettier":"^1.16.4","rollup":"^1.2.2","typescript":"3.3.3","terser":"^3.16.1"},"prettier":{"semi":false},"readme":"#
Hyperapp\n\n[](https://travis-ci.org/hyperapp/hyperapp)\n[](https://codecov.io/gh/hyperapp/hyperapp)\n[](https://www.npmjs.org/package/hyperapp)\n[](https://hyperappjs.herokuapp.com \"Join us\")\n\nHyperapp is a JavaScript micro-framework for building web applications.\n\n## Getting Started\n\nThis is our first example to get started. Right off the bat, I'll show you the hard stuff. If you survive this you basically win.\n\n```jsx\nimport { h, app } from \"hyperapp\"\nimport { delay } from \"@hyperapp/time\"\n\nconst changeName = (state, name) => ({ ...state, name })\n\napp({\n init: [\n { name: \"Hello\" },\n delay([changeName, \"World\"], {\n duration: 1000\n })\n ],\n view: state => {state.name}
,\n container: document.body\n})\n```\n\nWhat's that `delay` magic? Glad you asked. Here's a way it can be implemented. Hyperapp ships with effects and subscriptions out of the box, so you don't have to create your own, but like they say: knowledge is power!\n\n```js\n// hyperapp/time.js\nexport const delay = (fx => (action, { duration }) => [\n fx,\n { action, duration }\n])((props, dispatch) =>\n setTimeout(() => dispatch(props.action), props.duration)\n)\n```\n\n## Installation\n\n\nnpm i hyperapp\n\n\nThen with a module bundler like [Rollup](https://rollupjs.org) or [Webpack](https://webpack.js.org), use as you would anything else.\n\n```js\nimport { h, app } from \"hyperapp\"\n```\n\nIf you don't want to set up a build environment, you can download Hyperapp from a CDN like [unpkg.com](https://unpkg.com/hyperapp) and it will be globally available through the window.hyperapp object. We support all ES5-compliant browsers, including Internet Explorer 10 and above.\n\n```html\n\n```\n\n## Links\n\n- [Slack](https://hyperappjs.herokuapp.com)\n- [Twitter](https://twitter.com/hyperappJS)\n- [Examples](https://codepen.io/search/pens/?q=hyperapp)\n- [/r/hyperapp](https://www.reddit.com/r/hyperapp)\n\n## License\n\n[MIT](LICENSE.md).\n","readmeFilename":"README.md","gitHead":"89421ad066c988ce72597720f65873b6dca561bc","bugs":{"url":"https://github.com/hyperapp/hyperapp/issues"},"_id":"hyperapp@2.0.0-alpha.2","_nodeVersion":"11.10.0","_npmVersion":"6.8.0","dist":{"integrity":"sha512-2M46T+QlNQ5ChSIyaKoI0YG/efO+Rs7N+3mx1jtQNlEMWqPJI39szfMQ0U5YEN6QjATnH7UemOAroR1dratY3g==","shasum":"529a8e175fbf2e1a12e7d7cc9533bbc290ee0969","tarball":"https://registry.npmjs.org/hyperapp/-/hyperapp-2.0.0-alpha.2.tgz","fileCount":7,"unpackedSize":50151,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcbweoCRA9TVsSAnZWagAAIK4P/iTvdnaLuwH5TlX24YCJ\noOv75PbYbfY5wOvc/Y1atPLd5UxjUea9QlkM54O4nV6QHY1GFaozBfz8wQfY\nx6Elh8tGw0TTFDgyysElCoi1AeVogd0PhwbUUc7tPEIYaj1y3a+qyIwi32y6\nkhXFrO4aoitNNAeOqf4vMK73qdsq/6cn+90CPf1xsLgeF0N0Uq2U6wVZv6zc\n9PsvhbBjbDsrMNpdHjU5TiY+fDtQ4B3DkWhRz5hoQUywtUYZPZIdQOk3sUuw\nN6pp/V9ifgJzvjaPeXzzSABcKgPr7LBuCG+FJhGK6cbUghRqz5CKEqTQaenW\nfwJ2XVlTBBFoNCehqltNjSvuoJDbS2zzf/gTUDS1cyH3GabhsJYJFjhiZvq2\nkqZlpLczS8Xv8vB4Tllx7z1NaHHBXkbYVJpla8xLwAlPDIsHDqEod7F/EIqW\n0wjl3pdqi3mlzK5/JIlzlX/BcdZjYyY7xeZ8siGI7A3IeULRo2Xad9IF32yE\nZLkjwqyD4n1m+drDoAKYM6kxQmfZGQtyU4BjBnrT261Pi67DRiCyTdutu+Zz\nZxodVy3M3O9wTEh+lLKLdRHrp8E2MksSH1Dc42Byb/2Hw1lhrVbdurebG056\nYAlHPHVCza1ktd363VZRObeZDFofO+y+n2U6TdMEX+wdJUickO9iq2Q4tqON\nX7yr\r\n=pmtS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDLcId4FxOp9pWbS5/wG+cA+2wYM64TTYi2Hm8fGVGmJgIhAO01Z9Buhpln4k2tuA8RlLmPsv2STiX1G5WYfKbSdWr0"}]},"maintainers":[{"email":"mail@jorgebucaran.com","name":"jorgebucaran"}],"_npmUser":{"name":"jorgebucaran","email":"mail@jorgebucaran.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/hyperapp_2.0.0-alpha.2_1550780327769_0.21308043434672852"},"_hasShrinkwrap":false},"2.0.0-alpha.3":{"name":"hyperapp","description":"JavaScript micro-framework for building web applications.","version":"2.0.0-alpha.3","main":"dist/hyperapp.js","module":"src/index.js","typings":"hyperapp.d.ts","license":"MIT","repository":{"type":"git","url":"git+https://github.com/hyperapp/hyperapp.git"},"homepage":"https://hyperapp.js.org","author":{"name":"Jorge Bucaran"},"keywords":["hyperapp","frontend","framework","virtual dom","vdom"],"scripts":{"test":"exit","build":"npm run bundle && npm run minify","bundle":"rollup -i src/index.js -o dist/hyperapp.js -m -f umd -n hyperapp","minify":"terser dist/hyperapp.js -o dist/hyperapp.js -mc pure_funcs=['Object.defineProperty'] --source-map includeSources,url=hyperapp.js.map","prepare":"npm run build","format":"prettier --write {src,test}/**/*.js {,test/ts/}*.{ts,tsx}","release":"npm run build && npm test && git commit -am $npm_package_version && git tag $npm_package_version && git push && git push --tags && npm publish"},"devDependencies":{"prettier":"^1.16.4","rollup":"^1.2.3","terser":"^3.16.1"},"prettier":{"semi":false},"readme":"# Hyperapp\n\n\n\n[](https://travis-ci.org/hyperapp/hyperapp)\n[](https://codecov.io/gh/hyperapp/hyperapp)\n[](https://www.npmjs.org/package/hyperapp)\n[](https://hyperappjs.herokuapp.com \"Join us\")\n\nHyperapp is a JavaScript micro-framework for building web applications.\n\n## Getting Started\n\nThis is our first example to get started. Right off the bat, I'll show you the hard stuff. If you survive this you basically win.\n\n```jsx\nimport { h, app } from \"hyperapp\"\nimport { delay } from \"@hyperapp/time\"\n\nconst changeName = (state, name) => ({ ...state, name })\n\napp({\n init: [\n { name: \"Hello\" },\n delay([changeName, \"World\"], {\n duration: 1000\n })\n ],\n view: state =>
{state.name}
,\n container: document.body\n})\n```\n\nWhat's that `delay` magic? Glad you asked. Here's a way it can be implemented. Hyperapp ships with effects and subscriptions out of the box, so you don't have to create your own, but like they say: knowledge is power!\n\n```js\n// hyperapp/time.js\nexport const delay = (fx => (action, { duration }) => [\n fx,\n { action, duration }\n])((props, dispatch) =>\n setTimeout(() => dispatch(props.action), props.duration)\n)\n```\n\n## Installation\n\n\nnpm i hyperapp\n\n\nThen with a module bundler like [Rollup](https://rollupjs.org) or [Webpack](https://webpack.js.org), use as you would anything else.\n\n```js\nimport { h, app } from \"hyperapp\"\n```\n\nIf you don't want to set up a build environment, you can download Hyperapp from a CDN like [unpkg.com](https://unpkg.com/hyperapp) and it will be globally available through the window.hyperapp object. We support all ES5-compliant browsers, including Internet Explorer 10 and above.\n\n```html\n\n```\n\n## Links\n\n- [Slack](https://hyperappjs.herokuapp.com)\n- [Twitter](https://twitter.com/hyperappJS)\n- [Examples](https://codepen.io/search/pens/?q=hyperapp)\n- [/r/hyperapp](https://www.reddit.com/r/hyperapp)\n\n## License\n\n[MIT](LICENSE.md)\n","readmeFilename":"README.md","gitHead":"9ee9443b2dbe062a01eb217e9fce1ee5dd351bc3","bugs":{"url":"https://github.com/hyperapp/hyperapp/issues"},"_id":"hyperapp@2.0.0-alpha.3","_nodeVersion":"11.10.0","_npmVersion":"6.8.0","dist":{"integrity":"sha512-560pYlyTDw+O5RSiF4qeBu3D9ytQfQYJna7qU9x00fgYrnQJSlIHSt0Oa65JTgspCi5grWZYMt8FP8f9aZ4rLQ==","shasum":"ef0f253ecef4dcb0d514d4d00030f70c00ee8d56","tarball":"https://registry.npmjs.org/hyperapp/-/hyperapp-2.0.0-alpha.3.tgz","fileCount":7,"unpackedSize":54436,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcduOsCRA9TVsSAnZWagAAbHcQAJ8JnQQ3L1GLtG+ZkJmy\npwoPLrZwM3Ac2nfFA+vOfw4YdybTR8w56TEwPyotAwu/bCJ1aRlrzzeBj1Ta\n+aLQ8rjq+pUhQd14TSomIC/f0aK+vhfs7Da0+JnPkmQZQpQYYkyRoYm+9Hua\n6zBqTfiDR0bG1fzVSVRmfX+jZ3D+e8fcxuVscx4ddEvwaIU/isyZLZ8eZQF6\nr6TDYzwGHrTVFLeuXCpu2LetNgyMSIFya5glIEOE+biLKlFliNOThQUQAwQx\nBPlmIZL5rcsiizlblMPqSbnQ9+J2C1INVjMz6cA1P+K0455oeAB+LO3h4/Zh\nbdELC8tF1RXDu85Jm9GffiDYksPaiLunhLGNXSx1DN6eBbQaTOqbjXOnEgBt\n3g35DjtEo5aLPec5PdDm7teweGglobXqoc4DBpfvSQXAkZ2WyVsP88jkRUQR\ng/r667e4Wz6H2UPzG/mZXeEhHp9o8Q8vKsyvonNsOv5ZTWcUoRepIhpL8lLP\n9ne3E4MFBsR0SvSpLGuX+muw8+5oCrhhVNuo3Xj0dtZLh8UXVLKg0n1Qk8GP\nPhAapRu0tDnk4evSOO5zb76M2y0BV6JQoVTblUtwyaZDklDDgxJ0Jn2F1X0E\nzF+hZqit0TEEhcXTd1/s7mgugvnNzvmc5JaVJuCr9g/vPeecM3TjvT4mow1g\nOzcw\r\n=JsCC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDdifHCfGqOE+2ASNkBBtONHE3sMlHl3Rz0h+tSXUzRNQIhAKc9dnIJCoK+r4+W7BBnpyc22X04crSCgHkxJQ8YItpA"}]},"maintainers":[{"email":"mail@jorgebucaran.com","name":"jorgebucaran"}],"_npmUser":{"name":"jorgebucaran","email":"mail@jorgebucaran.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/hyperapp_2.0.0-alpha.3_1551295403851_0.3391712216134688"},"_hasShrinkwrap":false},"2.0.0-alpha.4":{"name":"hyperapp","description":"JavaScript micro-framework for building web applications.","version":"2.0.0-alpha.4","main":"dist/hyperapp.js","module":"src/index.js","typings":"hyperapp.d.ts","license":"MIT","repository":{"type":"git","url":"git+https://github.com/hyperapp/hyperapp.git"},"homepage":"https://hyperapp.js.org","author":{"name":"Jorge Bucaran"},"keywords":["hyperapp","frontend","framework","virtual dom","vdom"],"scripts":{"test":"exit","build":"npm run bundle && npm run minify","bundle":"rollup -i src/index.js -o dist/hyperapp.js -m -f umd -n hyperapp","minify":"terser dist/hyperapp.js -o dist/hyperapp.js -mc pure_funcs=['Object.defineProperty'] --source-map includeSources,url=hyperapp.js.map","prepare":"npm run build","format":"prettier --write {src,test}/**/*.js {,test/ts/}*.{ts,tsx}","release":"npm run build && npm test && git commit -am $npm_package_version && git tag $npm_package_version && git push && git push --tags && npm publish"},"devDependencies":{"prettier":"^1.16.4","rollup":"^1.2.3","terser":"^3.16.1"},"prettier":{"semi":false},"readme":"# Hyperapp\n\n\n\n[](https://travis-ci.org/hyperapp/hyperapp)\n[](https://codecov.io/gh/hyperapp/hyperapp)\n[](https://www.npmjs.org/package/hyperapp)\n[](https://hyperappjs.herokuapp.com \"Join us\")\n\nHyperapp is a JavaScript micro-framework for building web applications.\n\n## Getting Started\n\nThis is our first example to get started. Right off the bat, I'll show you the hard stuff. If you survive this you basically win.\n\n```jsx\nimport { h, app } from \"hyperapp\"\nimport { delay } from \"@hyperapp/time\"\n\nconst changeName = (state, name) => ({ ...state, name })\n\napp({\n init: [\n { name: \"Hello\" },\n delay([changeName, \"World\"], {\n duration: 1000\n })\n ],\n view: state =>
{state.name}
,\n container: document.body\n})\n```\n\nWhat's that `delay` magic? Glad you asked. Here's a way it can be implemented. Hyperapp ships with effects and subscriptions out of the box, so you don't have to create your own, but like they say: knowledge is power!\n\n```js\n// hyperapp/time.js\nexport const delay = (fx => (action, { duration }) => [\n fx,\n { action, duration }\n])((props, dispatch) =>\n setTimeout(() => dispatch(props.action), props.duration)\n)\n```\n\n## Installation\n\n\nnpm i hyperapp\n\n\nThen with a module bundler like [Rollup](https://rollupjs.org) or [Webpack](https://webpack.js.org), use as you would anything else.\n\n```js\nimport { h, app } from \"hyperapp\"\n```\n\nIf you don't want to set up a build environment, you can download Hyperapp from a CDN like [unpkg.com](https://unpkg.com/hyperapp) and it will be globally available through the window.hyperapp object. We support all ES5-compliant browsers, including Internet Explorer 10 and above.\n\n```html\n\n```\n\n## Links\n\n- [Slack](https://hyperappjs.herokuapp.com)\n- [Twitter](https://twitter.com/hyperappJS)\n- [Examples](https://codepen.io/search/pens/?q=hyperapp)\n- [/r/hyperapp](https://www.reddit.com/r/hyperapp)\n\n## License\n\n[MIT](LICENSE.md)\n","readmeFilename":"README.md","gitHead":"801d529c1e2e8d0e5c3820e95e43c59c6f23f62d","bugs":{"url":"https://github.com/hyperapp/hyperapp/issues"},"_id":"hyperapp@2.0.0-alpha.4","_nodeVersion":"11.10.0","_npmVersion":"6.8.0","dist":{"integrity":"sha512-RCik375UGMLK+xchXsj43cE5Q1i21XuYAHOOOb11Q65SDd+T4EX1XOeJs84zp6yhteG/CqGM6bK9GcxMelaMiQ==","shasum":"a18ebbfba3e12c37ed0f8fa42bfb4ed3416e5964","tarball":"https://registry.npmjs.org/hyperapp/-/hyperapp-2.0.0-alpha.4.tgz","fileCount":7,"unpackedSize":54547,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcd4nKCRA9TVsSAnZWagAAB3gP/2j4ZyaQog2SLBQhtQ3n\nv2LZrC4wnk0iMitadRs8iq30FVGxNxaAfMNqBu5TLdWqh+iHF4+0/RD1aBkW\nZz0m2pAXtWihhmIogxVKB3jSKmvQeHPpMIP8QmYTi+7SUXHYSCGVM92UAx2h\n56CfNJv6WA1M1GghOaRl28ekJt9XUO6AI2cmxWYi+hQixV0pO/smT/R4TVzA\n0zQ9+vNfx1Uxz7cTcanQuriVKYuCszwY7A/knBkYhzG+kya1FJdGWO/1ACiT\n61BObG6YpeTmWTcLOnVqG6VnRLjqEtSkJigNSj8Pu4Ifpw3ZK3HeJH1l32qe\n9NyY1x1aLB9Eif+cKTXR+AiCK8s2L2/n/8811z3dqvHUZwaxZJHdCuKRVXfW\n0o0jbJa2ydrFX50AvGfLPwkZ8Mit4bCD6TNZp8ei3rzp3uQpA6A9AojCnzhX\nwn6SqGc3OOVbLzYcbuMM0AeOQUalRQP8VIJ+IFFU12kQX6tC5wnGd7unS50l\nGTDrTGPdiiCQm7PG52zob8NZaHgq1FpRlNAH+Bw5/oXKmAQV3gUaTNpYyrTK\niUo+mPan9BDvqvLs2q53ruwweUGRJ2n+UWD64XwWjsr5O4cxStrwyfwh6jgi\niRemyDZLdw0isJ/PyBpgtwnJPNo71o5cwVvTCQ23HEZKS1WZjynUMHIX3cNx\nZzE/\r\n=ruDi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDGbLKFE0qGtas2iQToT00B6amPTiLH5sG9LMd7CW9kpAIgCq2MpU7Q5t4sMgGbJ8EJB+SxKvR6K4hLHPmN/j+M/Cg="}]},"maintainers":[{"email":"mail@jorgebucaran.com","name":"jorgebucaran"}],"_npmUser":{"name":"jorgebucaran","email":"mail@jorgebucaran.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/hyperapp_2.0.0-alpha.4_1551337930069_0.2854971971330469"},"_hasShrinkwrap":false},"2.0.0-alpha.5":{"name":"hyperapp","description":"JavaScript micro-framework for building web applications.","version":"2.0.0-alpha.5","main":"dist/hyperapp.js","module":"src/index.js","typings":"hyperapp.d.ts","license":"MIT","repository":{"type":"git","url":"git+https://github.com/hyperapp/hyperapp.git"},"homepage":"https://hyperapp.js.org","author":{"name":"Jorge Bucaran"},"keywords":["hyperapp","frontend","framework","virtual dom","vdom"],"scripts":{"test":"exit","build":"npm run bundle && npm run minify","bundle":"rollup -i src/index.js -o dist/hyperapp.js -m -f umd -n hyperapp","minify":"terser dist/hyperapp.js -o dist/hyperapp.js -mc pure_funcs=['Object.defineProperty'] --source-map includeSources,url=hyperapp.js.map","prepare":"npm run build","format":"prettier --write {src,test}/**/*.js {,test/ts/}*.{ts,tsx}","release":"npm run build && npm test && git commit -am $npm_package_version && git tag $npm_package_version && git push && git push --tags && npm publish"},"devDependencies":{"prettier":"^1.16.4","rollup":"^1.2.3","terser":"^3.16.1"},"prettier":{"semi":false},"readme":"# Hyperapp\n\n\n\n[](https://travis-ci.org/hyperapp/hyperapp)\n[](https://codecov.io/gh/hyperapp/hyperapp)\n[](https://www.npmjs.org/package/hyperapp)\n[](https://hyperappjs.herokuapp.com \"Join us\")\n\nHyperapp is a JavaScript micro-framework for building web applications.\n\n## Getting Started\n\nThis is our first example to get started. Right off the bat, I'll show you the hard stuff. If you survive this you basically win.\n\n```jsx\nimport { h, app } from \"hyperapp\"\nimport { delay } from \"@hyperapp/time\"\n\nconst changeName = (state, name) => ({ ...state, name })\n\napp({\n init: [\n { name: \"Hello\" },\n delay([changeName, \"World\"], {\n duration: 1000\n })\n ],\n view: state =>
{state.name}
,\n container: document.body\n})\n```\n\nWhat's that `delay` magic? Glad you asked. Here's a way it can be implemented. Hyperapp ships with effects and subscriptions out of the box, so you don't have to create your own, but like they say: knowledge is power!\n\n```js\n// hyperapp/time.js\nexport const delay = (fx => (action, { duration }) => [\n fx,\n { action, duration }\n])((props, dispatch) =>\n setTimeout(() => dispatch(props.action), props.duration)\n)\n```\n\n## Installation\n\n\nnpm i hyperapp\n\n\nThen with a module bundler like [Rollup](https://rollupjs.org) or [Webpack](https://webpack.js.org), use as you would anything else.\n\n```js\nimport { h, app } from \"hyperapp\"\n```\n\nIf you don't want to set up a build environment, you can download Hyperapp from a CDN like [unpkg.com](https://unpkg.com/hyperapp) and it will be globally available through the window.hyperapp object. We support all ES5-compliant browsers, including Internet Explorer 10 and above.\n\n```html\n\n```\n\n## Links\n\n- [Slack](https://hyperappjs.herokuapp.com)\n- [Twitter](https://twitter.com/hyperappJS)\n- [Examples](https://codepen.io/search/pens/?q=hyperapp)\n- [/r/hyperapp](https://www.reddit.com/r/hyperapp)\n\n## License\n\n[MIT](LICENSE.md)\n","readmeFilename":"README.md","gitHead":"5e9acea70bc09e653e54102bf6ef0e6e3ad46542","bugs":{"url":"https://github.com/hyperapp/hyperapp/issues"},"_id":"hyperapp@2.0.0-alpha.5","_nodeVersion":"11.10.0","_npmVersion":"6.8.0","dist":{"integrity":"sha512-oX4JwOjPNRMc8jisUy+vFfoBsijwidqC3LyBVQNFdK6mSKz0o2u3xLTR2tYlKgD6Pf7HPDs3OT7I4zreow8Kbg==","shasum":"60c6f07705fc80ea61ec7386bc8386090b5e0986","tarball":"https://registry.npmjs.org/hyperapp/-/hyperapp-2.0.0-alpha.5.tgz","fileCount":7,"unpackedSize":54939,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcd4thCRA9TVsSAnZWagAADaMQAJzZRXHXKE8j+/3lZe24\nZicW9NDXeM7aXwnir5qLPuIDxl72eLyrCgYBX19HJDgDwWNpzJ+CxRomlIZ1\nHr9V1Vl4g4khSA4UvSS8OP32vEEDJ0VNVR8xNXtngHhTOFjZCOY2FTHSKKgb\nTJycRpLvYNTCwMy9dNEZQSaBlvW/R9SRpTl9ZyXQCYoXhyLISrk/IDRYIl9H\nU+GalPQt03LBHYmsH0UIb/eKia6ZegORH6fde3/qRYiAdXCoAvnmttmo/JkE\naQiHqBFypHz3hIji7aw2vCC4XLnBt2rQ7YSAS1yyPhlJWQQy+BGJvkZOENTW\nLns1hWg+caxFVHlOkm3j3C6ujBwsdNK7/AcWTG4PLwvDlCQYtdNQhxF6VfRH\n538qDDbmxTXQzeFZTq9uL+RTHe/89750IsHmbgmCPorI1bOpJMAs5haM5od4\nQqlIyZffHNgtzP8TlZ56/35HN+KskLrMe27/WAZW9aVxAXrwUBcCg5Jp8hxA\nM+fLkDrTJ6l/gKXBFtGZA+IpTXfmsjbx+BaaUPnRD8tEimX+DxTFPDTuAB6Y\ndai6D20AEVM3/H53EBd2nh4x8/S0jPamQeW601dWvVFznpqwaiJoHYEkqXvw\nt3DdgQt8xOFv2ZMMXNsxsJlSFWYNaXb16KMCBQol3DP4aiC5o30WLZKNQOBd\n28nx\r\n=QstN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDgg6XA0387BR4vYr1nEwjx8jrUje57cGsw1EP0QqgfLQIgKd0EJQD1iYPSZesAfdBHBEp7qTpmqz2msxf+9lEAqDU="}]},"maintainers":[{"email":"mail@jorgebucaran.com","name":"jorgebucaran"}],"_npmUser":{"name":"jorgebucaran","email":"mail@jorgebucaran.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/hyperapp_2.0.0-alpha.5_1551338336817_0.8622193131760296"},"_hasShrinkwrap":false},"2.0.0-alpha.6":{"name":"hyperapp","description":"JavaScript micro-framework for building web applications.","version":"2.0.0-alpha.6","main":"dist/hyperapp.js","module":"src/index.js","typings":"hyperapp.d.ts","license":"MIT","repository":{"type":"git","url":"git+https://github.com/hyperapp/hyperapp.git"},"homepage":"https://hyperapp.js.org","author":{"name":"Jorge Bucaran"},"keywords":["hyperapp","frontend","framework","virtual dom","vdom"],"scripts":{"test":"exit","build":"npm run bundle && npm run minify","bundle":"rollup -i src/index.js -o dist/hyperapp.js -m -f umd -n hyperapp","minify":"terser dist/hyperapp.js -o dist/hyperapp.js -mc pure_funcs=['Object.defineProperty'] --source-map includeSources,url=hyperapp.js.map","prepare":"npm run build","format":"prettier --write {src,test}/**/*.js {,test/ts/}*.{ts,tsx}","release":"npm run build && npm test && git commit -am $npm_package_version && git tag $npm_package_version && git push && git push --tags && npm publish"},"devDependencies":{"prettier":"^1.16.4","rollup":"^1.2.3","terser":"^3.16.1"},"prettier":{"semi":false},"readme":"# Hyperapp\n\n\n\n[](https://travis-ci.org/hyperapp/hyperapp)\n[](https://codecov.io/gh/hyperapp/hyperapp)\n[](https://www.npmjs.org/package/hyperapp)\n[](https://hyperappjs.herokuapp.com \"Join us\")\n\nHyperapp is a JavaScript micro-framework for building web applications.\n\n## Getting Started\n\nThis is our first example to get started. Right off the bat, I'll show you the hard stuff. If you survive this you basically win.\n\n```jsx\nimport { h, app } from \"hyperapp\"\nimport { delay } from \"@hyperapp/time\"\n\nconst changeName = (state, name) => ({ ...state, name })\n\napp({\n init: [\n { name: \"Hello\" },\n delay([changeName, \"World\"], {\n duration: 1000\n })\n ],\n view: state =>
{state.name}
,\n container: document.body\n})\n```\n\nWhat's that `delay` magic? Glad you asked. Here's a way it can be implemented. Hyperapp ships with effects and subscriptions out of the box, so you don't have to create your own, but like they say: knowledge is power!\n\n```js\n// hyperapp/time.js\nexport const delay = (fx => (action, { duration }) => [\n fx,\n { action, duration }\n])((props, dispatch) =>\n setTimeout(() => dispatch(props.action), props.duration)\n)\n```\n\n## Installation\n\n\nnpm i hyperapp\n\n\nThen with a module bundler like [Rollup](https://rollupjs.org) or [Webpack](https://webpack.js.org), use as you would anything else.\n\n```js\nimport { h, app } from \"hyperapp\"\n```\n\nIf you don't want to set up a build environment, you can download Hyperapp from a CDN like [unpkg.com](https://unpkg.com/hyperapp) and it will be globally available through the window.hyperapp object. We support all ES5-compliant browsers, including Internet Explorer 10 and above.\n\n```html\n\n```\n\n## Links\n\n- [Slack](https://hyperappjs.herokuapp.com)\n- [Twitter](https://twitter.com/hyperappJS)\n- [Examples](https://codepen.io/search/pens/?q=hyperapp)\n- [/r/hyperapp](https://www.reddit.com/r/hyperapp)\n\n## License\n\n[MIT](LICENSE.md)\n","readmeFilename":"README.md","gitHead":"227f2818b234447c008ba657109869df9359c442","bugs":{"url":"https://github.com/hyperapp/hyperapp/issues"},"_id":"hyperapp@2.0.0-alpha.6","_nodeVersion":"11.10.0","_npmVersion":"6.8.0","dist":{"integrity":"sha512-61yPKWDW/gvl2YgPGR47zm7REg+/wEzmYdIwg7cjJNSG3lN7F9zKF7Ssm9eNZZTiDsFa6lJfo8AbEiugpUhtZg==","shasum":"471e242d88fddec5e658e450b2ceebf4a29d97a1","tarball":"https://registry.npmjs.org/hyperapp/-/hyperapp-2.0.0-alpha.6.tgz","fileCount":7,"unpackedSize":54952,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcd/S6CRA9TVsSAnZWagAAdvMP/0IFGootoWdut6zaA7RG\nDPsnJPb1M2suppOeR2KfpiVoZYDQ4TGHjk+f3dxodxwvj1gQTPTB/g8nowG3\nOcNQy/1nA8gPMjDvzDCQUym/kb0/kFLdIHZFnTyzTGIRvXXQ2X+CMTob8A93\nvaowkU7SfZqsI2LE/jZveMGROROOPn2p4F5uSfX6TuwLZcVo2cS153LexfLw\nK1ANfJHd1FqO7dYoDT6oPIKyqnPtt8FMnF5N2KnmXAZFfXItLGqRekv6z2c9\nXf0ZhdG/5LWhMsWandTx2aW175eq6zFwwGdf4nxS70IwFxzEBdiSlFDCPEdR\n+VI+5aMXvQRTYKlzitqs7xmcjEKWcA9LGSw2hmjsBszoqEccPPFf3CKhmFOQ\n8nloKn1DrxQh6gaAe4TsSPuxYgdiphHEMChn0Y5yW1JNyBxZwtAySy+KaRWF\n7bijE/pIrmkxxGd+ufP1xNHp1PNlpwt+HszfWKKYv+5aHMbiJLzZa6ROj5rJ\nEwlD5S1MvGrWfFf5aa2BrWLOCy8UI9uaxLHfcPkmrAVEdGalDqKTDrBaALcd\n73YCQ/e/OXm2zLTU2IJFPFaDbwJ1ZNMh8U5hGSA0lxX9Ku5NxY5DVBpr/1ji\npKt6JuBDsLb31KQUUfxDkbSNgbjVByy3y3a1GdJ8GOukoaveGaJ7uEaqgwcD\noQAx\r\n=JxFb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA/lMzUm+GMk6sGB6Kf6YUeKmENSlUabpFkXAB/g0O0fAiEAjae0weK8BJFa/zc/C+9nbxxGJj84l5FmFgYIV5KbVqY="}]},"maintainers":[{"email":"mail@jorgebucaran.com","name":"jorgebucaran"}],"_npmUser":{"name":"jorgebucaran","email":"mail@jorgebucaran.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/hyperapp_2.0.0-alpha.6_1551365306177_0.30081809869784437"},"_hasShrinkwrap":false},"2.0.0-alpha.7":{"name":"hyperapp","description":"JavaScript micro-framework for building web applications.","version":"2.0.0-alpha.7","main":"dist/hyperapp.js","module":"src/index.js","typings":"hyperapp.d.ts","license":"MIT","repository":{"type":"git","url":"git+https://github.com/hyperapp/hyperapp.git"},"homepage":"https://hyperapp.js.org","author":{"name":"Jorge Bucaran"},"keywords":["hyperapp","frontend","framework","virtual dom","vdom"],"scripts":{"test":"exit","build":"npm run bundle && npm run minify","bundle":"rollup -i src/index.js -o dist/hyperapp.js -m -f umd -n hyperapp","minify":"terser dist/hyperapp.js -o dist/hyperapp.js -mc pure_funcs=['Object.defineProperty'] --source-map includeSources,url=hyperapp.js.map","prepare":"npm run build","format":"prettier --write {src,test}/**/*.js {,test/ts/}*.{ts,tsx}","release":"npm run build && npm test && git commit -am $npm_package_version && git tag $npm_package_version && git push && git push --tags && npm publish"},"devDependencies":{"prettier":"^1.16.4","rollup":"^1.2.3","terser":"^3.16.1"},"prettier":{"semi":false},"readme":"# Hyperapp\n\n\n\n[](https://travis-ci.org/hyperapp/hyperapp)\n[](https://codecov.io/gh/hyperapp/hyperapp)\n[](https://www.npmjs.org/package/hyperapp)\n[](https://hyperappjs.herokuapp.com \"Join us\")\n\nHyperapp is a JavaScript micro-framework for building web applications.\n\n## Getting Started\n\nThis is our first example to get started. Right off the bat, I'll show you the hard stuff. If you survive this you basically win.\n\n```jsx\nimport { h, app } from \"hyperapp\"\nimport { delay } from \"@hyperapp/time\"\n\nconst changeName = (state, name) => ({ ...state, name })\n\napp({\n init: [\n { name: \"Hello\" },\n delay([changeName, \"World\"], {\n duration: 1000\n })\n ],\n view: state =>
{state.name}
,\n container: document.body\n})\n```\n\nWhat's that `delay` magic? Glad you asked. Here's a way it can be implemented. Hyperapp ships with effects and subscriptions out of the box, so you don't have to create your own, but like they say: knowledge is power!\n\n```js\n// hyperapp/time.js\nexport const delay = (fx => (action, { duration }) => [\n fx,\n { action, duration }\n])((props, dispatch) =>\n setTimeout(() => dispatch(props.action), props.duration)\n)\n```\n\n## Installation\n\n\nnpm i hyperapp\n\n\nThen with a module bundler like [Rollup](https://rollupjs.org) or [Webpack](https://webpack.js.org), use as you would anything else.\n\n```js\nimport { h, app } from \"hyperapp\"\n```\n\nIf you don't want to set up a build environment, you can download Hyperapp from a CDN like [unpkg.com](https://unpkg.com/hyperapp) and it will be globally available through the window.hyperapp object. We support all ES5-compliant browsers, including Internet Explorer 10 and above.\n\n```html\n\n```\n\n## Links\n\n- [Slack](https://hyperappjs.herokuapp.com)\n- [Twitter](https://twitter.com/hyperappJS)\n- [Examples](https://codepen.io/search/pens/?q=hyperapp)\n- [/r/hyperapp](https://www.reddit.com/r/hyperapp)\n\n## License\n\n[MIT](LICENSE.md)\n","readmeFilename":"README.md","gitHead":"47c55aef20aaf381c6945251afd72b056788971c","bugs":{"url":"https://github.com/hyperapp/hyperapp/issues"},"_id":"hyperapp@2.0.0-alpha.7","_nodeVersion":"11.10.0","_npmVersion":"6.8.0","dist":{"integrity":"sha512-ciZhZ83ACFRPFo7psN4s94ZCg8VZBWS9srfdx+uhWvJTiJYjGVWz9I7GUG9qaogIZGQ+XiaAuHEUI3OZu3qcwg==","shasum":"2ba1caf446850f525eea4915c063f06f8233ae3a","tarball":"https://registry.npmjs.org/hyperapp/-/hyperapp-2.0.0-alpha.7.tgz","fileCount":7,"unpackedSize":55099,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJce7xaCRA9TVsSAnZWagAAc9gP/1uIfubakKzsifUFqF3E\nAWPQAY2HddYpFRoSH3P3Y6r1MTiLNkQdG2rLPLXJTLxavQXYxk9GqDJPx5Pr\nUnQZxE4rgL6yq4Hnli2acvwkIbxss7LVr16vvP2QSF9yYaISZKzLw3tl0I9f\njeCRQCZZJvaFBwOvfG0I7ucnuScW1jzV/e8nsQYBrf5JezybSy0tB+vN4GpJ\nzW466a1hVpaYpeicxRgx5Q2eGr3BsPvW+XQ+cjXmUbCuhpQJo/7z5UC0kFUz\n6QZCqcaNmD2/2ABaDeSaAhvoV0YnirtYo6Xrd4D8SGqF8CFSndQDDxO7qBvr\nZeaom+k/Op4il7Oh6HVv/BbrbTyL6tKsrUzkxxTxjonazz5fVvGMmWVst0IO\nNOX5vLfDFYL40PyFtUfWMh6BAoJV/7g1g8wJ3z/qOB6T8OlnNAkdYfIxdGLn\nICD4CFp70lXnfENgibdvxlEvVtANaxktuq+se5Ft2OStlkGIakTgT7wVdbtU\nc58iNMhNWgilP1b9y8nyGy6VWLPu5X24Wu0W5pZlsVQHjBBaMBUDHnA0nxv6\nhFhH2QTcc2dI/ZSn/QHiHrXZCAZzSHgUfjAKpt7L1vlRTx0ZMEfFWYnoAH+Y\n7sldP+KrInAm4u8vFtNkWo1u3UPodlHF/g7SxZZXsbjjnsf7v7oVLqbTfVyb\nu9Hv\r\n=M5Gh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD/42rOPOz1a7pmFqoJ8kn/2K1wMBBghKTOXqMkV1WlEAIgAKUXJ2Pbp/L0OTe6V6AwrCMoZ1wH17mW5hNROkMxSvo="}]},"maintainers":[{"email":"mail@jorgebucaran.com","name":"jorgebucaran"}],"_npmUser":{"name":"jorgebucaran","email":"mail@jorgebucaran.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/hyperapp_2.0.0-alpha.7_1551613017967_0.8644814204279279"},"_hasShrinkwrap":false},"2.0.0-alpha.8":{"name":"hyperapp","description":"JavaScript micro-framework for building web applications.","version":"2.0.0-alpha.8","main":"dist/hyperapp.js","module":"src/index.js","typings":"hyperapp.d.ts","license":"MIT","repository":{"type":"git","url":"git+https://github.com/hyperapp/hyperapp.git"},"homepage":"https://hyperapp.js.org","author":{"name":"Jorge Bucaran"},"keywords":["hyperapp","frontend","framework","virtual dom","vdom"],"scripts":{"test":"exit","build":"npm run bundle && npm run minify","bundle":"rollup -i src/index.js -o dist/hyperapp.js -m -f umd -n hyperapp","minify":"terser dist/hyperapp.js -o dist/hyperapp.js -mc pure_funcs=['Object.defineProperty'] --source-map includeSources,url=hyperapp.js.map","prepare":"npm run build","format":"prettier --write {src,test}/**/*.js {,test/ts/}*.{ts,tsx}","release":"npm run build && npm test && git commit -am $npm_package_version && git tag $npm_package_version && git push && git push --tags && npm publish"},"devDependencies":{"prettier":"^1.16.4","rollup":"^1.2.3","terser":"^3.16.1"},"prettier":{"semi":false},"readme":"# Hyperapp\n\n\n\n[](https://travis-ci.org/hyperapp/hyperapp)\n[](https://codecov.io/gh/hyperapp/hyperapp)\n[](https://www.npmjs.org/package/hyperapp)\n[](https://hyperappjs.herokuapp.com \"Join us\")\n\nHyperapp is a JavaScript micro-framework for building web applications.\n\n## Getting Started\n\nThis is our first example to get started. Right off the bat, I'll show you the hard stuff. If you survive this you basically win.\n\n```jsx\nimport { h, app } from \"hyperapp\"\nimport { delay } from \"@hyperapp/time\"\n\nconst changeName = (state, name) => ({ ...state, name })\n\napp({\n init: [\n { name: \"Hello\" },\n delay([changeName, \"World\"], {\n duration: 1000\n })\n ],\n view: state =>
{state.name}
,\n container: document.body\n})\n```\n\nWhat's that `delay` magic? Glad you asked. Here's a way it can be implemented. Hyperapp ships with effects and subscriptions out of the box, so you don't have to create your own, but like they say: knowledge is power!\n\n```js\n// hyperapp/time.js\nexport const delay = (fx => (action, { duration }) => [\n fx,\n { action, duration }\n])((props, dispatch) =>\n setTimeout(() => dispatch(props.action), props.duration)\n)\n```\n\n## Installation\n\n\nnpm i hyperapp\n\n\nThen with a module bundler like [Rollup](https://rollupjs.org) or [Webpack](https://webpack.js.org), use as you would anything else.\n\n```js\nimport { h, app } from \"hyperapp\"\n```\n\nIf you don't want to set up a build environment, you can download Hyperapp from a CDN like [unpkg.com](https://unpkg.com/hyperapp) and it will be globally available through the window.hyperapp object. We support all ES5-compliant browsers, including Internet Explorer 10 and above.\n\n```html\n\n```\n\n## Links\n\n- [Slack](https://hyperappjs.herokuapp.com)\n- [Twitter](https://twitter.com/hyperappJS)\n- [Examples](https://codepen.io/search/pens/?q=hyperapp)\n- [/r/hyperapp](https://www.reddit.com/r/hyperapp)\n\n## License\n\n[MIT](LICENSE.md)\n","readmeFilename":"README.md","gitHead":"23b16195958aaac9a6108faa589aaa2dbff04669","bugs":{"url":"https://github.com/hyperapp/hyperapp/issues"},"_id":"hyperapp@2.0.0-alpha.8","_nodeVersion":"11.10.0","_npmVersion":"6.8.0","dist":{"integrity":"sha512-gchND/z8cim9/knSm3vjEVFoPVzzTE4WoSWKPujWHElHcFzMzimxfyxK0VTV6Tq6Sg2tTUGhI3er7BESMreh5A==","shasum":"11bf83aba553b59f83168442698c1e2cc1183ece","tarball":"https://registry.npmjs.org/hyperapp/-/hyperapp-2.0.0-alpha.8.tgz","fileCount":7,"unpackedSize":50449,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcfB1mCRA9TVsSAnZWagAAjqYQAILFIBs75L5F4cqluh3Q\nlCB4vVDZIKLENwQaH+AppBt7/Ara7/nPsP29zPbG2yZtAe6eqtPapIPHmPgi\nS1eHhdyNoK6dGZ0XbpE2ObBA3Om1qIQ7D9lh64LKQwJxe7hPLwKYzBfukf6N\n/qnKeOhSVFQYaboQHtUQejFiFjfttb1+uoQL81cmfQN9cxK+L3UXjaKSlHlx\nMiEeCtA/UacNNeM9WJ0FB+/nG4Rs54nKaYM4n7zQ6Dk3OsBsYjUKBh+lGtvC\nTiOHdx/wgCg7v22vcpE7/wiirmaxXFLforZmYHGkv/2rRv4QrucJsNGmshBk\ne7/7BCtudibIrPxFjmpWDBoSlhAhASEbREBr/efMeVuG/8xbHhlRRapT1DLC\ns0LhZXHC1mjwS1Vv6Y6fLvdJd+7YZabkK8Qy4Zuc795ovSrTt7730Euubbx5\nYPDshBO3P5xpI7Jj/3OR/g881tReG+Q1FMwtUEttEWkUGLa8EYgfi+L9WeuO\nO5UTcQ7Z6qvSTP4IH8pv24b6H8o4vFgj9FcpC+M/PQ8ZXSjT2cAMZTV/IoYk\nltsp7teiRi1+0nEFh3UaLg16+4DfHzpP9XKCl3R+pkBCM8P1QokBJApTOFf8\nzZplEZ1kueefhY3I9vCJUqOlRLLhaCQH1Pb+naLd4PB7rivSM54XKsoDTomh\nDeEW\r\n=jUcZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAOHnzY3nt8B4icxDKTnHz6SKWJvoXamXSvfg8Bv2y7SAiBFw5j2KD2a/CIRWJ3mrjOxg98PleQPT0pS3M9OZlJAgQ=="}]},"maintainers":[{"email":"mail@jorgebucaran.com","name":"jorgebucaran"}],"_npmUser":{"name":"jorgebucaran","email":"mail@jorgebucaran.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/hyperapp_2.0.0-alpha.8_1551637861929_0.4642507424024034"},"_hasShrinkwrap":false},"2.0.0-alpha.9":{"name":"hyperapp","description":"JavaScript micro-framework for building web applications.","version":"2.0.0-alpha.9","main":"dist/hyperapp.js","module":"src/index.js","license":"MIT","repository":{"type":"git","url":"git+https://github.com/jorgebucaran/hyperapp.git"},"homepage":"https://hyperapp.js.org","author":{"name":"Jorge Bucaran"},"keywords":["hyperapp","frontend","framework","virtual dom","vdom"],"scripts":{"test":"exit","build":"npm run bundle && npm run minify","bundle":"rollup -i src/index.js -o dist/hyperapp.js -m -f umd -n hyperapp","minify":"terser dist/hyperapp.js -o dist/hyperapp.js -mc pure_funcs=['Object.defineProperty'] --source-map includeSources,url=hyperapp.js.map","prepare":"npm run build","format":"prettier --write {src,test}/**/*.js","release":"npm run build && npm test && git commit -am $npm_package_version && git tag $npm_package_version && git push && git push --tags && npm publish"},"devDependencies":{"prettier":"^1.16.4","rollup":"^1.6.0","terser":"^3.17.0"},"prettier":{"semi":false},"readme":"# Hyperapp\n\n\n\n[](https://travis-ci.org/hyperapp/hyperapp)\n[](https://codecov.io/gh/hyperapp/hyperapp)\n[](https://www.npmjs.org/package/hyperapp)\n[](https://hyperappjs.herokuapp.com \"Join us\")\n\nHyperapp is a JavaScript micro-framework for building web applications.\n\n## Getting Started\n\nThis is our first example to get started. Right off the bat, I'll show you the hard stuff. If you survive this you basically win.\n\n```jsx\nimport { h, app } from \"hyperapp\"\nimport { delay } from \"@hyperapp/time\"\n\nconst changeName = (state, name) => ({ ...state, name })\n\napp({\n init: [\n { name: \"Hello\" },\n delay([changeName, \"World\"], {\n duration: 1000\n })\n ],\n view: state =>
{state.name}
,\n container: document.body\n})\n```\n\nWhat's that `delay` magic? Glad you asked. Here's a way it can be implemented. Hyperapp ships with effects and subscriptions out of the box, so you don't have to create your own, but like they say: knowledge is power!\n\n```js\n// hyperapp/time.js\nexport const delay = (fx => (action, { duration }) => [\n fx,\n { action, duration }\n])((props, dispatch) =>\n setTimeout(() => dispatch(props.action), props.duration)\n)\n```\n\n## Installation\n\n\nnpm i hyperapp\n\n\nThen with a module bundler like [Rollup](https://rollupjs.org) or [Webpack](https://webpack.js.org), use as you would anything else.\n\n```js\nimport { h, app } from \"hyperapp\"\n```\n\nIf you don't want to set up a build environment, you can download Hyperapp from a CDN like [unpkg.com](https://unpkg.com/hyperapp) and it will be globally available through the window.hyperapp object. We support all ES5-compliant browsers, including Internet Explorer 10 and above.\n\n```html\n\n```\n\n## Links\n\n- [Slack](https://hyperappjs.herokuapp.com)\n- [Twitter](https://twitter.com/hyperappJS)\n- [Examples](https://codepen.io/search/pens/?q=hyperapp)\n- [/r/hyperapp](https://www.reddit.com/r/hyperapp)\n\n## License\n\n[MIT](LICENSE.md)\n","readmeFilename":"README.md","gitHead":"77c3fda4c0ee43ecee862fcf6d3d5bc024568556","bugs":{"url":"https://github.com/jorgebucaran/hyperapp/issues"},"_id":"hyperapp@2.0.0-alpha.9","_nodeVersion":"11.11.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-a2HJ6SR+ygMFcGpeULKO/ShZ+jKVjooK76KfIEtfmcACA2JSpHZsyi38jqEaNpsJeZsyPdlEPYPpzNIL8HnQ8g==","shasum":"f29dbebee2ce0b4db5175af082b68fb62ece19a5","tarball":"https://registry.npmjs.org/hyperapp/-/hyperapp-2.0.0-alpha.9.tgz","fileCount":7,"unpackedSize":44526,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJch7LOCRA9TVsSAnZWagAAWtYP+waRN3nSXgaw4qy8A47b\no8Dfbhf6Q9QwxdMtV5x5PtyNAJUBI73KmTwWcJKG6M6WVuARNQmxOQ/jOOYJ\n1EFKzYTI/k1Ve49QNW9Cg1SDUDQl0tJ5tqZeSkf4Lu3BD4Cojy3WXZ1qO8el\n867wEcXQvMa8m/fXwzag9TrW95Dvo36npRcCyzLZn7egmaFs1T/anoCBrdC8\nzK0f5iTDX65nwc3stQIEN6Q9egFDv+Mdng6sbjwkh0Q/9W0NrkjSxrDYHC9V\nfr5C1MG8XVcZ8hZWYKOPr9lj3W981N2IRNd1ny/+4YOJP12nP7y8NIWxqpxP\nPXuRyymxLPBebUxLTFZqUswDEc0xUdFK3q3hxCVAVlWNN0yFyp2kauBcKdId\nQQFdFO68lKqQkR5qUig3/DJ37ccR0n9n8Kv6iNW9cTuqdmUycnF5Y5v8C5ET\n96k33LZW9V5VOQ/WbHHEX7PXQsQfxVcS4nDpXjgmFtZi+jjYjNVnKgCs9Lu+\nJaKWxq29Ew81tyMIOR605fqBNAu/QhgUtNPpVWrIJezDUFc/d9uTpMSN8Rlb\nApVihQ29RMMQsSQDvcdcTxyxCXi2faEX7+9HPoeLu3bnmh+guHkfhody4Dzm\nbC2JFEqzdpvT5YrIVT0XKFLklsWFRqy+diQ+DPizJZxgKRCSy1GbdduBXc+q\n+ES7\r\n=Ufzm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEMCH0AbHmU0ajDFT/QR6qvpeqXQ2vP+XS9bac3cQnwiF4sCIEulwwzVcjRDODdftMQ15vgefcaMvzt2BElI9xWj+2Iv"}]},"maintainers":[{"email":"mail@jorgebucaran.com","name":"jorgebucaran"}],"_npmUser":{"name":"jorgebucaran","email":"mail@jorgebucaran.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/hyperapp_2.0.0-alpha.9_1552397006264_0.33940391491372157"},"_hasShrinkwrap":false},"2.0.0-alpha.10":{"name":"hyperapp","description":"JavaScript micro-framework for building web applications.","version":"2.0.0-alpha.10","main":"dist/hyperapp.js","module":"src/index.js","license":"MIT","repository":{"type":"git","url":"git+https://github.com/jorgebucaran/hyperapp.git"},"homepage":"https://hyperapp.js.org","author":{"name":"Jorge Bucaran"},"keywords":["hyperapp","frontend","framework","virtual dom","vdom"],"scripts":{"test":"exit","build":"npm run bundle && npm run minify","bundle":"rollup -i src/index.js -o dist/hyperapp.js -m -f umd -n hyperapp","minify":"terser dist/hyperapp.js -o dist/hyperapp.js -mc pure_funcs=['Object.defineProperty'] --source-map includeSources,url=hyperapp.js.map","prepare":"npm run build","format":"prettier --write {src,test}/**/*.js","release":"npm run build && npm test && git commit -am $npm_package_version && git tag $npm_package_version && git push && git push --tags && npm publish"},"devDependencies":{"prettier":"^1.16.4","rollup":"^1.6.0","terser":"^3.17.0"},"prettier":{"semi":false},"readme":"# Hyperapp\n\n\n\n[](https://travis-ci.org/hyperapp/hyperapp)\n[](https://codecov.io/gh/hyperapp/hyperapp)\n[](https://www.npmjs.org/package/hyperapp)\n[](https://hyperappjs.herokuapp.com \"Join us\")\n\nHyperapp is a JavaScript micro-framework for building web applications.\n\n## Getting Started\n\nThis is our first example to get started. Right off the bat, I'll show you the hard stuff. If you survive this you basically win.\n\n```jsx\nimport { h, app } from \"hyperapp\"\nimport { delay } from \"@hyperapp/time\"\n\nconst changeName = (state, name) => ({ ...state, name })\n\napp({\n init: [\n { name: \"Hello\" },\n delay([changeName, \"World\"], {\n duration: 1000\n })\n ],\n view: state =>
{state.name}
,\n container: document.body\n})\n```\n\nWhat's that `delay` magic? Glad you asked. Here's a way it can be implemented. Hyperapp ships with effects and subscriptions out of the box, so you don't have to create your own, but like they say: knowledge is power!\n\n```js\n// hyperapp/time.js\nexport const delay = (fx => (action, { duration }) => [\n fx,\n { action, duration }\n])((props, dispatch) =>\n setTimeout(() => dispatch(props.action), props.duration)\n)\n```\n\n## Installation\n\n\nnpm i hyperapp\n\n\nThen with a module bundler like [Rollup](https://rollupjs.org) or [Webpack](https://webpack.js.org), use as you would anything else.\n\n```js\nimport { h, app } from \"hyperapp\"\n```\n\nIf you don't want to set up a build environment, you can download Hyperapp from a CDN like [unpkg.com](https://unpkg.com/hyperapp) and it will be globally available through the window.hyperapp object. We support all ES5-compliant browsers, including Internet Explorer 10 and above.\n\n```html\n\n```\n\n## Links\n\n- [Slack](https://hyperappjs.herokuapp.com)\n- [Twitter](https://twitter.com/hyperappJS)\n- [Examples](https://codepen.io/search/pens/?q=hyperapp)\n- [/r/hyperapp](https://www.reddit.com/r/hyperapp)\n\n## License\n\n[MIT](LICENSE.md)\n","readmeFilename":"README.md","gitHead":"f9f922c0affb0a8b80ce8ff382b79e75e93fdc20","bugs":{"url":"https://github.com/jorgebucaran/hyperapp/issues"},"_id":"hyperapp@2.0.0-alpha.10","_nodeVersion":"11.11.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-6/FEusdfbUq3vX+gsvfRS15XHUkgPLqNV5aTs0PJ7PssHCRG/G1LYWd8nkTN24uosEMrbP6ZrmusBAwNu52X+A==","shasum":"db7cd62e3c3c9fb87b8a14111931be5cb5a2237d","tarball":"https://registry.npmjs.org/hyperapp/-/hyperapp-2.0.0-alpha.10.tgz","fileCount":7,"unpackedSize":44475,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJciJvbCRA9TVsSAnZWagAAVFAP/j2LP/tfblzrpKdALtLi\nZypaLruz/9yOpH2EfpyhQhaweCF7piusJeag2WIW3KrrlLcESaGX2LAQ0csy\nUxt4lcEoyEvqNUB9GRWL9mX/ItwBs7VOwdEylLSIzG20uM4N4C9QpsKwTgUu\nynMiKSmeZBb5yWr/283vHD7H1q1MXpu+dbZ4DcM4aiGura1Kh26F4zwy9iAG\nT6paIpSqDAx9YKZQg8ngLvR6cfrDne7npAhn51KgKLyEn4n5wdQ7vgfIodw+\ntz1NIYUp8q+u7kC2k7QMbt/lwqgkJkMycRzHo+Dy1uXu5ym5GWs2G/Lco7E5\nezwStr6mFQ1lUe4iSdFMs4w3exd2KdEkBAqkeYSAxxmi/ZCsrcX+voBOFO8s\n1fn5NOv9Pl1D6FIOXsqEd655KDYmx1TANEF8Mp7ow++iwkTAC/jfK1/ufJgP\ns6pB1uTMRsU5iww3Ke1gPnrI7zcdiw/KYxpkj4kCgYp/kDCHXFomXqh7haaJ\nvViLe/iDERedkPxnsVtDrpbNbO5z3bGXCdkgpGhJcB0v+ZUupdb8MXpFYDxx\nEUx8LvsKCOFb81dTG8BUxZ++cvo6UaNl+KsOGtEYKwhMCb3LIz+6SLQNhY02\n2OjEn5YEin1rIHRlPO1Fpif0hiqAySNLGQOvPfYu1uIPPmnkIGBQrh4CudbA\ncXvB\r\n=P6fh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICs7vAG1kGXKzydntPxqEiBz0txOcZJogxLKUUtIoFBZAiEAkDNVs4YTTXeav64tqi3K6c+ex1TtpZYv8+2otG67Wwg="}]},"maintainers":[{"email":"mail@jorgebucaran.com","name":"jorgebucaran"}],"_npmUser":{"name":"jorgebucaran","email":"mail@jorgebucaran.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/hyperapp_2.0.0-alpha.10_1552456667144_0.7030881516336411"},"_hasShrinkwrap":false},"2.0.0-beta.1":{"name":"hyperapp","description":"JavaScript micro-framework for building web applications.","version":"2.0.0-beta.1","main":"dist/hyperapp.js","module":"src/index.js","license":"MIT","repository":{"type":"git","url":"git+https://github.com/jorgebucaran/hyperapp.git"},"homepage":"https://github.com/jorgebucaran/hyperapp","author":{"name":"Jorge Bucaran"},"keywords":["hyperapp","frontend","framework","virtual dom","vdom"],"scripts":{"test":"exit","build":"npm run bundle && npm run minify","bundle":"rollup -i src/index.js -o dist/hyperapp.js --no-esModule -m -f umd -n hyperapp","minify":"terser dist/hyperapp.js -o dist/hyperapp.js -mc --source-map includeSources,url=hyperapp.js.map","prepare":"npm run build","release":"npm run build && npm test && git commit -am $npm_package_version && git tag $npm_package_version && git push && git push --tags && npm publish"},"devDependencies":{"rollup":"^1.10.1","terser":"^3.17.0"},"gitHead":"70dad04c5f841c6b215b994e206e6f6139b7eb1d","readme":"# Hyperapp\n\n[](https://travis-ci.org/hyperapp/hyperapp)\n[](https://codecov.io/gh/hyperapp/hyperapp)\n[](https://www.npmjs.org/package/hyperapp)\n[](https://hyperappjs.herokuapp.com \"Join us\")\n\nHyperapp is a JavaScript micro-framework for building web interfaces.\n\n> 👋 Psst! The documentation is still a work-in-progress and may not be perfect. Please be patient as we work on it. If you think you've found a bug in Hyperapp, [create a new issue](https://github.com/jorgebucaran/hyperapp/issues/new) or [hop on Slack](https://hyperappjs.herokuapp.com) and let us know.\n\n- **Minimal**—We have aggressively minimized the concepts you need to learn to be productive out of the box. Immutable state, unidirectional data-flow, effects as data and subscriptions—all combined into a single apparatus, clean, and tiny foundation.\n- **Declarative**–Write what, not how, and Hyperapp will figure out the best way to update the DOM as your data changes. Declarative user interfaces lead to highly testable and predictable applications—you'll never go back to DOM traversal and manipulation.\n- **Standalone**—Do more with less. Hyperapp includes state management and a [state-of-the-art] Virtual DOM engine that supports keyed updates, functional components & view memoization—all without extra dependencies.\n\n[Check out the examples](#examples) and [follow Hyperapp](https://twitter.com/hyperappjs) on Twitter for news and updates. Did you know that maintaining and developing this project is a full-time effort? If you love Hyperapp, please [support me](https://patreon.com/jorgebucaran) on Patreon. If you are not comfortable with a recurring pledge, I also accept one-time donations via [PayPal](https://www.paypal.me/jorgebucaran). Thank you! 🙌\n\n## Table of Contents\n\n- [Installation](#installation)\n- [Getting started](#getting-started)\n- [Help, I'm stuck!](#help-im-stuck)\n- [Fundamentals](#fundamentals)\n - [Initializing the state](#initializing-the-state)\n - [Rendering a page](#rendering-a-page)\n - [Dispatching actions](#dispatching-actions)\n - [Handling text input](#handling-text-input)\n - [Putting it all together](#putting-it-all-together)\n- [Subscriptions](#subscriptions)\n - [Controlling time]\n - [Mouse and keyboard input]\n - [Implementing your own subscriptions]\n- [Effects](#effects)\n - [Talking to servers](#talking-to-servers)\n - [Manipulating the DOM]\n - [Generating random numbers](#generating-random-numbers)\n - [Implementing your own effects]\n- [HTML Attributes](#html-attributes)\n- [Techniques](#techniques)\n - [Testing]\n - [Hydration]\n - [Navigation]\n - [Working with Forms](#working-with-forms)\n - [Using external libraries](#using-external-libraries)\n - [Animating elements]\n- [Optimization](#optimization)\n - [Keys]\n - [Lazy views]\n- [Examples](#examples)\n- [Ecosystem](#ecosystem)\n- [License](#license)\n\n## Installation\n\nInstall the latest version of Hyperapp with a package manager. We recommend using npm or Yarn to manage your front-end dependencies and keep them up-to-date.\n\n
\nnpm i hyperapp@beta\n\n\nThen with a module bundler like [Parcel](https://parceljs.org) or [Webpack](https://webpack.js.org) import Hyperapp in your application and get right down to business.\n\n```js\nimport { h, app } from \"hyperapp\"\n```\n\nDon't want to set up a build step? Load Hyperapp in a `\n\n```\n\nWant to get a sense of what Hyperapp is like without installing anything? Try it in [this code playground].\n\n## Getting started\n\nYou want to develop feature-rich, scalable browser-based applications using a functional paradigm and thought you might give Hyperapp a go. Let's see what it can do. Along the way, we'll explain the most important principles and terminology so you'll be ready to tackle the rest of the documentation. Before we sign off, we'll even walk you through setting up a minimal build step and a local development server using a JavaScript module bundler.\n\nOur first example is a counter that can be incremented or decremented. The goal of this tutorial is to give you a taste of how Hyperapp works, not build a real-world application. You'll learn how to initialize your application state, wire actions to user-triggered events, and render HTML on the page.\n\nCreate a new `index.html` file and paste the following code in it. We'll break it down afterwards.\n\n```html\n\n\n \n \n \n \n \n \n\n```\n\nLet's start from the bottom and work our way up the HTML tree. First, we create an empty `
` inside the document body. We want to take over that node and replace it with our view. Maybe your program is within a broader application, in a sidebar widget and surrounded by other elements. That's fine too. Hyperapp gives you absolute control over where the root element of your application is rendered in the DOM.\n\nInside the `\n \n \n \n \n