npm - apprun - Versions diffs - 3.33.1 → 3.33.2 - Mend

apprun 3.33.1 → 3.33.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (24) hide show

package/README.md +23 -13
package/dist/apprun-code.js +2 -0
package/dist/apprun-code.js.map +1 -0
package/dist/apprun-html.esm.js +1 -1
package/dist/apprun-html.esm.js.map +1 -1
package/dist/apprun-html.js +1 -1
package/dist/apprun-html.js.map +1 -1
package/dist/apprun-play-html.esm.js +1 -1
package/dist/apprun-play-html.esm.js.map +1 -1
package/dist/apprun-play.js +1 -1
package/dist/apprun-play.js.map +1 -1
package/dist/apprun.esm.js +1 -1
package/dist/apprun.esm.js.map +1 -1
package/dist/apprun.js +1 -1
package/dist/apprun.js.map +1 -1
package/esm/apprun-code.js +129 -0
package/esm/apprun-code.js.map +1 -0
package/esm/web-component.js +1 -1
package/esm/web-component.js.map +1 -1
package/package.json +1 -1
package/src/apprun-code.tsx +139 -0
package/src/web-component.ts +1 -1
package/webpack.config.cjs +1 -0
package/src/apprun-play-html.tsx +0 -212

package/README.md CHANGED Viewed

@@ -3,23 +3,15 @@
 ## Introduction
-AppRun is a sleek and efficient JavaScript library designed to revolutionize statement management in web development. At its core, AppRun harnesses the power of the event PubsSub (Publish-Subscribe) pattern to streamline your application’s state handling.
-## Why the Event Pubsub Pattern?
-The event PubSub pattern isn't new; it's a well-established design pattern used widely in software development to handle communication between components or services in a decoupled manner. Web developers are likely already familiar with the PubSub pattern through their use of DOM event handling.
-AppRun takes the familiar PubSub concept and extends it into your application's logic, providing a more structured and powerful approach to state management. The result? Cleaner, more maintainable code and a smoother development experience.
-Here is an example of a simple counter application built with AppRun:
+AppRun is a lightweight alternative to other frameworks and libraries. It has a unique architecture inspired by the Elm architecture that can help you manage states, routing, and other essential aspects of your web application.
+Use a _Counter_ as an example.
 ```js
 // define the initial state
 const state = 0;
-// view is a pure function to display the state
+// view is a function to display the state
 const view = state => `<div>
   <h1>${state}</h1>
   <button onclick="app.run('-1')">-1</button>
