apprun 3.32.0 → 3.33.0

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 (18) hide show
  1. package/README.md +20 -46
  2. package/WHATSNEW.md +14 -0
  3. package/dist/apprun-html.esm.js +1 -1
  4. package/dist/apprun-html.esm.js.map +1 -1
  5. package/dist/apprun-html.js +1 -1
  6. package/dist/apprun-html.js.map +1 -1
  7. package/dist/apprun-play-html.esm.js +1 -1
  8. package/dist/apprun-play-html.esm.js.map +1 -1
  9. package/dist/apprun-play.js +1 -1
  10. package/dist/apprun-play.js.map +1 -1
  11. package/dist/apprun.esm.js +1 -1
  12. package/dist/apprun.esm.js.map +1 -1
  13. package/dist/apprun.js +1 -1
  14. package/dist/apprun.js.map +1 -1
  15. package/esm/apprun.js +12 -0
  16. package/esm/apprun.js.map +1 -1
  17. package/package.json +1 -1
  18. package/src/apprun.ts +11 -0
package/dist/apprun-play.js CHANGED
@@ -1,2 +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:()=>o});class o{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:o,options:s}=n;return s.delay?this.delay(t,o,e,s):Object.keys(s).length>0?o.apply(this,[...e,s]):o.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,o){o._t&&clearTimeout(o._t),o._t=setTimeout((()=>{clearTimeout(o._t),Object.keys(o).length>0?e.apply(this,[...n,o]):e.apply(this,n)}),o.delay)}runAsync(t,...e){const n=this.getSubscribers(t,this._events);console.assert(n&&n.length>0,"No subscriber for event: "+t);const o=n.map((t=>{const{fn:n,options:o}=t;return Object.keys(o).length>0?n.apply(this,[...e,o]):n.apply(this,e)}));return Promise.all(o)}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((o=>n.push(...e[o].map((e=>Object.assign(Object.assign({},e),{options:Object.assign(Object.assign({},e.options),{event:t})})))))),n}}let s;const i="object"==typeof self&&self.self===self&&self||"object"==typeof n.g&&n.g.global===n.g&&n.g;i.app&&i._AppRunVersions?s=i.app:(s=new o,i.app=s,i._AppRunVersions="AppRun-3");const r=s},37:(t,e,n)=>{n.d(e,{Component:()=>u,app:()=>o.Z});var o=n(752),s=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 o=n.observedAttributes||[],s=o.reduce(((t,e)=>{const n=e.toLowerCase();return n!==e&&(t[n]=e),t}),{});this._attrMap=t=>s[t]||t;const i={};Array.from(this.attributes).forEach((t=>i[this._attrMap(t.name)]=t.value)),o.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(e.forEach((t=>t.parentElement.removeChild(t))),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,o;null===(e=null===(t=this._component)||void 0===t?void 0:t.unload)||void 0===e||e.call(t),null===(o=null===(n=this._component)||void 0===n?void 0:n.unmount)||void 0===o||o.call(n),this._component=null}attributeChangedCallback(t,n,o){if(this._component){const s=this._attrMap(t);this._component._props[s]=o,this._component.run("attributeChanged",s,n,o),o!==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;o.Z.find("get-components")||o.Z.on("get-components",(t=>t.components=l));const p=t=>t;class u{renderState(t,e=null){if(!this.view)return;let n=e||this.view(t);if(o.Z.debug&&o.Z.run("debug",{component:this,_:n?".":"-",state:t,vdom:n,el:this.element}),"object"!=typeof document)return;const s="string"==typeof this.element&&this.element?document.getElementById(this.element)||document.querySelector(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=(0,c.Z)(n,this),this.options.transition&&document&&document.startViewTransition?document.startViewTransition((()=>o.Z.render(s,n,this))):o.Z.render(s,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,s){this.state=t,this.view=e,this.update=n,this.options=s,this._app=new o.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,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]||(this.update[e.route]=p)),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()),this.setState(this.state,{render:!!e.render,history:!0}),o.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,((...s)=>{o.Z.debug&&o.Z.run("debug",{component:this,_:">",event:t,p:s,current_state:this.state,options:n});const i=e(this.state,...s);o.Z.debug&&o.Z.run("debug",{component:this,_:"<",event:t,p:s,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,o,s]=t;n.toString().split(",").forEach((t=>e[t.trim()]=[o,s]))})):Object.keys(t).forEach((n=>{const o=t[n];("function"==typeof o||Array.isArray(o))&&n.split(",").forEach((t=>e[t.trim()]=o))})),e["."]||(e["."]=p),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)?o.Z.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)?o.Z.on(s,e,n):this._app.on(s,e,n)}runAsync(t,...e){const n=t.toString();return this.is_global_event(n)?o.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)?o.Z.off(e,n):this._app.off(e,n)}))}}u.__isAppRunComponent=!0;const h="//",d="///",m=t=>{if(t||(t="#"),t.startsWith("#")){const[e,...n]=t.split("/");o.Z.run(e,...n)||o.Z.run(d,e,...n),o.Z.run(h,e,...n)}else if(t.startsWith("/")){const[e,n,...s]=t.split("/");o.Z.run("/"+n,...s)||o.Z.run(d,"/"+n,...s),o.Z.run(h,"/"+n,...s)}else o.Z.run(t)||o.Z.run(d,t),o.Z.run(h,t)};o.Z.h=o.Z.createElement=s.az,o.Z.render=s.yj,o.Z.Fragment=s.HY,o.Z.webComponent=r,o.Z.safeHTML=s.eV,o.Z.start=(t,e,n,o,s)=>{const i=Object.assign({render:!0,global_event:!0},s),r=new u(e,n,o);return s&&s.rendered&&(r.rendered=s.rendered),s&&s.mounted&&(r.mounted=s.mounted),r.start(t,i),r};const f=t=>{};o.Z.on("$",f),o.Z.on("debug",(t=>f)),o.Z.on(h,f),o.Z.on("#",f),o.Z.route=m,o.Z.on("route",(t=>o.Z.route&&o.Z.route(t))),"object"==typeof document&&document.addEventListener("DOMContentLoaded",(()=>{o.Z.route===m&&(window.onpopstate=()=>m(location.hash),document.body.hasAttribute("apprun-no-init")||o.Z["no-init-route"]||m(location.hash))})),"object"==typeof window&&(window.Component=u,window._React=window.React,window.React=o.Z,window.on=function(t,e={}){return function(n,o){const s=t?t.toString():o;a.defineMetadata(`apprun-update:${s}`,{name:s,key:o,options:e},n)}},window.customElement=function(t,e){return function(n){return r(t,n,e),n}},window.safeHTML=s.eV)},334:(t,e,n)=>{n.d(e,{Z:()=>a});var o=n(752);const s=(t,e)=>(e?t.state[e]:t.state)||"",i=(t,e,n)=>{if(e){const o=t.state||{};o[e]=n,t.setState(o)}else t.setState(n)},r=(t,e)=>{if(Array.isArray(t))return t.map((t=>r(t,e)));{let{tag:n,props:a,children:c}=t;return n?(a&&Object.keys(a).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):o.Z.run(t,e);else if("string"==typeof n)e[t]=t=>r.run?r.run(n,t):o.Z.run(n,t);else if("function"==typeof n)e[t]=t=>r.setState(n(r.state,t));else if(Array.isArray(n)){const[s,...i]=n;"string"==typeof s?e[t]=t=>r.run?r.run(s,...i,t):o.Z.run(s,...i,t):"function"==typeof s&&(e[t]=t=>r.setState(s(r.state,...i,t)))}}else if("$bind"===t){const o=e.type||"text",a="string"==typeof e[t]?e[t]:e.name;if("input"===n)switch(o){case"checkbox":e.checked=s(r,a),e.onclick=t=>i(r,a||t.target.name,t.target.checked);break;case"radio":e.checked=s(r,a)===e.value,e.onclick=t=>i(r,a||t.target.name,t.target.value);break;case"number":case"range":e.value=s(r,a),e.oninput=t=>i(r,a||t.target.name,Number(t.target.value));break;default:e.value=s(r,a),e.oninput=t=>i(r,a||t.target.name,t.target.value)}else"select"===n?(e.value=s(r,a),e.onchange=t=>{t.target.multiple||i(r,a||t.target.name,t.target.value)}):"option"===n?(e.selected=s(r,a),e.onclick=t=>i(r,a||t.target.name,t.target.selected)):"textarea"===n&&(e.innerHTML=s(r,a),e.oninput=t=>i(r,a||t.target.name,t.target.value))}else o.Z.run("$",{key:t,tag:n,props:e,component:r})})(t,a,n,e),delete a[t])})),c&&(c=r(c,e)),{tag:n,props:a,children:c}):t}},a=r},559:(t,e,n)=>{n.d(e,{HY:()=>s,az:()=>a,eV:()=>h,yj:()=>l});var o=n(334);function s(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 o=r(n);if("string"==typeof t)return{tag:t,props:e,children:o};if(Array.isArray(t))return t;if(void 0===t&&n)return o;if(Object.getPrototypeOf(t).__isAppRunComponent)return{tag:t,props:e,children:o};if("function"==typeof t)return t(e,o);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 o="SVG"===t.nodeName;Array.isArray(e)?u(t,e,o):u(t,[e],o)}("string"==typeof t&&t?document.getElementById(t)||document.querySelector(t):t,e=(0,o.Z)(e,n),n)};function p(t,e,n){3!==e._op&&(n=n||"svg"===e.tag,function(t,e){const n=t.nodeName,o=`${e.tag||""}`;return n.toUpperCase()===o.toUpperCase()}(t,e)?(!(2&e._op)&&u(t,e.children,n),!(1&e._op)&&f(t,e.props,n)):t.parentNode.replaceChild(m(e,n),t))}function u(t,e,n){var o,s;const i=(null===(o=t.childNodes)||void 0===o?void 0:o.length)||0,r=(null==e?void 0:e.length)||0,a=Math.min(i,r);for(let o=0;o<a;o++){const s=e[o];if(3===s._op)continue;const i=t.childNodes[o];if("string"==typeof s)i.textContent!==s&&(3===i.nodeType?i.nodeValue=s:t.replaceChild(d(s),i));else if(s instanceof HTMLElement||s instanceof SVGElement)t.insertBefore(s,i);else{const e=s.props&&s.props.key;if(e)if(i.key===e)p(t.childNodes[o],s,n);else{const r=c[e];if(r){const e=r.nextSibling;t.insertBefore(r,i),e?t.insertBefore(i,e):t.appendChild(i),p(t.childNodes[o],s,n)}else t.replaceChild(m(s,n),i)}else p(t.childNodes[o],s,n)}}let l=(null===(s=t.childNodes)||void 0===s?void 0:s.length)||0;for(;l>a;)t.removeChild(t.lastChild),l--;if(r>a){const o=document.createDocumentFragment();for(let t=a;t<e.length;t++)o.appendChild(m(e[t],n));t.appendChild(o)}}const h=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 m(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 f(n,t.props,e),t.children&&t.children.forEach((t=>n.appendChild(m(t,e)))),n}function f(t,e,n){const o=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}(o,e||{}),t[i]=e;for(const o in e){const s=e[o];if(o.startsWith("data-")){const e=o.substring(5).replace(/-(\w)/g,(t=>t[1].toUpperCase()));t.dataset[e]!==s&&(s||""===s?t.dataset[e]=s:delete t.dataset[e])}else if("style"===o)if(t.style.cssText&&(t.style.cssText=""),"string"==typeof s)t.style.cssText=s;else for(const e in s)t.style[e]!==s[e]&&(t.style[e]=s[e]);else if(o.startsWith("xlink")){const e=o.replace("xlink","").toLowerCase();null==s||!1===s?t.removeAttributeNS("http://www.w3.org/1999/xlink",e):t.setAttributeNS("http://www.w3.org/1999/xlink",e,s)}else o.startsWith("on")?s&&"function"!=typeof s?"string"==typeof s&&(s?t.setAttribute(o,s):t.removeAttribute(o)):t[o]=s:/^id$|^class$|^list$|^readonly$|^contenteditable$|^role|-|^for$/g.test(o)||n?t.getAttribute(o)!==s&&(s?t.setAttribute(o,s):t.removeAttribute(o)):t[o]!==s&&(t[o]=s);"key"===o&&s&&(c[s]=t)}e&&"function"==typeof e.ref&&window.requestAnimationFrame((()=>e.ref(t)))}function y(t,e,n=0){var o;if("string"==typeof t)return t;if(Array.isArray(t))return t.map((t=>y(t,e,n++)));let s=t;if(t&&"function"==typeof t.tag&&Object.getPrototypeOf(t.tag).__isAppRunComponent&&(s=function(t,e,n){const{tag:o,props:s,children:i}=t;let r=`_${n}`,a=s&&s.id;a?r=a:a=`_${n}${Date.now()}`;let c="section";s&&s.as&&(c=s.as,delete s.as),e.__componentCache||(e.__componentCache={});let l=e.__componentCache[r];if(l&&l instanceof o&&l.element)l.renderState(l.state);else{const t=document.createElement(c);l=e.__componentCache[r]=new o(Object.assign(Object.assign({},s),{children:i})).mount(t,{render:!0})}if(l.mounted){const t=l.mounted(s,i,l.state);void 0!==t&&l.setState(t)}return f(l.element,s,!1),l.element}(t,e,n)),s&&Array.isArray(s.children)){const t=null===(o=s.props)||void 0===o?void 0:o._component;if(t){let e=0;s.children=s.children.map((n=>y(n,t,e++)))}else s.children=s.children.map((t=>y(t,e,n++)))}return s}}},e={};function n(o){var s=e[o];if(void 0!==s)return s.exports;var i=e[o]={exports:{}};return t[o](i,i.exports,n),i.exports}n.d=(t,e)=>{for(var o in e)n.o(e,o)&&!n.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},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 o={};return(()=>{n.r(o);var t=n(37);const e=(t,e,n,o)=>{if(!e||!n)return;const s=t=>{var n,o;const s=e.cloneNode();null===(n=e.parentNode)||void 0===n||n.replaceChild(s,e);const i=null===(o=(e=s).contentWindow)||void 0===o?void 0:o.document;i&&(i.open(),t.indexOf("<html")>=0?i.write(t):i.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)),i.close())};s(n),!o&&t&&"TEXTAREA"===t.nodeName&&("undefined"==typeof CodeMirror?t.onkeyup=()=>s(t.value):t.editor||(t.editor=CodeMirror.fromTextArea(t,{lineNumbers:!0,mode:"jsx"}),t.editor.on("change",(t=>s(t.getValue())))))};class s extends t.Component{constructor(){super(...arguments),this.view=e=>{const n=e["code-element-id"],o=this.element;let s,i;return s=n?document.getElementById(n):o.previousElementSibling||o.parentElement.previousElementSibling,i=(null==s?void 0:s.innerText)||(null==s?void 0:s.value)||e.code,this.state.code_area=s,this.state.code=i,i?t.app.h(t.app.Fragment,null,t.app.h("div",{class:"toolbox"},!e.hide_button&&t.app.h("a",{class:"button",$onclick:"show-popup"},"Try the Code"))):t.app.h("div",null,"AppRun Play cannot find code to run, please set code-element-id or code.")},this.rendered=({style:t,hide_src:n,code_area:o,code:s})=>{if(!s)return;if(!document.getElementById("play-popup")){document.body.insertAdjacentHTML("beforeend",'<div id="play-popup" class="overlay">\n<style id="apprun-play-style">\n.apprun-play .col {\n height: 100%;\n flex: 1;\n}\n.apprun-preview {\n width: 100%\n}\n.apprun-play .editor, .apprun-play .preview {\n display: inline-block;\n width: calc(100% - 20px);\n height: calc(100% - 10px);\n}\n\na.button {\n font-size: .8em;\n padding: 10px;\n cursor: pointer;\n color: var(--md-primary-bg-color);\n background: var(--md-primary-fg-color)\n}\na.button:hover {\n color: var(--md-primary-fg-color);\n background: var(--md-primary-bg-color)\n}\n\n.overlay {\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0, 0, 0, 0.7);\n visibility: hidden;\n opacity: 0;\n z-index: 999;\n}\n.overlay.show {\n visibility: visible;\n opacity: 1;\n}\n\n.popup {\n margin: 80px auto;\n padding: 20px;\n background: #fff;\n border-radius: 3px;\n position: relative;\n width: 90%;\n height: calc(100% - 150px);\n}\n\n.popup .close {\n position: absolute;\n top: 10px;\n right: 20px;\n font-size: 20px;\n font-weight: bold;\n text-decoration: none;\n color: #333;\n}\n.popup .close:hover {\n color: #06D85F;\n}\n.popup .content {\n height: 100%;\n overflow: hidden;\n display: flex;\n}\n\n.cm-s-default {\n height: 100%;\n font-size: small;\n line-height: 1.5em;\n z-index: 0;\n}\n</style>\n\n\t<div class="popup apprun-play">\n\t\t<a class="close" href="javascript:app.run(\'@close-popup\')">&times;</a>\n\t\t<div class="content">\n\t\t\t<div class="col">\n <textarea class="editor"></textarea>\n </div>\n <div class="col">\n <iframe class="preview"/>\n </div>\n </div>\n\t</div>\n</div>');const t=document.querySelector(".apprun-play .editor"),n=document.querySelector(".apprun-play .preview");t.value=s,e(t,n,s,!1)}const i=document.createElement("iframe");i.classList.add("apprun-preview"),i.style.cssText=t,this.element.before(i),n&&(o.style.display="none"),e(o,i,s,n)},this.update={"show-popup":({code:t})=>{var e;null===(e=document.querySelector(".apprun-play .editor").editor)||void 0===e||e.setValue(t),document.getElementById("play-popup").classList.add("show")},"@close-popup":()=>{document.getElementById("play-popup").classList.remove("show")}}}}t.app.webComponent("apprun-play",s)})(),o})()));
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:()=>o});class o{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:o,options:s}=n;return s.delay?this.delay(t,o,e,s):Object.keys(s).length>0?o.apply(this,[...e,s]):o.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,o){o._t&&clearTimeout(o._t),o._t=setTimeout((()=>{clearTimeout(o._t),Object.keys(o).length>0?e.apply(this,[...n,o]):e.apply(this,n)}),o.delay)}runAsync(t,...e){const n=this.getSubscribers(t,this._events);console.assert(n&&n.length>0,"No subscriber for event: "+t);const o=n.map((t=>{const{fn:n,options:o}=t;return Object.keys(o).length>0?n.apply(this,[...e,o]):n.apply(this,e)}));return Promise.all(o)}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((o=>n.push(...e[o].map((e=>Object.assign(Object.assign({},e),{options:Object.assign(Object.assign({},e.options),{event:t})})))))),n}}let s;const i="object"==typeof self&&self.self===self&&self||"object"==typeof n.g&&n.g.global===n.g&&n.g;i.app&&i._AppRunVersions?s=i.app:(s=new o,i.app=s,i._AppRunVersions="AppRun-3");const r=s},37:(t,e,n)=>{n.d(e,{Component:()=>u,app:()=>o.Z});var o=n(752),s=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 o=n.observedAttributes||[],s=o.reduce(((t,e)=>{const n=e.toLowerCase();return n!==e&&(t[n]=e),t}),{});this._attrMap=t=>s[t]||t;const i={};Array.from(this.attributes).forEach((t=>i[this._attrMap(t.name)]=t.value)),o.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(e.forEach((t=>t.parentElement.removeChild(t))),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,o;null===(e=null===(t=this._component)||void 0===t?void 0:t.unload)||void 0===e||e.call(t),null===(o=null===(n=this._component)||void 0===n?void 0:n.unmount)||void 0===o||o.call(n),this._component=null}attributeChangedCallback(t,n,o){if(this._component){const s=this._attrMap(t);this._component._props[s]=o,this._component.run("attributeChanged",s,n,o),o!==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;o.Z.find("get-components")||o.Z.on("get-components",(t=>t.components=l));const p=t=>t;class u{renderState(t,e=null){if(!this.view)return;let n=e||this.view(t);if(o.Z.debug&&o.Z.run("debug",{component:this,_:n?".":"-",state:t,vdom:n,el:this.element}),"object"!=typeof document)return;const s="string"==typeof this.element&&this.element?document.getElementById(this.element)||document.querySelector(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=(0,c.Z)(n,this),this.options.transition&&document&&document.startViewTransition?document.startViewTransition((()=>o.Z.render(s,n,this))):o.Z.render(s,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,s){this.state=t,this.view=e,this.update=n,this.options=s,this._app=new o.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,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]||(this.update[e.route]=p)),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()),this.setState(this.state,{render:!!e.render,history:!0}),o.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,((...s)=>{o.Z.debug&&o.Z.run("debug",{component:this,_:">",event:t,p:s,current_state:this.state,options:n});const i=e(this.state,...s);o.Z.debug&&o.Z.run("debug",{component:this,_:"<",event:t,p:s,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,o,s]=t;n.toString().split(",").forEach((t=>e[t.trim()]=[o,s]))})):Object.keys(t).forEach((n=>{const o=t[n];("function"==typeof o||Array.isArray(o))&&n.split(",").forEach((t=>e[t.trim()]=o))})),e["."]||(e["."]=p),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)?o.Z.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)?o.Z.on(s,e,n):this._app.on(s,e,n)}runAsync(t,...e){const n=t.toString();return this.is_global_event(n)?o.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)?o.Z.off(e,n):this._app.off(e,n)}))}}u.__isAppRunComponent=!0;const d="//",h="///",m=t=>{if(t||(t="#"),t.startsWith("#")){const[e,...n]=t.split("/");o.Z.run(e,...n)||o.Z.run(h,e,...n),o.Z.run(d,e,...n)}else if(t.startsWith("/")){const[e,n,...s]=t.split("/");o.Z.run("/"+n,...s)||o.Z.run(h,"/"+n,...s),o.Z.run(d,"/"+n,...s)}else o.Z.run(t)||o.Z.run(h,t),o.Z.run(d,t)};o.Z.h=o.Z.createElement=s.az,o.Z.render=s.yj,o.Z.Fragment=s.HY,o.Z.webComponent=r,o.Z.safeHTML=s.eV,o.Z.start=(t,e,n,o,s)=>{const i=Object.assign({render:!0,global_event:!0},s),r=new u(e,n,o);return s&&s.rendered&&(r.rendered=s.rendered),s&&s.mounted&&(r.mounted=s.mounted),r.start(t,i),r};const f=t=>{};o.Z.on("$",f),o.Z.on("debug",(t=>f)),o.Z.on(d,f),o.Z.on("#",f),o.Z.route=m,o.Z.on("route",(t=>o.Z.route&&o.Z.route(t))),"object"==typeof document&&document.addEventListener("DOMContentLoaded",(()=>{o.Z.route===m&&(window.onpopstate=()=>m(location.hash),document.body.hasAttribute("apprun-no-init")||o.Z["no-init-route"]||m(location.hash))})),"object"==typeof window&&(window.Component=u,window._React=window.React,window.React=o.Z,window.on=function(t,e={}){return function(n,o){const s=t?t.toString():o;a.defineMetadata(`apprun-update:${s}`,{name:s,key:o,options:e},n)}},window.customElement=function(t,e){return function(n){return r(t,n,e),n}},window.safeHTML=s.eV),o.Z.use_render=(t,e=0)=>o.Z.render=0===e?(e,n)=>t(n,e):(e,n)=>t(e,n),o.Z.use_react=t=>{o.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 o=n(752);const s=(t,e)=>(e?t.state[e]:t.state)||"",i=(t,e,n)=>{if(e){const o=t.state||{};o[e]=n,t.setState(o)}else t.setState(n)},r=(t,e)=>{if(Array.isArray(t))return t.map((t=>r(t,e)));{let{tag:n,props:a,children:c}=t;return n?(a&&Object.keys(a).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):o.Z.run(t,e);else if("string"==typeof n)e[t]=t=>r.run?r.run(n,t):o.Z.run(n,t);else if("function"==typeof n)e[t]=t=>r.setState(n(r.state,t));else if(Array.isArray(n)){const[s,...i]=n;"string"==typeof s?e[t]=t=>r.run?r.run(s,...i,t):o.Z.run(s,...i,t):"function"==typeof s&&(e[t]=t=>r.setState(s(r.state,...i,t)))}}else if("$bind"===t){const o=e.type||"text",a="string"==typeof e[t]?e[t]:e.name;if("input"===n)switch(o){case"checkbox":e.checked=s(r,a),e.onclick=t=>i(r,a||t.target.name,t.target.checked);break;case"radio":e.checked=s(r,a)===e.value,e.onclick=t=>i(r,a||t.target.name,t.target.value);break;case"number":case"range":e.value=s(r,a),e.oninput=t=>i(r,a||t.target.name,Number(t.target.value));break;default:e.value=s(r,a),e.oninput=t=>i(r,a||t.target.name,t.target.value)}else"select"===n?(e.value=s(r,a),e.onchange=t=>{t.target.multiple||i(r,a||t.target.name,t.target.value)}):"option"===n?(e.selected=s(r,a),e.onclick=t=>i(r,a||t.target.name,t.target.selected)):"textarea"===n&&(e.innerHTML=s(r,a),e.oninput=t=>i(r,a||t.target.name,t.target.value))}else o.Z.run("$",{key:t,tag:n,props:e,component:r})})(t,a,n,e),delete a[t])})),c&&(c=r(c,e)),{tag:n,props:a,children:c}):t}},a=r},559:(t,e,n)=>{n.d(e,{HY:()=>s,az:()=>a,eV:()=>d,yj:()=>l});var o=n(334);function s(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 o=r(n);if("string"==typeof t)return{tag:t,props:e,children:o};if(Array.isArray(t))return t;if(void 0===t&&n)return o;if(Object.getPrototypeOf(t).__isAppRunComponent)return{tag:t,props:e,children:o};if("function"==typeof t)return t(e,o);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 o="SVG"===t.nodeName;Array.isArray(e)?u(t,e,o):u(t,[e],o)}("string"==typeof t&&t?document.getElementById(t)||document.querySelector(t):t,e=(0,o.Z)(e,n),n)};function p(t,e,n){3!==e._op&&(n=n||"svg"===e.tag,function(t,e){const n=t.nodeName,o=`${e.tag||""}`;return n.toUpperCase()===o.toUpperCase()}(t,e)?(!(2&e._op)&&u(t,e.children,n),!(1&e._op)&&f(t,e.props,n)):t.parentNode.replaceChild(m(e,n),t))}function u(t,e,n){var o,s;const i=(null===(o=t.childNodes)||void 0===o?void 0:o.length)||0,r=(null==e?void 0:e.length)||0,a=Math.min(i,r);for(let o=0;o<a;o++){const s=e[o];if(3===s._op)continue;const i=t.childNodes[o];if("string"==typeof s)i.textContent!==s&&(3===i.nodeType?i.nodeValue=s:t.replaceChild(h(s),i));else if(s instanceof HTMLElement||s instanceof SVGElement)t.insertBefore(s,i);else{const e=s.props&&s.props.key;if(e)if(i.key===e)p(t.childNodes[o],s,n);else{const r=c[e];if(r){const e=r.nextSibling;t.insertBefore(r,i),e?t.insertBefore(i,e):t.appendChild(i),p(t.childNodes[o],s,n)}else t.replaceChild(m(s,n),i)}else p(t.childNodes[o],s,n)}}let l=(null===(s=t.childNodes)||void 0===s?void 0:s.length)||0;for(;l>a;)t.removeChild(t.lastChild),l--;if(r>a){const o=document.createDocumentFragment();for(let t=a;t<e.length;t++)o.appendChild(m(e[t],n));t.appendChild(o)}}const d=t=>{const e=document.createElement("section");return e.insertAdjacentHTML("afterbegin",t),Array.from(e.children)};function h(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 m(t,e){if(t instanceof HTMLElement||t instanceof SVGElement)return t;if("string"==typeof t)return h(t);if(!t.tag||"function"==typeof t.tag)return h(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 f(n,t.props,e),t.children&&t.children.forEach((t=>n.appendChild(m(t,e)))),n}function f(t,e,n){const o=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}(o,e||{}),t[i]=e;for(const o in e){const s=e[o];if(o.startsWith("data-")){const e=o.substring(5).replace(/-(\w)/g,(t=>t[1].toUpperCase()));t.dataset[e]!==s&&(s||""===s?t.dataset[e]=s:delete t.dataset[e])}else if("style"===o)if(t.style.cssText&&(t.style.cssText=""),"string"==typeof s)t.style.cssText=s;else for(const e in s)t.style[e]!==s[e]&&(t.style[e]=s[e]);else if(o.startsWith("xlink")){const e=o.replace("xlink","").toLowerCase();null==s||!1===s?t.removeAttributeNS("http://www.w3.org/1999/xlink",e):t.setAttributeNS("http://www.w3.org/1999/xlink",e,s)}else o.startsWith("on")?s&&"function"!=typeof s?"string"==typeof s&&(s?t.setAttribute(o,s):t.removeAttribute(o)):t[o]=s:/^id$|^class$|^list$|^readonly$|^contenteditable$|^role|-|^for$/g.test(o)||n?t.getAttribute(o)!==s&&(s?t.setAttribute(o,s):t.removeAttribute(o)):t[o]!==s&&(t[o]=s);"key"===o&&s&&(c[s]=t)}e&&"function"==typeof e.ref&&window.requestAnimationFrame((()=>e.ref(t)))}function y(t,e,n=0){var o;if("string"==typeof t)return t;if(Array.isArray(t))return t.map((t=>y(t,e,n++)));let s=t;if(t&&"function"==typeof t.tag&&Object.getPrototypeOf(t.tag).__isAppRunComponent&&(s=function(t,e,n){const{tag:o,props:s,children:i}=t;let r=`_${n}`,a=s&&s.id;a?r=a:a=`_${n}${Date.now()}`;let c="section";s&&s.as&&(c=s.as,delete s.as),e.__componentCache||(e.__componentCache={});let l=e.__componentCache[r];if(l&&l instanceof o&&l.element)l.renderState(l.state);else{const t=document.createElement(c);l=e.__componentCache[r]=new o(Object.assign(Object.assign({},s),{children:i})).mount(t,{render:!0})}if(l.mounted){const t=l.mounted(s,i,l.state);void 0!==t&&l.setState(t)}return f(l.element,s,!1),l.element}(t,e,n)),s&&Array.isArray(s.children)){const t=null===(o=s.props)||void 0===o?void 0:o._component;if(t){let e=0;s.children=s.children.map((n=>y(n,t,e++)))}else s.children=s.children.map((t=>y(t,e,n++)))}return s}}},e={};function n(o){var s=e[o];if(void 0!==s)return s.exports;var i=e[o]={exports:{}};return t[o](i,i.exports,n),i.exports}n.d=(t,e)=>{for(var o in e)n.o(e,o)&&!n.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},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 o={};return(()=>{n.r(o);var t=n(37);const e=(t,e,n,o)=>{if(!e||!n)return;const s=t=>{var n,o;const s=e.cloneNode();null===(n=e.parentNode)||void 0===n||n.replaceChild(s,e);const i=null===(o=(e=s).contentWindow)||void 0===o?void 0:o.document;i&&(i.open(),t.indexOf("<html")>=0?i.write(t):i.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)),i.close())};s(n),!o&&t&&"TEXTAREA"===t.nodeName&&("undefined"==typeof CodeMirror?t.onkeyup=()=>s(t.value):t.editor||(t.editor=CodeMirror.fromTextArea(t,{lineNumbers:!0,mode:"jsx"}),t.editor.on("change",(t=>s(t.getValue())))))};class s extends t.Component{constructor(){super(...arguments),this.view=e=>{const n=e["code-element-id"],o=this.element;let s,i;return s=n?document.getElementById(n):o.previousElementSibling||o.parentElement.previousElementSibling,i=(null==s?void 0:s.innerText)||(null==s?void 0:s.value)||e.code,this.state.code_area=s,this.state.code=i,i?t.app.h(t.app.Fragment,null,t.app.h("div",{class:"toolbox"},!e.hide_button&&t.app.h("a",{class:"button",$onclick:"show-popup"},"Try the Code"))):t.app.h("div",null,"AppRun Play cannot find code to run, please set code-element-id or code.")},this.rendered=({style:t,hide_src:n,code_area:o,code:s})=>{if(!s)return;if(!document.getElementById("play-popup")){document.body.insertAdjacentHTML("beforeend",'<div id="play-popup" class="overlay">\n<style id="apprun-play-style">\n.apprun-play .col {\n height: 100%;\n flex: 1;\n}\n.apprun-preview {\n width: 100%\n}\n.apprun-play .editor, .apprun-play .preview {\n display: inline-block;\n width: calc(100% - 20px);\n height: calc(100% - 10px);\n}\n\na.button {\n font-size: .8em;\n padding: 10px;\n cursor: pointer;\n color: var(--md-primary-bg-color);\n background: var(--md-primary-fg-color)\n}\na.button:hover {\n color: var(--md-primary-fg-color);\n background: var(--md-primary-bg-color)\n}\n\n.overlay {\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0, 0, 0, 0.7);\n visibility: hidden;\n opacity: 0;\n z-index: 999;\n}\n.overlay.show {\n visibility: visible;\n opacity: 1;\n}\n\n.popup {\n margin: 80px auto;\n padding: 20px;\n background: #fff;\n border-radius: 3px;\n position: relative;\n width: 90%;\n height: calc(100% - 150px);\n}\n\n.popup .close {\n position: absolute;\n top: 10px;\n right: 20px;\n font-size: 20px;\n font-weight: bold;\n text-decoration: none;\n color: #333;\n}\n.popup .close:hover {\n color: #06D85F;\n}\n.popup .content {\n height: 100%;\n overflow: hidden;\n display: flex;\n}\n\n.cm-s-default {\n height: 100%;\n font-size: small;\n line-height: 1.5em;\n z-index: 0;\n}\n</style>\n\n\t<div class="popup apprun-play">\n\t\t<a class="close" href="javascript:app.run(\'@close-popup\')">&times;</a>\n\t\t<div class="content">\n\t\t\t<div class="col">\n <textarea class="editor"></textarea>\n </div>\n <div class="col">\n <iframe class="preview"/>\n </div>\n </div>\n\t</div>\n</div>');const t=document.querySelector(".apprun-play .editor"),n=document.querySelector(".apprun-play .preview");t.value=s,e(t,n,s,!1)}const i=document.createElement("iframe");i.classList.add("apprun-preview"),i.style.cssText=t,this.element.before(i),n&&(o.style.display="none"),e(o,i,s,n)},this.update={"show-popup":({code:t})=>{var e;null===(e=document.querySelector(".apprun-play .editor").editor)||void 0===e||e.setValue(t),document.getElementById("play-popup").classList.add("show")},"@close-popup":()=>{document.getElementById("play-popup").classList.remove("show")}}}}t.app.webComponent("apprun-play",s)})(),o})()));
2
2
  //# sourceMappingURL=apprun-play.js.map
