faster-dom - npm Package Compare versions

Comparing version 0.0.21-alpha to 0.0.22-alpha

faster-dom.cjs.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const PARAMETER_REGEXP=/([:*])(\w+)/g,WILDCARD_REGEXP=/\*/g,REPLACE_VARIABLE_REGEXP="([^/]+)",REPLACE_WILDCARD="(?:.*)",FOLLOWED_BY_SLASH_REGEXP="(?:/$|$)",MATCH_REGEXP_FLAGS="",isPushStateAvailable=!("undefined"==typeof window||!window.history||!window.history.pushState);function setNodeStyle(e,t){"string"!=typeof t?Object.keys(t).forEach(s=>{e.style.setProperty(s,t[s])}):e.style.cssText=t}function setNodeAttrs(e,t){Object.keys(t).forEach(s=>{t[s]||""===t[s]?e.setAttribute(s,t[s]):e.removeAttribute(s)})}function setProps(e,t){Object.keys(t).forEach(s=>{e[s]=t[s]})}function addNodeListener(e,t){e&&t&&Object.keys(t).forEach(s=>{Array.isArray(t[s])?t[s].forEach(t=>{e.addEventListener(s,t)}):e.addEventListener(s,t[s])})}function removeNodeListener(e,t){e&&t&&Object.keys(t).forEach(s=>{Array.isArray(t[s])?t[s].forEach(t=>{e.removeEventListener(s,t)}):e.removeEventListener(s,t[s])})}function removeAllChild(e){if(e)for(;e.firstChild;)e.removeChild(e.firstChild)}function removeAllListenersComponent(e){e.listeners&&removeNodeListener(e.domNode,e.listeners),e.children&&e.children.forEach(e=>{!e.instance&&e.tag&&removeAllListenersComponent(e)})}function callDeep(e,t,s,...r){if(e){if(s)return e.children&&e.children.forEach(e=>{callDeep(e,t,s,...r)}),void(e.instance&&e.instance[t](...r));e.instance&&e.instance[t](...r),e.children&&e.children.forEach(e=>{callDeep(e,t,s,...r)})}}function getOnlyURL(e,t=!1,s="#"){let r,o=e;var n=e=>e.split(/\?(.*)?$/)[0];return void 0===s&&(s="#"),o=isPushStateAvailable&&!t?n(e).split(s)[0]:(r=e.split(s)).length>1?n(r[1]):n(r[0])}function regExpResultToParams(e,t){return 0===t.length?null:e?e.slice(1,e.length).reduce((e,s,r)=>(null===e&&(e={}),e[t[r]]=decodeURIComponent(s),e),null):null}function clean(e){return e instanceof RegExp?e:e.replace(/\/+$/,"").replace(/^\/+/,"^/")}function findMatchedRoutes(e,t=[]){return t.map(t=>{const{regexp:s,paramNames:r}=replaceDynamicURLParts(clean(t.path)),o=e.match(s),n=regExpResultToParams(o,r);return!!o&&{match:o,route:t,params:n}}).filter(e=>e)}function matchRoute(e,t=[]){return findMatchedRoutes(getOnlyURL(e),t)[0]||!1}function replaceDynamicURLParts(e){const t=[];let s;return{regexp:s=e instanceof RegExp?e:new RegExp(e.replace(PARAMETER_REGEXP,function(e,s,r){return t.push(r),REPLACE_VARIABLE_REGEXP}).replace(WILDCARD_REGEXP,REPLACE_WILDCARD)+FOLLOWED_BY_SLASH_REGEXP,MATCH_REGEXP_FLAGS),paramNames:t}}class Observer{constructor(e,t=!1){this._value=e,this.forces=t,this.setterTimeout=null,this.subscribers=[],this.isDestroy=!1,this.firstState=e}get value(){return this._value}destroy(e=!1){this.setterTimeout&&cancelAnimationFrame(this.setterTimeout),this.isDestroy=!0,e&&(this.subscribers=[])}reInit(){this.isDestroy=!1,this.value=this.firstState}addSubscriber(e){this.isDestroy||this.subscribers.push(e)}removeSubscriber(e){const t=this.subscribers.indexOf(e);t>-1&&this.subscribers.splice(t,1)}set value(e){this.isDestroy||(this._value!==e||this.forces)&&(this._value=e,this.subscribers.length&&(this.setterTimeout&&cancelAnimationFrame(this.setterTimeout),this.setterTimeout=requestAnimationFrame(()=>{this.subscribers.forEach(t=>{t(e)})})))}}class fdObject{constructor(e={}){this.obsArr=[],this.values={},this.obs=new Observer(this.values,!0),this.isDestroyed=!1,Object.keys(e).forEach(t=>{const s=e[t];"object"==typeof s?(this.obsArr.push(s),this.values[t]=s.value,s.addSubscriber(e=>{this.values[t]=e,this.obs.value=this.values})):this.values[t]=s})}get value(){return this.obs}reInit(){this.isDestroyed=!1,this.obs.reInit(),this.obsArr.forEach(e=>{e.reInit()})}destroy(e=!1){this.isDestroyed||(this.obs.destroy(e),this.obsArr.forEach(t=>{t.destroy(e)}),this.isDestroyed=!0)}}const instance=Symbol("instance");function generateNode(e){if(!1===e.show)return null;const t="textNode"!==e.tag?document.createElement(e.tag):document.createTextNode("");if(e.domNode=t,null!==e.textValue||void 0!==e.textValue)if("object"==typeof e.textValue){const s=e.textValue;s.addSubscriber(e=>{t.textContent=e}),t.textContent=s.value}else t.textContent=e.textValue;let s,r,o,n;if("textNode"!==e.tag){if(e.classList)if(Array.isArray(e.classList))e.classList.forEach(e=>{t.classList.add(e)});else{s=e.classList;const r=e.classList.value;Object.keys(r.value).forEach(e=>{return r.value[e]?t.classList.add(e):t.classList.remove(e)}),r.addSubscriber(e=>{Object.keys(e).forEach(s=>{return e[s]?t.classList.add(s):t.classList.remove(s)})})}if(e.props)if(e.props instanceof fdObject){o=e.props;const s=e.props.value;setProps(t,s.value),s.addSubscriber(e=>{setProps(t,e)})}else setProps(t,e.props);if(e.styles)if(e.styles instanceof fdObject){const s=(n=e.styles).value;setNodeStyle(t,s.value),s.addSubscriber(e=>{setNodeStyle(t,e)})}else e.styles instanceof Observer?(n=e.styles,setNodeStyle(t,n.value),n.addSubscriber(e=>{setNodeStyle(t,e)})):setNodeStyle(t,e.styles);if(e.attrs)if(e.attrs instanceof fdObject){r=e.attrs;const s=e.attrs.value;setNodeAttrs(t,s.value),s.addSubscriber(e=>{setNodeAttrs(t,e)})}else setNodeAttrs(t,e.attrs);e.children&&e.children.forEach(e=>{if(!e)return;if(Array.isArray(e))return e.forEach(e=>{if(!e.tag)return void t.appendChild(e);const s=generateNode(Object.assign(e,{parent:t}));s&&t.appendChild(s)}),void(e._parent=t);if(!e.tag)return void t.appendChild(e);const s=generateNode(Object.assign(e,{parent:t}));s&&t.appendChild(s)}),e.listeners&&addNodeListener(t,e.listeners)}if(e.instance&&(t[instance]=e.instance,e.instance.onInit()),"object"==typeof e.show){const i=document.createComment("");return e.show.addSubscriber(a=>{const c=e.parent?e.parent:null;a?c&&(i.parentNode===c&&c.replaceChild(t,i),callDeep(e,"reInit",!1),n&&s.reInit(),s&&s.reInit(),o&&o.reInit(),r&&r.reInit(),"textNode"!==e.tag&&addNodeListener(t,e.listeners)):c&&("textNode"!==e.tag&&removeNodeListener(t,e.listeners),r&&r.destroy(),o&&o.destroy(),s&&s.destroy(),n&&s.destroy(),callDeep(e,"destroy",!0),t.parentNode===c&&c.replaceChild(i,t))}),e.show.value?t:i}return t}function createComponent(e,t={}){const s=new e(t);return s.template.instance=s,s.template}class Component{constructor(){this.reactive={},this.fdObjects={},this.fdStyles={}}onDestroy(){}onInit(){}reInit(){Object.keys(this.fdStyles).forEach(e=>{this.fdStyles[e].reInit()}),Object.keys(this.fdObjects).forEach(e=>{this.fdObjects[e].reInit()}),Object.keys(this.reactive).forEach(e=>{this.reactive[e].reInit()}),this.onInit()}destroy(...e){!0===e[0]&&removeAllListenersComponent(this.template),Object.keys(this.fdObjects).forEach(t=>{this.fdObjects[t].destroy(...e)}),Object.keys(this.reactive).forEach(t=>{this.reactive[t].destroy(...e)}),Object.keys(this.fdStyles).forEach(t=>{this.fdStyles[t].destroy(...e)}),this.onDestroy()}}function fdIf(e){return fdValue(e)}function fdValue(e){return new Observer(e)}const mapFn=(e,t,s={},r)=>{if("function"==typeof t){const o={};return Object.keys(s).forEach(t=>{const r=s[t];o[t]="function"==typeof r?r(e):r}),t(Object.assign({},o,{index:r}))}return Object.assign({},t,{textValue:t.textValue(e),index:r})};function fdFor(e,t,s={}){if(Array.isArray(e))return e.map((e,r)=>mapFn(e,t,s,r));let r=e.value.map((e,r)=>mapFn(e,t,s,r));return e.addSubscriber(e=>{let o=r._parent;r.length&&(r.forEach(e=>{callDeep(e,"destroy",!0,!0)}),removeAllChild(o)),e.length&&((r=e.map((e,r)=>mapFn(e,t,s,r))).forEach(e=>{o.appendChild(generateNode(e))}),r._parent=o)}),r}function getUrlDepth(e){return e.replace(/\/$/,"").split("/").length}function compareUrlDepth(e,t){return getUrlDepth(t.path)-getUrlDepth(e.path)}class ModuleRouter extends Component{constructor(e){super(),this.baseHref=e,this._arrPaths=[],this._cUrl=fdValue(null),this._cState=fdValue(null),this._currentComp=null,this.template={tag:"div",classList:["router-view"]},this.onPopState=(e=>{this.applyUrl((e.isTrusted?e.state:this.baseHref+e.state).replace(/[\\\\\/]+/g,"/"))}),this.applyUrl=(e=>{const t=matchRoute(e,this._arrPaths);if(!t)return;const s=t.route;if(this._currentComp&&callDeep(this._currentComp,"destroy",!0,!0),removeAllChild(this.template.domNode),s.resolver){s.resolver(t.params).then(t=>{this.createComponent(e,s,t)})}else this.createComponent(e,s)})}setPaths(e={}){Object.keys(e).forEach(t=>{this._arrPaths.push({component:e[t].component,title:e[t].title,path:clean((this.baseHref+t).replace(/[\\\\\/]+/g,"/")),resolver:e[t].resolver})}),this._arrPaths.sort(compareUrlDepth)}createComponent(e,t,s){t.title&&(document.title=t.title),this._cUrl.value=e,this._cState.value=t.path;const r=t.component(s);this.template.domNode.appendChild(generateNode(r)),this._currentComp=r,window.history.pushState(this._cUrl.value,document.title,this._cUrl.value)}onInit(){window.addEventListener("popstate",this.onPopState),this.goToUrl("/")}onDestroy(){window.removeEventListener("popstate",this.onPopState)}goToUrl(e){this._cUrl.value!==(this.baseHref+e).replace(/[\\\\\/]+/g,"/")&&dispatchEvent(new PopStateEvent("popstate",{state:e}))}isCurrentRoute(e){const t=matchRoute((this.baseHref+e).replace(/[\\\\\/]+/g,"/"),[{path:this._cState.value}]);return!!t&&""!==t.match[0]}getCurrentRoute(){return this._cUrl}getCurrentState(){return this._cState}}const Router=new ModuleRouter(window.location.pathname);function createRouter(e){return Router.setPaths(e),Router.template}exports.Component=Component,exports.Router=Router,exports.createComponent=createComponent,exports.createRouter=createRouter,exports.fdFor=fdFor,exports.fdIf=fdIf,exports.fdObject=fdObject,exports.fdValue=fdValue,exports.generateNode=generateNode,exports.matchRoute=matchRoute;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const PARAMETER_REGEXP=/([:*])(\w+)/g,WILDCARD_REGEXP=/\*/g,REPLACE_VARIABLE_REGEXP="([^/]+)",REPLACE_WILDCARD="(?:.*)",FOLLOWED_BY_SLASH_REGEXP="(?:/$|$)",MATCH_REGEXP_FLAGS="",isPushStateAvailable=!("undefined"==typeof window||!window.history||!window.history.pushState);function setNodeStyle(e,t){"string"!=typeof t?Object.keys(t).forEach(s=>{e.style.setProperty(s,t[s])}):e.style.cssText=t}function setNodeAttrs(e,t){Object.keys(t).forEach(s=>{t[s]||""===t[s]?e.setAttribute(s,t[s]):e.removeAttribute(s)})}function setProps(e,t){Object.keys(t).forEach(s=>{e[s]=t[s]})}function addNodeListener(e,t){e&&t&&Object.keys(t).forEach(s=>{Array.isArray(t[s])?t[s].forEach(t=>{e.addEventListener(s,t)}):e.addEventListener(s,t[s])})}function removeNodeListener(e,t){e&&t&&Object.keys(t).forEach(s=>{Array.isArray(t[s])?t[s].forEach(t=>{e.removeEventListener(s,t)}):e.removeEventListener(s,t[s])})}function removeAllChild(e){if(e)for(;e.firstChild;)e.removeChild(e.firstChild)}function removeAllListenersComponent(e){e.listeners&&removeNodeListener(e.domNode,e.listeners),e.children&&e.children.forEach(e=>{!e.instance&&e.tag&&removeAllListenersComponent(e)})}function callDeep(e,t,s,...r){if(e){if(s)return e.children&&e.children.forEach(e=>{callDeep(e,t,s,...r)}),void(e.instance&&e.instance[t](...r));e.instance&&e.instance[t](...r),e.children&&e.children.forEach(e=>{callDeep(e,t,s,...r)})}}function getOnlyURL(e,t=!1,s="#"){let r,o=e;var n=e=>e.split(/\?(.*)?$/)[0];return void 0===s&&(s="#"),o=isPushStateAvailable&&!t?n(e).split(s)[0]:(r=e.split(s)).length>1?n(r[1]):n(r[0])}function regExpResultToParams(e,t){return 0===t.length?null:e?e.slice(1,e.length).reduce((e,s,r)=>(null===e&&(e={}),e[t[r]]=decodeURIComponent(s),e),null):null}function clean(e){return e instanceof RegExp?e:e.replace(/\/+$/,"").replace(/^\/+/,"^/")}function findMatchedRoutes(e,t=[]){return t.map(t=>{const{regexp:s,paramNames:r}=replaceDynamicURLParts(clean(t.path)),o=e.match(s),n=regExpResultToParams(o,r);return!!o&&{match:o,route:t,params:n}}).filter(e=>e)}function matchRoute(e,t=[]){return findMatchedRoutes(getOnlyURL(e),t)[0]||!1}function replaceDynamicURLParts(e){const t=[];let s;return{regexp:s=e instanceof RegExp?e:new RegExp(e.replace(PARAMETER_REGEXP,function(e,s,r){return t.push(r),REPLACE_VARIABLE_REGEXP}).replace(WILDCARD_REGEXP,REPLACE_WILDCARD)+FOLLOWED_BY_SLASH_REGEXP,MATCH_REGEXP_FLAGS),paramNames:t}}class Observer{constructor(e,t=!1){this._value=e,this.forces=t,this.setterTimeout=null,this.subscribers=[],this.isDestroy=!1,this.firstState=e}get value(){return this._value}destroy(e=!1){this.isDestroy||(this.setterTimeout&&cancelAnimationFrame(this.setterTimeout),e&&(this.subscribers=[]),this.isDestroy=!0)}reInit(){this.isDestroy=!1,this.value=this.firstState}addSubscriber(e){this.isDestroy||this.subscribers.push(e)}removeSubscriber(e){const t=this.subscribers.indexOf(e);t>-1&&this.subscribers.splice(t,1)}set value(e){this.isDestroy||(this._value!==e||this.forces)&&(this._value=e,this.subscribers.length&&(this.setterTimeout&&cancelAnimationFrame(this.setterTimeout),this.setterTimeout=requestAnimationFrame(()=>{this.subscribers.forEach(t=>{t(e)})})))}}class fdObject{constructor(e={}){this.obsArr=[],this.values={},this.obs=new Observer(this.values,!0),this.isDestroyed=!1,Object.keys(e).forEach(t=>{const s=e[t];"object"==typeof s?(this.obsArr.push(s),this.values[t]=s.value,s.addSubscriber(e=>{this.values[t]=e,this.obs.value=this.values})):this.values[t]=s})}get value(){return this.obs}reInit(){this.isDestroyed=!1,this.obs.reInit(),this.obsArr.forEach(e=>{e.reInit()})}destroy(e=!1){this.isDestroyed||(this.obs.destroy(e),this.obsArr.forEach(t=>{t.destroy(e)}),this.isDestroyed=!0)}}const instance=Symbol("instance");function generateNode(e){if(!1===e.show)return null;const t="textNode"!==e.tag?document.createElement(e.tag):document.createTextNode("");if(e.domNode=t,null!==e.textValue||void 0!==e.textValue)if("object"==typeof e.textValue){const s=e.textValue;s.addSubscriber(e=>{t.textContent=e}),t.textContent=s.value}else t.textContent=e.textValue;let s,r,o,n;if("textNode"!==e.tag){if(e.classList)if(Array.isArray(e.classList))e.classList.forEach(e=>{t.classList.add(e)});else{s=e.classList;const r=e.classList.value;Object.keys(r.value).forEach(e=>{return r.value[e]?t.classList.add(e):t.classList.remove(e)}),r.addSubscriber(e=>{Object.keys(e).forEach(s=>{return e[s]?t.classList.add(s):t.classList.remove(s)})})}if(e.props)if(e.props instanceof fdObject){o=e.props;const s=e.props.value;setProps(t,s.value),s.addSubscriber(e=>{setProps(t,e)})}else setProps(t,e.props);if(e.styles)if(e.styles instanceof fdObject){const s=(n=e.styles).value;setNodeStyle(t,s.value),s.addSubscriber(e=>{setNodeStyle(t,e)})}else e.styles instanceof Observer?(n=e.styles,setNodeStyle(t,n.value),n.addSubscriber(e=>{setNodeStyle(t,e)})):setNodeStyle(t,e.styles);if(e.attrs)if(e.attrs instanceof fdObject){r=e.attrs;const s=e.attrs.value;setNodeAttrs(t,s.value),s.addSubscriber(e=>{setNodeAttrs(t,e)})}else setNodeAttrs(t,e.attrs);e.children&&e.children.forEach(e=>{if(!e)return;if(Array.isArray(e))return e.forEach(e=>{if(!e.tag)return void t.appendChild(e);const s=generateNode(Object.assign(e,{parent:t}));s&&t.appendChild(s)}),void(e._parent=t);if(!e.tag)return void t.appendChild(e);const s=generateNode(Object.assign(e,{parent:t}));s&&t.appendChild(s)}),e.listeners&&addNodeListener(t,e.listeners)}if(e.instance&&(t[instance]=e.instance,e.instance.onInit()),"object"==typeof e.show){const i=document.createComment("");return e.show.addSubscriber(a=>{const c=e.parent?e.parent:null;a?c&&(i.parentNode===c&&c.replaceChild(t,i),callDeep(e,"reInit",!1),n&&s.reInit(),s&&s.reInit(),o&&o.reInit(),r&&r.reInit(),"textNode"!==e.tag&&addNodeListener(t,e.listeners)):c&&("textNode"!==e.tag&&removeNodeListener(t,e.listeners),r&&r.destroy(),o&&o.destroy(),s&&s.destroy(),n&&s.destroy(),callDeep(e,"destroy",!0),t.parentNode===c&&c.replaceChild(i,t))}),e.show.value?t:i}return t}function createComponent(e,t={}){const s=new e(t);return s.template.instance=s,s.template}class Component{constructor(){this.reactive={},this.fdObjects={},this.fdStyles={}}onDestroy(){}onInit(){}reInit(){Object.keys(this.fdStyles).forEach(e=>{this.fdStyles[e].reInit()}),Object.keys(this.fdObjects).forEach(e=>{this.fdObjects[e].reInit()}),Object.keys(this.reactive).forEach(e=>{this.reactive[e].reInit()}),this.onInit()}destroy(...e){!0===e[0]&&removeAllListenersComponent(this.template),Object.keys(this.fdObjects).forEach(t=>{this.fdObjects[t].destroy(...e)}),Object.keys(this.reactive).forEach(t=>{this.reactive[t].destroy(...e)}),Object.keys(this.fdStyles).forEach(t=>{this.fdStyles[t].destroy(...e)}),this.onDestroy()}}function fdIf(e){return fdValue(e)}function fdValue(e){return new Observer(e)}const mapFn=(e,t,s={},r)=>{if("function"==typeof t){const o={};return Object.keys(s).forEach(t=>{const r=s[t];o[t]="function"==typeof r?r(e):r}),t(Object.assign({},o,{index:r}))}return Object.assign({},t,{textValue:t.textValue(e),index:r})};function fdFor(e,t,s={}){if(Array.isArray(e))return e.map((e,r)=>mapFn(e,t,s,r));let r=e.value.map((e,r)=>mapFn(e,t,s,r));return e.addSubscriber(e=>{let o=r._parent;r.length&&(r.forEach(e=>{callDeep(e,"destroy",!0,!0)}),removeAllChild(o)),e.length&&((r=e.map((e,r)=>mapFn(e,t,s,r))).forEach(e=>{o.appendChild(generateNode(e))}),r._parent=o)}),r}function getUrlDepth(e){return e.replace(/\/$/,"").split("/").length}function compareUrlDepth(e,t){return getUrlDepth(t.path)-getUrlDepth(e.path)}class ModuleRouter extends Component{constructor(e){super(),this.baseHref=e,this._arrPaths=[],this._cUrl=fdValue(null),this._cState=fdValue(null),this._currentComp=null,this.template={tag:"div",classList:["router-view"]},this.onPopState=(e=>{this.applyUrl((e.isTrusted?e.state:this.baseHref+e.state).replace(/[\\\\\/]+/g,"/"))}),this.applyUrl=(e=>{const t=matchRoute(e,this._arrPaths);if(!t)return;const s=t.route;if(this._currentComp&&callDeep(this._currentComp,"destroy",!0,!0),removeAllChild(this.template.domNode),s.resolver){s.resolver(t.params).then(t=>{this.createComponent(e,s,t)})}else this.createComponent(e,s)})}setPaths(e={}){Object.keys(e).forEach(t=>{this._arrPaths.push({component:e[t].component,title:e[t].title,path:clean((this.baseHref+t).replace(/[\\\\\/]+/g,"/")),resolver:e[t].resolver})}),this._arrPaths.sort(compareUrlDepth)}createComponent(e,t,s){t.title&&(document.title=t.title),this._cUrl.value=e,this._cState.value=t.path;const r=t.component(s);this.template.domNode.appendChild(generateNode(r)),this._currentComp=r,window.history.pushState(this._cUrl.value,document.title,this._cUrl.value)}onInit(){window.addEventListener("popstate",this.onPopState),this.goToUrl("/")}onDestroy(){window.removeEventListener("popstate",this.onPopState)}goToUrl(e){this._cUrl.value!==(this.baseHref+e).replace(/[\\\\\/]+/g,"/")&&dispatchEvent(new PopStateEvent("popstate",{state:e}))}isCurrentRoute(e){const t=matchRoute((this.baseHref+e).replace(/[\\\\\/]+/g,"/"),[{path:this._cState.value}]);return!!t&&""!==t.match[0]}getCurrentRoute(){return this._cUrl}getCurrentState(){return this._cState}}const Router=new ModuleRouter(window.location.pathname);function createRouter(e){return Router.setPaths(e),Router.template}exports.Component=Component,exports.Router=Router,exports.createComponent=createComponent,exports.createRouter=createRouter,exports.fdFor=fdFor,exports.fdIf=fdIf,exports.fdObject=fdObject,exports.fdValue=fdValue,exports.generateNode=generateNode,exports.matchRoute=matchRoute;