@@ -35,14 +27,22 @@ const update = {
 // start the app
 app.start(document.body, state, view, update);
 ```
-<apprun-play style="height:200px"></apprun-play>
+<apprun-code style="font-size: smaller"></apprun-code>
+At its core, AppRun harnesses the power of the event PubsSub (Publish-Subscribe) pattern to streamline your application’s state handling.
+## Why the Event Pubsub Pattern
+The event PubSub pattern isn't new; it's a well-established design pattern used widely in software development to handle communication between components or services in a decoupled manner. Web developers are likely already familiar with the PubSub pattern through their use of DOM event handling.
+AppRun takes the familiar PubSub concept and extends it into your application's logic, providing a more structured and powerful approach to state management. The result? Cleaner, more maintainable code and a smoother development experience.
 ## AppRun Benefits
 * Clean architecture that needs less code
 * State management and routing included
-* No proprietary syntax to learn (no hooks)
+* No proprietary syntax to learn (no hooks, no reducers, no signals)
 * Use directly in the browser or with a compiler/bundler
 * Advanced features: JSX, Web Components, Dev Tools, SSR, etc.
@@ -58,21 +58,31 @@ npm install apprun
 You can also load AppRun directly from the unpkg.com CDN:
 ```js
+<html>
+<body>
 <script src="https://unpkg.com/apprun/dist/apprun-html.js"></script>
 <script>
   const view = state => `<div>${state}</div>`;
   app.start(document.body, 'hello AppRun', view);
 </script>
+</body>
+</html>
 ```
+<apprun-code style="font-size: smaller"></apprun-code>
 Or, use the ESM version:
 ```js
+<html>
+<body>
 <script type="module">
   import { app } from 'https://unpkg.com/apprun/dist/apprun-html.esm.js';
   const view = state => `<div>${state}</div>`;
   app.start(document.body, 'hello ESM', view);
 </script>
+</body>
+</html>
 ```
+<apprun-code style="font-size: smaller"></apprun-code>
 Or, you can create an AppRun app by using the `npm create apprun-app` command.

package/dist/apprun-code.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ !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,(()=>(()=>{"use strict";var t={752:(t,e,n)=>{n.d(e,{Z:()=>r,g:()=>s});class s{constructor(){this._events={}}on(t,e,n={}){this._events[t]=this._events[t]\|\|[],this._events[t].push({fn:e,options:n})}off(t,e){const n=this._events[t]\|\|[];this._events[t]=n.filter((t=>t.fn!==e))}find(t){return this._events[t]}run(t,...e){const n=this.getSubscribers(t,this._events);return console.assert(n&&n.length>0,"No subscriber for event: "+t),n.forEach((n=>{const{fn:s,options:o}=n;return o.delay?this.delay(t,s,e,o):Object.keys(o).length>0?s.apply(this,[...e,o]):s.apply(this,e),!n.options.once})),n.length}once(t,e,n={}){this.on(t,e,Object.assign(Object.assign({},n),{once:!0}))}delay(t,e,n,s){s._t&&clearTimeout(s._t),s._t=setTimeout((()=>{clearTimeout(s._t),Object.keys(s).length>0?e.apply(this,[...n,s]):e.apply(this,n)}),s.delay)}runAsync(t,...e){const n=this.getSubscribers(t,this._events);console.assert(n&&n.length>0,"No subscriber for event: "+t);const s=n.map((t=>{const{fn:n,options:s}=t;return Object.keys(s).length>0?n.apply(this,[...e,s]):n.apply(this,e)}));return Promise.all(s)}query(t,...e){return this.query(t,...e)}getSubscribers(t,e){const n=e[t]\|\|[];return e[t]=n.filter((t=>!t.options.once)),Object.keys(e).filter((e=>e.endsWith("")&&t.startsWith(e.replace("","")))).sort(((t,e)=>e.length-t.length)).forEach((s=>n.push(...e[s].map((e=>Object.assign(Object.assign({},e),{options:Object.assign(Object.assign({},e.options),{event:t})})))))),n}}let o;const i="object"==typeof self&&self.self===self&&self\|\|"object"==typeof n.g&&n.g.global===n.g&&n.g;i.app&&i._AppRunVersions?o=i.app:(o=new s,i.app=o,i._AppRunVersions="AppRun-3");const r=o},37:(t,e,n)=>{n.d(e,{Component:()=>u,app:()=>s.Z});var s=n(752),o=n(559);const i=(t,e={})=>class extends HTMLElement{constructor(){super()}get component(){return this._component}get state(){return this._component.state}static get observedAttributes(){return(e.observedAttributes\|\|[]).map((t=>t.toLowerCase()))}connectedCallback(){if(this.isConnected&&!this._component){const n=e\|\|{};this._shadowRoot=n.shadow?this.attachShadow({mode:"open"}):this;const s=n.observedAttributes\|\|[],o=s.reduce(((t,e)=>{const n=e.toLowerCase();return n!==e&&(t[n]=e),t}),{});this._attrMap=t=>o[t]\|\|t;const i={};Array.from(this.attributes).forEach((t=>i[this._attrMap(t.name)]=t.value)),s.forEach((t=>{void 0!==this[t]&&(i[t]=this[t]),Object.defineProperty(this,t,{get:()=>i[t],set(e){this.attributeChangedCallback(t,i[t],e)},configurable:!0,enumerable:!0})})),requestAnimationFrame((()=>{const e=this.children?Array.from(this.children):[];if(this._component=new t(Object.assign(Object.assign({},i),{children:e})).mount(this._shadowRoot,n),this._component._props=i,this._component.dispatchEvent=this.dispatchEvent.bind(this),this._component.mounted){const t=this._component.mounted(i,e,this._component.state);void 0!==t&&(this._component.state=t)}this.on=this._component.on.bind(this._component),this.run=this._component.run.bind(this._component),!1!==n.render&&this._component.run(".")}))}}disconnectedCallback(){var t,e,n,s;null===(e=null===(t=this._component)\|\|void 0===t?void 0:t.unload)\|\|void 0===e\|\|e.call(t),null===(s=null===(n=this._component)\|\|void 0===n?void 0:n.unmount)\|\|void 0===s\|\|s.call(n),this._component=null}attributeChangedCallback(t,n,s){if(this._component){const o=this._attrMap(t);this._component._props[o]=s,this._component.run("attributeChanged",o,n,s),s!==n&&!1!==e.render&&window.requestAnimationFrame((()=>{this._component.run(".")}))}}},r=(t,e,n)=>{"undefined"!=typeof customElements&&customElements.define(t,i(e,n))},a={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}};var c=n(334);const l=new Map;s.Z.find("get-components")\|\|s.Z.on("get-components",(t=>t.components=l));const h=t=>t;class u{renderState(t,e=null){if(!this.view)return;let n=e\|\|this.view(t);if(s.Z.debug&&s.Z.run("debug",{component:this,_:n?".":"-",state:t,vdom:n,el:this.element}),"object"!=typeof document)return;const o="string"==typeof this.element&&this.element?document.getElementById(this.element)\|\|document.querySelector(this.element):this.element;if(!o)return;const i="_c";this.unload?o._component===this&&o.getAttribute(i)===this.tracking_id\|\|(this.tracking_id=(new Date).valueOf().toString(),o.setAttribute(i,this.tracking_id),"undefined"!=typeof MutationObserver&&(this.observer\|\|(this.observer=new MutationObserver((t=>{t[0].oldValue!==this.tracking_id&&document.body.contains(o)\|\|(this.unload(this.state),this.observer.disconnect(),this.observer=null)}))),this.observer.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeOldValue:!0,attributeFilter:[i]}))):o.removeAttribute&&o.removeAttribute(i),o._component=this,!e&&n&&(n=(0,c.Z)(n,this),this.options.transition&&document&&document.startViewTransition?document.startViewTransition((()=>s.Z.render(o,n,this))):s.Z.render(o,n,this)),this.rendered&&this.rendered(this.state)}setState(t,e={render:!0,history:!1}){if(t instanceof Promise)Promise.resolve(t).then((n=>{this.setState(n,e),this._state=t}));else{if(this._state=t,null==t)return;this.state=t,!1!==e.render&&(e.transition&&document&&document.startViewTransition?document.startViewTransition((()=>this.renderState(t))):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)}}constructor(t,e,n,o){this.state=t,this.view=e,this.update=n,this.options=o,this._app=new s.g,this._actions=[],this._global_events=[],this._history=[],this._history_idx=-1,this._history_prev=()=>{this._history_idx--,this._history_idx>=0?this.setState(this._history[this._history_idx],{render:!0,history:!1}):this._history_idx=0},this._history_next=()=>{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.start=(t=null,e)=>{if(this.mount(t,Object.assign({render:!0},e)),this.mounted&&"function"==typeof this.mounted){const t=this.mounted({},[],this.state);void 0!==t&&this.setState(t)}return this}}mount(t=null,e){var n,o;return console.assert(!this.element,"Component already mounted."),this.options=e=Object.assign(Object.assign({},this.options),e),this.element=t,this.global_event=e.global_event,this.enable_history=!!e.history,this.enable_history&&(this.on(e.history.prev\|\|"history-prev",this._history_prev),this.on(e.history.next\|\|"history-next",this._history_next)),e.route&&(this.update=this.update\|\|{},this.update[e.route]\|\|(this.update[e.route]=h)),this.add_actions(),this.state=null!==(o=null!==(n=this.state)&&void 0!==n?n:this.model)&&void 0!==o?o:{},"function"==typeof this.state&&(this.state=this.state()),this.setState(this.state,{render:!!e.render,history:!0}),s.Z.debug&&(l.get(t)?l.get(t).push(this):l.set(t,[this])),this}is_global_event(t){return t&&(this.global_event\|\|this._global_events.indexOf(t)>=0\|\|t.startsWith("#")\|\|t.startsWith("/")\|\|t.startsWith("@"))}add_action(t,e,n={}){e&&"function"==typeof e&&(n.global&&this._global_events.push(t),this.on(t,((...o)=>{s.Z.debug&&s.Z.run("debug",{component:this,_:">",event:t,p:o,current_state:this.state,options:n});const i=e(this.state,...o);s.Z.debug&&s.Z.run("debug",{component:this,_:"<",event:t,p:o,newState:i,state:this.state,options:n}),this.setState(i,n)}),n))}add_actions(){const t=this.update\|\|{};a.getMetadataKeys(this).forEach((e=>{if(e.startsWith("apprun-update:")){const n=a.getMetadata(e,this);t[n.name]=[this[n.key].bind(this),n.options]}}));const e={};Array.isArray(t)?t.forEach((t=>{const[n,s,o]=t;n.toString().split(",").forEach((t=>e[t.trim()]=[s,o]))})):Object.keys(t).forEach((n=>{const s=t[n];("function"==typeof s\|\|Array.isArray(s))&&n.split(",").forEach((t=>e[t.trim()]=s))})),e["."]\|\|(e["."]=h),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){if(this.state instanceof Promise)return Promise.resolve(this.state).then((n=>{this.state=n,this.run(t,...e)}));{const n=t.toString();return this.is_global_event(n)?s.Z.run(n,...e):this._app.run(n,...e)}}on(t,e,n){const o=t.toString();return this._actions.push({name:o,fn:e}),this.is_global_event(o)?s.Z.on(o,e,n):this._app.on(o,e,n)}runAsync(t,...e){const n=t.toString();return this.is_global_event(n)?s.Z.runAsync(n,...e):this._app.runAsync(n,...e)}query(t,...e){return this.runAsync(t,...e)}unmount(){var t;null===(t=this.observer)\|\|void 0===t\|\|t.disconnect(),this._actions.forEach((t=>{const{name:e,fn:n}=t;this.is_global_event(e)?s.Z.off(e,n):this._app.off(e,n)}))}}u.__isAppRunComponent=!0;const p="//",d="///",f=t=>{if(t\|\|(t="#"),t.startsWith("#")){const[e,...n]=t.split("/");s.Z.run(e,...n)\|\|s.Z.run(d,e,...n),s.Z.run(p,e,...n)}else if(t.startsWith("/")){const[e,n,...o]=t.split("/");s.Z.run("/"+n,...o)\|\|s.Z.run(d,"/"+n,...o),s.Z.run(p,"/"+n,...o)}else s.Z.run(t)\|\|s.Z.run(d,t),s.Z.run(p,t)};s.Z.h=s.Z.createElement=o.az,s.Z.render=o.yj,s.Z.Fragment=o.HY,s.Z.webComponent=r,s.Z.safeHTML=o.eV,s.Z.start=(t,e,n,s,o)=>{const i=Object.assign({render:!0,global_event:!0},o),r=new u(e,n,s);return o&&o.rendered&&(r.rendered=o.rendered),o&&o.mounted&&(r.mounted=o.mounted),r.start(t,i),r};const m=t=>{};s.Z.on("$",m),s.Z.on("debug",(t=>m)),s.Z.on(p,m),s.Z.on("#",m),s.Z.route=f,s.Z.on("route",(t=>s.Z.route&&s.Z.route(t))),"object"==typeof document&&document.addEventListener("DOMContentLoaded",(()=>{s.Z.route===f&&(window.onpopstate=()=>f(location.hash),document.body.hasAttribute("apprun-no-init")\|\|s.Z["no-init-route"]\|\|f(location.hash))})),"object"==typeof window&&(window.Component=u,window._React=window.React,window.React=s.Z,window.on=function(t,e={}){return function(n,s){const o=t?t.toString():s;a.defineMetadata(`apprun-update:${o}`,{name:o,key:s,options:e},n)}},window.customElement=function(t,e){return function(n){return r(t,n,e),n}},window.safeHTML=o.eV),s.Z.use_render=(t,e=0)=>s.Z.render=0===e?(e,n)=>t(n,e):(e,n)=>t(e,n),s.Z.use_react=t=>{s.Z.render=(e,n)=>{e&&n&&(e._root\|\|(e._root=t(e)),e._root.render(n))}}},334:(t,e,n)=>{n.d(e,{Z:()=>a});var s=n(752);const o=(t,e)=>(e?t.state[e]:t.state)\|\|"",i=(t,e,n)=>{if(e){const s=t.state\|\|{};s[e]=n,t.setState(s)}else t.setState(n)},r=(t,e)=>{if(Array.isArray(t))return t.map((t=>r(t,e)));{let{type:n,tag:a,props:c,children:l}=t;return a=a\|\|n,l=l\|\|(null==c?void 0:c.children),c&&Object.keys(c).forEach((t=>{t.startsWith("$")&&(((t,e,n,r)=>{if(t.startsWith("$on")){const n=e[t];if(t=t.substring(1),"boolean"==typeof n)e[t]=e=>r.run?r.run(t,e):s.Z.run(t,e);else if("string"==typeof n)e[t]=t=>r.run?r.run(n,t):s.Z.run(n,t);else if("function"==typeof n)e[t]=t=>r.setState(n(r.state,t));else if(Array.isArray(n)){const[o,...i]=n;"string"==typeof o?e[t]=t=>r.run?r.run(o,...i,t):s.Z.run(o,...i,t):"function"==typeof o&&(e[t]=t=>r.setState(o(r.state,...i,t)))}}else if("$bind"===t){const s=e.type\|\|"text",a="string"==typeof e[t]?e[t]:e.name;if("input"===n)switch(s){case"checkbox":e.checked=o(r,a),e.onclick=t=>i(r,a\|\|t.target.name,t.target.checked);break;case"radio":e.checked=o(r,a)===e.value,e.onclick=t=>i(r,a\|\|t.target.name,t.target.value);break;case"number":case"range":e.value=o(r,a),e.oninput=t=>i(r,a\|\|t.target.name,Number(t.target.value));break;default:e.value=o(r,a),e.oninput=t=>i(r,a\|\|t.target.name,t.target.value)}else"select"===n?(e.value=o(r,a),e.onchange=t=>{t.target.multiple\|\|i(r,a\|\|t.target.name,t.target.value)}):"option"===n?(e.selected=o(r,a),e.onclick=t=>i(r,a\|\|t.target.name,t.target.selected)):"textarea"===n&&(e.innerHTML=o(r,a),e.oninput=t=>i(r,a\|\|t.target.name,t.target.value))}else s.Z.run("$",{key:t,tag:n,props:e,component:r})})(t,c,a,e),delete c[t])})),l&&r(l,e),t}},a=r},559:(t,e,n)=>{n.d(e,{HY:()=>o,az:()=>a,eV:()=>p,yj:()=>l});var s=n(334);function o(t,...e){return r(e)}const i="_props";function r(t){const e=[],n=t=>{null!=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}function a(t,e,...n){const s=r(n);if("string"==typeof t)return{tag:t,props:e,children:s};if(Array.isArray(t))return t;if(void 0===t&&n)return s;if(Object.getPrototypeOf(t).__isAppRunComponent)return{tag:t,props:e,children:s};if("function"==typeof t)return t(e,s);throw new Error(`Unknown tag in vdom ${t}`)}const c=new WeakMap,l=(t,e,n={})=>{null!=e&&!1!==e&&function(t,e,n={}){if(null==e\|\|!1===e)return;if(e=y(e,n),!t)return;const s="SVG"===t.nodeName;Array.isArray(e)?u(t,e,s):u(t,[e],s)}("string"==typeof t&&t?document.getElementById(t)\|\|document.querySelector(t):t,e=(0,s.Z)(e,n),n)};function h(t,e,n){3!==e._op&&(n=n\|\|"svg"===e.tag,function(t,e){const n=t.nodeName,s=`${e.tag\|\|""}`;return n.toUpperCase()===s.toUpperCase()}(t,e)?(!(2&e._op)&&u(t,e.children,n),!(1&e._op)&&m(t,e.props,n)):t.parentNode.replaceChild(f(e,n),t))}function u(t,e,n){var s,o;const i=(null===(s=t.childNodes)\|\|void 0===s?void 0:s.length)\|\|0,r=(null==e?void 0:e.length)\|\|0,a=Math.min(i,r);for(let s=0;s<a;s++){const o=e[s];if(3===o._op)continue;const i=t.childNodes[s];if("string"==typeof o)i.textContent!==o&&(3===i.nodeType?i.nodeValue=o:t.replaceChild(d(o),i));else if(o instanceof HTMLElement\|\|o instanceof SVGElement)t.insertBefore(o,i);else{const e=o.props&&o.props.key;if(e)if(i.key===e)h(t.childNodes[s],o,n);else{const r=c[e];if(r){const e=r.nextSibling;t.insertBefore(r,i),e?t.insertBefore(i,e):t.appendChild(i),h(t.childNodes[s],o,n)}else t.replaceChild(f(o,n),i)}else h(t.childNodes[s],o,n)}}let l=(null===(o=t.childNodes)\|\|void 0===o?void 0:o.length)\|\|0;for(;l>a;)t.removeChild(t.lastChild),l--;if(r>a){const s=document.createDocumentFragment();for(let t=a;t<e.length;t++)s.appendChild(f(e[t],n));t.appendChild(s)}}const p=t=>{const e=document.createElement("section");return e.insertAdjacentHTML("afterbegin",t),Array.from(e.children)};function d(t){if(0===(null==t?void 0:t.indexOf("_html:"))){const e=document.createElement("div");return e.insertAdjacentHTML("afterbegin",t.substring(6)),e}return document.createTextNode(null!=t?t:"")}function f(t,e){if(t instanceof HTMLElement\|\|t instanceof SVGElement)return t;if("string"==typeof t)return d(t);if(!t.tag\|\|"function"==typeof t.tag)return d(JSON.stringify(t));const n=(e=e\|\|"svg"===t.tag)?document.createElementNS("http://www.w3.org/2000/svg",t.tag):document.createElement(t.tag);return m(n,t.props,e),t.children&&t.children.forEach((t=>n.appendChild(f(t,e)))),n}function m(t,e,n){const s=t[i]\|\|{};e=function(t,e){e.class=e.class\|\|e.className,delete e.className;const n={};return t&&Object.keys(t).forEach((t=>n[t]=null)),e&&Object.keys(e).forEach((t=>n[t]=e[t])),n}(s,e\|\|{}),t[i]=e;for(const s in e){const o=e[s];if(s.startsWith("data-")){const e=s.substring(5).replace(/-(\w)/g,(t=>t[1].toUpperCase()));t.dataset[e]!==o&&(o\|\|""===o?t.dataset[e]=o:delete t.dataset[e])}else if("style"===s)if(t.style.cssText&&(t.style.cssText=""),"string"==typeof o)t.style.cssText=o;else for(const e in o)t.style[e]!==o[e]&&(t.style[e]=o[e]);else if(s.startsWith("xlink")){const e=s.replace("xlink","").toLowerCase();null==o\|\|!1===o?t.removeAttributeNS("http://www.w3.org/1999/xlink",e):t.setAttributeNS("http://www.w3.org/1999/xlink",e,o)}else s.startsWith("on")?o&&"function"!=typeof o?"string"==typeof o&&(o?t.setAttribute(s,o):t.removeAttribute(s)):t[s]=o:/^id$\|^class$\|^list$\|^readonly$\|^contenteditable$\|^role\|-\|^for$/g.test(s)\|\|n?t.getAttribute(s)!==o&&(o?t.setAttribute(s,o):t.removeAttribute(s)):t[s]!==o&&(t[s]=o);"key"===s&&o&&(c[o]=t)}e&&"function"==typeof e.ref&&window.requestAnimationFrame((()=>e.ref(t)))}function y(t,e,n=0){var s;if("string"==typeof t)return t;if(Array.isArray(t))return t.map((t=>y(t,e,n++)));let o=t;if(t&&"function"==typeof t.tag&&Object.getPrototypeOf(t.tag).__isAppRunComponent&&(o=function(t,e,n){const{tag:s,props:o,children:i}=t;let r=`_${n}`,a=o&&o.id;a?r=a:a=`_${n}${Date.now()}`;let c="section";o&&o.as&&(c=o.as,delete o.as),e.__componentCache\|\|(e.__componentCache={});let l=e.__componentCache[r];if(l&&l instanceof s&&l.element)l.renderState(l.state);else{const t=document.createElement(c);l=e.__componentCache[r]=new s(Object.assign(Object.assign({},o),{children:i})).mount(t,{render:!0})}if(l.mounted){const t=l.mounted(o,i,l.state);void 0!==t&&l.setState(t)}return m(l.element,o,!1),l.element}(t,e,n)),o&&Array.isArray(o.children)){const t=null===(s=o.props)\|\|void 0===s?void 0:s._component;if(t){let e=0;o.children=o.children.map((n=>y(n,t,e++)))}else o.children=o.children.map((t=>y(t,e,n++)))}return o}}},e={};function n(s){var o=e[s];if(void 0!==o)return o.exports;var i=e[s]={exports:{}};return t[s](i,i.exports,n),i.exports}n.d=(t,e)=>{for(var s in e)n.o(e,s)&&!n.o(t,s)&&Object.defineProperty(t,s,{enumerable:!0,get:e[s]})},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this\|\|new Function("return this")()}catch(t){if("object"==typeof window)return window}}(),n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),n.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var s={};return(()=>{n.r(s);var t=n(37);class e extends t.Component{constructor(){super(...arguments),this.view=({code:e,hide_code:n})=>t.app.h(t.app.Fragment,null,t.app.h("style",null,"\n.CodeMirror, .apprun-play iframe {\n height: 100%;\n border: dotted gray 1px;\n}\n\n.apprun-play {\n height: 100%;\n display: flex;\n}\n\n.apprun-play .col {\n margin: 2px;\n}\n\n.apprun-play .editor, .apprun-play .preview {\n width: 100%;\n height: 100%;\n}\n"),n?t.app.h("div",{class:"apprun-play"},t.app.h("iframe",{class:"preview"})):t.app.h("div",{class:"apprun-play"},t.app.h("div",{class:"col",style:"width:75%"},t.app.h("textarea",{class:"editor"},e)),t.app.h("div",{class:"col",style:"flex:1"},t.app.h("iframe",{class:"preview"})))),this.mounted=t=>{const e=this.element,n=t["code-id"],s=t["hide-code"],o=t["code-width"];let i;i=n?document.getElementById(n):e.previousElementSibling\|\|e.parentElement.previousElementSibling;const r=(null==i?void 0:i.innerText)\|\|(null==i?void 0:i.value)\|\|e.textContent;return i&&(i.style.display="none"),{code:r,hide_code:s,code_width:o}},this.rendered=({code:t,hide_code:e,code_width:n})=>{const s=this.element,o=s.querySelector(".apprun-play .editor");let i=s.querySelector(".apprun-play .preview");if(!i\|\|!o)return;const r=t=>{var e,n;const s=i.cloneNode();null===(e=i.parentNode)\|\|void 0===e\|\|e.replaceChild(s,i),i=s;const o=null===(n=i.contentWindow)\|\|void 0===n?void 0:n.document;o&&(o.open(),t.indexOf("<html")>=0?o.write(t):o.write((t=>`<!DOCTYPE html>\n<html lang="en">\n<head>\n <meta charset="UTF-8">\n <meta name="viewport" content="width=device-width, initial-scale=1.0">\n <meta http-equiv="X-UA-Compatible" content="ie=edge">\n <script src="https://cdnjs.cloudflare.com/ajax/libs/custom-elements/1.1.2/custom-elements.min.js"><\/script>\n <title>AppRun Playground</title>\n <style>\n body {\n font-family: "Benton Sans", "Helvetica Neue", helvetica, arial, sans-serif;\n margin: 2em;\n }\n </style>\n <script src="https://unpkg.com/@babel/standalone/babel.min.js"><\/script>\n <script src="https://unpkg.com/apprun/dist/apprun-html.js"><\/script>\n</head>\n<body>\n<script>\n Babel.registerPlugin("d", [Babel.availablePlugins["proposal-decorators"], {legacy: true}]);\n Babel.registerPlugin("c", [Babel.availablePlugins["proposal-class-properties"], {loose: true}]);\n Babel.registerPlugin("b", [Babel.availablePlugins["proposal-private-methods"], {loose: true}]);\n<\/script>\n<script type="text/babel" data-plugins="d, c, b">\n ${t}\n<\/script>\n</body>\n</html>`)(t)),o.close())};if(t&&r(t),!e&&o)if(n&&(o.parentElement.style.width=n),"undefined"==typeof CodeMirror)o.onkeyup=()=>r(o.value);else{const e=CodeMirror.fromTextArea(o,{lineNumbers:!0,mode:"jsx"});e.setValue(t),e.on("change",(t=>r(t.getValue())))}}}}t.app.webComponent("apprun-code",e)})(),s})()));
2	+ //# sourceMappingURL=apprun-code.js.map

package/dist/apprun-code.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"dist/apprun-code.js","mappings":"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","sources":["webpack://apprun/webpack/universalModuleDefinition","webpack://apprun/./src/app.ts","webpack://apprun/./src/web-component.ts","webpack://apprun/./src/decorator.ts","webpack://apprun/./src/component.ts","webpack://apprun/./src/router.ts","webpack://apprun/./src/apprun.ts","webpack://apprun/./src/directive.ts","webpack://apprun/./src/vdom-my.ts","webpack://apprun/webpack/bootstrap","webpack://apprun/webpack/runtime/define property getters","webpack://apprun/webpack/runtime/global","webpack://apprun/webpack/runtime/hasOwnProperty shorthand","webpack://apprun/webpack/runtime/make namespace object","webpack://apprun/./src/apprun-code.tsx"],"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, () => {\nreturn ","import { EventOptions} from './types'\nexport class App {\n\n private _events: Object;\n\n public start;\n public h;\n public createElement;\n public render;\n public Fragment;\n public webComponent;\n public safeHTML;\n public use_render;\n public use_react;\n\n constructor() {\n this._events = {};\n }\n\n on(name: string, fn: (...args) => void, options: EventOptions = {}): void {\n this._events[name] = this._events[name] || [];\n this._events[name].push({ fn, options });\n }\n\n off(name: string, fn: (...args) => void): void {\n const subscribers = this._events[name] || [];\n\n this._events[name] = subscribers.filter((sub) => sub.fn !== fn);\n }\n\n find(name: string): any {\n return this._events[name];\n }\n\n run(name: string, ...args): number {\n const subscribers = this.getSubscribers(name, this._events);\n console.assert(subscribers && subscribers.length > 0, 'No subscriber for event: ' + name);\n subscribers.forEach((sub) => {\n const { fn, options } = sub;\n if (options.delay) {\n this.delay(name, fn, args, options);\n } else {\n Object.keys(options).length > 0 ? fn.apply(this, [...args, options]) : fn.apply(this, args);\n }\n return !sub.options.once;\n });\n\n return subscribers.length;\n }\n\n once(name: string, fn, options: EventOptions = {}): void {\n this.on(name, fn, { ...options, once: true });\n }\n\n private delay(name, fn, args, options): void {\n if (options._t) clearTimeout(options._t);\n options._t = setTimeout(() => {\n clearTimeout(options._t);\n Object.keys(options).length > 0 ? fn.apply(this, [...args, options]) : fn.apply(this, args);\n }, options.delay);\n }\n\n runAsync(name: string, ...args): Promise<any[]> {\n const subscribers = this.getSubscribers(name, this._events);\n console.assert(subscribers && subscribers.length > 0, 'No subscriber for event: ' + name);\n const promises = subscribers.map(sub => {\n const { fn, options } = sub;\n return Object.keys(options).length > 0 ? fn.apply(this, [...args, options]) : fn.apply(this, args);\n });\n return Promise.all(promises);\n }\n\n query(name: string, ...args): Promise<any[]> {\n return this.query(name, ...args);\n }\n\n private getSubscribers(name: string, events) {\n const subscribers = events[name] || [];\n\n // Update the list of subscribers by pulling out those which will run once.\n // We must do this update prior to running any of the events in case they\n // cause additional events to be turned off or on.\n events[name] = subscribers.filter((sub) => {\n return !sub.options.once;\n });\n Object.keys(events).filter(evt => evt.endsWith('*') && name.startsWith(evt.replace('*', '')))\n .sort((a, b) => b.length - a.length)\n .forEach(evt => subscribers.push(...events[evt].map(sub => ({\n ...sub,\n options: { ...sub.options, event: name }\n }))));\n return subscribers;\n }\n}\n\nconst AppRunVersions = 'AppRun-3';\nlet app: App;\nconst root = (typeof self === 'object' && self.self === self && self) ||\n (typeof global === 'object' && global.global === global && global)\nif (root['app'] && root['_AppRunVersions']) {\n app = root['app'];\n} else {\n app = new App();\n root['app'] = app;\n root['_AppRunVersions'] = AppRunVersions;\n}\nexport default app;\n","declare var customElements;\n\nexport type CustomElementOptions = {\n render?: boolean;\n shadow?: boolean;\n history?: boolean;\n global_event?: boolean;\n observedAttributes?: string[];\n};\n\nexport const customElement = (componentClass, options: CustomElementOptions = {}) => class CustomElement extends HTMLElement {\n private _shadowRoot;\n private _component;\n private _attrMap: (arg0: string) => string;\n public on;\n public run;\n constructor() {\n super();\n }\n get component() { return this._component; }\n get state() { return this._component.state; }\n\n static get observedAttributes() {\n // attributes need to be set to lowercase in order to get observed\n return (options.observedAttributes || []).map(attr => attr.toLowerCase());\n }\n\n connectedCallback() {\n if (this.isConnected && !this._component) {\n const opts = options || {};\n this._shadowRoot = opts.shadow ? this.attachShadow({ mode: 'open' }) : this;\n const observedAttributes = (opts.observedAttributes || [])\n\n const attrMap = observedAttributes.reduce((map, name) => {\n const lc = name.toLowerCase()\n if (lc !== name) {\n map[lc] = name\n }\n return map\n }, {})\n this._attrMap = (name: string) : string => attrMap[name] || name\n\n const props = {};\n Array.from(this.attributes).forEach(item => props[this._attrMap(item.name)] = item.value);\n\n // add getters/ setters to allow observation on observedAttributes\n observedAttributes.forEach(name => {\n if (this[name] !== undefined) props[name] = this[name];\n Object.defineProperty(this, name, {\n get(): any {\n return props[name];\n },\n set(this: CustomElement, value: unknown) {\n // trigger change event\n this.attributeChangedCallback(name, props[name], value)\n },\n configurable: true,\n enumerable: true\n });\n })\n\n requestAnimationFrame(() => {\n const children = this.children ? Array.from(this.children) : [];\n // children.forEach(el => el.parentElement.removeChild(el));\n this._component = new componentClass({ ...props, children }).mount(this._shadowRoot, opts);\n // attach props to component\n this._component._props = props;\n // expose dispatchEvent\n this._component.dispatchEvent = this.dispatchEvent.bind(this)\n if (this._component.mounted) {\n const new_state = this._component.mounted(props, children, this._component.state);\n if (typeof new_state !== 'undefined') this._component.state = new_state;\n }\n this.on = this._component.on.bind(this._component);\n this.run = this._component.run.bind(this._component);\n if (!(opts.render === false)) this._component.run('.');\n });\n }\n }\n\n disconnectedCallback() {\n this._component?.unload?.();\n this._component?.unmount?.();\n this._component = null;\n }\n\n attributeChangedCallback(name: string, oldValue: unknown, value: unknown) {\n if (this._component) {\n // camelCase attributes arrive only in lowercase\n const mappedName = this._attrMap(name);\n // store the new property/ attribute\n this._component._props[mappedName] = value;\n this._component.run('attributeChanged', mappedName, oldValue, value);\n\n if (value !== oldValue && !(options.render === false)) {\n window.requestAnimationFrame(() => {\n // re-render state with new combined props on next animation frame\n this._component.run('.')\n })\n }\n }\n }\n}\n\nexport default (name: string, componentClass, options?: CustomElementOptions) => {\n (typeof customElements !== 'undefined') && customElements.define(name, customElement(componentClass, options))\n}\n","import webComponent, { CustomElementOptions } from './web-component';\n\n// tslint:disable:no-invalid-this\nexport 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<E=string>(events?: E, options: any = {}) {\n return (target: any, key: string, descriptor: any) => {\n const name = events ? events.toString() : key;\n Reflect.defineMetadata(`apprun-update:${name}`,\n { name, key, options }, target);\n return descriptor;\n }\n}\n\nexport function on<E = string>(events?: E, options: any = {}) {\n return function (target: any, key: string) {\n const name = events ? events.toString() : key;\n Reflect.defineMetadata(`apprun-update:${name}`,\n { name, key, options }, target)\n }\n}\n\nexport function customElement(name: string, options?: CustomElementOptions) {\n return function _customElement<T extends { new(...args: any[]): {} }>(constructor: T) {\n webComponent(name, constructor, options);\n return constructor;\n }\n}\n\n","\r\nimport app, { App } from './app';\r\nimport { Reflect } from './decorator'\r\nimport { View, Update, ActionDef, ActionOptions, MountOptions, EventOptions } from './types';\r\nimport directive from './directive';\r\n\r\nconst componentCache = new Map();\r\nif (!app.find('get-components')) app.on('get-components', o => o.components = componentCache);\r\n\r\nconst REFRESH = state => state;\r\n\r\nexport class Component<T = any, E = any> {\r\n static __isAppRunComponent = true;\r\n private _app = new App();\r\n private _actions = [];\r\n private _global_events = [];\r\n private _state;\r\n private _history = [];\r\n private _history_idx = -1;\r\n private enable_history;\r\n private global_event;\r\n public element;\r\n public rendered;\r\n public mounted;\r\n public unload;\r\n private tracking_id;\r\n private observer;\r\n\r\n\r\n private renderState(state: T, vdom = null) {\r\n if (!this.view) return;\r\n let html = vdom || this.view(state);\r\n app['debug'] && app.run('debug', {\r\n component: this,\r\n _: html ? '.' : '-',\r\n state,\r\n vdom: html,\r\n el: this.element\r\n });\r\n\r\n if (typeof document !== 'object') return;\r\n\r\n const el = (typeof this.element === 'string' && this.element) ?\r\n document.getElementById(this.element) || document.querySelector(this.element) : this.element;\r\n\r\n if (!el) return;\r\n const tracking_attr = '_c';\r\n if (!this.unload) {\r\n el.removeAttribute && el.removeAttribute(tracking_attr);\r\n } else if (el['_component'] !== this || el.getAttribute(tracking_attr) !== this.tracking_id) {\r\n this.tracking_id = new Date().valueOf().toString();\r\n el.setAttribute(tracking_attr, this.tracking_id);\r\n if (typeof MutationObserver !== 'undefined') {\r\n if (!this.observer) this.observer = new MutationObserver(changes => {\r\n if (changes[0].oldValue === this.tracking_id || !document.body.contains(el)) {\r\n this.unload(this.state);\r\n this.observer.disconnect();\r\n this.observer = null;\r\n }\r\n });\r\n this.observer.observe(document.body, {\r\n childList: true, subtree: true,\r\n attributes: true, attributeOldValue: true, attributeFilter: [tracking_attr]\r\n });\r\n }\r\n }\r\n el['_component'] = this;\r\n\r\n if (!vdom && html) {\r\n html = directive(html, this);\r\n if (this.options.transition && document && document['startViewTransition']) {\r\n document['startViewTransition'](() => app.render(el, html, this));\r\n } else {\r\n app.render(el, html, this);\r\n }\r\n }\r\n this.rendered && this.rendered(this.state);\r\n }\r\n\r\n public setState(state: T, options: ActionOptions & EventOptions\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 Promise.resolve(state).then(v => {\r\n this.setState(v, options);\r\n this._state = state;\r\n });\r\n } else {\r\n this._state = state;\r\n if (state == null) return;\r\n this.state = state;\r\n if (options.render !== false) {\r\n // before render state\r\n if (options.transition && document && document['startViewTransition']) {\r\n document['startViewTransition'](() => this.renderState(state));\r\n } else {\r\n this.renderState(state);\r\n }\r\n }\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 private _history_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 private _history_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\r\n constructor(\r\n protected state?: T,\r\n protected view?: View<T>,\r\n protected update?: Update<T, E>,\r\n protected options?) {\r\n }\r\n\r\n start = (element = null, options?: MountOptions): Component<T, E> => {\r\n this.mount(element, { render: true, ...options });\r\n if (this.mounted && typeof this.mounted === 'function') {\r\n const new_state = this.mounted({}, [], this.state);\r\n (typeof new_state !== 'undefined') && this.setState(new_state);\r\n }\r\n return this;\r\n }\r\n\r\n public mount(element = null, options?: MountOptions): Component<T, E> {\r\n console.assert(!this.element, 'Component already mounted.')\r\n this.options = options = { ...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 this.on(options.history.prev || 'history-prev', this._history_prev);\r\n this.on(options.history.next || 'history-next', this._history_next);\r\n }\r\n\r\n if (options.route) {\r\n this.update = this.update || {};\r\n if (!this.update[options.route]) this.update[options.route] = REFRESH;\r\n }\r\n\r\n this.add_actions();\r\n this.state = this.state ?? this['model'] ?? {};\r\n if (typeof this.state === 'function') this.state = this.state();\r\n\r\n this.setState(this.state, { render: !!options.render, history: true });\r\n\r\n if (app['debug']) {\r\n if (componentCache.get(element)) { componentCache.get(element).push(this) }\r\n else { componentCache.set(element, [this]) }\r\n }\r\n return this;\r\n }\r\n\r\n is_global_event(name: string): boolean {\r\n return name && (\r\n this.global_event ||\r\n this._global_events.indexOf(name) >= 0 ||\r\n name.startsWith('#') || name.startsWith('/') || name.startsWith('@'));\r\n }\r\n\r\n add_action(name: string, action, options: ActionOptions = {}) {\r\n if (!action || typeof action !== 'function') return;\r\n if (options.global) this._global_events.push(name);\r\n this.on(name as any, (...p) => {\r\n\r\n app['debug'] && app.run('debug', {\r\n component: this,\r\n _: '>',\r\n event: name, p,\r\n current_state: this.state,\r\n options\r\n });\r\n\r\n const newState = action(this.state, ...p);\r\n\r\n app['debug'] && app.run('debug', {\r\n component: this,\r\n _: '<',\r\n event: name, p,\r\n newState,\r\n state: this.state,\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\r\n const all = {};\r\n if (Array.isArray(actions)) {\r\n actions.forEach(act => {\r\n const [name, action, opts] = act as ActionDef<T, E>;\r\n const names = name.toString();\r\n names.split(',').forEach(n => all[n.trim()] = [action, opts])\r\n })\r\n } else {\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\r\n if (!all['.']) all['.'] = REFRESH;\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(event: E, ...args) {\r\n if (this.state instanceof Promise) {\r\n return Promise.resolve(this.state).then(state => {\r\n this.state = state;\r\n this.run(event, ...args)\r\n });\r\n } else {\r\n const name = event.toString();\r\n return this.is_global_event(name) ?\r\n app.run(name, ...args) :\r\n this._app.run(name, ...args);\r\n }\r\n }\r\n\r\n public on(event: E, fn: (...args) => void, options?: any) {\r\n const name = event.toString();\r\n this._actions.push({ name, fn });\r\n return 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 runAsync(event: E, ...args) {\r\n const name = event.toString();\r\n return this.is_global_event(name) ?\r\n app.runAsync(name, ...args) :\r\n this._app.runAsync(name, ...args);\r\n }\r\n\r\n // obsolete\r\n public query(event: E, ...args) {\r\n return this.runAsync(event, ...args);\r\n }\r\n\r\n public unmount() {\r\n this.observer?.disconnect();\r\n this._actions.forEach(action => {\r\n const { name, fn } = action;\r\n 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\nexport type Route = (url: string, ...args: any[]) => any;\n\nexport const ROUTER_EVENT: string = '//';\nexport const ROUTER_404_EVENT: string = '///';\n\nexport const route: Route = (url: string) => {\n if (!url) url = '#';\n if (url.startsWith('#')) {\n const [name, ...rest] = url.split('/');\n app.run(name, ...rest) || app.run(ROUTER_404_EVENT, 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) || app.run(ROUTER_404_EVENT, '/' + name, ...rest);\n app.run(ROUTER_EVENT, '/' + name, ...rest);\n } else {\n app.run(url) || app.run(ROUTER_404_EVENT, url);\n app.run(ROUTER_EVENT, url);\n }\n}\nexport default route;","import app, { App } from './app';\nimport { createElement, render, Fragment, safeHTML } from './vdom';\nimport { Component } from './component';\nimport { VNode, View, Action, Update, EventOptions, ActionOptions, MountOptions, AppStartOptions } from './types';\nimport { on, update, customElement } from './decorator';\nimport webComponent, { CustomElementOptions } from './web-component';\nimport { Route, route, ROUTER_EVENT, ROUTER_404_EVENT } from './router';\n\nexport interface IApp {\n start<T, E = any>(element?: Element | string, model?: T, view?: View<T>, update?: Update<T, E>,\n options?: AppStartOptions<T>): Component<T, E>;\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[]): number;\n find(name: string): any | any[];\n h(tag: string | Function, props, ...children): VNode | VNode[];\n createElement(tag: string | Function, props, ...children): VNode | VNode[];\n render(element: Element | string, node: VNode): void;\n Fragment(props, ...children): any[];\n route?: Route;\n webComponent(name: string, componentClass, options?: CustomElementOptions): void;\n safeHTML(html: string): any[];\n use_render(render, mode?: 0 | 1);\n use_react(createRoot);\n}\n\napp.h = app.createElement = createElement;\napp.render = render;\napp.Fragment = Fragment;\napp.webComponent = webComponent;\napp.safeHTML = safeHTML;\n\napp.start = <T, E = any>(element?: Element | string, model?: T, view?: View<T>, update?: Update<T, E>,\n options?: AppStartOptions<T>): Component<T, E> => {\n const opts = { render: true, global_event: true, ...options };\n const component = new Component<T, E>(model, view, update);\n if (options && options.rendered) component.rendered = options.rendered;\n if (options && options.mounted) component.mounted = options.mounted;\n component.start(element, opts);\n return component;\n};\n\nconst NOOP = _ => {/* Intentionally empty */ }\napp.on('$', NOOP);\napp.on('debug', _ => NOOP);\napp.on(ROUTER_EVENT, NOOP);\napp.on('#', NOOP);\napp['route'] = route;\napp.on('route', url => app['route'] && app['route'](url));\n\nif (typeof document === 'object') {\n document.addEventListener(\"DOMContentLoaded\", () => {\n if (app['route'] === route) {\n window.onpopstate = () => route(location.hash);\n document.body.hasAttribute('apprun-no-init') || app['no-init-route'] || route(location.hash);\n }\n });\n}\nexport type StatelessComponent<T = {}> = (args: T) => string | VNode | void;\nexport { App, app, Component, View, Action, Update, on, update, EventOptions, ActionOptions, MountOptions, Fragment, safeHTML }\nexport { update as event };\nexport { ROUTER_EVENT, ROUTER_404_EVENT };\nexport { customElement, CustomElementOptions, AppStartOptions };\nexport default app as IApp;\n\nif (typeof window === 'object') {\n window['Component'] = Component;\n window['_React'] = window['React'];\n window['React'] = app;\n window['on'] = on;\n window['customElement'] = customElement;\n window['safeHTML'] = safeHTML;\n}\n\napp.use_render = (render, mode = 0) =>\n mode === 0 ?\n app.render = (el, vdom) => render(vdom, el) : // react style\n app.render = (el, vdom) => render(el, vdom); // apprun style\n\napp.use_react = createRoot => {\n app.render = (el, vdom) => {\n if (!el || !vdom) return;\n if (!el._root) el._root = createRoot(el);\n el._root.render(vdom);\n }\n}\n","import app from './app';\n\nconst getStateValue = (component, name) => {\n return (name ? component['state'][name] : component['state']) || '';\n}\n\nconst setStateValue = (component, name, value) => {\n if (name) {\n const state = component['state'] || {};\n state[name] = value;\n component.setState(state);\n } else {\n component.setState(value);\n }\n}\n\nconst apply_directive = (key: string, props: {}, tag, component) => {\n if (key.startsWith('$on')) {\n const event = props[key];\n key = key.substring(1)\n if (typeof event === 'boolean') {\n props[key] = e => component.run ? component.run(key, e) : app.run(key, e);\n } else if (typeof event === 'string') {\n props[key] = e => component.run ? component.run(event, e) : app.run(event, e);\n } else if (typeof event === 'function') {\n props[key] = e => component.setState(event(component.state, e));\n } else if (Array.isArray(event)) {\n const [handler, ...p] = event;\n if (typeof handler === 'string') {\n props[key] = e => component.run ? component.run(handler, ...p, e) : app.run(handler, ...p, e);\n } else if (typeof handler === 'function') {\n props[key] = e => component.setState(handler(component.state, ...p, e));\n }\n }\n\n } else if (key === '$bind') {\n const type = props['type'] || 'text';\n const name = typeof props[key] === 'string' ? props[key] : props['name'];\n if (tag === 'input') {\n switch (type) {\n case 'checkbox':\n props['checked'] = getStateValue(component, name);\n props['onclick'] = e => setStateValue(component, name || e.target.name, e.target.checked);\n break;\n case 'radio':\n props['checked'] = getStateValue(component, name) === props['value'];\n props['onclick'] = e => setStateValue(component, name || e.target.name, e.target.value);\n break;\n case 'number':\n case 'range':\n props['value'] = getStateValue(component, name);\n props['oninput'] = e => setStateValue(component, name || e.target.name, Number(e.target.value));\n break;\n default:\n props['value'] = getStateValue(component, name);\n props['oninput'] = e => setStateValue(component, name || e.target.name, e.target.value);\n }\n } else if (tag === 'select') {\n props['value'] = getStateValue(component, name);\n props['onchange'] = e => {\n if (!e.target.multiple) { // multiple selection use $bind on option\n setStateValue(component, name || e.target.name, e.target.value);\n }\n }\n } else if (tag === 'option') {\n props['selected'] = getStateValue(component, name);\n props['onclick'] = e => setStateValue(component, name || e.target.name, e.target.selected);\n } else if (tag === 'textarea') {\n props['innerHTML'] = getStateValue(component, name);\n props['oninput'] = e => setStateValue(component, name || e.target.name, e.target.value);\n }\n } else {\n app.run('$', { key, tag, props, component });\n }\n}\n\nconst directive = (vdom, component) => {\n if (Array.isArray(vdom)) {\n return vdom.map(element => directive(element, component));\n } else {\n let { type, tag, props, children } = vdom;\n tag = tag || type;\n children = children || props?.children;\n if (props) Object.keys(props).forEach(key => {\n if (key.startsWith('$')) {\n apply_directive(key, props, tag, component);\n delete props[key];\n }\n });\n if (children) directive(children, component);\n return vdom;\n }\n}\n\nexport default directive;","import { VDOM, VNode } from './types';\nimport directive from './directive';\nexport type Element = any; //HTMLElement | SVGSVGElement | SVGElement;\n\nexport function Fragment(props, ...children): any[] {\n return collect(children);\n}\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 (Array.isArray(tag)) return tag; // JSX fragments - babel\n else if (tag === undefined && children) return ch; // JSX fragments - typescript\n else if (Object.getPrototypeOf(tag).__isAppRunComponent) return { tag, props, children: ch } // createComponent(tag, { ...props, children });\n else if (typeof tag === 'function') return tag(props, ch);\n else throw new Error(`Unknown tag in vdom ${tag}`);\n};\n\nconst keyCache = new WeakMap();\n\nexport const updateElement = (element: Element | string, nodes: VDOM, component = {}) => {\n // tslint:disable-next-line\n if (nodes == null || nodes === false) return;\n const el = (typeof element === 'string' && element) ?\n document.getElementById(element) || document.querySelector(element) : element;\n nodes = directive(nodes, component);\n render(el, nodes, component);\n}\n\nfunction render(element: Element, nodes: VDOM, parent = {}) {\n // tslint:disable-next-line\n if (nodes == null || nodes === false) return;\n nodes = createComponent(nodes, parent);\n if (!element) return;\n const isSvg = element.nodeName === \"SVG\";\n if (Array.isArray(nodes)) {\n updateChildren(element, nodes, isSvg);\n } else {\n updateChildren(element, [nodes], isSvg);\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.toUpperCase() === key2.toUpperCase();\n}\n\nfunction update(element: Element, node: VNode, isSvg: boolean) {\n if (node['_op'] === 3) return;\n // console.assert(!!element);\n isSvg = isSvg || node.tag === \"svg\";\n if (!same(element, node)) {\n element.parentNode.replaceChild(create(node, isSvg), element);\n return;\n }\n !(node['_op'] & 2) && updateChildren(element, node.children, isSvg);\n !(node['_op'] & 1) && updateProps(element, node.props, isSvg);\n}\n\nfunction updateChildren(element, children, isSvg: boolean) {\n const old_len = element.childNodes?.length || 0;\n const new_len = children?.length || 0;\n const len = Math.min(old_len, new_len);\n for (let i = 0; i < len; i++) {\n const child = children[i];\n if (child['_op'] === 3) continue;\n const el = element.childNodes[i];\n if (typeof child === 'string') {\n if (el.textContent !== child) {\n if (el.nodeType === 3) {\n el.nodeValue = child\n } else {\n element.replaceChild(createText(child), el);\n }\n }\n } else if (child instanceof HTMLElement || child instanceof SVGElement) {\n element.insertBefore(child, el);\n } else {\n const key = child.props && child.props['key'];\n if (key) {\n if (el.key === key) {\n update(element.childNodes[i], child, isSvg);\n } else {\n // console.log(el.key, key);\n const old = keyCache[key];\n if (old) {\n const temp = old.nextSibling;\n element.insertBefore(old, el);\n temp ? element.insertBefore(el, temp) : element.appendChild(el);\n update(element.childNodes[i], child, isSvg);\n } else {\n element.replaceChild(create(child, isSvg), el);\n }\n }\n } else {\n update(element.childNodes[i], child, isSvg);\n }\n }\n }\n\n let n = element.childNodes?.length || 0;\n while (n > len) {\n element.removeChild(element.lastChild);\n n--;\n }\n\n if (new_len > len) {\n const d = document.createDocumentFragment();\n for (let i = len; i < children.length; i++) {\n d.appendChild(create(children[i], isSvg));\n }\n element.appendChild(d);\n }\n}\n\nexport const safeHTML = (html: string) => {\n const div = document.createElement('section');\n div.insertAdjacentHTML('afterbegin', html)\n return Array.from(div.children);\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 | HTMLElement | SVGElement, isSvg: boolean): Element {\n // console.assert(node !== null && node !== undefined);\n if ((node instanceof HTMLElement) || (node instanceof SVGElement)) return node;\n if (typeof node === \"string\") return createText(node);\n if (!node.tag || (typeof node.tag === 'function')) return createText(JSON.stringify(node));\n isSvg = isSvg || node.tag === \"svg\";\n const element = isSvg\n ? document.createElementNS(\"http://www.w3.org/2000/svg\", node.tag)\n : document.createElement(node.tag);\n\n updateProps(element, node.props, isSvg);\n if (node.children) node.children.forEach(child => element.appendChild(create(child, isSvg)));\n return element\n}\n\nfunction mergeProps(oldProps: {}, newProps: {}): {} {\n newProps['class'] = newProps['class'] || newProps['className'];\n delete newProps['className'];\n const props = {};\n if (oldProps) Object.keys(oldProps).forEach(p => props[p] = null);\n if (newProps) Object.keys(newProps).forEach(p => props[p] = newProps[p]);\n return props;\n}\n\nexport function updateProps(element: Element, props: {}, isSvg) {\n // console.assert(!!element);\n const cached = element[ATTR_PROPS] || {};\n props = mergeProps(cached, props || {});\n element[ATTR_PROPS] = props;\n\n for (const name in props) {\n const value = props[name];\n // if (cached[name] === value) continue;\n // console.log('updateProps', name, value);\n if (name.startsWith('data-')) {\n const dname = name.substring(5);\n const cname = dname.replace(/-(\\w)/g, (match) => match[1].toUpperCase());\n if (element.dataset[cname] !== value) {\n if (value || value === \"\") element.dataset[cname] = value;\n else delete element.dataset[cname];\n }\n } else if (name === 'style') {\n if (element.style.cssText) element.style.cssText = '';\n if (typeof value === 'string') element.style.cssText = value;\n else {\n for (const s in value) {\n if (element.style[s] !== value[s]) element.style[s] = value[s];\n }\n }\n } else if (name.startsWith('xlink')) {\n const xname = name.replace('xlink', '').toLowerCase();\n if (value == null || value === false) {\n element.removeAttributeNS('http://www.w3.org/1999/xlink', xname);\n } else {\n element.setAttributeNS('http://www.w3.org/1999/xlink', xname, value);\n }\n } else if (name.startsWith('on')) {\n if (!value || typeof value === 'function') {\n element[name] = value;\n } else if (typeof value === 'string') {\n if (value) element.setAttribute(name, value);\n else element.removeAttribute(name);\n }\n } else if (/^id$|^class$|^list$|^readonly$|^contenteditable$|^role|-|^for$/g.test(name) || isSvg) {\n if (element.getAttribute(name) !== value) {\n if (value) element.setAttribute(name, value);\n else element.removeAttribute(name);\n }\n } else if (element[name] !== value) {\n element[name] = value;\n }\n if (name === 'key' && value) keyCache[value] = element;\n }\n if (props && typeof props['ref'] === 'function') {\n window.requestAnimationFrame(() => props['ref'](element));\n }\n}\n\nfunction render_component(node, parent, idx) {\n const { tag, props, children } = node;\n let key = `_${idx}`;\n let id = props && props['id'];\n if (!id) id = `_${idx}${Date.now()}`;\n else key = id;\n let asTag = 'section';\n if (props && props['as']) {\n asTag = props['as'];\n delete props['as'];\n }\n if (!parent.__componentCache) parent.__componentCache = {};\n let component = parent.__componentCache[key];\n if (!component || !(component instanceof tag) || !component.element) {\n const element = document.createElement(asTag);\n component = parent.__componentCache[key] = new tag({ ...props, children }).mount(element, { render: true });\n } else {\n component.renderState(component.state);\n }\n if (component.mounted) {\n const new_state = component.mounted(props, children, component.state);\n (typeof new_state !== 'undefined') && component.setState(new_state);\n }\n updateProps(component.element, props, false);\n return component.element;\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 && typeof node.tag === 'function' && Object.getPrototypeOf(node.tag).__isAppRunComponent) {\n vdom = render_component(node, parent, idx);\n }\n if (vdom && Array.isArray(vdom.children)) {\n const new_parent = vdom.props?._component;\n if (new_parent) {\n let i = 0;\n vdom.children = vdom.children.map(child => createComponent(child, new_parent, i++));\n } else {\n vdom.children = vdom.children.map(child => createComponent(child, parent, idx++));\n }\n }\n return vdom;\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { app, Component } from './apprun';\n\ndeclare var CodeMirror;\n\nconst styles = `\n.CodeMirror, .apprun-play iframe {\n height: 100%;\n border: dotted gray 1px;\n}\n\n.apprun-play {\n height: 100%;\n display: flex;\n}\n\n.apprun-play .col {\n margin: 2px;\n}\n\n.apprun-play .editor, .apprun-play .preview {\n width: 100%;\n height: 100%;\n}\n`;\n\nconst code_html = code => `<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">\n <script src=\"https://cdnjs.cloudflare.com/ajax/libs/custom-elements/1.1.2/custom-elements.min.js\"></script>\n <title>AppRun Playground</title>\n <style>\n body {\n font-family: \"Benton Sans\", \"Helvetica Neue\", helvetica, arial, sans-serif;\n margin: 2em;\n }\n </style>\n <script src=\"https://unpkg.com/@babel/standalone/babel.min.js\"></script>\n <script src=\"https://unpkg.com/apprun/dist/apprun-html.js\"></script>\n</head>\n<body>\n<script>\n Babel.registerPlugin(\"d\", [Babel.availablePlugins[\"proposal-decorators\"], {legacy: true}]);\n Babel.registerPlugin(\"c\", [Babel.availablePlugins[\"proposal-class-properties\"], {loose: true}]);\n Babel.registerPlugin(\"b\", [Babel.availablePlugins[\"proposal-private-methods\"], {loose: true}]);\n</script>\n<script type=\"text/babel\" data-plugins=\"d, c, b\">\n ${code}\n</script>\n</body>\n</html>`;\n\n\nclass Play extends Component {\n view = ({ code, hide_code }) => {\n return <>\n <style>{styles}</style>\n {hide_code ?\n <div class=\"apprun-play\">\n <iframe class=\"preview\" />\n </div>\n :\n <div class=\"apprun-play\">\n <div class=\"col\" style=\"width:75%\" >\n <textarea class=\"editor\">{code}</textarea>\n </div>\n <div class=\"col\" style=\"flex:1\" >\n <iframe class=\"preview\" />\n </div>\n </div>}\n </>;\n }\n\n mounted = props => {\n const element = this['element'];\n const code_id = props['code-id'];\n const hide_code = props['hide-code'];\n const code_width = props['code-width'];\n\n let code_area;\n if (code_id) {\n code_area = document.getElementById(code_id);\n } else {\n code_area = element.previousElementSibling ||\n element.parentElement.previousElementSibling;\n }\n\n const code = code_area?.innerText // from div\n || code_area?.value // from textarea\n || element.textContent // from child node\n\n if (code_area) code_area.style.display = 'none';\n\n return { code, hide_code, code_width };\n }\n\n\n rendered = ({ code, hide_code, code_width }) => {\n const element = this['element'];\n\n const textarea = element.querySelector(\".apprun-play .editor\") as any;\n let iframe = element.querySelector('.apprun-play .preview');\n if (!iframe || !textarea) return;\n\n const run_code = code => {\n const iframe_clone = iframe.cloneNode();\n iframe.parentNode?.replaceChild(iframe_clone, iframe);\n iframe = iframe_clone;\n const doc = iframe.contentWindow?.document;\n if (!doc) return;\n doc.open();\n if (code.indexOf('<html') >= 0)\n doc.write(code);\n else\n doc.write(code_html(code));\n doc.close();\n }\n\n if (code) run_code(code);\n if (hide_code || !textarea) return;\n\n if (code_width) textarea.parentElement.style.width = code_width;\n\n if (typeof CodeMirror === 'undefined') {\n textarea.onkeyup = () => run_code(textarea.value);\n } else {\n const editor = CodeMirror.fromTextArea(textarea, {\n lineNumbers: true,\n mode: 'jsx'\n });\n editor.setValue(code);\n editor.on('change', (cm) => run_code(cm.getValue()));\n }\n }\n}\n\napp.webComponent('apprun-code', Play);\n"],"names":["root","factory","exports","module","define","amd","this","App","constructor","_events","on","name","fn","options","push","off","subscribers","filter","sub","find","run","args","getSubscribers","console","assert","length","forEach","delay","Object","keys","apply","once","_t","clearTimeout","setTimeout","runAsync","promises","map","Promise","all","query","events","evt","endsWith","startsWith","replace","sort","a","b","event","app","self","g","global","customElement","componentClass","HTMLElement","super","component","_component","state","observedAttributes","attr","toLowerCase","connectedCallback","isConnected","opts","_shadowRoot","shadow","attachShadow","mode","attrMap","reduce","lc","_attrMap","props","Array","from","attributes","item","value","undefined","defineProperty","get","set","attributeChangedCallback","configurable","enumerable","requestAnimationFrame","children","mount","_props","dispatchEvent","bind","mounted","new_state","render","disconnectedCallback","unload","unmount","oldValue","mappedName","window","customElements","Reflect","meta","WeakMap","defineMetadata","metadataKey","metadataValue","target","has","getMetadataKeys","getPrototypeOf","getMetadata","componentCache","Map","o","components","REFRESH","Component","renderState","vdom","view","html","_","el","element","document","getElementById","querySelector","tracking_attr","getAttribute","tracking_id","Date","valueOf","toString","setAttribute","MutationObserver","observer","changes","body","contains","disconnect","observe","childList","subtree","attributeOldValue","attributeFilter","removeAttribute","directive","transition","rendered","setState","history","resolve","then","v","_state","enable_history","_history","_history_idx","callback","update","_app","_actions","_global_events","_history_prev","_history_next","start","global_event","prev","next","route","add_actions","is_global_event","indexOf","add_action","action","p","current_state","newState","actions","key","isArray","act","split","n","trim","__isAppRunComponent","ROUTER_EVENT","ROUTER_404_EVENT","url","rest","h","createElement","Fragment","webComponent","safeHTML","model","NOOP","addEventListener","onpopstate","location","hash","hasAttribute","use_render","use_react","createRoot","_root","getStateValue","setStateValue","type","tag","substring","e","handler","checked","Number","multiple","selected","apply_directive","collect","ATTR_PROPS","ch","c","i","Error","keyCache","updateElement","nodes","parent","createComponent","isSvg","nodeName","updateChildren","node","key1","key2","toUpperCase","same","updateProps","parentNode","replaceChild","create","old_len","childNodes","new_len","len","Math","min","child","textContent","nodeType","nodeValue","createText","SVGElement","insertBefore","old","temp","nextSibling","appendChild","removeChild","lastChild","d","createDocumentFragment","div","insertAdjacentHTML","createTextNode","JSON","stringify","createElementNS","cached","oldProps","newProps","mergeProps","cname","match","dataset","style","cssText","s","xname","removeAttributeNS","setAttributeNS","test","idx","id","now","asTag","__componentCache","render_component","new_parent","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","__webpack_modules__","definition","globalThis","Function","obj","prop","prototype","hasOwnProperty","call","r","Symbol","toStringTag","Play","code","hide_code","class","code_id","code_width","code_area","previousElementSibling","parentElement","innerText","display","textarea","iframe","run_code","iframe_clone","cloneNode","doc","contentWindow","open","write","code_html","close","width","CodeMirror","onkeyup","editor","fromTextArea","lineNumbers","setValue","cm","getValue"],"sourceRoot":""}