package/dist/apprun-play.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"dist/apprun-play.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-play.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\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) {\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}\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\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 { 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;","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\nconst popup_div = `<div id=\"play-popup\" class=\"overlay\">\n<style id=\"apprun-play-style\">\n.apprun-play .col {\n height: 100%;\n flex: 1;\n}\n.apprun-preview {\n width: 100%\n}\n.apprun-play .editor, .apprun-play .preview {\n display: inline-block;\n width: calc(100% - 20px);\n height: calc(100% - 10px);\n}\n\na.button {\n font-size: .8em;\n padding: 10px;\n cursor: pointer;\n color: var(--md-primary-bg-color);\n background: var(--md-primary-fg-color)\n}\na.button:hover {\n color: var(--md-primary-fg-color);\n background: var(--md-primary-bg-color)\n}\n\n.overlay {\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0, 0, 0, 0.7);\n visibility: hidden;\n opacity: 0;\n z-index: 999;\n}\n.overlay.show {\n visibility: visible;\n opacity: 1;\n}\n\n.popup {\n margin: 80px auto;\n padding: 20px;\n background: #fff;\n border-radius: 3px;\n position: relative;\n width: 90%;\n height: calc(100% - 150px);\n}\n\n.popup .close {\n position: absolute;\n top: 10px;\n right: 20px;\n font-size: 20px;\n font-weight: bold;\n text-decoration: none;\n color: #333;\n}\n.popup .close:hover {\n color: #06D85F;\n}\n.popup .content {\n height: 100%;\n overflow: hidden;\n display: flex;\n}\n\n.cm-s-default {\n height: 100%;\n font-size: small;\n line-height: 1.5em;\n z-index: 0;\n}\n</style>\n\n\t<div class=\"popup apprun-play\">\n\t\t<a class=\"close\" href=\"javascript:app.run('@close-popup')\">&times;</a>\n\t\t<div class=\"content\">\n\t\t\t<div class=\"col\">\n <textarea class=\"editor\"></textarea>\n </div>\n <div class=\"col\">\n <iframe class=\"preview\"/>\n </div>\n </div>\n\t</div>\n</div>`;\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\ndeclare var CodeMirror;\n\nconst setup_editor = (textarea, iframe, code, hide_src) => {\n\n if (!iframe || !code) 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 run_code(code);\n\n if (hide_src || !textarea || textarea.nodeName !== 'TEXTAREA') return;\n if (typeof CodeMirror === 'undefined') {\n textarea.onkeyup = () => run_code(textarea.value);\n } else {\n if (!textarea.editor) {\n textarea.editor = CodeMirror.fromTextArea(textarea, {\n lineNumbers: true,\n mode: 'jsx'\n });\n textarea.editor.on('change', (cm) => run_code(cm.getValue()));\n }\n }\n}\n\nclass Play extends Component {\n view = (state) => {\n const code_id = state['code-element-id'];\n const element = this.element;\n let code_area, code;\n if (code_id) {\n code_area = document.getElementById(code_id);\n } else {\n code_area = element.previousElementSibling ||\n element.parentElement.previousElementSibling;\n }\n code = code_area?.innerText // from div-code\n || code_area?.value // from textarea\n || state['code']; // from code attr\n\n this.state.code_area = code_area;\n this.state.code = code;\n\n return code ? <>\n <div class=\"toolbox\">\n {!state.hide_button && <a class=\"button\" $onclick=\"show-popup\">Try the Code</a>}\n </div></>\n : <div>AppRun Play cannot find code to run, please set code-element-id or code.</div>\n };\n\n rendered = ({ style, hide_src, code_area, code }) => {\n if (!code) return;\n if (!document.getElementById('play-popup')) {\n document.body.insertAdjacentHTML('beforeend', popup_div);\n const textarea = document.querySelector(\".apprun-play .editor\") as any;\n const iframe = document.querySelector('.apprun-play .preview');\n textarea.value = code;\n setup_editor(textarea, iframe, code, false);\n }\n const iframe = document.createElement('iframe');\n iframe.classList.add('apprun-preview');\n iframe.style.cssText = style;\n this.element.before(iframe);\n if (hide_src) code_area.style.display = 'none';\n setup_editor(code_area, iframe, code, hide_src);\n }\n\n update = {\n 'show-popup': ({ code }) => {\n const textarea = document.querySelector(\".apprun-play .editor\") as any;\n textarea.editor?.setValue(code);\n document.getElementById('play-popup').classList.add('show');\n },\n '@close-popup': () => { document.getElementById('play-popup').classList.remove('show') },\n }\n}\n\napp.webComponent('apprun-play', 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","el","parentElement","removeChild","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","_","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","getStateValue","setStateValue","tag","substring","e","handler","type","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","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","classList","add","before","display","setValue","remove"],"sourceRoot":""}
1
+ {"version":3,"file":"dist/apprun-play.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-play.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\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) {\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}\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 { 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;","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\nconst popup_div = `<div id=\"play-popup\" class=\"overlay\">\n<style id=\"apprun-play-style\">\n.apprun-play .col {\n height: 100%;\n flex: 1;\n}\n.apprun-preview {\n width: 100%\n}\n.apprun-play .editor, .apprun-play .preview {\n display: inline-block;\n width: calc(100% - 20px);\n height: calc(100% - 10px);\n}\n\na.button {\n font-size: .8em;\n padding: 10px;\n cursor: pointer;\n color: var(--md-primary-bg-color);\n background: var(--md-primary-fg-color)\n}\na.button:hover {\n color: var(--md-primary-fg-color);\n background: var(--md-primary-bg-color)\n}\n\n.overlay {\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0, 0, 0, 0.7);\n visibility: hidden;\n opacity: 0;\n z-index: 999;\n}\n.overlay.show {\n visibility: visible;\n opacity: 1;\n}\n\n.popup {\n margin: 80px auto;\n padding: 20px;\n background: #fff;\n border-radius: 3px;\n position: relative;\n width: 90%;\n height: calc(100% - 150px);\n}\n\n.popup .close {\n position: absolute;\n top: 10px;\n right: 20px;\n font-size: 20px;\n font-weight: bold;\n text-decoration: none;\n color: #333;\n}\n.popup .close:hover {\n color: #06D85F;\n}\n.popup .content {\n height: 100%;\n overflow: hidden;\n display: flex;\n}\n\n.cm-s-default {\n height: 100%;\n font-size: small;\n line-height: 1.5em;\n z-index: 0;\n}\n</style>\n\n\t<div class=\"popup apprun-play\">\n\t\t<a class=\"close\" href=\"javascript:app.run('@close-popup')\">&times;</a>\n\t\t<div class=\"content\">\n\t\t\t<div class=\"col\">\n <textarea class=\"editor\"></textarea>\n </div>\n <div class=\"col\">\n <iframe class=\"preview\"/>\n </div>\n </div>\n\t</div>\n</div>`;\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\ndeclare var CodeMirror;\n\nconst setup_editor = (textarea, iframe, code, hide_src) => {\n\n if (!iframe || !code) 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 run_code(code);\n\n if (hide_src || !textarea || textarea.nodeName !== 'TEXTAREA') return;\n if (typeof CodeMirror === 'undefined') {\n textarea.onkeyup = () => run_code(textarea.value);\n } else {\n if (!textarea.editor) {\n textarea.editor = CodeMirror.fromTextArea(textarea, {\n lineNumbers: true,\n mode: 'jsx'\n });\n textarea.editor.on('change', (cm) => run_code(cm.getValue()));\n }\n }\n}\n\nclass Play extends Component {\n view = (state) => {\n const code_id = state['code-element-id'];\n const element = this.element;\n let code_area, code;\n if (code_id) {\n code_area = document.getElementById(code_id);\n } else {\n code_area = element.previousElementSibling ||\n element.parentElement.previousElementSibling;\n }\n code = code_area?.innerText // from div-code\n || code_area?.value // from textarea\n || state['code']; // from code attr\n\n this.state.code_area = code_area;\n this.state.code = code;\n\n return code ? <>\n <div class=\"toolbox\">\n {!state.hide_button && <a class=\"button\" $onclick=\"show-popup\">Try the Code</a>}\n </div></>\n : <div>AppRun Play cannot find code to run, please set code-element-id or code.</div>\n };\n\n rendered = ({ style, hide_src, code_area, code }) => {\n if (!code) return;\n if (!document.getElementById('play-popup')) {\n document.body.insertAdjacentHTML('beforeend', popup_div);\n const textarea = document.querySelector(\".apprun-play .editor\") as any;\n const iframe = document.querySelector('.apprun-play .preview');\n textarea.value = code;\n setup_editor(textarea, iframe, code, false);\n }\n const iframe = document.createElement('iframe');\n iframe.classList.add('apprun-preview');\n iframe.style.cssText = style;\n this.element.before(iframe);\n if (hide_src) code_area.style.display = 'none';\n setup_editor(code_area, iframe, code, hide_src);\n }\n\n update = {\n 'show-popup': ({ code }) => {\n const textarea = document.querySelector(\".apprun-play .editor\") as any;\n textarea.editor?.setValue(code);\n document.getElementById('play-popup').classList.add('show');\n },\n '@close-popup': () => { document.getElementById('play-popup').classList.remove('show') },\n }\n}\n\napp.webComponent('apprun-play', 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","el","parentElement","removeChild","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","_","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","createRoot","_root","getStateValue","setStateValue","tag","substring","e","handler","type","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","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","classList","add","before","display","setValue","remove"],"sourceRoot":""}
package/dist/apprun.esm.js CHANGED
@@ -1,2 +1,2 @@
1
- class t{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:i,options:s}=n;return s.delay?this.delay(t,i,e,s):Object.keys(s).length>0?i.apply(this,[...e,s]):i.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,i){i._t&&clearTimeout(i._t),i._t=setTimeout((()=>{clearTimeout(i._t),Object.keys(i).length>0?e.apply(this,[...n,i]):e.apply(this,n)}),i.delay)}runAsync(t,...e){const n=this.getSubscribers(t,this._events);console.assert(n&&n.length>0,"No subscriber for event: "+t);const i=n.map((t=>{const{fn:n,options:i}=t;return Object.keys(i).length>0?n.apply(this,[...e,i]):n.apply(this,e)}));return Promise.all(i)}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((i=>n.push(...e[i].map((e=>Object.assign(Object.assign({},e),{options:Object.assign(Object.assign({},e.options),{event:t})})))))),n}}let e;const n="object"==typeof self&&self.self===self&&self||"object"==typeof global&&global.global===global&&global;n.app&&n._AppRunVersions?e=n.app:(e=new t,n.app=e,n._AppRunVersions="AppRun-3");var i=e;const s=(t,e)=>(e?t.state[e]:t.state)||"",o=(t,e,n)=>{if(e){const i=t.state||{};i[e]=n,t.setState(i)}else t.setState(n)},r=(t,e)=>{if(Array.isArray(t))return t.map((t=>r(t,e)));{let{tag:n,props:c,children:h}=t;return n?(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):i.run(t,e);else if("string"==typeof n)e[t]=t=>r.run?r.run(n,t):i.run(n,t);else if("function"==typeof n)e[t]=t=>r.setState(n(r.state,t));else if(Array.isArray(n)){const[s,...o]=n;"string"==typeof s?e[t]=t=>r.run?r.run(s,...o,t):i.run(s,...o,t):"function"==typeof s&&(e[t]=t=>r.setState(s(r.state,...o,t)))}}else if("$bind"===t){const i=e.type||"text",c="string"==typeof e[t]?e[t]:e.name;if("input"===n)switch(i){case"checkbox":e.checked=s(r,c),e.onclick=t=>o(r,c||t.target.name,t.target.checked);break;case"radio":e.checked=s(r,c)===e.value,e.onclick=t=>o(r,c||t.target.name,t.target.value);break;case"number":case"range":e.value=s(r,c),e.oninput=t=>o(r,c||t.target.name,Number(t.target.value));break;default:e.value=s(r,c),e.oninput=t=>o(r,c||t.target.name,t.target.value)}else"select"===n?(e.value=s(r,c),e.onchange=t=>{t.target.multiple||o(r,c||t.target.name,t.target.value)}):"option"===n?(e.selected=s(r,c),e.onclick=t=>o(r,c||t.target.name,t.target.selected)):"textarea"===n&&(e.innerHTML=s(r,c),e.oninput=t=>o(r,c||t.target.name,t.target.value))}else i.run("$",{key:t,tag:n,props:e,component:r})})(t,c,n,e),delete c[t])})),h&&(h=r(h,e)),{tag:n,props:c,children:h}):t}};function c(t,...e){return u(e)}const h="_props";function u(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}const l=new WeakMap;function f(t,e,n){3!==e._op&&(n=n||"svg"===e.tag,!function(t,e){const n=t.nodeName,i=`${e.tag||""}`;return n.toUpperCase()===i.toUpperCase()}(t,e)?t.parentNode.replaceChild(b(e,n),t):(!(2&e._op)&&a(t,e.children,n),!(1&e._op)&&y(t,e.props,n)))}function a(t,e,n){var i,s;const o=(null===(i=t.childNodes)||void 0===i?void 0:i.length)||0,r=(null==e?void 0:e.length)||0,c=Math.min(o,r);for(let i=0;i<c;i++){const s=e[i];if(3===s._op)continue;const o=t.childNodes[i];if("string"==typeof s)o.textContent!==s&&(3===o.nodeType?o.nodeValue=s:t.replaceChild(p(s),o));else if(s instanceof HTMLElement||s instanceof SVGElement)t.insertBefore(s,o);else{const e=s.props&&s.props.key;if(e)if(o.key===e)f(t.childNodes[i],s,n);else{const r=l[e];if(r){const e=r.nextSibling;t.insertBefore(r,o),e?t.insertBefore(o,e):t.appendChild(o),f(t.childNodes[i],s,n)}else t.replaceChild(b(s,n),o)}else f(t.childNodes[i],s,n)}}let h=(null===(s=t.childNodes)||void 0===s?void 0:s.length)||0;for(;h>c;)t.removeChild(t.lastChild),h--;if(r>c){const i=document.createDocumentFragment();for(let t=c;t<e.length;t++)i.appendChild(b(e[t],n));t.appendChild(i)}}const d=t=>{const e=document.createElement("section");return e.insertAdjacentHTML("afterbegin",t),Array.from(e.children)};function p(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 b(t,e){if(t instanceof HTMLElement||t instanceof SVGElement)return t;if("string"==typeof t)return p(t);if(!t.tag||"function"==typeof t.tag)return p(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 y(n,t.props,e),t.children&&t.children.forEach((t=>n.appendChild(b(t,e)))),n}function y(t,e,n){const i=t[h]||{};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}(i,e||{}),t[h]=e;for(const i in e){const s=e[i];if(i.startsWith("data-")){const e=i.substring(5).replace(/-(\w)/g,(t=>t[1].toUpperCase()));t.dataset[e]!==s&&(s||""===s?t.dataset[e]=s:delete t.dataset[e])}else if("style"===i)if(t.style.cssText&&(t.style.cssText=""),"string"==typeof s)t.style.cssText=s;else for(const e in s)t.style[e]!==s[e]&&(t.style[e]=s[e]);else if(i.startsWith("xlink")){const e=i.replace("xlink","").toLowerCase();null==s||!1===s?t.removeAttributeNS("http://www.w3.org/1999/xlink",e):t.setAttributeNS("http://www.w3.org/1999/xlink",e,s)}else i.startsWith("on")?s&&"function"!=typeof s?"string"==typeof s&&(s?t.setAttribute(i,s):t.removeAttribute(i)):t[i]=s:/^id$|^class$|^list$|^readonly$|^contenteditable$|^role|-|^for$/g.test(i)||n?t.getAttribute(i)!==s&&(s?t.setAttribute(i,s):t.removeAttribute(i)):t[i]!==s&&(t[i]=s);"key"===i&&s&&(l[s]=t)}e&&"function"==typeof e.ref&&window.requestAnimationFrame((()=>e.ref(t)))}function m(t,e,n=0){var i;if("string"==typeof t)return t;if(Array.isArray(t))return t.map((t=>m(t,e,n++)));let s=t;if(t&&"function"==typeof t.tag&&Object.getPrototypeOf(t.tag).t&&(s=function(t,e,n){const{tag:i,props:s,children:o}=t;let r=`_${n}`,c=s&&s.id;c?r=c:c=`_${n}${Date.now()}`;let h="section";s&&s.as&&(h=s.as,delete s.as),e.i||(e.i={});let u=e.i[r];if(u&&u instanceof i&&u.element)u.renderState(u.state);else{const t=document.createElement(h);u=e.i[r]=new i(Object.assign(Object.assign({},s),{children:o})).mount(t,{render:!0})}if(u.mounted){const t=u.mounted(s,o,u.state);void 0!==t&&u.setState(t)}return y(u.element,s,!1),u.element}(t,e,n)),s&&Array.isArray(s.children)){const t=null===(i=s.props)||void 0===i?void 0:i._component;if(t){let e=0;s.children=s.children.map((n=>m(n,t,e++)))}else s.children=s.children.map((t=>m(t,e,n++)))}return s}const g=(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 i=n.observedAttributes||[],s=i.reduce(((t,e)=>{const n=e.toLowerCase();return n!==e&&(t[n]=e),t}),{});this._attrMap=t=>s[t]||t;const o={};Array.from(this.attributes).forEach((t=>o[this._attrMap(t.name)]=t.value)),i.forEach((t=>{void 0!==this[t]&&(o[t]=this[t]),Object.defineProperty(this,t,{get:()=>o[t],set(e){this.attributeChangedCallback(t,o[t],e)},configurable:!0,enumerable:!0})})),requestAnimationFrame((()=>{const e=this.children?Array.from(this.children):[];if(e.forEach((t=>t.parentElement.removeChild(t))),this._component=new t(Object.assign(Object.assign({},o),{children:e})).mount(this._shadowRoot,n),this._component._props=o,this._component.dispatchEvent=this.dispatchEvent.bind(this),this._component.mounted){const t=this._component.mounted(o,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,i;null===(e=null===(t=this._component)||void 0===t?void 0:t.unload)||void 0===e||e.call(t),null===(i=null===(n=this._component)||void 0===n?void 0:n.unmount)||void 0===i||i.call(n),this._component=null}attributeChangedCallback(t,n,i){if(this._component){const s=this._attrMap(t);this._component._props[s]=i,this._component.run("attributeChanged",s,n,i),i!==n&&!1!==e.render&&window.requestAnimationFrame((()=>{this._component.run(".")}))}}};var w=(t,e,n)=>{"undefined"!=typeof customElements&&customElements.define(t,g(e,n))};const v={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}};function j(t,e={}){return(n,i,s)=>{const o=t?t.toString():i;return v.defineMetadata(`apprun-update:${o}`,{name:o,key:i,options:e},n),s}}function O(t,e={}){return function(n,i){const s=t?t.toString():i;v.defineMetadata(`apprun-update:${s}`,{name:s,key:i,options:e},n)}}function $(t,e){return function(n){return w(t,n,e),n}}const k=new Map;i.find("get-components")||i.on("get-components",(t=>t.components=k));const A=t=>t;class _{renderState(t,e=null){if(!this.view)return;let n=e||this.view(t);if(i.debug&&i.run("debug",{component:this,_:n?".":"-",state:t,vdom:n,el:this.element}),"object"!=typeof document)return;const s="string"==typeof this.element&&this.element?document.getElementById(this.element)||document.querySelector(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=r(n,this),this.options.transition&&document&&document.startViewTransition?document.startViewTransition((()=>i.render(s,n,this))):i.render(s,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(e,n,i,s){this.state=e,this.view=n,this.update=i,this.options=s,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,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,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]||(this.update[e.route]=A)),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()),this.setState(this.state,{render:!!e.render,history:!0}),i.debug&&(k.get(t)?k.get(t).push(this):k.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)=>{i.debug&&i.run("debug",{component:this,_:">",event:t,p:s,current_state:this.state,options:n});const o=e(this.state,...s);i.debug&&i.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||{};v.getMetadataKeys(this).forEach((e=>{if(e.startsWith("apprun-update:")){const n=v.getMetadata(e,this);t[n.name]=[this[n.key].bind(this),n.options]}}));const e={};Array.isArray(t)?t.forEach((t=>{const[n,i,s]=t;n.toString().split(",").forEach((t=>e[t.trim()]=[i,s]))})):Object.keys(t).forEach((n=>{const i=t[n];("function"==typeof i||Array.isArray(i))&&n.split(",").forEach((t=>e[t.trim()]=i))})),e["."]||(e["."]=A),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)?i.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)?i.on(s,e,n):this._app.on(s,e,n)}runAsync(t,...e){const n=t.toString();return this.is_global_event(n)?i.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)?i.off(e,n):this._app.off(e,n)}))}}_.t=!0;const M="//",x="///",E=t=>{if(t||(t="#"),t.startsWith("#")){const[e,...n]=t.split("/");i.run(e,...n)||i.run(x,e,...n),i.run(M,e,...n)}else if(t.startsWith("/")){const[e,n,...s]=t.split("/");i.run("/"+n,...s)||i.run(x,"/"+n,...s),i.run(M,"/"+n,...s)}else i.run(t)||i.run(x,t),i.run(M,t)};i.h=i.createElement=function(t,e,...n){const i=u(n);if("string"==typeof t)return{tag:t,props:e,children:i};if(Array.isArray(t))return t;if(void 0===t&&n)return i;if(Object.getPrototypeOf(t).t)return{tag:t,props:e,children:i};if("function"==typeof t)return t(e,i);throw new Error(`Unknown tag in vdom ${t}`)},i.render=(t,e,n={})=>{if(null==e||!1===e)return;!function(t,e,n={}){if(null==e||!1===e)return;if(e=m(e,n),!t)return;const i="SVG"===t.nodeName;Array.isArray(e)?a(t,e,i):a(t,[e],i)}("string"==typeof t&&t?document.getElementById(t)||document.querySelector(t):t,e=r(e,n),n)},i.Fragment=c,i.webComponent=w,i.safeHTML=d,i.start=(t,e,n,i,s)=>{const o=Object.assign({render:!0,global_event:!0},s),r=new _(e,n,i);return s&&s.rendered&&(r.rendered=s.rendered),s&&s.mounted&&(r.mounted=s.mounted),r.start(t,o),r};const S=t=>{};i.on("$",S),i.on("debug",(t=>S)),i.on(M,S),i.on("#",S),i.route=E,i.on("route",(t=>i.route&&i.route(t))),"object"==typeof document&&document.addEventListener("DOMContentLoaded",(()=>{i.route===E&&(window.onpopstate=()=>E(location.hash),document.body.hasAttribute("apprun-no-init")||i["no-init-route"]||E(location.hash))})),"object"==typeof window&&(window.Component=_,window._React=window.React,window.React=i,window.on=O,window.customElement=$,window.safeHTML=d);export{t as App,_ as Component,c as Fragment,x as ROUTER_404_EVENT,M as ROUTER_EVENT,i as app,$ as customElement,i as default,j as event,O as on,d as safeHTML,j as update};
1
+ class t{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:i,options:s}=n;return s.delay?this.delay(t,i,e,s):Object.keys(s).length>0?i.apply(this,[...e,s]):i.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,i){i._t&&clearTimeout(i._t),i._t=setTimeout((()=>{clearTimeout(i._t),Object.keys(i).length>0?e.apply(this,[...n,i]):e.apply(this,n)}),i.delay)}runAsync(t,...e){const n=this.getSubscribers(t,this._events);console.assert(n&&n.length>0,"No subscriber for event: "+t);const i=n.map((t=>{const{fn:n,options:i}=t;return Object.keys(i).length>0?n.apply(this,[...e,i]):n.apply(this,e)}));return Promise.all(i)}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((i=>n.push(...e[i].map((e=>Object.assign(Object.assign({},e),{options:Object.assign(Object.assign({},e.options),{event:t})})))))),n}}let e;const n="object"==typeof self&&self.self===self&&self||"object"==typeof global&&global.global===global&&global;n.app&&n._AppRunVersions?e=n.app:(e=new t,n.app=e,n._AppRunVersions="AppRun-3");var i=e;const s=(t,e)=>(e?t.state[e]:t.state)||"",o=(t,e,n)=>{if(e){const i=t.state||{};i[e]=n,t.setState(i)}else t.setState(n)},r=(t,e)=>{if(Array.isArray(t))return t.map((t=>r(t,e)));{let{tag:n,props:c,children:h}=t;return n?(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):i.run(t,e);else if("string"==typeof n)e[t]=t=>r.run?r.run(n,t):i.run(n,t);else if("function"==typeof n)e[t]=t=>r.setState(n(r.state,t));else if(Array.isArray(n)){const[s,...o]=n;"string"==typeof s?e[t]=t=>r.run?r.run(s,...o,t):i.run(s,...o,t):"function"==typeof s&&(e[t]=t=>r.setState(s(r.state,...o,t)))}}else if("$bind"===t){const i=e.type||"text",c="string"==typeof e[t]?e[t]:e.name;if("input"===n)switch(i){case"checkbox":e.checked=s(r,c),e.onclick=t=>o(r,c||t.target.name,t.target.checked);break;case"radio":e.checked=s(r,c)===e.value,e.onclick=t=>o(r,c||t.target.name,t.target.value);break;case"number":case"range":e.value=s(r,c),e.oninput=t=>o(r,c||t.target.name,Number(t.target.value));break;default:e.value=s(r,c),e.oninput=t=>o(r,c||t.target.name,t.target.value)}else"select"===n?(e.value=s(r,c),e.onchange=t=>{t.target.multiple||o(r,c||t.target.name,t.target.value)}):"option"===n?(e.selected=s(r,c),e.onclick=t=>o(r,c||t.target.name,t.target.selected)):"textarea"===n&&(e.innerHTML=s(r,c),e.oninput=t=>o(r,c||t.target.name,t.target.value))}else i.run("$",{key:t,tag:n,props:e,component:r})})(t,c,n,e),delete c[t])})),h&&(h=r(h,e)),{tag:n,props:c,children:h}):t}};function c(t,...e){return u(e)}const h="_props";function u(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}const l=new WeakMap;function f(t,e,n){3!==e._op&&(n=n||"svg"===e.tag,!function(t,e){const n=t.nodeName,i=`${e.tag||""}`;return n.toUpperCase()===i.toUpperCase()}(t,e)?t.parentNode.replaceChild(b(e,n),t):(!(2&e._op)&&a(t,e.children,n),!(1&e._op)&&y(t,e.props,n)))}function a(t,e,n){var i,s;const o=(null===(i=t.childNodes)||void 0===i?void 0:i.length)||0,r=(null==e?void 0:e.length)||0,c=Math.min(o,r);for(let i=0;i<c;i++){const s=e[i];if(3===s._op)continue;const o=t.childNodes[i];if("string"==typeof s)o.textContent!==s&&(3===o.nodeType?o.nodeValue=s:t.replaceChild(p(s),o));else if(s instanceof HTMLElement||s instanceof SVGElement)t.insertBefore(s,o);else{const e=s.props&&s.props.key;if(e)if(o.key===e)f(t.childNodes[i],s,n);else{const r=l[e];if(r){const e=r.nextSibling;t.insertBefore(r,o),e?t.insertBefore(o,e):t.appendChild(o),f(t.childNodes[i],s,n)}else t.replaceChild(b(s,n),o)}else f(t.childNodes[i],s,n)}}let h=(null===(s=t.childNodes)||void 0===s?void 0:s.length)||0;for(;h>c;)t.removeChild(t.lastChild),h--;if(r>c){const i=document.createDocumentFragment();for(let t=c;t<e.length;t++)i.appendChild(b(e[t],n));t.appendChild(i)}}const d=t=>{const e=document.createElement("section");return e.insertAdjacentHTML("afterbegin",t),Array.from(e.children)};function p(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 b(t,e){if(t instanceof HTMLElement||t instanceof SVGElement)return t;if("string"==typeof t)return p(t);if(!t.tag||"function"==typeof t.tag)return p(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 y(n,t.props,e),t.children&&t.children.forEach((t=>n.appendChild(b(t,e)))),n}function y(t,e,n){const i=t[h]||{};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}(i,e||{}),t[h]=e;for(const i in e){const s=e[i];if(i.startsWith("data-")){const e=i.substring(5).replace(/-(\w)/g,(t=>t[1].toUpperCase()));t.dataset[e]!==s&&(s||""===s?t.dataset[e]=s:delete t.dataset[e])}else if("style"===i)if(t.style.cssText&&(t.style.cssText=""),"string"==typeof s)t.style.cssText=s;else for(const e in s)t.style[e]!==s[e]&&(t.style[e]=s[e]);else if(i.startsWith("xlink")){const e=i.replace("xlink","").toLowerCase();null==s||!1===s?t.removeAttributeNS("http://www.w3.org/1999/xlink",e):t.setAttributeNS("http://www.w3.org/1999/xlink",e,s)}else i.startsWith("on")?s&&"function"!=typeof s?"string"==typeof s&&(s?t.setAttribute(i,s):t.removeAttribute(i)):t[i]=s:/^id$|^class$|^list$|^readonly$|^contenteditable$|^role|-|^for$/g.test(i)||n?t.getAttribute(i)!==s&&(s?t.setAttribute(i,s):t.removeAttribute(i)):t[i]!==s&&(t[i]=s);"key"===i&&s&&(l[s]=t)}e&&"function"==typeof e.ref&&window.requestAnimationFrame((()=>e.ref(t)))}function m(t,e,n=0){var i;if("string"==typeof t)return t;if(Array.isArray(t))return t.map((t=>m(t,e,n++)));let s=t;if(t&&"function"==typeof t.tag&&Object.getPrototypeOf(t.tag).t&&(s=function(t,e,n){const{tag:i,props:s,children:o}=t;let r=`_${n}`,c=s&&s.id;c?r=c:c=`_${n}${Date.now()}`;let h="section";s&&s.as&&(h=s.as,delete s.as),e.i||(e.i={});let u=e.i[r];if(u&&u instanceof i&&u.element)u.renderState(u.state);else{const t=document.createElement(h);u=e.i[r]=new i(Object.assign(Object.assign({},s),{children:o})).mount(t,{render:!0})}if(u.mounted){const t=u.mounted(s,o,u.state);void 0!==t&&u.setState(t)}return y(u.element,s,!1),u.element}(t,e,n)),s&&Array.isArray(s.children)){const t=null===(i=s.props)||void 0===i?void 0:i._component;if(t){let e=0;s.children=s.children.map((n=>m(n,t,e++)))}else s.children=s.children.map((t=>m(t,e,n++)))}return s}const g=(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 i=n.observedAttributes||[],s=i.reduce(((t,e)=>{const n=e.toLowerCase();return n!==e&&(t[n]=e),t}),{});this._attrMap=t=>s[t]||t;const o={};Array.from(this.attributes).forEach((t=>o[this._attrMap(t.name)]=t.value)),i.forEach((t=>{void 0!==this[t]&&(o[t]=this[t]),Object.defineProperty(this,t,{get:()=>o[t],set(e){this.attributeChangedCallback(t,o[t],e)},configurable:!0,enumerable:!0})})),requestAnimationFrame((()=>{const e=this.children?Array.from(this.children):[];if(e.forEach((t=>t.parentElement.removeChild(t))),this._component=new t(Object.assign(Object.assign({},o),{children:e})).mount(this._shadowRoot,n),this._component._props=o,this._component.dispatchEvent=this.dispatchEvent.bind(this),this._component.mounted){const t=this._component.mounted(o,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,i;null===(e=null===(t=this._component)||void 0===t?void 0:t.unload)||void 0===e||e.call(t),null===(i=null===(n=this._component)||void 0===n?void 0:n.unmount)||void 0===i||i.call(n),this._component=null}attributeChangedCallback(t,n,i){if(this._component){const s=this._attrMap(t);this._component._props[s]=i,this._component.run("attributeChanged",s,n,i),i!==n&&!1!==e.render&&window.requestAnimationFrame((()=>{this._component.run(".")}))}}};var w=(t,e,n)=>{"undefined"!=typeof customElements&&customElements.define(t,g(e,n))};const v={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}};function j(t,e={}){return(n,i,s)=>{const o=t?t.toString():i;return v.defineMetadata(`apprun-update:${o}`,{name:o,key:i,options:e},n),s}}function O(t,e={}){return function(n,i){const s=t?t.toString():i;v.defineMetadata(`apprun-update:${s}`,{name:s,key:i,options:e},n)}}function $(t,e){return function(n){return w(t,n,e),n}}const k=new Map;i.find("get-components")||i.on("get-components",(t=>t.components=k));const A=t=>t;class _{renderState(t,e=null){if(!this.view)return;let n=e||this.view(t);if(i.debug&&i.run("debug",{component:this,_:n?".":"-",state:t,vdom:n,el:this.element}),"object"!=typeof document)return;const s="string"==typeof this.element&&this.element?document.getElementById(this.element)||document.querySelector(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=r(n,this),this.options.transition&&document&&document.startViewTransition?document.startViewTransition((()=>i.render(s,n,this))):i.render(s,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(e,n,i,s){this.state=e,this.view=n,this.update=i,this.options=s,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,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,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]||(this.update[e.route]=A)),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()),this.setState(this.state,{render:!!e.render,history:!0}),i.debug&&(k.get(t)?k.get(t).push(this):k.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)=>{i.debug&&i.run("debug",{component:this,_:">",event:t,p:s,current_state:this.state,options:n});const o=e(this.state,...s);i.debug&&i.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||{};v.getMetadataKeys(this).forEach((e=>{if(e.startsWith("apprun-update:")){const n=v.getMetadata(e,this);t[n.name]=[this[n.key].bind(this),n.options]}}));const e={};Array.isArray(t)?t.forEach((t=>{const[n,i,s]=t;n.toString().split(",").forEach((t=>e[t.trim()]=[i,s]))})):Object.keys(t).forEach((n=>{const i=t[n];("function"==typeof i||Array.isArray(i))&&n.split(",").forEach((t=>e[t.trim()]=i))})),e["."]||(e["."]=A),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)?i.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)?i.on(s,e,n):this._app.on(s,e,n)}runAsync(t,...e){const n=t.toString();return this.is_global_event(n)?i.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)?i.off(e,n):this._app.off(e,n)}))}}_.t=!0;const M="//",x="///",E=t=>{if(t||(t="#"),t.startsWith("#")){const[e,...n]=t.split("/");i.run(e,...n)||i.run(x,e,...n),i.run(M,e,...n)}else if(t.startsWith("/")){const[e,n,...s]=t.split("/");i.run("/"+n,...s)||i.run(x,"/"+n,...s),i.run(M,"/"+n,...s)}else i.run(t)||i.run(x,t),i.run(M,t)};i.h=i.createElement=function(t,e,...n){const i=u(n);if("string"==typeof t)return{tag:t,props:e,children:i};if(Array.isArray(t))return t;if(void 0===t&&n)return i;if(Object.getPrototypeOf(t).t)return{tag:t,props:e,children:i};if("function"==typeof t)return t(e,i);throw new Error(`Unknown tag in vdom ${t}`)},i.render=(t,e,n={})=>{if(null==e||!1===e)return;!function(t,e,n={}){if(null==e||!1===e)return;if(e=m(e,n),!t)return;const i="SVG"===t.nodeName;Array.isArray(e)?a(t,e,i):a(t,[e],i)}("string"==typeof t&&t?document.getElementById(t)||document.querySelector(t):t,e=r(e,n),n)},i.Fragment=c,i.webComponent=w,i.safeHTML=d,i.start=(t,e,n,i,s)=>{const o=Object.assign({render:!0,global_event:!0},s),r=new _(e,n,i);return s&&s.rendered&&(r.rendered=s.rendered),s&&s.mounted&&(r.mounted=s.mounted),r.start(t,o),r};const S=t=>{};i.on("$",S),i.on("debug",(t=>S)),i.on(M,S),i.on("#",S),i.route=E,i.on("route",(t=>i.route&&i.route(t))),"object"==typeof document&&document.addEventListener("DOMContentLoaded",(()=>{i.route===E&&(window.onpopstate=()=>E(location.hash),document.body.hasAttribute("apprun-no-init")||i["no-init-route"]||E(location.hash))})),"object"==typeof window&&(window.Component=_,window._React=window.React,window.React=i,window.on=O,window.customElement=$,window.safeHTML=d),i.use_render=(t,e=0)=>i.render=0===e?(e,n)=>t(n,e):(e,n)=>t(e,n),i.use_react=t=>{i.render=(e,n)=>{e&&n&&(e._root||(e._root=t(e)),e._root.render(n))}};export{t as App,_ as Component,c as Fragment,x as ROUTER_404_EVENT,M as ROUTER_EVENT,i as app,$ as customElement,i as default,j as event,O as on,d as safeHTML,j as update};
2
2
  //# sourceMappingURL=apprun.esm.js.map