faster-dom - npm Package Compare versions

Comparing version 0.0.27-alpha to 0.0.28-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 removeChildAtIndex(e,t){e&&e.children[t]&&e.children[t].remove()}function insertChildAtIndex(e,t,s){e&&s&&e.insertBefore(s,e.children[t])}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,n=e;const o=e=>e.split(/\?(.*)?$/)[0];return void 0===s&&(s="#"),n=isPushStateAvailable&&!t?o(e).split(s)[0]:(r=e.split(s)).length>1?o(r[1]):o(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)),n=e.match(s),o=regExpResultToParams(n,r);return!!n&&{match:n,route:t,params:o}}).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}}function isPrimitive(e){const t=typeof e;return null==e||"object"!=t&&"function"!=t}class Observer{constructor(e,t=!1){this._value=e,this.forces=t,this.subscribers=[],this.isDestroy=!1,this.firstState=e}get value(){return this._value}destroy(e=!1){this.isDestroy||(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.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,n,o;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){n=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=(o=e.styles).value;setNodeStyle(t,s.value),s.addSubscriber(e=>{setNodeStyle(t,e)})}else e.styles instanceof Observer?(o=e.styles,setNodeStyle(t,o.value),o.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),o&&s.reInit(),s&&s.reInit(),n&&n.reInit(),r&&r.reInit(),"textNode"!==e.tag&&addNodeListener(t,e.listeners)):c&&("textNode"!==e.tag&&removeNodeListener(t,e.listeners),r&&r.destroy(),n&&n.destroy(),s&&s.destroy(),o&&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,t=!1){return new Observer(e,t)}const mapFn=(e,t,s={},r,n)=>{let o,i;if(n)i=n,o=e;else{const t=isPrimitive(e);o=t?{id:r,value:e}:e,i=(()=>o)}if("function"==typeof t){const n={};return Object.keys(s).forEach(t=>{const r=s[t];n[t]="function"==typeof r?r(e):r}),Object.assign({},t(Object.assign({},n,{index:r})),{fdKey:i(o)})}return Object.assign({},t,{textValue:t.textValue(e),fdKey:i(o)})};function fdFor(e,t,s={},r){if(Array.isArray(e))return e.map((e,r)=>mapFn(e,t,s,r));let n=e.value.map((e,n)=>mapFn(e,t,s,n,r));return e.addSubscriber(e=>{let o=n._parent;if(0===e.length)return n.length&&(n.forEach(e=>{callDeep(e,"destroy",!0,!0)}),removeAllChild(o)),void((n=e)._parent=o);if(0===n.length)return(n=e.map((e,n)=>mapFn(e,t,s,n,r))).forEach(e=>{o.appendChild(generateNode(e))}),void(n._parent=o);const i=e.map((e,n)=>mapFn(e,t,s,n,r));let a=0;n.forEach((e,t)=>{if(i.length<=t)return callDeep(e,"destroy",!0,!0),removeChildAtIndex(o,t-a),void(a+=1);i[t].fdKey!==e.fdKey&&(callDeep(e,"destroy",!0,!0),removeChildAtIndex(o,t-a),a+=1)}),i.forEach((e,t)=>{n.length<=t?o.appendChild(generateNode(e)):n[t].fdKey!==e.fdKey&&insertChildAtIndex(o,t,generateNode(e))}),(n=i)._parent=o}),n}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(""),this._cState=fdValue(""),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),this._cState.value=s.path,this._cUrl.value=e,removeAllChild(this.template.domNode),s.resolver){s.resolver(t.params).then(t=>{this.createComponent(e,s,t)})}else this.createComponent(e,s)}),window.addEventListener("popstate",this.onPopState)}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),this.goToUrl("/")}createComponent(e,t,s){t.title&&(document.title=t.title),window.history.pushState(this._cUrl.value,document.title,this._cUrl.value);const r=t.component(s);this._currentComp=r,Promise.resolve().then(()=>{this.template.domNode.appendChild(generateNode(r))})}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 removeChildAtIndex(e,t){e&&e.children[t]&&e.children[t].remove()}function insertChildAtIndex(e,t,s){e&&s&&e.insertBefore(s,e.children[t])}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,n=e;const o=e=>e.split(/\?(.*)?$/)[0];return void 0===s&&(s="#"),n=isPushStateAvailable&&!t?o(e).split(s)[0]:(r=e.split(s)).length>1?o(r[1]):o(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)),n=e.match(s),o=regExpResultToParams(n,r);return!!n&&{match:n,route:t,params:o}}).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}}function isPrimitive(e){const t=typeof e;return null==e||"object"!=t&&"function"!=t}class Observer{constructor(e,t=!1){this._value=e,this.forces=t,this.subscribers=[],this.isDestroy=!1,this.firstState=e}get value(){return this._value}destroy(e=!1){this.isDestroy||(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.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,n,o;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){n=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=(o=e.styles).value;setNodeStyle(t,s.value),s.addSubscriber(e=>{setNodeStyle(t,e)})}else e.styles instanceof Observer?(o=e.styles,setNodeStyle(t,o.value),o.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),o&&s.reInit(),s&&s.reInit(),n&&n.reInit(),r&&r.reInit(),"textNode"!==e.tag&&addNodeListener(t,e.listeners)):c&&("textNode"!==e.tag&&removeNodeListener(t,e.listeners),r&&r.destroy(),n&&n.destroy(),s&&s.destroy(),o&&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,t=!1){return new Observer(e,t)}const mapFn=(e,t,s={},r,n)=>{const o=isPrimitive(e),i=o?{id:r,value:e}:e,a="function"==typeof n?n:()=>i;if("function"==typeof t){const n={};return Object.keys(s).forEach(t=>{const r=s[t];n[t]="function"==typeof r?r(o?i.value:e):r}),Object.assign({},t(Object.assign({},n,{index:r})),{fdKey:a(i)})}return Object.assign({},t,{textValue:t.textValue(o?i.value:e),fdKey:a(i)})};function fdFor(e,t,s={},r){if(Array.isArray(e))return e.map((e,r)=>mapFn(e,t,s,r));let n=e.value.map((e,n)=>mapFn(e,t,s,n,r));return e.addSubscriber(e=>{let o=n._parent;if(0===e.length)return n.length&&(n.forEach(e=>{callDeep(e,"destroy",!0,!0)}),removeAllChild(o)),void((n=e)._parent=o);if(0===n.length)return(n=e.map((e,n)=>mapFn(e,t,s,n,r))).forEach(e=>{o.appendChild(generateNode(e))}),void(n._parent=o);const i=e.map((e,n)=>mapFn(e,t,s,n,r));let a=0;n.forEach((e,t)=>{if(i.length<=t)return callDeep(e,"destroy",!0,!0),removeChildAtIndex(o,t-a),void(a+=1);i[t].fdKey!==e.fdKey&&(callDeep(e,"destroy",!0,!0),removeChildAtIndex(o,t-a),a+=1)}),i.forEach((e,t)=>{n.length<=t?o.appendChild(generateNode(e)):n[t].fdKey!==e.fdKey&&insertChildAtIndex(o,t,generateNode(e))}),(n=i)._parent=o}),n}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(""),this._cState=fdValue(""),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),this._cState.value=s.path,this._cUrl.value=e,removeAllChild(this.template.domNode),s.resolver){s.resolver(t.params).then(t=>{this.createComponent(e,s,t)})}else this.createComponent(e,s)}),window.addEventListener("popstate",this.onPopState)}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),this.goToUrl("/")}createComponent(e,t,s){t.title&&(document.title=t.title),window.history.pushState(this._cUrl.value,document.title,this._cUrl.value);const r=t.component(s);this._currentComp=r,Promise.resolve().then(()=>{this.template.domNode.appendChild(generateNode(r))})}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,e){t&&t.children[e]&&t.children[e].remove()}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(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}}(y(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 v(t,e=[]){return b(function(t,e=!1,s="#"){let r,i=t;const 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 m{constructor(t,e=!1){this._value=t,this.forces=e,this.subscribers=[],this.isDestroy=!1,this.firstState=t}get value(){return this._value}destroy(t=!1){this.isDestroy||(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.subscribers.forEach(e=>{e(t)}))}}class E{constructor(t={}){this.obsArr=[],this.values={},this.obs=new m(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;l(e,s.value),s.addSubscriber(t=>{l(e,t)})}else l(e,t.props);if(t.styles)if(t.styles instanceof E){const s=(n=t.styles).value;a(e,s.value),s.addSubscriber(t=>{a(e,t)})}else t.styles instanceof m?(n=t.styles,a(e,n.value),n.addSubscriber(t=>{a(e,t)})):a(e,t.styles);if(t.attrs)if(t.attrs instanceof E){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=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&&h(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&&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 C{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 O(t){return _(t)}function _(t,e=!1){return new m(t,e)}const w=(t,e,s={},r,i)=>{let n,o;if(i)o=i,n=t;else{const e=function(t){const e=typeof t;return null==t||"object"!=e&&"function"!=e}(t);n=e?{id:r,value:t}:t,o=(()=>n)}if("function"==typeof e){const i={};return Object.keys(s).forEach(e=>{const r=s[e];i[e]="function"==typeof r?r(t):r}),Object.assign({},e(Object.assign({},i,{index:r})),{fdKey:o(n)})}return Object.assign({},e,{textValue:e.textValue(t),fdKey:o(n)})};function x(t,e,s={},r){if(Array.isArray(t))return t.map((t,r)=>w(t,e,s,r));let i=t.value.map((t,i)=>w(t,e,s,i,r));return t.addSubscriber(t=>{let n=i._parent;if(0===t.length)return i.length&&(i.forEach(t=>{p(t,"destroy",!0,!0)}),f(n)),void((i=t)._parent=n);if(0===i.length)return(i=t.map((t,i)=>w(t,e,s,i,r))).forEach(t=>{n.appendChild(j(t))}),void(i._parent=n);const o=t.map((t,i)=>w(t,e,s,i,r));let a=0;i.forEach((t,e)=>{if(o.length<=e)return p(t,"destroy",!0,!0),d(n,e-a),void(a+=1);o[e].fdKey!==t.fdKey&&(p(t,"destroy",!0,!0),d(n,e-a),a+=1)}),o.forEach((t,e)=>{i.length<=e?n.appendChild(j(t)):i[e].fdKey!==t.fdKey&&function(t,e,s){t&&s&&t.insertBefore(s,t.children[e])}(n,e,j(t))}),(i=o)._parent=n}),i}function I(t){return t.replace(/\/$/,"").split("/").length}function L(t,e){return I(e.path)-I(t.path)}const k=new class extends C{constructor(t){super(),this.baseHref=t,this._arrPaths=[],this._cUrl=_(""),this._cState=_(""),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=v(t,this._arrPaths);if(!e)return;const s=e.route;this._currentComp&&p(this._currentComp,"destroy",!0,!0),this._cState.value=s.path,this._cUrl.value=t,f(this.template.domNode),s.resolver?s.resolver(e.params).then(e=>{this.createComponent(t,s,e)}):this.createComponent(t,s)}),window.addEventListener("popstate",this.onPopState)}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(L),this.goToUrl("/")}createComponent(t,e,s){e.title&&(document.title=e.title),window.history.pushState(this._cUrl.value,document.title,this._cUrl.value);const r=e.component(s);this._currentComp=r,Promise.resolve().then(()=>{this.template.domNode.appendChild(j(r))})}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=v((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 A(t){return k.setPaths(t),k.template}export{C as Component,k as Router,S as createComponent,A as createRouter,x as fdFor,O as fdIf,E as fdObject,_ as fdValue,j as generateNode,v 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,e){t&&t.children[e]&&t.children[e].remove()}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(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}}(y(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 v(t,e=[]){return b(function(t,e=!1,s="#"){let r,i=t;const 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 m{constructor(t,e=!1){this._value=t,this.forces=e,this.subscribers=[],this.isDestroy=!1,this.firstState=t}get value(){return this._value}destroy(t=!1){this.isDestroy||(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.subscribers.forEach(e=>{e(t)}))}}class E{constructor(t={}){this.obsArr=[],this.values={},this.obs=new m(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;l(e,s.value),s.addSubscriber(t=>{l(e,t)})}else l(e,t.props);if(t.styles)if(t.styles instanceof E){const s=(n=t.styles).value;a(e,s.value),s.addSubscriber(t=>{a(e,t)})}else t.styles instanceof m?(n=t.styles,a(e,n.value),n.addSubscriber(t=>{a(e,t)})):a(e,t.styles);if(t.attrs)if(t.attrs instanceof E){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=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&&h(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&&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 C{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 O(t){return _(t)}function _(t,e=!1){return new m(t,e)}const w=(t,e,s={},r,i)=>{const n=function(t){const e=typeof t;return null==t||"object"!=e&&"function"!=e}(t),o=n?{id:r,value:t}:t,a="function"==typeof i?i:()=>o;if("function"==typeof e){const i={};return Object.keys(s).forEach(e=>{const r=s[e];i[e]="function"==typeof r?r(n?o.value:t):r}),Object.assign({},e(Object.assign({},i,{index:r})),{fdKey:a(o)})}return Object.assign({},e,{textValue:e.textValue(n?o.value:t),fdKey:a(o)})};function x(t,e,s={},r){if(Array.isArray(t))return t.map((t,r)=>w(t,e,s,r));let i=t.value.map((t,i)=>w(t,e,s,i,r));return t.addSubscriber(t=>{let n=i._parent;if(0===t.length)return i.length&&(i.forEach(t=>{p(t,"destroy",!0,!0)}),f(n)),void((i=t)._parent=n);if(0===i.length)return(i=t.map((t,i)=>w(t,e,s,i,r))).forEach(t=>{n.appendChild(j(t))}),void(i._parent=n);const o=t.map((t,i)=>w(t,e,s,i,r));let a=0;i.forEach((t,e)=>{if(o.length<=e)return p(t,"destroy",!0,!0),d(n,e-a),void(a+=1);o[e].fdKey!==t.fdKey&&(p(t,"destroy",!0,!0),d(n,e-a),a+=1)}),o.forEach((t,e)=>{i.length<=e?n.appendChild(j(t)):i[e].fdKey!==t.fdKey&&function(t,e,s){t&&s&&t.insertBefore(s,t.children[e])}(n,e,j(t))}),(i=o)._parent=n}),i}function I(t){return t.replace(/\/$/,"").split("/").length}function L(t,e){return I(e.path)-I(t.path)}const k=new class extends C{constructor(t){super(),this.baseHref=t,this._arrPaths=[],this._cUrl=_(""),this._cState=_(""),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=v(t,this._arrPaths);if(!e)return;const s=e.route;this._currentComp&&p(this._currentComp,"destroy",!0,!0),this._cState.value=s.path,this._cUrl.value=t,f(this.template.domNode),s.resolver?s.resolver(e.params).then(e=>{this.createComponent(t,s,e)}):this.createComponent(t,s)}),window.addEventListener("popstate",this.onPopState)}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(L),this.goToUrl("/")}createComponent(t,e,s){e.title&&(document.title=e.title),window.history.pushState(this._cUrl.value,document.title,this._cUrl.value);const r=e.component(s);this._currentComp=r,Promise.resolve().then(()=>{this.template.domNode.appendChild(j(r))})}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=v((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 A(t){return k.setPaths(t),k.template}export{C as Component,k as Router,S as createComponent,A as createRouter,x as fdFor,O as fdIf,E as fdObject,_ as fdValue,j as generateNode,v 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="([^/]+)",n="(?:.*)",i="(?:/$|$)",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,e){t&&t.children[e]&&t.children[e].remove()}function p(t){if(t)for(;t.firstChild;)t.removeChild(t.firstChild)}function y(t,e,s,...r){if(t){if(s)return t.children&&t.children.forEach(t=>{y(t,e,s,...r)}),void(t.instance&&t.instance[e](...r));t.instance&&t.instance[e](...r),t.children&&t.children.forEach(t=>{y(t,e,s,...r)})}}function b(t){return t instanceof RegExp?t:t.replace(/\/+$/,"").replace(/^\/+/,"^/")}function v(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,n)+i,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 v(function(t,e=!1,s="#"){let r,n=t;const i=t=>t.split(/\?(.*)?$/)[0];return void 0===s&&(s="#"),n=a&&!e?i(t).split(s)[0]:(r=t.split(s)).length>1?i(r[1]):i(r[0])}(t),e)[0]||!1}class g{constructor(t,e=!1){this._value=t,this.forces=e,this.subscribers=[],this.isDestroy=!1,this.firstState=t}get value(){return this._value}destroy(t=!1){this.isDestroy||(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.subscribers.forEach(e=>{e(t)}))}}class E{constructor(t={}){this.obsArr=[],this.values={},this.obs=new g(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 j=Symbol("instance");function S(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,n,i;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){n=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=(i=t.styles).value;c(e,s.value),s.addSubscriber(t=>{c(e,t)})}else t.styles instanceof g?(i=t.styles,c(e,i.value),i.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=S(Object.assign(t,{parent:e}));s&&e.appendChild(s)}),void(t._parent=e);if(!t.tag)return void e.appendChild(t);const s=S(Object.assign(t,{parent:e}));s&&e.appendChild(s)}),t.listeners&&u(e,t.listeners)}if(t.instance&&(e[j]=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),y(t,"reInit",!1),i&&s.reInit(),s&&s.reInit(),n&&n.reInit(),r&&r.reInit(),"textNode"!==t.tag&&u(e,t.listeners)):c&&("textNode"!==t.tag&&d(e,t.listeners),r&&r.destroy(),n&&n.destroy(),s&&s.destroy(),i&&s.destroy(),y(t,"destroy",!0),e.parentNode===c&&c.replaceChild(o,e))}),t.show.value?e:o}return e}class C{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 O(t,e=!1){return new g(t,e)}const _=(t,e,s={},r,n)=>{let i,o;if(n)o=n,i=t;else{const e=function(t){const e=typeof t;return null==t||"object"!=e&&"function"!=e}(t);i=e?{id:r,value:t}:t,o=(()=>i)}if("function"==typeof e){const n={};return Object.keys(s).forEach(e=>{const r=s[e];n[e]="function"==typeof r?r(t):r}),Object.assign({},e(Object.assign({},n,{index:r})),{fdKey:o(i)})}return Object.assign({},e,{textValue:e.textValue(t),fdKey:o(i)})};function x(t){return t.replace(/\/$/,"").split("/").length}function w(t,e){return x(e.path)-x(t.path)}const I=new class extends C{constructor(t){super(),this.baseHref=t,this._arrPaths=[],this._cUrl=O(""),this._cState=O(""),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&&y(this._currentComp,"destroy",!0,!0),this._cState.value=s.path,this._cUrl.value=t,p(this.template.domNode),s.resolver?s.resolver(e.params).then(e=>{this.createComponent(t,s,e)}):this.createComponent(t,s)}),window.addEventListener("popstate",this.onPopState)}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(w),this.goToUrl("/")}createComponent(t,e,s){e.title&&(document.title=e.title),window.history.pushState(this._cUrl.value,document.title,this._cUrl.value);const r=e.component(s);this._currentComp=r,Promise.resolve().then(()=>{this.template.domNode.appendChild(S(r))})}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=C,t.Router=I,t.createComponent=function(t,e={}){const s=new t(e);return s.template.instance=s,s.template},t.createRouter=function(t){return I.setPaths(t),I.template},t.fdFor=function(t,e,s={},r){if(Array.isArray(t))return t.map((t,r)=>_(t,e,s,r));let n=t.value.map((t,n)=>_(t,e,s,n,r));return t.addSubscriber(t=>{let i=n._parent;if(0===t.length)return n.length&&(n.forEach(t=>{y(t,"destroy",!0,!0)}),p(i)),void((n=t)._parent=i);if(0===n.length)return(n=t.map((t,n)=>_(t,e,s,n,r))).forEach(t=>{i.appendChild(S(t))}),void(n._parent=i);const o=t.map((t,n)=>_(t,e,s,n,r));let a=0;n.forEach((t,e)=>{if(o.length<=e)return y(t,"destroy",!0,!0),f(i,e-a),void(a+=1);o[e].fdKey!==t.fdKey&&(y(t,"destroy",!0,!0),f(i,e-a),a+=1)}),o.forEach((t,e)=>{n.length<=e?i.appendChild(S(t)):n[e].fdKey!==t.fdKey&&function(t,e,s){t&&s&&t.insertBefore(s,t.children[e])}(i,e,S(t))}),(n=o)._parent=i}),n},t.fdIf=function(t){return O(t)},t.fdObject=E,t.fdValue=O,t.generateNode=S,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="([^/]+)",n="(?:.*)",i="(?:/$|$)",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,e){t&&t.children[e]&&t.children[e].remove()}function p(t){if(t)for(;t.firstChild;)t.removeChild(t.firstChild)}function y(t,e,s,...r){if(t){if(s)return t.children&&t.children.forEach(t=>{y(t,e,s,...r)}),void(t.instance&&t.instance[e](...r));t.instance&&t.instance[e](...r),t.children&&t.children.forEach(t=>{y(t,e,s,...r)})}}function b(t){return t instanceof RegExp?t:t.replace(/\/+$/,"").replace(/^\/+/,"^/")}function v(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,n)+i,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 v(function(t,e=!1,s="#"){let r,n=t;const i=t=>t.split(/\?(.*)?$/)[0];return void 0===s&&(s="#"),n=a&&!e?i(t).split(s)[0]:(r=t.split(s)).length>1?i(r[1]):i(r[0])}(t),e)[0]||!1}class g{constructor(t,e=!1){this._value=t,this.forces=e,this.subscribers=[],this.isDestroy=!1,this.firstState=t}get value(){return this._value}destroy(t=!1){this.isDestroy||(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.subscribers.forEach(e=>{e(t)}))}}class E{constructor(t={}){this.obsArr=[],this.values={},this.obs=new g(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 j=Symbol("instance");function S(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,n,i;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){n=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=(i=t.styles).value;c(e,s.value),s.addSubscriber(t=>{c(e,t)})}else t.styles instanceof g?(i=t.styles,c(e,i.value),i.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=S(Object.assign(t,{parent:e}));s&&e.appendChild(s)}),void(t._parent=e);if(!t.tag)return void e.appendChild(t);const s=S(Object.assign(t,{parent:e}));s&&e.appendChild(s)}),t.listeners&&u(e,t.listeners)}if(t.instance&&(e[j]=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),y(t,"reInit",!1),i&&s.reInit(),s&&s.reInit(),n&&n.reInit(),r&&r.reInit(),"textNode"!==t.tag&&u(e,t.listeners)):c&&("textNode"!==t.tag&&d(e,t.listeners),r&&r.destroy(),n&&n.destroy(),s&&s.destroy(),i&&s.destroy(),y(t,"destroy",!0),e.parentNode===c&&c.replaceChild(o,e))}),t.show.value?e:o}return e}class C{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 O(t,e=!1){return new g(t,e)}const _=(t,e,s={},r,n)=>{const i=function(t){const e=typeof t;return null==t||"object"!=e&&"function"!=e}(t),o=i?{id:r,value:t}:t,a="function"==typeof n?n:()=>o;if("function"==typeof e){const n={};return Object.keys(s).forEach(e=>{const r=s[e];n[e]="function"==typeof r?r(i?o.value:t):r}),Object.assign({},e(Object.assign({},n,{index:r})),{fdKey:a(o)})}return Object.assign({},e,{textValue:e.textValue(i?o.value:t),fdKey:a(o)})};function x(t){return t.replace(/\/$/,"").split("/").length}function w(t,e){return x(e.path)-x(t.path)}const I=new class extends C{constructor(t){super(),this.baseHref=t,this._arrPaths=[],this._cUrl=O(""),this._cState=O(""),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&&y(this._currentComp,"destroy",!0,!0),this._cState.value=s.path,this._cUrl.value=t,p(this.template.domNode),s.resolver?s.resolver(e.params).then(e=>{this.createComponent(t,s,e)}):this.createComponent(t,s)}),window.addEventListener("popstate",this.onPopState)}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(w),this.goToUrl("/")}createComponent(t,e,s){e.title&&(document.title=e.title),window.history.pushState(this._cUrl.value,document.title,this._cUrl.value);const r=e.component(s);this._currentComp=r,Promise.resolve().then(()=>{this.template.domNode.appendChild(S(r))})}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=C,t.Router=I,t.createComponent=function(t,e={}){const s=new t(e);return s.template.instance=s,s.template},t.createRouter=function(t){return I.setPaths(t),I.template},t.fdFor=function(t,e,s={},r){if(Array.isArray(t))return t.map((t,r)=>_(t,e,s,r));let n=t.value.map((t,n)=>_(t,e,s,n,r));return t.addSubscriber(t=>{let i=n._parent;if(0===t.length)return n.length&&(n.forEach(t=>{y(t,"destroy",!0,!0)}),p(i)),void((n=t)._parent=i);if(0===n.length)return(n=t.map((t,n)=>_(t,e,s,n,r))).forEach(t=>{i.appendChild(S(t))}),void(n._parent=i);const o=t.map((t,n)=>_(t,e,s,n,r));let a=0;n.forEach((t,e)=>{if(o.length<=e)return y(t,"destroy",!0,!0),f(i,e-a),void(a+=1);o[e].fdKey!==t.fdKey&&(y(t,"destroy",!0,!0),f(i,e-a),a+=1)}),o.forEach((t,e)=>{n.length<=e?i.appendChild(S(t)):n[e].fdKey!==t.fdKey&&function(t,e,s){t&&s&&t.insertBefore(s,t.children[e])}(i,e,S(t))}),(n=o)._parent=i}),n},t.fdIf=function(t){return O(t)},t.fdObject=E,t.fdValue=O,t.generateNode=S,t.matchRoute=m,Object.defineProperty(t,"__esModule",{value:!0})});

package.json

 {
   "name": "faster-dom",
-  "version": "0.0.27-alpha",
+  "version": "0.0.28-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.27-alpha
+yarn add faster-dom@0.0.28-alpha
 ```
@@ -12,0 +12,0 @@

No alert changes

Improved metrics

Total package byte prevSize

42142

0.11%

No dependency changes