diff --git a/demo-html/index.html b/demo-html/index.html deleted file mode 100644 index ed15658c..00000000 --- a/demo-html/index.html +++ /dev/null @@ -1,26 +0,0 @@ - - - - - Counter - - - - - - - \ No newline at end of file diff --git a/dist/apprun-play.js b/dist/apprun-play.js index 166755da..f1eba70e 100644 --- a/dist/apprun-play.js +++ b/dist/apprun-play.js @@ -1,2 +1,2 @@ -!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.apprun=e():t.apprun=e()}(this,(function(){return(()=>{"use strict";var t={107:(t,e,n)=>{n.d(e,{Component:()=>y,app:()=>r});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)}query(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)}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;var a=n(559);const c=(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})}));const r=this.children?Array.from(this.children):[];if(r.forEach((t=>t.parentElement.removeChild(t))),this._component=new t(Object.assign(Object.assign({},i),{children:r})).mount(this._shadowRoot,n),this._component._props=i,this._component.dispatchEvent=this.dispatchEvent.bind(this),this._component.mounted){const t=this._component.mounted(i,r,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(".")}))}}},l=(t,e,n)=>{"undefined"!=typeof customElements&&customElements.define(t,c(e,n))},p={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}},h=(t,e)=>(e?t.state[e]:t.state)||"",u=(t,e,n)=>{if(e){const s=t.state||{};s[e]=n,t.setState(s)}else t.setState(n)},d=(t,e)=>{if(Array.isArray(t))return t.map((t=>d(t,e)));{let{tag:n,props:s,children:o}=t;return n?(s&&Object.keys(s).forEach((t=>{t.startsWith("$")&&(((t,e,n,s)=>{if(t.startsWith("$on")){const n=e[t];if(t=t.substring(1),"boolean"==typeof n)e[t]=e=>s.run(t,e);else if("string"==typeof n)e[t]=t=>s.run(n,t);else if("function"==typeof n)e[t]=t=>s.setState(n(s.state,t));else if(Array.isArray(n)){const[o,...i]=n;"string"==typeof o?e[t]=t=>s.run(o,...i,t):"function"==typeof o&&(e[t]=t=>s.setState(o(s.state,...i,t)))}}else if("$bind"===t){const o=e.type||"text",i="string"==typeof e[t]?e[t]:e.name;if("input"===n)switch(o){case"checkbox":e.checked=h(s,i),e.onclick=t=>u(s,i||t.target.name,t.target.checked);break;case"radio":e.checked=h(s,i)===e.value,e.onclick=t=>u(s,i||t.target.name,t.target.value);break;case"number":case"range":e.value=h(s,i),e.oninput=t=>u(s,i||t.target.name,Number(t.target.value));break;default:e.value=h(s,i),e.oninput=t=>u(s,i||t.target.name,t.target.value)}else"select"===n?(e.value=h(s,i),e.onchange=t=>{t.target.multiple||u(s,i||t.target.name,t.target.value)}):"option"===n?(e.selected=h(s,i),e.onclick=t=>u(s,i||t.target.name,t.target.selected)):"textarea"===n&&(e.innerHTML=h(s,i),e.oninput=t=>u(s,i||t.target.name,t.target.value))}else r.run("$",{key:t,tag:n,props:e,component:s})})(t,s,n,e),delete s[t])})),o&&(o=d(o,e)),{tag:n,props:s,children:o}):t}},f=d,m=new Map;r.on("get-components",(t=>t.components=m));const g=t=>t;class y{constructor(t,e,n,o){this.state=t,this.view=e,this.update=n,this.options=o,this._app=new s,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_idxthis.mount(t,Object.assign(Object.assign({},e),{render:!0}))}renderState(t,e=null){if(!this.view)return;let n=e||this.view(t);if(r.debug&&r.run("debug",{component:this,_:n?".":"-",state:t,vdom:n,el:this.element}),"object"!=typeof document)return;const s="string"==typeof this.element?document.getElementById(this.element):this.element;if(s){const t="_c";this.unload?s._component===this&&s.getAttribute(t)===this.tracking_id||(this.tracking_id=(new Date).valueOf().toString(),s.setAttribute(t,this.tracking_id),"undefined"!=typeof MutationObserver&&(this.observer||(this.observer=new MutationObserver((t=>{t[0].oldValue!==this.tracking_id&&document.body.contains(s)||(this.unload(this.state),this.observer.disconnect(),this.observer=null)}))),this.observer.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeOldValue:!0,attributeFilter:[t]}))):s.removeAttribute&&s.removeAttribute(t),s._component=this}!e&&n&&(n=f(n,this),r.render(s,n,this)),this.rendered&&this.rendered(this.state)}setState(t,e={render:!0,history:!1}){if(t instanceof Promise)Promise.all([t,this._state]).then((t=>{t[0]&&this.setState(t[0])})).catch((t=>{throw console.error(t),t})),this._state=t;else{if(this._state=t,null==t)return;this.state=t,!1!==e.render&&this.renderState(t),!1!==e.history&&this.enable_history&&(this._history=[...this._history,t],this._history_idx=this._history.length-1),"function"==typeof e.callback&&e.callback(this.state)}}mount(t=null,e){var n,s;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]=g),this.add_actions(),this.state=null!==(s=null!==(n=this.state)&&void 0!==n?n:this.model)&&void 0!==s?s:{},"function"==typeof this.state&&(this.state=this.state()),e.render?this.setState(this.state,{render:!0,history:!0}):this.setState(this.state,{render:!1,history:!0}),r.debug&&(m.get(t)?m.get(t).push(this):m.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,((...s)=>{r.debug&&r.run("debug",{component:this,_:">",event:t,p:s,current_state:this.state,options:n});const o=e(this.state,...s);r.debug&&r.run("debug",{component:this,_:"<",event:t,p:s,newState:o,state:this.state,options:n}),this.setState(o,n)}),n))}add_actions(){const t=this.update||{};p.getMetadataKeys(this).forEach((e=>{if(e.startsWith("apprun-update:")){const n=p.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["."]=g),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){const n=t.toString();return this.is_global_event(n)?r.run(n,...e):this._app.run(n,...e)}on(t,e,n){const s=t.toString();return this._actions.push({name:s,fn:e}),this.is_global_event(s)?r.on(s,e,n):this._app.on(s,e,n)}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)?r.off(e,n):this._app.off(e,n)}))}}y.__isAppRunComponent=!0;const b="//",v="///",_=t=>{if(t||(t="#"),t.startsWith("#")){const[e,...n]=t.split("/");r.run(e,...n)||r.run(v,e,...n),r.run(b,e,...n)}else if(t.startsWith("/")){const[e,n,...s]=t.split("/");r.run("/"+n,...s)||r.run(v,"/"+n,...s),r.run(b,"/"+n,...s)}else r.run(t)||r.run(v,t),r.run(b,t)};r.h=r.createElement=a.az,r.render=function(t,e,n){(0,a.yj)(t,e,n)},r.Fragment=a.HY,r.webComponent=l,r.start=(t,e,n,s,o)=>{const i=Object.assign(Object.assign({},o),{render:!0,global_event:!0}),r=new y(e,n,s);return o&&o.rendered&&(r.rendered=o.rendered),r.mount(t,i),r};const w=t=>{};r.on("$",w),r.on("debug",(t=>w)),r.on(b,w),r.on("#",w),r.route=_,r.on("route",(t=>r.route&&r.route(t))),"object"==typeof document&&document.addEventListener("DOMContentLoaded",(()=>{r.route===_&&(window.onpopstate=()=>_(location.hash),document.body.hasAttribute("apprun-no-init")||_(location.hash))})),"object"==typeof window&&(window.Component=y,window.React=r,window.on=function(t,e={}){return function(n,s){const o=t?t.toString():s;p.defineMetadata(`apprun-update:${o}`,{name:o,key:s,options:e},n)}},window.customElement=function(t,e){return function(n){return l(t,n,e),n}})},559:(t,e,n)=>{function s(t,...e){return o(e)}function o(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 i(t,e,...n){const s=o(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}`)}n.d(e,{HY:()=>s,az:()=>i,yj:()=>a});const r=new WeakMap,a=function(t,e,n={}){if(null==e||!1===e)return;e=d(e,n);const s="SVG"===(null==t?void 0:t.nodeName);t&&(Array.isArray(e)?l(t,e,s):l(t,[e],s))};function c(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)&&l(t,e.children,n),!(1&e._op)&&u(t,e.props,n)):t.parentNode.replaceChild(h(e,n),t))}function l(t,e,n){var s;const o=(null===(s=t.childNodes)||void 0===s?void 0:s.length)||0,i=(null==e?void 0:e.length)||0,a=Math.min(o,i);for(let s=0;sa;)t.removeChild(t.lastChild),l--;if(i>a){const s=document.createDocumentFragment();for(let t=a;tn.appendChild(h(t,e)))),n}function u(t,e,n){const s=t._props||{};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._props=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|-/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&&(r[o]=t)}e&&"function"==typeof e.ref&&window.requestAnimationFrame((()=>e.ref(t)))}function d(t,e,n=0){var s;if("string"==typeof t)return t;if(Array.isArray(t))return t.map((t=>d(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)){const t=document.createElement(c);l=e.__componentCache[r]=new s(Object.assign(Object.assign({},o),{children:i})).start(t)}if(l.mounted){const t=l.mounted(o,i,l.state);void 0!==t&&l.setState(t)}return u(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=>d(n,t,e++)))}else o.children=o.children.map((t=>d(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(107);const e=(t,e)=>{const n=t.contentWindow.document;n.open(),e.indexOf("=0?n.write(e):n.write((t=>`\n\n\n \n \n \n \n AppRun Playground\n \n \n \n\n\n\n\n\n`;\n\nconst write_code = (iframe, code) => {\n const doc = iframe.contentWindow.document;\n doc.open();\n if (code.indexOf('= 0)\n doc.write(code);\n else\n doc.write(code_html(code));\n doc.close();\n}\n\nconst preview_code = code => {\n let iframe = document.querySelector('.preview');\n iframe.parentNode.replaceChild(iframe.cloneNode(), iframe);\n iframe = document.querySelector('.preview');\n write_code(iframe, code);\n};\n\nlet editor;\nclass Play extends Component {\n view = _ =>
\n Try the Code\n
;\n\n rendered = ({ style, hide_src }) => {\n const element = this.element;\n this.state.code = element.previousElementSibling.innerText // for div-code\n || element.previousElementSibling.value; // for textarea\n if (hide_src) element.previousElementSibling.style.display = 'none';\n const iframe = document.createElement('iframe');\n iframe.classList.add('apprun-preview');\n iframe.style.cssText = style;\n element.before(iframe);\n write_code(iframe, this.state.code);\n if (!document.getElementById('play-popup')) {\n document.body.insertAdjacentHTML('beforeend', popup_div);\n }\n }\n\n update = {\n 'show-popup': ({ code }) => {\n const textarea = document.querySelector(\".editor\") as HTMLTextAreaElement;\n textarea.value = code;\n this.run('change', code);\n if (typeof CodeMirror !== 'undefined') {\n if (!editor) {\n editor = CodeMirror.fromTextArea(textarea, {\n lineNumbers: true,\n mode: 'jsx'\n });\n editor.on('change', (cm) => this.run('change', cm.getValue()));\n } else {\n editor.setValue(code);\n }\n } else {\n textarea.onkeyup = () => this.run('change', textarea.value);\n }\n document.getElementById('play-popup').classList.add('show');\n },\n '@close-popup': () => { document.getElementById('play-popup').classList.remove('show') },\n 'change': [(_, code) => {\n preview_code(code);\n }, { delay: 300 }],\n }\n}\n\napp.webComponent('apprun-play', Play);\n"],"sourceRoot":""} \ No newline at end of file +{"version":3,"sources":["webpack://apprun/webpack/universalModuleDefinition","webpack://apprun/./src/app.ts","webpack://apprun/./src/web-component.ts","webpack://apprun/./src/decorator.ts","webpack://apprun/./src/directive.ts","webpack://apprun/./src/component.ts","webpack://apprun/./src/router.ts","webpack://apprun/./src/apprun.ts","webpack://apprun/./src/vdom.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-play.tsx"],"names":["root","factory","exports","module","define","amd","this","App","_events","name","fn","options","push","subscribers","filter","sub","args","getSubscribers","console","assert","length","forEach","delay","Object","keys","apply","once","on","_t","clearTimeout","setTimeout","promises","map","Promise","all","events","evt","endsWith","startsWith","replace","sort","a","b","event","self","g","global","customElement","componentClass","HTMLElement","super","_component","state","observedAttributes","attr","toLowerCase","isConnected","opts","_shadowRoot","shadow","attachShadow","mode","attrMap","reduce","lc","_attrMap","props","Array","from","attributes","item","value","undefined","defineProperty","get","attributeChangedCallback","configurable","enumerable","children","el","parentElement","removeChild","mount","_props","dispatchEvent","bind","mounted","new_state","run","render","unload","unmount","oldValue","mappedName","window","requestAnimationFrame","customElements","Reflect","meta","WeakMap","metadataKey","metadataValue","target","has","set","getPrototypeOf","getStateValue","component","setStateValue","setState","directive","vdom","isArray","element","tag","key","substring","e","handler","p","type","checked","Number","multiple","selected","apply_directive","componentCache","Map","o","components","REFRESH","Component","view","update","_app","_actions","_global_events","_history","_history_idx","_history_prev","history","_history_next","start","html","_","document","getElementById","tracking_attr","getAttribute","tracking_id","Date","valueOf","toString","setAttribute","MutationObserver","observer","changes","body","contains","disconnect","observe","childList","subtree","attributeOldValue","attributeFilter","removeAttribute","rendered","_state","then","v","catch","err","error","renderState","enable_history","callback","global_event","prev","next","route","add_actions","indexOf","action","current_state","newState","actions","getMetadataKeys","getMetadata","act","split","n","trim","add_action","is_global_event","off","__isAppRunComponent","ROUTER_EVENT","ROUTER_404_EVENT","url","rest","parent","model","NOOP","addEventListener","onpopstate","location","hash","hasAttribute","defineMetadata","constructor","Fragment","collect","ch","c","i","createElement","Error","keyCache","updateElement","nodes","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","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","setup_editor","textarea","iframe","code","hide_src","run_code","iframe_clone","cloneNode","doc","contentWindow","open","write","code_html","close","CodeMirror","onkeyup","editor","fromTextArea","lineNumbers","cm","getValue","Play","code_id","code_area","previousElementSibling","innerText","class","hide_button","querySelector","classList","add","before","display","setValue","remove","app"],"mappings":"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","file":"dist/apprun-play.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"apprun\"] = factory();\n\telse\n\t\troot[\"apprun\"] = factory();\n})(this, function() {\nreturn ","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\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 query(name: string, ...args): Promise {\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 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 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 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(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(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(constructor: T) {\n webComponent(name, constructor, options);\n return constructor;\n }\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(key, e);\n } else if (typeof event === 'string') {\n props[key] = e => component.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(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 { tag, props, children } = vdom;\n if (tag) {\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) children = directive(children, component);\n return { tag, props, children };\n } else {\n return vdom;\n }\n }\n}\n\nexport default directive;","\r\nimport app, { App } from './app';\r\nimport { Reflect } from './decorator'\r\nimport { View, Update, ActionDef, ActionOptions, MountOptions } from './types';\r\nimport directive from './directive';\r\n\r\nconst componentCache = new Map();\r\napp.on('get-components', o => o.components = componentCache);\r\n\r\nconst REFRESH = state => state;\r\n\r\nexport class Component {\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') ?\r\n document.getElementById(this.element) : this.element;\r\n\r\n if (el) {\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 app.render(el, html, this);\r\n }\r\n this.rendered && this.rendered(this.state);\r\n }\r\n\r\n public setState(state: T, options: ActionOptions\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 // Wait for previous promise to complete first\r\n Promise.all([state, this._state]).then(v => {\r\n if (v[0]) this.setState(v[0]);\r\n }).catch(err => {\r\n console.error(err);\r\n throw err;\r\n });\r\n this._state = state;\r\n } else {\r\n this._state = state;\r\n if (state == null) return;\r\n this.state = state;\r\n if (options.render !== false) this.renderState(state);\r\n if (options.history !== false && this.enable_history) {\r\n this._history = [...this._history, state];\r\n this._history_idx = this._history.length - 1;\r\n }\r\n if (typeof options.callback === 'function') options.callback(this.state);\r\n }\r\n }\r\n\r\n 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,\r\n protected update?: Update,\r\n protected options?) {\r\n }\r\n\r\n start = (element = null, options?: MountOptions): Component => {\r\n return this.mount(element, { ...options, render: true });\r\n }\r\n\r\n public mount(element = null, options?: MountOptions): Component {\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 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 if (options.render) {\r\n this.setState(this.state, { render: true, history: true });\r\n } else {\r\n this.setState(this.state, { render: false, history: true });\r\n }\r\n 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;\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 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 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 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 from './app';\nimport { createElement, render, Fragment } 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(element?: Element | string, model?: T, view?: View, update?: Update,\n options?: AppStartOptions): Component;\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 h(tag: string | Function, props, ...children): VNode | VNode[];\n createElement(tag: string | Function, props, ...children): VNode | VNode[];\n render(element: HTMLElement, node: VNode): void;\n Fragment(props, ...children): any[];\n route?: Route;\n webComponent(name: string, componentClass, options?: CustomElementOptions): void;\n}\n\napp.h = app.createElement = createElement;\napp.render = render;\napp.Fragment = Fragment;\napp.webComponent = webComponent;\n\napp.start = (element?: Element, model?: T, view?: View, update?: Update,\n options?: AppStartOptions): Component => {\n const opts = { ...options, render: true, global_event: true };\n const component = new Component(model, view, update);\n if (options && options.rendered) component.rendered = options.rendered;\n component.mount(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 if (!document.body.hasAttribute('apprun-no-init')) route(location.hash);\n }\n });\n}\n\nexport type StatelessComponent = (args: T) => string | VNode | void;\nexport { app, Component, View, Action, Update, on, update, EventOptions, ActionOptions, MountOptions, Fragment }\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'] = app;\n window['on'] = on;\n window['customElement'] = customElement;\n}\n\n\n","import { createElement, updateElement, Fragment } from './vdom-my';\nexport function render(element, html, parent?) {\n updateElement(element, html, parent);\n}\nexport { createElement, Fragment };\n\n\n","import { VDOM, VNode } from './types';\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 = render;\n\nexport function render(element: Element, nodes: VDOM, parent = {}) {\n // console.log('render', element, node);\n // tslint:disable-next-line\n if (nodes == null || nodes === false) return;\n\n nodes = createComponent(nodes, parent);\n\n const isSvg = element?.nodeName === \"SVG\";\n\n if (!element) return;\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;\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\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|-/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 }).start(element);\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\nconst popup_div = `
\n\n\n\t
\n\t\t×\n\t\t
\n\t\t\t
\n \n
\n
\n