faster-dom.esm.js

@@ -1,1 +0,1 @@
-const t=/([:*])(\w+)/g,e=/\*/g,s="([^/]+)",r="(?:.*)",i="(?:/$|$)",n="",o=!("undefined"==typeof window||!window.history||!window.history.pushState);function a(t,e){"string"!=typeof e?Object.keys(e).forEach(s=>{t.style.setProperty(s,e[s])}):t.style.cssText=e}function c(t,e){Object.keys(e).forEach(s=>{e[s]||""===e[s]?t.setAttribute(s,e[s]):t.removeAttribute(s)})}function l(t,e){Object.keys(e).forEach(s=>{t[s]=e[s]})}function h(t,e){t&&e&&Object.keys(e).forEach(s=>{Array.isArray(e[s])?e[s].forEach(e=>{t.addEventListener(s,e)}):t.addEventListener(s,e[s])})}function u(t,e){t&&e&&Object.keys(e).forEach(s=>{Array.isArray(e[s])?e[s].forEach(e=>{t.removeEventListener(s,e)}):t.removeEventListener(s,e[s])})}function d(t){if(t)for(;t.firstChild;)t.removeChild(t.firstChild)}function p(t,e,s,...r){if(t){if(s)return t.children&&t.children.forEach(t=>{p(t,e,s,...r)}),void(t.instance&&t.instance[e](...r));t.instance&&t.instance[e](...r),t.children&&t.children.forEach(t=>{p(t,e,s,...r)})}}function f(t){return t instanceof RegExp?t:t.replace(/\/+$/,"").replace(/^\/+/,"^/")}function b(o,a=[]){return a.map(a=>{const{regexp:c,paramNames:l}=function(o){const a=[];let c;c=o instanceof RegExp?o:new RegExp(o.replace(t,function(t,e,r){return a.push(r),s}).replace(e,r)+i,n);return{regexp:c,paramNames:a}}(f(a.path)),h=o.match(c),u=function(t,e){return 0===e.length?null:t?t.slice(1,t.length).reduce((t,s,r)=>(null===t&&(t={}),t[e[r]]=decodeURIComponent(s),t),null):null}(h,l);return!!h&&{match:h,route:a,params:u}}).filter(t=>t)}function y(t,e=[]){return b(function(t,e=!1,s="#"){let r,i=t;var n=t=>t.split(/\?(.*)?$/)[0];return void 0===s&&(s="#"),i=o&&!e?n(t).split(s)[0]:(r=t.split(s)).length>1?n(r[1]):n(r[0])}(t),e)[0]||!1}class v{constructor(t,e=!1){this._value=t,this.forces=e,this.setterTimeout=null,this.subscribers=[],this.isDestroy=!1,this.firstState=t}get value(){return this._value}destroy(t=!1){this.setterTimeout&&cancelAnimationFrame(this.setterTimeout),this.isDestroy=!0,t&&(this.subscribers=[])}reInit(){this.isDestroy=!1,this.value=this.firstState}addSubscriber(t){this.isDestroy||this.subscribers.push(t)}removeSubscriber(t){const e=this.subscribers.indexOf(t);e>-1&&this.subscribers.splice(e,1)}set value(t){this.isDestroy||(this._value!==t||this.forces)&&(this._value=t,this.subscribers.length&&(this.setterTimeout&&cancelAnimationFrame(this.setterTimeout),this.setterTimeout=requestAnimationFrame(()=>{this.subscribers.forEach(e=>{e(t)})})))}}class m{constructor(t={}){this.obsArr=[],this.values={},this.obs=new v(this.values,!0),this.isDestroyed=!1,Object.keys(t).forEach(e=>{const s=t[e];"object"==typeof s?(this.obsArr.push(s),this.values[e]=s.value,s.addSubscriber(t=>{this.values[e]=t,this.obs.value=this.values})):this.values[e]=s})}get value(){return this.obs}reInit(){this.isDestroyed=!1,this.obs.reInit(),this.obsArr.forEach(t=>{t.reInit()})}destroy(t=!1){this.isDestroyed||(this.obs.destroy(t),this.obsArr.forEach(e=>{e.destroy(t)}),this.isDestroyed=!0)}}const E=Symbol("instance");function g(t){if(!1===t.show)return null;const e="textNode"!==t.tag?document.createElement(t.tag):document.createTextNode("");if(t.domNode=e,null!==t.textValue||void 0!==t.textValue)if("object"==typeof t.textValue){const s=t.textValue;s.addSubscriber(t=>{e.textContent=t}),e.textContent=s.value}else e.textContent=t.textValue;let s,r,i,n;if("textNode"!==t.tag){if(t.classList)if(Array.isArray(t.classList))t.classList.forEach(t=>{e.classList.add(t)});else{s=t.classList;const r=t.classList.value;Object.keys(r.value).forEach(t=>{return r.value[t]?e.classList.add(t):e.classList.remove(t)}),r.addSubscriber(t=>{Object.keys(t).forEach(s=>{return t[s]?e.classList.add(s):e.classList.remove(s)})})}if(t.props)if(t.props instanceof m){i=t.props;const s=t.props.value;l(e,s.value),s.addSubscriber(t=>{l(e,t)})}else l(e,t.props);if(t.styles)if(t.styles instanceof m){const s=(n=t.styles).value;a(e,s.value),s.addSubscriber(t=>{a(e,t)})}else t.styles instanceof v?(n=t.styles,a(e,n.value),n.addSubscriber(t=>{a(e,t)})):a(e,t.styles);if(t.attrs)if(t.attrs instanceof m){r=t.attrs;const s=t.attrs.value;c(e,s.value),s.addSubscriber(t=>{c(e,t)})}else c(e,t.attrs);t.children&&t.children.forEach(t=>{if(!t)return;if(Array.isArray(t))return t.forEach(t=>{if(!t.tag)return void e.appendChild(t);const s=g(Object.assign(t,{parent:e}));s&&e.appendChild(s)}),void(t._parent=e);if(!t.tag)return void e.appendChild(t);const s=g(Object.assign(t,{parent:e}));s&&e.appendChild(s)}),t.listeners&&h(e,t.listeners)}if(t.instance&&(e[E]=t.instance,t.instance.onInit()),"object"==typeof t.show){const o=document.createComment("");return t.show.addSubscriber(a=>{const c=t.parent?t.parent:null;a?c&&(o.parentNode===c&&c.replaceChild(e,o),p(t,"reInit",!1),n&&s.reInit(),s&&s.reInit(),i&&i.reInit(),r&&r.reInit(),"textNode"!==t.tag&&h(e,t.listeners)):c&&("textNode"!==t.tag&&u(e,t.listeners),r&&r.destroy(),i&&i.destroy(),s&&s.destroy(),n&&s.destroy(),p(t,"destroy",!0),e.parentNode===c&&c.replaceChild(o,e))}),t.show.value?e:o}return e}function S(t,e={}){const s=new t(e);return s.template.instance=s,s.template}class j{constructor(){this.reactive={},this.fdObjects={},this.fdStyles={}}onDestroy(){}onInit(){}reInit(){Object.keys(this.fdStyles).forEach(t=>{this.fdStyles[t].reInit()}),Object.keys(this.fdObjects).forEach(t=>{this.fdObjects[t].reInit()}),Object.keys(this.reactive).forEach(t=>{this.reactive[t].reInit()}),this.onInit()}destroy(...t){!0===t[0]&&function t(e){e.listeners&&u(e.domNode,e.listeners),e.children&&e.children.forEach(e=>{!e.instance&&e.tag&&t(e)})}(this.template),Object.keys(this.fdObjects).forEach(e=>{this.fdObjects[e].destroy(...t)}),Object.keys(this.reactive).forEach(e=>{this.reactive[e].destroy(...t)}),Object.keys(this.fdStyles).forEach(e=>{this.fdStyles[e].destroy(...t)}),this.onDestroy()}}function w(t){return x(t)}function x(t){return new v(t)}const C=(t,e,s={},r)=>{if("function"==typeof e){const i={};return Object.keys(s).forEach(e=>{const r=s[e];i[e]="function"==typeof r?r(t):r}),e(Object.assign({},i,{index:r}))}return Object.assign({},e,{textValue:e.textValue(t),index:r})};function O(t,e,s={}){if(Array.isArray(t))return t.map((t,r)=>C(t,e,s,r));let r=t.value.map((t,r)=>C(t,e,s,r));return t.addSubscriber(t=>{let i=r._parent;r.length&&(r.forEach(t=>{p(t,"destroy",!0,!0)}),d(i)),t.length&&((r=t.map((t,r)=>C(t,e,s,r))).forEach(t=>{i.appendChild(g(t))}),r._parent=i)}),r}function _(t){return t.replace(/\/$/,"").split("/").length}function A(t,e){return _(e.path)-_(t.path)}const I=new class extends j{constructor(t){super(),this.baseHref=t,this._arrPaths=[],this._cUrl=x(null),this._cState=x(null),this._currentComp=null,this.template={tag:"div",classList:["router-view"]},this.onPopState=(t=>{this.applyUrl((t.isTrusted?t.state:this.baseHref+t.state).replace(/[\\\\\/]+/g,"/"))}),this.applyUrl=(t=>{const e=y(t,this._arrPaths);if(!e)return;const s=e.route;this._currentComp&&p(this._currentComp,"destroy",!0,!0),d(this.template.domNode),s.resolver?s.resolver(e.params).then(e=>{this.createComponent(t,s,e)}):this.createComponent(t,s)})}setPaths(t={}){Object.keys(t).forEach(e=>{this._arrPaths.push({component:t[e].component,title:t[e].title,path:f((this.baseHref+e).replace(/[\\\\\/]+/g,"/")),resolver:t[e].resolver})}),this._arrPaths.sort(A)}createComponent(t,e,s){e.title&&(document.title=e.title),this._cUrl.value=t,this._cState.value=e.path;const r=e.component(s);this.template.domNode.appendChild(g(r)),this._currentComp=r,window.history.pushState(this._cUrl.value,document.title,this._cUrl.value)}onInit(){window.addEventListener("popstate",this.onPopState),this.goToUrl("/")}onDestroy(){window.removeEventListener("popstate",this.onPopState)}goToUrl(t){this._cUrl.value!==(this.baseHref+t).replace(/[\\\\\/]+/g,"/")&&dispatchEvent(new PopStateEvent("popstate",{state:t}))}isCurrentRoute(t){const e=y((this.baseHref+t).replace(/[\\\\\/]+/g,"/"),[{path:this._cState.value}]);return!!e&&""!==e.match[0]}getCurrentRoute(){return this._cUrl}getCurrentState(){return this._cState}}(window.location.pathname);function L(t){return I.setPaths(t),I.template}export{j as Component,I as Router,S as createComponent,L as createRouter,O as fdFor,w as fdIf,m as fdObject,x as fdValue,g as generateNode,y as matchRoute};
+const t=/([:*])(\w+)/g,e=/\*/g,s="([^/]+)",r="(?:.*)",i="(?:/$|$)",n="",o=!("undefined"==typeof window||!window.history||!window.history.pushState);function a(t,e){"string"!=typeof e?Object.keys(e).forEach(s=>{t.style.setProperty(s,e[s])}):t.style.cssText=e}function c(t,e){Object.keys(e).forEach(s=>{e[s]||""===e[s]?t.setAttribute(s,e[s]):t.removeAttribute(s)})}function l(t,e){Object.keys(e).forEach(s=>{t[s]=e[s]})}function h(t,e){t&&e&&Object.keys(e).forEach(s=>{Array.isArray(e[s])?e[s].forEach(e=>{t.addEventListener(s,e)}):t.addEventListener(s,e[s])})}function u(t,e){t&&e&&Object.keys(e).forEach(s=>{Array.isArray(e[s])?e[s].forEach(e=>{t.removeEventListener(s,e)}):t.removeEventListener(s,e[s])})}function d(t){if(t)for(;t.firstChild;)t.removeChild(t.firstChild)}function p(t,e,s,...r){if(t){if(s)return t.children&&t.children.forEach(t=>{p(t,e,s,...r)}),void(t.instance&&t.instance[e](...r));t.instance&&t.instance[e](...r),t.children&&t.children.forEach(t=>{p(t,e,s,...r)})}}function f(t){return t instanceof RegExp?t:t.replace(/\/+$/,"").replace(/^\/+/,"^/")}function b(o,a=[]){return a.map(a=>{const{regexp:c,paramNames:l}=function(o){const a=[];let c;c=o instanceof RegExp?o:new RegExp(o.replace(t,function(t,e,r){return a.push(r),s}).replace(e,r)+i,n);return{regexp:c,paramNames:a}}(f(a.path)),h=o.match(c),u=function(t,e){return 0===e.length?null:t?t.slice(1,t.length).reduce((t,s,r)=>(null===t&&(t={}),t[e[r]]=decodeURIComponent(s),t),null):null}(h,l);return!!h&&{match:h,route:a,params:u}}).filter(t=>t)}function y(t,e=[]){return b(function(t,e=!1,s="#"){let r,i=t;var n=t=>t.split(/\?(.*)?$/)[0];return void 0===s&&(s="#"),i=o&&!e?n(t).split(s)[0]:(r=t.split(s)).length>1?n(r[1]):n(r[0])}(t),e)[0]||!1}class v{constructor(t,e=!1){this._value=t,this.forces=e,this.setterTimeout=null,this.subscribers=[],this.isDestroy=!1,this.firstState=t}get value(){return this._value}destroy(t=!1){this.isDestroy||(this.setterTimeout&&cancelAnimationFrame(this.setterTimeout),t&&(this.subscribers=[]),this.isDestroy=!0)}reInit(){this.isDestroy=!1,this.value=this.firstState}addSubscriber(t){this.isDestroy||this.subscribers.push(t)}removeSubscriber(t){const e=this.subscribers.indexOf(t);e>-1&&this.subscribers.splice(e,1)}set value(t){this.isDestroy||(this._value!==t||this.forces)&&(this._value=t,this.subscribers.length&&(this.setterTimeout&&cancelAnimationFrame(this.setterTimeout),this.setterTimeout=requestAnimationFrame(()=>{this.subscribers.forEach(e=>{e(t)})})))}}class m{constructor(t={}){this.obsArr=[],this.values={},this.obs=new v(this.values,!0),this.isDestroyed=!1,Object.keys(t).forEach(e=>{const s=t[e];"object"==typeof s?(this.obsArr.push(s),this.values[e]=s.value,s.addSubscriber(t=>{this.values[e]=t,this.obs.value=this.values})):this.values[e]=s})}get value(){return this.obs}reInit(){this.isDestroyed=!1,this.obs.reInit(),this.obsArr.forEach(t=>{t.reInit()})}destroy(t=!1){this.isDestroyed||(this.obs.destroy(t),this.obsArr.forEach(e=>{e.destroy(t)}),this.isDestroyed=!0)}}const E=Symbol("instance");function g(t){if(!1===t.show)return null;const e="textNode"!==t.tag?document.createElement(t.tag):document.createTextNode("");if(t.domNode=e,null!==t.textValue||void 0!==t.textValue)if("object"==typeof t.textValue){const s=t.textValue;s.addSubscriber(t=>{e.textContent=t}),e.textContent=s.value}else e.textContent=t.textValue;let s,r,i,n;if("textNode"!==t.tag){if(t.classList)if(Array.isArray(t.classList))t.classList.forEach(t=>{e.classList.add(t)});else{s=t.classList;const r=t.classList.value;Object.keys(r.value).forEach(t=>{return r.value[t]?e.classList.add(t):e.classList.remove(t)}),r.addSubscriber(t=>{Object.keys(t).forEach(s=>{return t[s]?e.classList.add(s):e.classList.remove(s)})})}if(t.props)if(t.props instanceof m){i=t.props;const s=t.props.value;l(e,s.value),s.addSubscriber(t=>{l(e,t)})}else l(e,t.props);if(t.styles)if(t.styles instanceof m){const s=(n=t.styles).value;a(e,s.value),s.addSubscriber(t=>{a(e,t)})}else t.styles instanceof v?(n=t.styles,a(e,n.value),n.addSubscriber(t=>{a(e,t)})):a(e,t.styles);if(t.attrs)if(t.attrs instanceof m){r=t.attrs;const s=t.attrs.value;c(e,s.value),s.addSubscriber(t=>{c(e,t)})}else c(e,t.attrs);t.children&&t.children.forEach(t=>{if(!t)return;if(Array.isArray(t))return t.forEach(t=>{if(!t.tag)return void e.appendChild(t);const s=g(Object.assign(t,{parent:e}));s&&e.appendChild(s)}),void(t._parent=e);if(!t.tag)return void e.appendChild(t);const s=g(Object.assign(t,{parent:e}));s&&e.appendChild(s)}),t.listeners&&h(e,t.listeners)}if(t.instance&&(e[E]=t.instance,t.instance.onInit()),"object"==typeof t.show){const o=document.createComment("");return t.show.addSubscriber(a=>{const c=t.parent?t.parent:null;a?c&&(o.parentNode===c&&c.replaceChild(e,o),p(t,"reInit",!1),n&&s.reInit(),s&&s.reInit(),i&&i.reInit(),r&&r.reInit(),"textNode"!==t.tag&&h(e,t.listeners)):c&&("textNode"!==t.tag&&u(e,t.listeners),r&&r.destroy(),i&&i.destroy(),s&&s.destroy(),n&&s.destroy(),p(t,"destroy",!0),e.parentNode===c&&c.replaceChild(o,e))}),t.show.value?e:o}return e}function S(t,e={}){const s=new t(e);return s.template.instance=s,s.template}class j{constructor(){this.reactive={},this.fdObjects={},this.fdStyles={}}onDestroy(){}onInit(){}reInit(){Object.keys(this.fdStyles).forEach(t=>{this.fdStyles[t].reInit()}),Object.keys(this.fdObjects).forEach(t=>{this.fdObjects[t].reInit()}),Object.keys(this.reactive).forEach(t=>{this.reactive[t].reInit()}),this.onInit()}destroy(...t){!0===t[0]&&function t(e){e.listeners&&u(e.domNode,e.listeners),e.children&&e.children.forEach(e=>{!e.instance&&e.tag&&t(e)})}(this.template),Object.keys(this.fdObjects).forEach(e=>{this.fdObjects[e].destroy(...t)}),Object.keys(this.reactive).forEach(e=>{this.reactive[e].destroy(...t)}),Object.keys(this.fdStyles).forEach(e=>{this.fdStyles[e].destroy(...t)}),this.onDestroy()}}function w(t){return x(t)}function x(t){return new v(t)}const C=(t,e,s={},r)=>{if("function"==typeof e){const i={};return Object.keys(s).forEach(e=>{const r=s[e];i[e]="function"==typeof r?r(t):r}),e(Object.assign({},i,{index:r}))}return Object.assign({},e,{textValue:e.textValue(t),index:r})};function O(t,e,s={}){if(Array.isArray(t))return t.map((t,r)=>C(t,e,s,r));let r=t.value.map((t,r)=>C(t,e,s,r));return t.addSubscriber(t=>{let i=r._parent;r.length&&(r.forEach(t=>{p(t,"destroy",!0,!0)}),d(i)),t.length&&((r=t.map((t,r)=>C(t,e,s,r))).forEach(t=>{i.appendChild(g(t))}),r._parent=i)}),r}function _(t){return t.replace(/\/$/,"").split("/").length}function A(t,e){return _(e.path)-_(t.path)}const I=new class extends j{constructor(t){super(),this.baseHref=t,this._arrPaths=[],this._cUrl=x(null),this._cState=x(null),this._currentComp=null,this.template={tag:"div",classList:["router-view"]},this.onPopState=(t=>{this.applyUrl((t.isTrusted?t.state:this.baseHref+t.state).replace(/[\\\\\/]+/g,"/"))}),this.applyUrl=(t=>{const e=y(t,this._arrPaths);if(!e)return;const s=e.route;this._currentComp&&p(this._currentComp,"destroy",!0,!0),d(this.template.domNode),s.resolver?s.resolver(e.params).then(e=>{this.createComponent(t,s,e)}):this.createComponent(t,s)})}setPaths(t={}){Object.keys(t).forEach(e=>{this._arrPaths.push({component:t[e].component,title:t[e].title,path:f((this.baseHref+e).replace(/[\\\\\/]+/g,"/")),resolver:t[e].resolver})}),this._arrPaths.sort(A)}createComponent(t,e,s){e.title&&(document.title=e.title),this._cUrl.value=t,this._cState.value=e.path;const r=e.component(s);this.template.domNode.appendChild(g(r)),this._currentComp=r,window.history.pushState(this._cUrl.value,document.title,this._cUrl.value)}onInit(){window.addEventListener("popstate",this.onPopState),this.goToUrl("/")}onDestroy(){window.removeEventListener("popstate",this.onPopState)}goToUrl(t){this._cUrl.value!==(this.baseHref+t).replace(/[\\\\\/]+/g,"/")&&dispatchEvent(new PopStateEvent("popstate",{state:t}))}isCurrentRoute(t){const e=y((this.baseHref+t).replace(/[\\\\\/]+/g,"/"),[{path:this._cState.value}]);return!!e&&""!==e.match[0]}getCurrentRoute(){return this._cUrl}getCurrentState(){return this._cState}}(window.location.pathname);function L(t){return I.setPaths(t),I.template}export{j as Component,I as Router,S as createComponent,L as createRouter,O as fdFor,w as fdIf,m as fdObject,x as fdValue,g as generateNode,y as matchRoute};