package/dist/apprun-html.esm.js CHANGED Viewed

@@ -1,4 +1,4 @@
-class t{constructor(){this._events={}}on(t,i,s={}){this._events[t]=this._events[t]||[],this._events[t].push({fn:i,options:s})}off(t,i){const s=this._events[t]||[];this._events[t]=s.filter((t=>t.fn!==i))}find(t){return this._events[t]}run(t,...i){const s=this.getSubscribers(t,this._events);return console.assert(s&&s.length>0,"No subscriber for event: "+t),s.forEach((s=>{const{fn:n,options:e}=s;return e.delay?this.delay(t,n,i,e):Object.keys(e).length>0?n.apply(this,[...i,e]):n.apply(this,i),!s.options.once})),s.length}once(t,i,s={}){this.on(t,i,Object.assign(Object.assign({},s),{once:!0}))}delay(t,i,s,n){n._t&&clearTimeout(n._t),n._t=setTimeout((()=>{clearTimeout(n._t),Object.keys(n).length>0?i.apply(this,[...s,n]):i.apply(this,s)}),n.delay)}runAsync(t,...i){const s=this.getSubscribers(t,this._events);console.assert(s&&s.length>0,"No subscriber for event: "+t);const n=s.map((t=>{const{fn:s,options:n}=t;return Object.keys(n).length>0?s.apply(this,[...i,n]):s.apply(this,i)}));return Promise.all(n)}query(t,...i){return this.query(t,...i)}getSubscribers(t,i){const s=i[t]||[];return i[t]=s.filter((t=>!t.options.once)),Object.keys(i).filter((i=>i.endsWith("*")&&t.startsWith(i.replace("*","")))).sort(((t,i)=>i.length-t.length)).forEach((n=>s.push(...i[n].map((i=>Object.assign(Object.assign({},i),{options:Object.assign(Object.assign({},i.options),{event:t})})))))),s}}let i;const s="object"==typeof self&&self.self===self&&self||"object"==typeof global&&global.global===global&&global;s.app&&s._AppRunVersions?i=s.app:(i=new t,s.app=i,s._AppRunVersions="AppRun-3");var n=i;const e=(t,i)=>(i?t.state[i]:t.state)||"",o=(t,i,s)=>{if(i){const n=t.state||{};n[i]=s,t.setState(n)}else t.setState(s)},r=(t,i)=>{if(Array.isArray(t))return t.map((t=>r(t,i)));{let{type:s,tag:h,props:c,children:l}=t;return h=h||s,l=l||(null==c?void 0:c.children),c&&Object.keys(c).forEach((t=>{t.startsWith("$")&&(((t,i,s,r)=>{if(t.startsWith("$on")){const s=i[t];if(t=t.substring(1),"boolean"==typeof s)i[t]=i=>r.run?r.run(t,i):n.run(t,i);else if("string"==typeof s)i[t]=t=>r.run?r.run(s,t):n.run(s,t);else if("function"==typeof s)i[t]=t=>r.setState(s(r.state,t));else if(Array.isArray(s)){const[e,...o]=s;"string"==typeof e?i[t]=t=>r.run?r.run(e,...o,t):n.run(e,...o,t):"function"==typeof e&&(i[t]=t=>r.setState(e(r.state,...o,t)))}}else if("$bind"===t){const n=i.type||"text",h="string"==typeof i[t]?i[t]:i.name;if("input"===s)switch(n){case"checkbox":i.checked=e(r,h),i.onclick=t=>o(r,h||t.target.name,t.target.checked);break;case"radio":i.checked=e(r,h)===i.value,i.onclick=t=>o(r,h||t.target.name,t.target.value);break;case"number":case"range":i.value=e(r,h),i.oninput=t=>o(r,h||t.target.name,Number(t.target.value));break;default:i.value=e(r,h),i.oninput=t=>o(r,h||t.target.name,t.target.value)}else"select"===s?(i.value=e(r,h),i.onchange=t=>{t.target.multiple||o(r,h||t.target.name,t.target.value)}):"option"===s?(i.selected=e(r,h),i.onclick=t=>o(r,h||t.target.name,t.target.selected)):"textarea"===s&&(i.innerHTML=e(r,h),i.oninput=t=>o(r,h||t.target.name,t.target.value))}else n.run("$",{key:t,tag:s,props:i,component:r})})(t,c,h,i),delete c[t])})),l&&r(l,i),t}};function h(t,...i){return l(i)}const c="_props";function l(t){const i=[],s=t=>{null!=t&&""!==t&&!1!==t&&i.push("function"==typeof t||"object"==typeof t?t:`${t}`)};return t&&t.forEach((t=>{Array.isArray(t)?t.forEach((t=>s(t))):s(t)})),i}function u(t,i,...s){const n=l(s);if("string"==typeof t)return{tag:t,props:i,children:n};if(Array.isArray(t))return t;if(void 0===t&&s)return n;if(Object.getPrototypeOf(t).t)return{tag:t,props:i,children:n};if("function"==typeof t)return t(i,n);throw new Error(`Unknown tag in vdom ${t}`)}const d=new WeakMap,f=(t,i,s={})=>{if(null==i||!1===i)return;!function(t,i,s={}){if(null==i||!1===i)return;if(i=m(i,s),!t)return;const n="SVG"===t.nodeName;Array.isArray(i)?v(t,i,n):v(t,[i],n)}("string"==typeof t&&t?document.getElementById(t)||document.querySelector(t):t,i=r(i,s),s)};function a(t,i,s){3!==i._op&&(s=s||"svg"===i.tag,!function(t,i){const s=t.nodeName,n=`${i.tag||""}`;return s.toUpperCase()===n.toUpperCase()}(t,i)?t.parentNode.replaceChild(b(i,s),t):(!(2&i._op)&&v(t,i.children,s),!(1&i._op)&&g(t,i.props,s)))}function v(t,i,s){var n,e;const o=(null===(n=t.childNodes)||void 0===n?void 0:n.length)||0,r=(null==i?void 0:i.length)||0,h=Math.min(o,r);for(let n=0;n<h;n++){const e=i[n];if(3===e._op)continue;const o=t.childNodes[n];if("string"==typeof e)o.textContent!==e&&(3===o.nodeType?o.nodeValue=e:t.replaceChild(y(e),o));else if(e instanceof HTMLElement||e instanceof SVGElement)t.insertBefore(e,o);else{const i=e.props&&e.props.key;if(i)if(o.key===i)a(t.childNodes[n],e,s);else{const r=d[i];if(r){const i=r.nextSibling;t.insertBefore(r,o),i?t.insertBefore(o,i):t.appendChild(o),a(t.childNodes[n],e,s)}else t.replaceChild(b(e,s),o)}else a(t.childNodes[n],e,s)}}let c=(null===(e=t.childNodes)||void 0===e?void 0:e.length)||0;for(;c>h;)t.removeChild(t.lastChild),c--;if(r>h){const n=document.createDocumentFragment();for(let t=h;t<i.length;t++)n.appendChild(b(i[t],s));t.appendChild(n)}}const p=t=>{const i=document.createElement("section");return i.insertAdjacentHTML("afterbegin",t),Array.from(i.children)};function y(t){if(0===(null==t?void 0:t.indexOf("_html:"))){const i=document.createElement("div");return i.insertAdjacentHTML("afterbegin",t.substring(6)),i}return document.createTextNode(null!=t?t:"")}function b(t,i){if(t instanceof HTMLElement||t instanceof SVGElement)return t;if("string"==typeof t)return y(t);if(!t.tag||"function"==typeof t.tag)return y(JSON.stringify(t));const s=(i=i||"svg"===t.tag)?document.createElementNS("http://www.w3.org/2000/svg",t.tag):document.createElement(t.tag);return g(s,t.props,i),t.children&&t.children.forEach((t=>s.appendChild(b(t,i)))),s}function g(t,i,s){const n=t[c]||{};i=function(t,i){i.class=i.class||i.className,delete i.className;const s={};return t&&Object.keys(t).forEach((t=>s[t]=null)),i&&Object.keys(i).forEach((t=>s[t]=i[t])),s}(n,i||{}),t[c]=i;for(const n in i){const e=i[n];if(n.startsWith("data-")){const i=n.substring(5).replace(/-(\w)/g,(t=>t[1].toUpperCase()));t.dataset[i]!==e&&(e||""===e?t.dataset[i]=e:delete t.dataset[i])}else if("style"===n)if(t.style.cssText&&(t.style.cssText=""),"string"==typeof e)t.style.cssText=e;else for(const i in e)t.style[i]!==e[i]&&(t.style[i]=e[i]);else if(n.startsWith("xlink")){const i=n.replace("xlink","").toLowerCase();null==e||!1===e?t.removeAttributeNS("http://www.w3.org/1999/xlink",i):t.setAttributeNS("http://www.w3.org/1999/xlink",i,e)}else n.startsWith("on")?e&&"function"!=typeof e?"string"==typeof e&&(e?t.setAttribute(n,e):t.removeAttribute(n)):t[n]=e:/^id$|^class$|^list$|^readonly$|^contenteditable$|^role|-|^for$/g.test(n)||s?t.getAttribute(n)!==e&&(e?t.setAttribute(n,e):t.removeAttribute(n)):t[n]!==e&&(t[n]=e);"key"===n&&e&&(d[e]=t)}i&&"function"==typeof i.ref&&window.requestAnimationFrame((()=>i.ref(t)))}function m(t,i,s=0){var n;if("string"==typeof t)return t;if(Array.isArray(t))return t.map((t=>m(t,i,s++)));let e=t;if(t&&"function"==typeof t.tag&&Object.getPrototypeOf(t.tag).t&&(e=function(t,i,s){const{tag:n,props:e,children:o}=t;let r=`_${s}`,h=e&&e.id;h?r=h:h=`_${s}${Date.now()}`;let c="section";e&&e.as&&(c=e.as,delete e.as),i.i||(i.i={});let l=i.i[r];if(l&&l instanceof n&&l.element)l.renderState(l.state);else{const t=document.createElement(c);l=i.i[r]=new n(Object.assign(Object.assign({},e),{children:o})).mount(t,{render:!0})}if(l.mounted){const t=l.mounted(e,o,l.state);void 0!==t&&l.setState(t)}return g(l.element,e,!1),l.element}(t,i,s)),e&&Array.isArray(e.children)){const t=null===(n=e.props)||void 0===n?void 0:n._component;if(t){let i=0;e.children=e.children.map((s=>m(s,t,i++)))}else e.children=e.children.map((t=>m(t,i,s++)))}return e}const w=(t,i={})=>class extends HTMLElement{constructor(){super()}get component(){return this._component}get state(){return this._component.state}static get observedAttributes(){return(i.observedAttributes||[]).map((t=>t.toLowerCase()))}connectedCallback(){if(this.isConnected&&!this._component){const s=i||{};this._shadowRoot=s.shadow?this.attachShadow({mode:"open"}):this;const n=s.observedAttributes||[],e=n.reduce(((t,i)=>{const s=i.toLowerCase();return s!==i&&(t[s]=i),t}),{});this._attrMap=t=>e[t]||t;const o={};Array.from(this.attributes).forEach((t=>o[this._attrMap(t.name)]=t.value)),n.forEach((t=>{void 0!==this[t]&&(o[t]=this[t]),Object.defineProperty(this,t,{get:()=>o[t],set(i){this.attributeChangedCallback(t,o[t],i)},configurable:!0,enumerable:!0})})),requestAnimationFrame((()=>{const i=this.children?Array.from(this.children):[];if(i.forEach((t=>t.parentElement.removeChild(t))),this._component=new t(Object.assign(Object.assign({},o),{children:i})).mount(this._shadowRoot,s),this._component._props=o,this._component.dispatchEvent=this.dispatchEvent.bind(this),this._component.mounted){const t=this._component.mounted(o,i,this._component.state);void 0!==t&&(this._component.state=t)}this.on=this._component.on.bind(this._component),this.run=this._component.run.bind(this._component),!1!==s.render&&this._component.run(".")}))}}disconnectedCallback(){var t,i,s,n;null===(i=null===(t=this._component)||void 0===t?void 0:t.unload)||void 0===i||i.call(t),null===(n=null===(s=this._component)||void 0===s?void 0:s.unmount)||void 0===n||n.call(s),this._component=null}attributeChangedCallback(t,s,n){if(this._component){const e=this._attrMap(t);this._component._props[e]=n,this._component.run("attributeChanged",e,s,n),n!==s&&!1!==i.render&&window.requestAnimationFrame((()=>{this._component.run(".")}))}}};var $=(t,i,s)=>{"undefined"!=typeof customElements&&customElements.define(t,w(i,s))};const j={meta:new WeakMap,defineMetadata(t,i,s){this.meta.has(s)||this.meta.set(s,{}),this.meta.get(s)[t]=i},getMetadataKeys(t){return t=Object.getPrototypeOf(t),this.meta.get(t)?Object.keys(this.meta.get(t)):[]},getMetadata(t,i){return i=Object.getPrototypeOf(i),this.meta.get(i)?this.meta.get(i)[t]:null}};function A(t,i={}){return(s,n,e)=>{const o=t?t.toString():n;return j.defineMetadata(`apprun-update:${o}`,{name:o,key:n,options:i},s),e}}function O(t,i={}){return function(s,n){const e=t?t.toString():n;j.defineMetadata(`apprun-update:${e}`,{name:e,key:n,options:i},s)}}function _(t,i){return function(s){return $(t,s,i),s}}const x=new Map;n.find("get-components")||n.on("get-components",(t=>t.components=x));const k=t=>t;class T{renderState(t,i=null){if(!this.view)return;let s=i||this.view(t);if(n.debug&&n.run("debug",{component:this,_:s?".":"-",state:t,vdom:s,el:this.element}),"object"!=typeof document)return;const e="string"==typeof this.element&&this.element?document.getElementById(this.element)||document.querySelector(this.element):this.element;if(!e)return;const o="_c";this.unload?e._component===this&&e.getAttribute(o)===this.tracking_id||(this.tracking_id=(new Date).valueOf().toString(),e.setAttribute(o,this.tracking_id),"undefined"!=typeof MutationObserver&&(this.observer||(this.observer=new MutationObserver((t=>{t[0].oldValue!==this.tracking_id&&document.body.contains(e)||(this.unload(this.state),this.observer.disconnect(),this.observer=null)}))),this.observer.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeOldValue:!0,attributeFilter:[o]}))):e.removeAttribute&&e.removeAttribute(o),e._component=this,!i&&s&&(s=r(s,this),this.options.transition&&document&&document.startViewTransition?document.startViewTransition((()=>n.render(e,s,this))):n.render(e,s,this)),this.rendered&&this.rendered(this.state)}setState(t,i={render:!0,history:!1}){if(t instanceof Promise)Promise.resolve(t).then((s=>{this.setState(s,i),this._state=t}));else{if(this._state=t,null==t)return;this.state=t,!1!==i.render&&(i.transition&&document&&document.startViewTransition?document.startViewTransition((()=>this.renderState(t))):this.renderState(t)),!1!==i.history&&this.enable_history&&(this._history=[...this._history,t],this._history_idx=this._history.length-1),"function"==typeof i.callback&&i.callback(this.state)}}constructor(i,s,n,e){this.state=i,this.view=s,this.update=n,this.options=e,this._app=new t,this._actions=[],this._global_events=[],this._history=[],this._history_idx=-1,this._history_prev=()=>{this._history_idx--,this._history_idx>=0?this.setState(this._history[this._history_idx],{render:!0,history:!1}):this._history_idx=0},this._history_next=()=>{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.start=(t=null,i)=>{if(this.mount(t,Object.assign({render:!0},i)),this.mounted&&"function"==typeof this.mounted){const t=this.mounted({},[],this.state);void 0!==t&&this.setState(t)}return this}}mount(t=null,i){var s,e;return console.assert(!this.element,"Component already mounted."),this.options=i=Object.assign(Object.assign({},this.options),i),this.element=t,this.global_event=i.global_event,this.enable_history=!!i.history,this.enable_history&&(this.on(i.history.prev||"history-prev",this._history_prev),this.on(i.history.next||"history-next",this._history_next)),i.route&&(this.update=this.update||{},this.update[i.route]||(this.update[i.route]=k)),this.add_actions(),this.state=null!==(e=null!==(s=this.state)&&void 0!==s?s:this.model)&&void 0!==e?e:{},"function"==typeof this.state&&(this.state=this.state()),this.setState(this.state,{render:!!i.render,history:!0}),n.debug&&(x.get(t)?x.get(t).push(this):x.set(t,[this])),this}is_global_event(t){return t&&(this.global_event||this._global_events.indexOf(t)>=0||t.startsWith("#")||t.startsWith("/")||t.startsWith("@"))}add_action(t,i,s={}){i&&"function"==typeof i&&(s.global&&this._global_events.push(t),this.on(t,((...e)=>{n.debug&&n.run("debug",{component:this,_:">",event:t,p:e,current_state:this.state,options:s});const o=i(this.state,...e);n.debug&&n.run("debug",{component:this,_:"<",event:t,p:e,newState:o,state:this.state,options:s}),this.setState(o,s)}),s))}add_actions(){const t=this.update||{};j.getMetadataKeys(this).forEach((i=>{if(i.startsWith("apprun-update:")){const s=j.getMetadata(i,this);t[s.name]=[this[s.key].bind(this),s.options]}}));const i={};Array.isArray(t)?t.forEach((t=>{const[s,n,e]=t;s.toString().split(",").forEach((t=>i[t.trim()]=[n,e]))})):Object.keys(t).forEach((s=>{const n=t[s];("function"==typeof n||Array.isArray(n))&&s.split(",").forEach((t=>i[t.trim()]=n))})),i["."]||(i["."]=k),Object.keys(i).forEach((t=>{const s=i[t];"function"==typeof s?this.add_action(t,s):Array.isArray(s)&&this.add_action(t,s[0],s[1])}))}run(t,...i){if(this.state instanceof Promise)return Promise.resolve(this.state).then((s=>{this.state=s,this.run(t,...i)}));{const s=t.toString();return this.is_global_event(s)?n.run(s,...i):this._app.run(s,...i)}}on(t,i,s){const e=t.toString();return this._actions.push({name:e,fn:i}),this.is_global_event(e)?n.on(e,i,s):this._app.on(e,i,s)}runAsync(t,...i){const s=t.toString();return this.is_global_event(s)?n.runAsync(s,...i):this._app.runAsync(s,...i)}query(t,...i){return this.runAsync(t,...i)}unmount(){var t;null===(t=this.observer)||void 0===t||t.disconnect(),this._actions.forEach((t=>{const{name:i,fn:s}=t;this.is_global_event(i)?n.off(i,s):this._app.off(i,s)}))}}T.t=!0;const M="//",E="///",C=t=>{if(t||(t="#"),t.startsWith("#")){const[i,...s]=t.split("/");n.run(i,...s)||n.run(E,i,...s),n.run(M,i,...s)}else if(t.startsWith("/")){const[i,s,...e]=t.split("/");n.run("/"+s,...e)||n.run(E,"/"+s,...e),n.run(M,"/"+s,...e)}else n.run(t)||n.run(E,t),n.run(M,t)};n.h=n.createElement=u,n.render=f,n.Fragment=h,n.webComponent=$,n.safeHTML=p,n.start=(t,i,s,n,e)=>{const o=Object.assign({render:!0,global_event:!0},e),r=new T(i,s,n);return e&&e.rendered&&(r.rendered=e.rendered),e&&e.mounted&&(r.mounted=e.mounted),r.start(t,o),r};const S=t=>{};
+class t{constructor(){this._events={}}on(t,i,s={}){this._events[t]=this._events[t]||[],this._events[t].push({fn:i,options:s})}off(t,i){const s=this._events[t]||[];this._events[t]=s.filter((t=>t.fn!==i))}find(t){return this._events[t]}run(t,...i){const s=this.getSubscribers(t,this._events);return console.assert(s&&s.length>0,"No subscriber for event: "+t),s.forEach((s=>{const{fn:n,options:e}=s;return e.delay?this.delay(t,n,i,e):Object.keys(e).length>0?n.apply(this,[...i,e]):n.apply(this,i),!s.options.once})),s.length}once(t,i,s={}){this.on(t,i,Object.assign(Object.assign({},s),{once:!0}))}delay(t,i,s,n){n._t&&clearTimeout(n._t),n._t=setTimeout((()=>{clearTimeout(n._t),Object.keys(n).length>0?i.apply(this,[...s,n]):i.apply(this,s)}),n.delay)}runAsync(t,...i){const s=this.getSubscribers(t,this._events);console.assert(s&&s.length>0,"No subscriber for event: "+t);const n=s.map((t=>{const{fn:s,options:n}=t;return Object.keys(n).length>0?s.apply(this,[...i,n]):s.apply(this,i)}));return Promise.all(n)}query(t,...i){return this.query(t,...i)}getSubscribers(t,i){const s=i[t]||[];return i[t]=s.filter((t=>!t.options.once)),Object.keys(i).filter((i=>i.endsWith("*")&&t.startsWith(i.replace("*","")))).sort(((t,i)=>i.length-t.length)).forEach((n=>s.push(...i[n].map((i=>Object.assign(Object.assign({},i),{options:Object.assign(Object.assign({},i.options),{event:t})})))))),s}}let i;const s="object"==typeof self&&self.self===self&&self||"object"==typeof global&&global.global===global&&global;s.app&&s._AppRunVersions?i=s.app:(i=new t,s.app=i,s._AppRunVersions="AppRun-3");var n=i;const e=(t,i)=>(i?t.state[i]:t.state)||"",o=(t,i,s)=>{if(i){const n=t.state||{};n[i]=s,t.setState(n)}else t.setState(s)},r=(t,i)=>{if(Array.isArray(t))return t.map((t=>r(t,i)));{let{type:s,tag:h,props:c,children:l}=t;return h=h||s,l=l||(null==c?void 0:c.children),c&&Object.keys(c).forEach((t=>{t.startsWith("$")&&(((t,i,s,r)=>{if(t.startsWith("$on")){const s=i[t];if(t=t.substring(1),"boolean"==typeof s)i[t]=i=>r.run?r.run(t,i):n.run(t,i);else if("string"==typeof s)i[t]=t=>r.run?r.run(s,t):n.run(s,t);else if("function"==typeof s)i[t]=t=>r.setState(s(r.state,t));else if(Array.isArray(s)){const[e,...o]=s;"string"==typeof e?i[t]=t=>r.run?r.run(e,...o,t):n.run(e,...o,t):"function"==typeof e&&(i[t]=t=>r.setState(e(r.state,...o,t)))}}else if("$bind"===t){const n=i.type||"text",h="string"==typeof i[t]?i[t]:i.name;if("input"===s)switch(n){case"checkbox":i.checked=e(r,h),i.onclick=t=>o(r,h||t.target.name,t.target.checked);break;case"radio":i.checked=e(r,h)===i.value,i.onclick=t=>o(r,h||t.target.name,t.target.value);break;case"number":case"range":i.value=e(r,h),i.oninput=t=>o(r,h||t.target.name,Number(t.target.value));break;default:i.value=e(r,h),i.oninput=t=>o(r,h||t.target.name,t.target.value)}else"select"===s?(i.value=e(r,h),i.onchange=t=>{t.target.multiple||o(r,h||t.target.name,t.target.value)}):"option"===s?(i.selected=e(r,h),i.onclick=t=>o(r,h||t.target.name,t.target.selected)):"textarea"===s&&(i.innerHTML=e(r,h),i.oninput=t=>o(r,h||t.target.name,t.target.value))}else n.run("$",{key:t,tag:s,props:i,component:r})})(t,c,h,i),delete c[t])})),l&&r(l,i),t}};function h(t,...i){return l(i)}const c="_props";function l(t){const i=[],s=t=>{null!=t&&""!==t&&!1!==t&&i.push("function"==typeof t||"object"==typeof t?t:`${t}`)};return t&&t.forEach((t=>{Array.isArray(t)?t.forEach((t=>s(t))):s(t)})),i}function u(t,i,...s){const n=l(s);if("string"==typeof t)return{tag:t,props:i,children:n};if(Array.isArray(t))return t;if(void 0===t&&s)return n;if(Object.getPrototypeOf(t).t)return{tag:t,props:i,children:n};if("function"==typeof t)return t(i,n);throw new Error(`Unknown tag in vdom ${t}`)}const d=new WeakMap,f=(t,i,s={})=>{if(null==i||!1===i)return;!function(t,i,s={}){if(null==i||!1===i)return;if(i=m(i,s),!t)return;const n="SVG"===t.nodeName;Array.isArray(i)?v(t,i,n):v(t,[i],n)}("string"==typeof t&&t?document.getElementById(t)||document.querySelector(t):t,i=r(i,s),s)};function a(t,i,s){3!==i._op&&(s=s||"svg"===i.tag,!function(t,i){const s=t.nodeName,n=`${i.tag||""}`;return s.toUpperCase()===n.toUpperCase()}(t,i)?t.parentNode.replaceChild(b(i,s),t):(!(2&i._op)&&v(t,i.children,s),!(1&i._op)&&g(t,i.props,s)))}function v(t,i,s){var n,e;const o=(null===(n=t.childNodes)||void 0===n?void 0:n.length)||0,r=(null==i?void 0:i.length)||0,h=Math.min(o,r);for(let n=0;n<h;n++){const e=i[n];if(3===e._op)continue;const o=t.childNodes[n];if("string"==typeof e)o.textContent!==e&&(3===o.nodeType?o.nodeValue=e:t.replaceChild(y(e),o));else if(e instanceof HTMLElement||e instanceof SVGElement)t.insertBefore(e,o);else{const i=e.props&&e.props.key;if(i)if(o.key===i)a(t.childNodes[n],e,s);else{const r=d[i];if(r){const i=r.nextSibling;t.insertBefore(r,o),i?t.insertBefore(o,i):t.appendChild(o),a(t.childNodes[n],e,s)}else t.replaceChild(b(e,s),o)}else a(t.childNodes[n],e,s)}}let c=(null===(e=t.childNodes)||void 0===e?void 0:e.length)||0;for(;c>h;)t.removeChild(t.lastChild),c--;if(r>h){const n=document.createDocumentFragment();for(let t=h;t<i.length;t++)n.appendChild(b(i[t],s));t.appendChild(n)}}const p=t=>{const i=document.createElement("section");return i.insertAdjacentHTML("afterbegin",t),Array.from(i.children)};function y(t){if(0===(null==t?void 0:t.indexOf("_html:"))){const i=document.createElement("div");return i.insertAdjacentHTML("afterbegin",t.substring(6)),i}return document.createTextNode(null!=t?t:"")}function b(t,i){if(t instanceof HTMLElement||t instanceof SVGElement)return t;if("string"==typeof t)return y(t);if(!t.tag||"function"==typeof t.tag)return y(JSON.stringify(t));const s=(i=i||"svg"===t.tag)?document.createElementNS("http://www.w3.org/2000/svg",t.tag):document.createElement(t.tag);return g(s,t.props,i),t.children&&t.children.forEach((t=>s.appendChild(b(t,i)))),s}function g(t,i,s){const n=t[c]||{};i=function(t,i){i.class=i.class||i.className,delete i.className;const s={};return t&&Object.keys(t).forEach((t=>s[t]=null)),i&&Object.keys(i).forEach((t=>s[t]=i[t])),s}(n,i||{}),t[c]=i;for(const n in i){const e=i[n];if(n.startsWith("data-")){const i=n.substring(5).replace(/-(\w)/g,(t=>t[1].toUpperCase()));t.dataset[i]!==e&&(e||""===e?t.dataset[i]=e:delete t.dataset[i])}else if("style"===n)if(t.style.cssText&&(t.style.cssText=""),"string"==typeof e)t.style.cssText=e;else for(const i in e)t.style[i]!==e[i]&&(t.style[i]=e[i]);else if(n.startsWith("xlink")){const i=n.replace("xlink","").toLowerCase();null==e||!1===e?t.removeAttributeNS("http://www.w3.org/1999/xlink",i):t.setAttributeNS("http://www.w3.org/1999/xlink",i,e)}else n.startsWith("on")?e&&"function"!=typeof e?"string"==typeof e&&(e?t.setAttribute(n,e):t.removeAttribute(n)):t[n]=e:/^id$|^class$|^list$|^readonly$|^contenteditable$|^role|-|^for$/g.test(n)||s?t.getAttribute(n)!==e&&(e?t.setAttribute(n,e):t.removeAttribute(n)):t[n]!==e&&(t[n]=e);"key"===n&&e&&(d[e]=t)}i&&"function"==typeof i.ref&&window.requestAnimationFrame((()=>i.ref(t)))}function m(t,i,s=0){var n;if("string"==typeof t)return t;if(Array.isArray(t))return t.map((t=>m(t,i,s++)));let e=t;if(t&&"function"==typeof t.tag&&Object.getPrototypeOf(t.tag).t&&(e=function(t,i,s){const{tag:n,props:e,children:o}=t;let r=`_${s}`,h=e&&e.id;h?r=h:h=`_${s}${Date.now()}`;let c="section";e&&e.as&&(c=e.as,delete e.as),i.i||(i.i={});let l=i.i[r];if(l&&l instanceof n&&l.element)l.renderState(l.state);else{const t=document.createElement(c);l=i.i[r]=new n(Object.assign(Object.assign({},e),{children:o})).mount(t,{render:!0})}if(l.mounted){const t=l.mounted(e,o,l.state);void 0!==t&&l.setState(t)}return g(l.element,e,!1),l.element}(t,i,s)),e&&Array.isArray(e.children)){const t=null===(n=e.props)||void 0===n?void 0:n._component;if(t){let i=0;e.children=e.children.map((s=>m(s,t,i++)))}else e.children=e.children.map((t=>m(t,i,s++)))}return e}const w=(t,i={})=>class extends HTMLElement{constructor(){super()}get component(){return this._component}get state(){return this._component.state}static get observedAttributes(){return(i.observedAttributes||[]).map((t=>t.toLowerCase()))}connectedCallback(){if(this.isConnected&&!this._component){const s=i||{};this._shadowRoot=s.shadow?this.attachShadow({mode:"open"}):this;const n=s.observedAttributes||[],e=n.reduce(((t,i)=>{const s=i.toLowerCase();return s!==i&&(t[s]=i),t}),{});this._attrMap=t=>e[t]||t;const o={};Array.from(this.attributes).forEach((t=>o[this._attrMap(t.name)]=t.value)),n.forEach((t=>{void 0!==this[t]&&(o[t]=this[t]),Object.defineProperty(this,t,{get:()=>o[t],set(i){this.attributeChangedCallback(t,o[t],i)},configurable:!0,enumerable:!0})})),requestAnimationFrame((()=>{const i=this.children?Array.from(this.children):[];if(this._component=new t(Object.assign(Object.assign({},o),{children:i})).mount(this._shadowRoot,s),this._component._props=o,this._component.dispatchEvent=this.dispatchEvent.bind(this),this._component.mounted){const t=this._component.mounted(o,i,this._component.state);void 0!==t&&(this._component.state=t)}this.on=this._component.on.bind(this._component),this.run=this._component.run.bind(this._component),!1!==s.render&&this._component.run(".")}))}}disconnectedCallback(){var t,i,s,n;null===(i=null===(t=this._component)||void 0===t?void 0:t.unload)||void 0===i||i.call(t),null===(n=null===(s=this._component)||void 0===s?void 0:s.unmount)||void 0===n||n.call(s),this._component=null}attributeChangedCallback(t,s,n){if(this._component){const e=this._attrMap(t);this._component._props[e]=n,this._component.run("attributeChanged",e,s,n),n!==s&&!1!==i.render&&window.requestAnimationFrame((()=>{this._component.run(".")}))}}};var $=(t,i,s)=>{"undefined"!=typeof customElements&&customElements.define(t,w(i,s))};const j={meta:new WeakMap,defineMetadata(t,i,s){this.meta.has(s)||this.meta.set(s,{}),this.meta.get(s)[t]=i},getMetadataKeys(t){return t=Object.getPrototypeOf(t),this.meta.get(t)?Object.keys(this.meta.get(t)):[]},getMetadata(t,i){return i=Object.getPrototypeOf(i),this.meta.get(i)?this.meta.get(i)[t]:null}};function A(t,i={}){return(s,n,e)=>{const o=t?t.toString():n;return j.defineMetadata(`apprun-update:${o}`,{name:o,key:n,options:i},s),e}}function O(t,i={}){return function(s,n){const e=t?t.toString():n;j.defineMetadata(`apprun-update:${e}`,{name:e,key:n,options:i},s)}}function _(t,i){return function(s){return $(t,s,i),s}}const x=new Map;n.find("get-components")||n.on("get-components",(t=>t.components=x));const k=t=>t;class T{renderState(t,i=null){if(!this.view)return;let s=i||this.view(t);if(n.debug&&n.run("debug",{component:this,_:s?".":"-",state:t,vdom:s,el:this.element}),"object"!=typeof document)return;const e="string"==typeof this.element&&this.element?document.getElementById(this.element)||document.querySelector(this.element):this.element;if(!e)return;const o="_c";this.unload?e._component===this&&e.getAttribute(o)===this.tracking_id||(this.tracking_id=(new Date).valueOf().toString(),e.setAttribute(o,this.tracking_id),"undefined"!=typeof MutationObserver&&(this.observer||(this.observer=new MutationObserver((t=>{t[0].oldValue!==this.tracking_id&&document.body.contains(e)||(this.unload(this.state),this.observer.disconnect(),this.observer=null)}))),this.observer.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeOldValue:!0,attributeFilter:[o]}))):e.removeAttribute&&e.removeAttribute(o),e._component=this,!i&&s&&(s=r(s,this),this.options.transition&&document&&document.startViewTransition?document.startViewTransition((()=>n.render(e,s,this))):n.render(e,s,this)),this.rendered&&this.rendered(this.state)}setState(t,i={render:!0,history:!1}){if(t instanceof Promise)Promise.resolve(t).then((s=>{this.setState(s,i),this._state=t}));else{if(this._state=t,null==t)return;this.state=t,!1!==i.render&&(i.transition&&document&&document.startViewTransition?document.startViewTransition((()=>this.renderState(t))):this.renderState(t)),!1!==i.history&&this.enable_history&&(this._history=[...this._history,t],this._history_idx=this._history.length-1),"function"==typeof i.callback&&i.callback(this.state)}}constructor(i,s,n,e){this.state=i,this.view=s,this.update=n,this.options=e,this._app=new t,this._actions=[],this._global_events=[],this._history=[],this._history_idx=-1,this._history_prev=()=>{this._history_idx--,this._history_idx>=0?this.setState(this._history[this._history_idx],{render:!0,history:!1}):this._history_idx=0},this._history_next=()=>{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.start=(t=null,i)=>{if(this.mount(t,Object.assign({render:!0},i)),this.mounted&&"function"==typeof this.mounted){const t=this.mounted({},[],this.state);void 0!==t&&this.setState(t)}return this}}mount(t=null,i){var s,e;return console.assert(!this.element,"Component already mounted."),this.options=i=Object.assign(Object.assign({},this.options),i),this.element=t,this.global_event=i.global_event,this.enable_history=!!i.history,this.enable_history&&(this.on(i.history.prev||"history-prev",this._history_prev),this.on(i.history.next||"history-next",this._history_next)),i.route&&(this.update=this.update||{},this.update[i.route]||(this.update[i.route]=k)),this.add_actions(),this.state=null!==(e=null!==(s=this.state)&&void 0!==s?s:this.model)&&void 0!==e?e:{},"function"==typeof this.state&&(this.state=this.state()),this.setState(this.state,{render:!!i.render,history:!0}),n.debug&&(x.get(t)?x.get(t).push(this):x.set(t,[this])),this}is_global_event(t){return t&&(this.global_event||this._global_events.indexOf(t)>=0||t.startsWith("#")||t.startsWith("/")||t.startsWith("@"))}add_action(t,i,s={}){i&&"function"==typeof i&&(s.global&&this._global_events.push(t),this.on(t,((...e)=>{n.debug&&n.run("debug",{component:this,_:">",event:t,p:e,current_state:this.state,options:s});const o=i(this.state,...e);n.debug&&n.run("debug",{component:this,_:"<",event:t,p:e,newState:o,state:this.state,options:s}),this.setState(o,s)}),s))}add_actions(){const t=this.update||{};j.getMetadataKeys(this).forEach((i=>{if(i.startsWith("apprun-update:")){const s=j.getMetadata(i,this);t[s.name]=[this[s.key].bind(this),s.options]}}));const i={};Array.isArray(t)?t.forEach((t=>{const[s,n,e]=t;s.toString().split(",").forEach((t=>i[t.trim()]=[n,e]))})):Object.keys(t).forEach((s=>{const n=t[s];("function"==typeof n||Array.isArray(n))&&s.split(",").forEach((t=>i[t.trim()]=n))})),i["."]||(i["."]=k),Object.keys(i).forEach((t=>{const s=i[t];"function"==typeof s?this.add_action(t,s):Array.isArray(s)&&this.add_action(t,s[0],s[1])}))}run(t,...i){if(this.state instanceof Promise)return Promise.resolve(this.state).then((s=>{this.state=s,this.run(t,...i)}));{const s=t.toString();return this.is_global_event(s)?n.run(s,...i):this._app.run(s,...i)}}on(t,i,s){const e=t.toString();return this._actions.push({name:e,fn:i}),this.is_global_event(e)?n.on(e,i,s):this._app.on(e,i,s)}runAsync(t,...i){const s=t.toString();return this.is_global_event(s)?n.runAsync(s,...i):this._app.runAsync(s,...i)}query(t,...i){return this.runAsync(t,...i)}unmount(){var t;null===(t=this.observer)||void 0===t||t.disconnect(),this._actions.forEach((t=>{const{name:i,fn:s}=t;this.is_global_event(i)?n.off(i,s):this._app.off(i,s)}))}}T.t=!0;const M="//",E="///",C=t=>{if(t||(t="#"),t.startsWith("#")){const[i,...s]=t.split("/");n.run(i,...s)||n.run(E,i,...s),n.run(M,i,...s)}else if(t.startsWith("/")){const[i,s,...e]=t.split("/");n.run("/"+s,...e)||n.run(E,"/"+s,...e),n.run(M,"/"+s,...e)}else n.run(t)||n.run(E,t),n.run(M,t)};n.h=n.createElement=u,n.render=f,n.Fragment=h,n.webComponent=$,n.safeHTML=p,n.start=(t,i,s,n,e)=>{const o=Object.assign({render:!0,global_event:!0},e),r=new T(i,s,n);return e&&e.rendered&&(r.rendered=e.rendered),e&&e.mounted&&(r.mounted=e.mounted),r.start(t,o),r};const S=t=>{};
 /**
  * @license
  * Copyright 2017 Google LLC