faster-dom.js

@@ -1,1 +0,1 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t=t||self)["faster-dom"]={})}(this,function(t){"use strict";const e=/([:*])(\w+)/g,s=/\*/g,r="([^/]+)",i="(?:.*)",n="(?:/$|$)",o="",a=!("undefined"==typeof window||!window.history||!window.history.pushState);function c(t,e){"string"!=typeof e?Object.keys(e).forEach(s=>{t.style.setProperty(s,e[s])}):t.style.cssText=e}function l(t,e){Object.keys(e).forEach(s=>{e[s]||""===e[s]?t.setAttribute(s,e[s]):t.removeAttribute(s)})}function h(t,e){Object.keys(e).forEach(s=>{t[s]=e[s]})}function u(t,e){t&&e&&Object.keys(e).forEach(s=>{Array.isArray(e[s])?e[s].forEach(e=>{t.addEventListener(s,e)}):t.addEventListener(s,e[s])})}function d(t,e){t&&e&&Object.keys(e).forEach(s=>{Array.isArray(e[s])?e[s].forEach(e=>{t.removeEventListener(s,e)}):t.removeEventListener(s,e[s])})}function f(t){if(t)for(;t.firstChild;)t.removeChild(t.firstChild)}function p(t,e,s,...r){if(t){if(s)return t.children&&t.children.forEach(t=>{p(t,e,s,...r)}),void(t.instance&&t.instance[e](...r));t.instance&&t.instance[e](...r),t.children&&t.children.forEach(t=>{p(t,e,s,...r)})}}function b(t){return t instanceof RegExp?t:t.replace(/\/+$/,"").replace(/^\/+/,"^/")}function y(t,a=[]){return a.map(a=>{const{regexp:c,paramNames:l}=function(t){const a=[];let c;c=t instanceof RegExp?t:new RegExp(t.replace(e,function(t,e,s){return a.push(s),r}).replace(s,i)+n,o);return{regexp:c,paramNames:a}}(b(a.path)),h=t.match(c),u=function(t,e){return 0===e.length?null:t?t.slice(1,t.length).reduce((t,s,r)=>(null===t&&(t={}),t[e[r]]=decodeURIComponent(s),t),null):null}(h,l);return!!h&&{match:h,route:a,params:u}}).filter(t=>t)}function m(t,e=[]){return y(function(t,e=!1,s="#"){let r,i=t;var n=t=>t.split(/\?(.*)?$/)[0];return void 0===s&&(s="#"),i=a&&!e?n(t).split(s)[0]:(r=t.split(s)).length>1?n(r[1]):n(r[0])}(t),e)[0]||!1}class v{constructor(t,e=!1){this._value=t,this.forces=e,this.setterTimeout=null,this.subscribers=[],this.isDestroy=!1,this.firstState=t}get value(){return this._value}destroy(t=!1){this.setterTimeout&&cancelAnimationFrame(this.setterTimeout),this.isDestroy=!0,t&&(this.subscribers=[])}reInit(){this.isDestroy=!1,this.value=this.firstState}addSubscriber(t){this.isDestroy||this.subscribers.push(t)}removeSubscriber(t){const e=this.subscribers.indexOf(t);e>-1&&this.subscribers.splice(e,1)}set value(t){this.isDestroy||(this._value!==t||this.forces)&&(this._value=t,this.subscribers.length&&(this.setterTimeout&&cancelAnimationFrame(this.setterTimeout),this.setterTimeout=requestAnimationFrame(()=>{this.subscribers.forEach(e=>{e(t)})})))}}class E{constructor(t={}){this.obsArr=[],this.values={},this.obs=new v(this.values,!0),this.isDestroyed=!1,Object.keys(t).forEach(e=>{const s=t[e];"object"==typeof s?(this.obsArr.push(s),this.values[e]=s.value,s.addSubscriber(t=>{this.values[e]=t,this.obs.value=this.values})):this.values[e]=s})}get value(){return this.obs}reInit(){this.isDestroyed=!1,this.obs.reInit(),this.obsArr.forEach(t=>{t.reInit()})}destroy(t=!1){this.isDestroyed||(this.obs.destroy(t),this.obsArr.forEach(e=>{e.destroy(t)}),this.isDestroyed=!0)}}const g=Symbol("instance");function j(t){if(!1===t.show)return null;const e="textNode"!==t.tag?document.createElement(t.tag):document.createTextNode("");if(t.domNode=e,null!==t.textValue||void 0!==t.textValue)if("object"==typeof t.textValue){const s=t.textValue;s.addSubscriber(t=>{e.textContent=t}),e.textContent=s.value}else e.textContent=t.textValue;let s,r,i,n;if("textNode"!==t.tag){if(t.classList)if(Array.isArray(t.classList))t.classList.forEach(t=>{e.classList.add(t)});else{s=t.classList;const r=t.classList.value;Object.keys(r.value).forEach(t=>{return r.value[t]?e.classList.add(t):e.classList.remove(t)}),r.addSubscriber(t=>{Object.keys(t).forEach(s=>{return t[s]?e.classList.add(s):e.classList.remove(s)})})}if(t.props)if(t.props instanceof E){i=t.props;const s=t.props.value;h(e,s.value),s.addSubscriber(t=>{h(e,t)})}else h(e,t.props);if(t.styles)if(t.styles instanceof E){const s=(n=t.styles).value;c(e,s.value),s.addSubscriber(t=>{c(e,t)})}else t.styles instanceof v?(n=t.styles,c(e,n.value),n.addSubscriber(t=>{c(e,t)})):c(e,t.styles);if(t.attrs)if(t.attrs instanceof E){r=t.attrs;const s=t.attrs.value;l(e,s.value),s.addSubscriber(t=>{l(e,t)})}else l(e,t.attrs);t.children&&t.children.forEach(t=>{if(!t)return;if(Array.isArray(t))return t.forEach(t=>{if(!t.tag)return void e.appendChild(t);const s=j(Object.assign(t,{parent:e}));s&&e.appendChild(s)}),void(t._parent=e);if(!t.tag)return void e.appendChild(t);const s=j(Object.assign(t,{parent:e}));s&&e.appendChild(s)}),t.listeners&&u(e,t.listeners)}if(t.instance&&(e[g]=t.instance,t.instance.onInit()),"object"==typeof t.show){const o=document.createComment("");return t.show.addSubscriber(a=>{const c=t.parent?t.parent:null;a?c&&(o.parentNode===c&&c.replaceChild(e,o),p(t,"reInit",!1),n&&s.reInit(),s&&s.reInit(),i&&i.reInit(),r&&r.reInit(),"textNode"!==t.tag&&u(e,t.listeners)):c&&("textNode"!==t.tag&&d(e,t.listeners),r&&r.destroy(),i&&i.destroy(),s&&s.destroy(),n&&s.destroy(),p(t,"destroy",!0),e.parentNode===c&&c.replaceChild(o,e))}),t.show.value?e:o}return e}class S{constructor(){this.reactive={},this.fdObjects={},this.fdStyles={}}onDestroy(){}onInit(){}reInit(){Object.keys(this.fdStyles).forEach(t=>{this.fdStyles[t].reInit()}),Object.keys(this.fdObjects).forEach(t=>{this.fdObjects[t].reInit()}),Object.keys(this.reactive).forEach(t=>{this.reactive[t].reInit()}),this.onInit()}destroy(...t){!0===t[0]&&function t(e){e.listeners&&d(e.domNode,e.listeners),e.children&&e.children.forEach(e=>{!e.instance&&e.tag&&t(e)})}(this.template),Object.keys(this.fdObjects).forEach(e=>{this.fdObjects[e].destroy(...t)}),Object.keys(this.reactive).forEach(e=>{this.reactive[e].destroy(...t)}),Object.keys(this.fdStyles).forEach(e=>{this.fdStyles[e].destroy(...t)}),this.onDestroy()}}function x(t){return new v(t)}const C=(t,e,s={},r)=>{if("function"==typeof e){const i={};return Object.keys(s).forEach(e=>{const r=s[e];i[e]="function"==typeof r?r(t):r}),e(Object.assign({},i,{index:r}))}return Object.assign({},e,{textValue:e.textValue(t),index:r})};function O(t){return t.replace(/\/$/,"").split("/").length}function _(t,e){return O(e.path)-O(t.path)}const w=new class extends S{constructor(t){super(),this.baseHref=t,this._arrPaths=[],this._cUrl=x(null),this._cState=x(null),this._currentComp=null,this.template={tag:"div",classList:["router-view"]},this.onPopState=(t=>{this.applyUrl((t.isTrusted?t.state:this.baseHref+t.state).replace(/[\\\\\/]+/g,"/"))}),this.applyUrl=(t=>{const e=m(t,this._arrPaths);if(!e)return;const s=e.route;this._currentComp&&p(this._currentComp,"destroy",!0,!0),f(this.template.domNode),s.resolver?s.resolver(e.params).then(e=>{this.createComponent(t,s,e)}):this.createComponent(t,s)})}setPaths(t={}){Object.keys(t).forEach(e=>{this._arrPaths.push({component:t[e].component,title:t[e].title,path:b((this.baseHref+e).replace(/[\\\\\/]+/g,"/")),resolver:t[e].resolver})}),this._arrPaths.sort(_)}createComponent(t,e,s){e.title&&(document.title=e.title),this._cUrl.value=t,this._cState.value=e.path;const r=e.component(s);this.template.domNode.appendChild(j(r)),this._currentComp=r,window.history.pushState(this._cUrl.value,document.title,this._cUrl.value)}onInit(){window.addEventListener("popstate",this.onPopState),this.goToUrl("/")}onDestroy(){window.removeEventListener("popstate",this.onPopState)}goToUrl(t){this._cUrl.value!==(this.baseHref+t).replace(/[\\\\\/]+/g,"/")&&dispatchEvent(new PopStateEvent("popstate",{state:t}))}isCurrentRoute(t){const e=m((this.baseHref+t).replace(/[\\\\\/]+/g,"/"),[{path:this._cState.value}]);return!!e&&""!==e.match[0]}getCurrentRoute(){return this._cUrl}getCurrentState(){return this._cState}}(window.location.pathname);t.Component=S,t.Router=w,t.createComponent=function(t,e={}){const s=new t(e);return s.template.instance=s,s.template},t.createRouter=function(t){return w.setPaths(t),w.template},t.fdFor=function(t,e,s={}){if(Array.isArray(t))return t.map((t,r)=>C(t,e,s,r));let r=t.value.map((t,r)=>C(t,e,s,r));return t.addSubscriber(t=>{let i=r._parent;r.length&&(r.forEach(t=>{p(t,"destroy",!0,!0)}),f(i)),t.length&&((r=t.map((t,r)=>C(t,e,s,r))).forEach(t=>{i.appendChild(j(t))}),r._parent=i)}),r},t.fdIf=function(t){return x(t)},t.fdObject=E,t.fdValue=x,t.generateNode=j,t.matchRoute=m,Object.defineProperty(t,"__esModule",{value:!0})});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t=t||self)["faster-dom"]={})}(this,function(t){"use strict";const e=/([:*])(\w+)/g,s=/\*/g,r="([^/]+)",i="(?:.*)",n="(?:/$|$)",o="",a=!("undefined"==typeof window||!window.history||!window.history.pushState);function c(t,e){"string"!=typeof e?Object.keys(e).forEach(s=>{t.style.setProperty(s,e[s])}):t.style.cssText=e}function l(t,e){Object.keys(e).forEach(s=>{e[s]||""===e[s]?t.setAttribute(s,e[s]):t.removeAttribute(s)})}function h(t,e){Object.keys(e).forEach(s=>{t[s]=e[s]})}function u(t,e){t&&e&&Object.keys(e).forEach(s=>{Array.isArray(e[s])?e[s].forEach(e=>{t.addEventListener(s,e)}):t.addEventListener(s,e[s])})}function d(t,e){t&&e&&Object.keys(e).forEach(s=>{Array.isArray(e[s])?e[s].forEach(e=>{t.removeEventListener(s,e)}):t.removeEventListener(s,e[s])})}function f(t){if(t)for(;t.firstChild;)t.removeChild(t.firstChild)}function p(t,e,s,...r){if(t){if(s)return t.children&&t.children.forEach(t=>{p(t,e,s,...r)}),void(t.instance&&t.instance[e](...r));t.instance&&t.instance[e](...r),t.children&&t.children.forEach(t=>{p(t,e,s,...r)})}}function y(t){return t instanceof RegExp?t:t.replace(/\/+$/,"").replace(/^\/+/,"^/")}function b(t,a=[]){return a.map(a=>{const{regexp:c,paramNames:l}=function(t){const a=[];let c;c=t instanceof RegExp?t:new RegExp(t.replace(e,function(t,e,s){return a.push(s),r}).replace(s,i)+n,o);return{regexp:c,paramNames:a}}(y(a.path)),h=t.match(c),u=function(t,e){return 0===e.length?null:t?t.slice(1,t.length).reduce((t,s,r)=>(null===t&&(t={}),t[e[r]]=decodeURIComponent(s),t),null):null}(h,l);return!!h&&{match:h,route:a,params:u}}).filter(t=>t)}function m(t,e=[]){return b(function(t,e=!1,s="#"){let r,i=t;var n=t=>t.split(/\?(.*)?$/)[0];return void 0===s&&(s="#"),i=a&&!e?n(t).split(s)[0]:(r=t.split(s)).length>1?n(r[1]):n(r[0])}(t),e)[0]||!1}class v{constructor(t,e=!1){this._value=t,this.forces=e,this.setterTimeout=null,this.subscribers=[],this.isDestroy=!1,this.firstState=t}get value(){return this._value}destroy(t=!1){this.isDestroy||(this.setterTimeout&&cancelAnimationFrame(this.setterTimeout),t&&(this.subscribers=[]),this.isDestroy=!0)}reInit(){this.isDestroy=!1,this.value=this.firstState}addSubscriber(t){this.isDestroy||this.subscribers.push(t)}removeSubscriber(t){const e=this.subscribers.indexOf(t);e>-1&&this.subscribers.splice(e,1)}set value(t){this.isDestroy||(this._value!==t||this.forces)&&(this._value=t,this.subscribers.length&&(this.setterTimeout&&cancelAnimationFrame(this.setterTimeout),this.setterTimeout=requestAnimationFrame(()=>{this.subscribers.forEach(e=>{e(t)})})))}}class E{constructor(t={}){this.obsArr=[],this.values={},this.obs=new v(this.values,!0),this.isDestroyed=!1,Object.keys(t).forEach(e=>{const s=t[e];"object"==typeof s?(this.obsArr.push(s),this.values[e]=s.value,s.addSubscriber(t=>{this.values[e]=t,this.obs.value=this.values})):this.values[e]=s})}get value(){return this.obs}reInit(){this.isDestroyed=!1,this.obs.reInit(),this.obsArr.forEach(t=>{t.reInit()})}destroy(t=!1){this.isDestroyed||(this.obs.destroy(t),this.obsArr.forEach(e=>{e.destroy(t)}),this.isDestroyed=!0)}}const g=Symbol("instance");function j(t){if(!1===t.show)return null;const e="textNode"!==t.tag?document.createElement(t.tag):document.createTextNode("");if(t.domNode=e,null!==t.textValue||void 0!==t.textValue)if("object"==typeof t.textValue){const s=t.textValue;s.addSubscriber(t=>{e.textContent=t}),e.textContent=s.value}else e.textContent=t.textValue;let s,r,i,n;if("textNode"!==t.tag){if(t.classList)if(Array.isArray(t.classList))t.classList.forEach(t=>{e.classList.add(t)});else{s=t.classList;const r=t.classList.value;Object.keys(r.value).forEach(t=>{return r.value[t]?e.classList.add(t):e.classList.remove(t)}),r.addSubscriber(t=>{Object.keys(t).forEach(s=>{return t[s]?e.classList.add(s):e.classList.remove(s)})})}if(t.props)if(t.props instanceof E){i=t.props;const s=t.props.value;h(e,s.value),s.addSubscriber(t=>{h(e,t)})}else h(e,t.props);if(t.styles)if(t.styles instanceof E){const s=(n=t.styles).value;c(e,s.value),s.addSubscriber(t=>{c(e,t)})}else t.styles instanceof v?(n=t.styles,c(e,n.value),n.addSubscriber(t=>{c(e,t)})):c(e,t.styles);if(t.attrs)if(t.attrs instanceof E){r=t.attrs;const s=t.attrs.value;l(e,s.value),s.addSubscriber(t=>{l(e,t)})}else l(e,t.attrs);t.children&&t.children.forEach(t=>{if(!t)return;if(Array.isArray(t))return t.forEach(t=>{if(!t.tag)return void e.appendChild(t);const s=j(Object.assign(t,{parent:e}));s&&e.appendChild(s)}),void(t._parent=e);if(!t.tag)return void e.appendChild(t);const s=j(Object.assign(t,{parent:e}));s&&e.appendChild(s)}),t.listeners&&u(e,t.listeners)}if(t.instance&&(e[g]=t.instance,t.instance.onInit()),"object"==typeof t.show){const o=document.createComment("");return t.show.addSubscriber(a=>{const c=t.parent?t.parent:null;a?c&&(o.parentNode===c&&c.replaceChild(e,o),p(t,"reInit",!1),n&&s.reInit(),s&&s.reInit(),i&&i.reInit(),r&&r.reInit(),"textNode"!==t.tag&&u(e,t.listeners)):c&&("textNode"!==t.tag&&d(e,t.listeners),r&&r.destroy(),i&&i.destroy(),s&&s.destroy(),n&&s.destroy(),p(t,"destroy",!0),e.parentNode===c&&c.replaceChild(o,e))}),t.show.value?e:o}return e}class S{constructor(){this.reactive={},this.fdObjects={},this.fdStyles={}}onDestroy(){}onInit(){}reInit(){Object.keys(this.fdStyles).forEach(t=>{this.fdStyles[t].reInit()}),Object.keys(this.fdObjects).forEach(t=>{this.fdObjects[t].reInit()}),Object.keys(this.reactive).forEach(t=>{this.reactive[t].reInit()}),this.onInit()}destroy(...t){!0===t[0]&&function t(e){e.listeners&&d(e.domNode,e.listeners),e.children&&e.children.forEach(e=>{!e.instance&&e.tag&&t(e)})}(this.template),Object.keys(this.fdObjects).forEach(e=>{this.fdObjects[e].destroy(...t)}),Object.keys(this.reactive).forEach(e=>{this.reactive[e].destroy(...t)}),Object.keys(this.fdStyles).forEach(e=>{this.fdStyles[e].destroy(...t)}),this.onDestroy()}}function x(t){return new v(t)}const C=(t,e,s={},r)=>{if("function"==typeof e){const i={};return Object.keys(s).forEach(e=>{const r=s[e];i[e]="function"==typeof r?r(t):r}),e(Object.assign({},i,{index:r}))}return Object.assign({},e,{textValue:e.textValue(t),index:r})};function O(t){return t.replace(/\/$/,"").split("/").length}function _(t,e){return O(e.path)-O(t.path)}const w=new class extends S{constructor(t){super(),this.baseHref=t,this._arrPaths=[],this._cUrl=x(null),this._cState=x(null),this._currentComp=null,this.template={tag:"div",classList:["router-view"]},this.onPopState=(t=>{this.applyUrl((t.isTrusted?t.state:this.baseHref+t.state).replace(/[\\\\\/]+/g,"/"))}),this.applyUrl=(t=>{const e=m(t,this._arrPaths);if(!e)return;const s=e.route;this._currentComp&&p(this._currentComp,"destroy",!0,!0),f(this.template.domNode),s.resolver?s.resolver(e.params).then(e=>{this.createComponent(t,s,e)}):this.createComponent(t,s)})}setPaths(t={}){Object.keys(t).forEach(e=>{this._arrPaths.push({component:t[e].component,title:t[e].title,path:y((this.baseHref+e).replace(/[\\\\\/]+/g,"/")),resolver:t[e].resolver})}),this._arrPaths.sort(_)}createComponent(t,e,s){e.title&&(document.title=e.title),this._cUrl.value=t,this._cState.value=e.path;const r=e.component(s);this.template.domNode.appendChild(j(r)),this._currentComp=r,window.history.pushState(this._cUrl.value,document.title,this._cUrl.value)}onInit(){window.addEventListener("popstate",this.onPopState),this.goToUrl("/")}onDestroy(){window.removeEventListener("popstate",this.onPopState)}goToUrl(t){this._cUrl.value!==(this.baseHref+t).replace(/[\\\\\/]+/g,"/")&&dispatchEvent(new PopStateEvent("popstate",{state:t}))}isCurrentRoute(t){const e=m((this.baseHref+t).replace(/[\\\\\/]+/g,"/"),[{path:this._cState.value}]);return!!e&&""!==e.match[0]}getCurrentRoute(){return this._cUrl}getCurrentState(){return this._cState}}(window.location.pathname);t.Component=S,t.Router=w,t.createComponent=function(t,e={}){const s=new t(e);return s.template.instance=s,s.template},t.createRouter=function(t){return w.setPaths(t),w.template},t.fdFor=function(t,e,s={}){if(Array.isArray(t))return t.map((t,r)=>C(t,e,s,r));let r=t.value.map((t,r)=>C(t,e,s,r));return t.addSubscriber(t=>{let i=r._parent;r.length&&(r.forEach(t=>{p(t,"destroy",!0,!0)}),f(i)),t.length&&((r=t.map((t,r)=>C(t,e,s,r))).forEach(t=>{i.appendChild(j(t))}),r._parent=i)}),r},t.fdIf=function(t){return x(t)},t.fdObject=E,t.fdValue=x,t.generateNode=j,t.matchRoute=m,Object.defineProperty(t,"__esModule",{value:!0})});

package.json

 {
   "name": "faster-dom",
-  "version": "0.0.21-alpha",
+  "version": "0.0.22-alpha",
   "main": "faster-dom.cjs.js",
@@ -5,0 +5,0 @@ "module": "faster-dom.esm.js",

README.md

@@ -9,3 +9,3 @@ # Faster Dom ![npm](https://img.shields.io/npm/v/faster-dom.svg)
 ```sh
-yarn add faster-dom@0.0.21-alpha
+yarn add faster-dom@0.0.22-alpha
 ```
@@ -12,0 +12,0 @@

No alert changes

Improved metrics

Total package byte prevSize

39905

0.14%

No dependency changes