@neuronet.io/vido - npm Package Compare versions

Comparing version 1.0.15 to 1.0.16

package.json

 {
   "name": "@neuronet.io/vido",
-  "version": "1.0.15",
+  "version": "1.0.16",
   "description": "Compilation-less and eval free frontend framework for fast scalable apps.",
@@ -5,0 +5,0 @@ "main": "vido.js",

vido.esm.min.js

@@ -67,3 +67,3 @@ /**
  * http://polymer.github.io/PATENTS.txt
- */const k=new class{handleAttributeExpressions(e,t,n,o){const s=t[0];if("."===s){return new T(e,t.slice(1),n).parts}return"@"===s?[new C(e,t.slice(1),o.eventContext)]:"?"===s?[new E(e,t.slice(1),n)]:new N(e,t,n).parts}handleTextExpression(e){return new A(e)}};
+ */const P=new class{handleAttributeExpressions(e,t,n,o){const s=t[0];if("."===s){return new T(e,t.slice(1),n).parts}return"@"===s?[new C(e,t.slice(1),o.eventContext)]:"?"===s?[new E(e,t.slice(1),n)]:new N(e,t,n).parts}handleTextExpression(e){return new A(e)}};
 /**
@@ -81,3 +81,3 @@ * @license
  * http://polymer.github.io/PATENTS.txt
- */function P(e){let t=L.get(e.type);void 0===t&&(t={stringsArray:new WeakMap,keyString:new Map},L.set(e.type,t));let n=t.stringsArray.get(e.strings);if(void 0!==n)return n;const o=e.strings.join(l);return void 0===(n=t.keyString.get(o))&&(n=new p(e,e.getTemplateElement()),t.keyString.set(o,n)),t.stringsArray.set(e.strings,n),n}const L=new Map,$=new WeakMap,W=(e,t,n)=>{let o=$.get(t);void 0===o&&(i(t,t.firstChild),$.set(t,o=new A(Object.assign({templateFactory:P},n))),o.appendInto(t)),o.setValue(e),o.commit()};
+ */function k(e){let t=L.get(e.type);void 0===t&&(t={stringsArray:new WeakMap,keyString:new Map},L.set(e.type,t));let n=t.stringsArray.get(e.strings);if(void 0!==n)return n;const o=e.strings.join(l);return void 0===(n=t.keyString.get(o))&&(n=new p(e,e.getTemplateElement()),t.keyString.set(o,n)),t.stringsArray.set(e.strings,n),n}const L=new Map,$=new WeakMap,W=(e,t,n)=>{let o=$.get(t);void 0===o&&(i(t,t.firstChild),$.set(t,o=new A(Object.assign({templateFactory:k},n))),o.appendInto(t)),o.setValue(e),o.commit()};
 /**
@@ -109,3 +109,3 @@ * @license
  */
-(window.litHtmlVersions||(window.litHtmlVersions=[])).push("1.1.2");const H=(e,...t)=>new y(e,t,"html",k),R=(e,...t)=>new x(e,t,"svg",k);
+(window.litHtmlVersions||(window.litHtmlVersions=[])).push("1.1.2");const H=(e,...t)=>new y(e,t,"html",P),R=(e,...t)=>new x(e,t,"svg",P);
 /**
@@ -150,3 +150,3 @@ * @license
  * http://polymer.github.io/PATENTS.txt
- */export default function(e,n){let o=0;const s={};let i,r,a=[],l=0;const c=Promise.resolve();function d(e){return t((function(t,n){return function(o){const s=o.committer.element;for(const o of t)if("function"==typeof o){const t=a.find(t=>t.instance===e&&t.componentAction.create===o&&t.element===s);if(t)t.props=n;else{void 0!==s.__vido__&&delete s.__vido__;const t={create:o,update(){},destroy(){}};a.push({instance:e,componentAction:t,element:s,props:n})}}}}))}const u={debug:!1,state:e,api:n,html:H,svg:R,directive:t,asyncAppend:B,asyncReplace:j,cache:q,classMap:G,guard:K,ifDefined:Q,repeat:oe,styleMap:ie,unsafeHTML:ae,until:ce,actions(e,t){},onDestroy(){},onChange(e){},createComponent(e,t){const n=e.name+":"+o++;let i;const r=[];const a=[];const l=function(e,t){return{instance:e,vidoInstance:t,destroy:()=>(t.debug&&(console.groupCollapsed(`destroying component ${e}`),console.log(e,s[e],s),console.trace(),console.groupEnd()),u.destroyComponent(e,t)),update:()=>(t.debug&&(console.groupCollapsed(`updating component ${e}`),console.log(e,s[e],s),console.trace(),console.groupEnd()),u.updateTemplate(t)),change(n){t.debug&&(console.groupCollapsed(`changing component ${e}`),console.log(n,e,s[e],s),console.trace(),console.groupEnd()),s[e].change(n,t)},html:(n={})=>s[e].update(n,t)}}(n,i=Object.assign(Object.assign({},u),{update:function(){u.updateTemplate(i)},onDestroy:function(e){r.push(e)},onChange:function(e){a.push(e)},instance:n,actions:d(n)})),c={instance:n,vidoInstance:i,destroy(){for(const e of r)e()},update:e(i,t),change(e){for(const n in t)if(e[n]===t[n])return;for(const t of a)t(e)}};return s[n]=c,s[n].change(t),i.debug&&(console.groupCollapsed(`component created ${n}`),console.log(n,e,t,s),console.trace(),console.groupEnd()),l},destroyComponent(e,t){"function"==typeof s[e].destroy&&s[e].destroy(),a=a.filter(t=>(t.instance===e&&"function"==typeof t.componentAction.destroy&&t.componentAction.destroy(t.element,t.props),t.instance!==e)),delete s[e],t.debug&&(console.groupCollapsed(`component destroyed ${e}`),console.trace(),console.groupEnd())},updateTemplate(e){const t=++l,n=this;c.then((function(){t===l&&(n.render(),l=0,e.debug&&(console.groupCollapsed("templates updated"),console.trace(),console.groupEnd()))}))},createApp(e,t){r=t;const n=this.createComponent(e);return i=n.instance,this.render(),n},executeActions(){for(const e of a)if(void 0===e.element.__vido__){if("function"==typeof e.componentAction.create){const t=e.componentAction.create(e.element,e.props);u.debug&&(console.groupCollapsed(`create action executed ${e.instance}`),console.log(e),console.trace(),console.groupEnd()),void 0!==t&&("function"==typeof t.update&&(e.componentAction.update=t.update),"function"==typeof t.destroy&&(e.componentAction.destroy=t.destroy))}}else"function"==typeof e.componentAction.update&&(e.componentAction.update(e.element,e.props),u.debug&&(console.groupCollapsed(`update action executed ${e.instance}`),console.log(e),console.trace(),console.groupEnd()));for(const e of a)e.element.__vido__={instance:e.instance,props:e.props}},render(){W(s[i].update(),r),u.executeActions()}};return u}
+ */export default function(e,n){let o=0;const s={};let i,r,a=[],l=0;const c=Promise.resolve();function d(e){return t((function(t,n){return function(o){const s=o.committer.element;for(const o of t)if("function"==typeof o){const t=a.find(t=>t.instance===e&&t.componentAction.create===o&&t.element===s);if(t)t.props=n;else{void 0!==s.__vido__&&delete s.__vido__;const t={create:o,update(){},destroy(){}};a.push({instance:e,componentAction:t,element:s,props:n})}}}}))}const u={debug:!1,state:e,api:n,html:H,svg:R,directive:t,asyncAppend:B,asyncReplace:j,cache:q,classMap:G,guard:K,ifDefined:Q,repeat:oe,styleMap:ie,unsafeHTML:ae,until:ce,lastProps:{},actions(e,t){},onDestroy(){},onChange(e){},createComponent(e,t){const n=e.name+":"+o++;let i;const r=[];const a=[];const l=function(e,t){return{instance:e,vidoInstance:t,destroy:()=>(t.debug&&(console.groupCollapsed(`destroying component ${e}`),console.log(e,s[e],s),console.trace(),console.groupEnd()),u.destroyComponent(e,t)),update:()=>(t.debug&&(console.groupCollapsed(`updating component ${e}`),console.log(e,s[e],s),console.trace(),console.groupEnd()),u.updateTemplate(t)),change(n){t.debug&&(console.groupCollapsed(`changing component ${e}`),console.log(n,e,s[e],s),console.trace(),console.groupEnd()),s[e].change(n,t)},html:(n={})=>s[e].update(n,t)}}(n,i=Object.assign(Object.assign({},u),{update:function(){u.updateTemplate(i)},onDestroy:function(e){r.push(e)},onChange:function(e){a.push(e)},instance:n,actions:d(n),lastProps:t})),c={instance:n,vidoInstance:i,lastProps:t,destroy(){for(const e of r)e()},update:e(i,t),change(e){for(const n in t)if(e[n]===t[n])return;for(const t of a)t(e);i.lastProps=e}};return s[n]=c,s[n].change(t),i.debug&&(console.groupCollapsed(`component created ${n}`),console.log(n,e,t,s),console.trace(),console.groupEnd()),l},destroyComponent(e,t){"function"==typeof s[e].destroy&&s[e].destroy(),a=a.filter(t=>(t.instance===e&&"function"==typeof t.componentAction.destroy&&t.componentAction.destroy(t.element,t.props),t.instance!==e)),delete s[e],t.debug&&(console.groupCollapsed(`component destroyed ${e}`),console.trace(),console.groupEnd())},updateTemplate(e){const t=++l,n=this;c.then((function(){t===l&&(n.render(),l=0,e.debug&&(console.groupCollapsed("templates updated"),console.trace(),console.groupEnd()))}))},createApp(e,t){r=t;const n=this.createComponent(e);return i=n.instance,this.render(),n},executeActions(){for(const e of a)if(void 0===e.element.__vido__){if("function"==typeof e.componentAction.create){const t=e.componentAction.create(e.element,e.props);u.debug&&(console.groupCollapsed(`create action executed ${e.instance}`),console.log(e),console.trace(),console.groupEnd()),void 0!==t&&("function"==typeof t.update&&(e.componentAction.update=t.update),"function"==typeof t.destroy&&(e.componentAction.destroy=t.destroy))}}else"function"==typeof e.componentAction.update&&(e.componentAction.update(e.element,e.props),u.debug&&(console.groupCollapsed(`update action executed ${e.instance}`),console.log(e),console.trace(),console.groupEnd()));for(const e of a)e.element.__vido__={instance:e.instance,props:e.props}},render(){W(s[i].update(),r),u.executeActions()}};return u}
 //# sourceMappingURL=vido.esm.min.js.map

vido.min.js

@@ -67,3 +67,3 @@ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self).Vido=t()}(this,(function(){"use strict";
      * http://polymer.github.io/PATENTS.txt
-     */const k=new class{handleAttributeExpressions(e,t,n,o){const s=t[0];if("."===s){return new T(e,t.slice(1),n).parts}return"@"===s?[new C(e,t.slice(1),o.eventContext)]:"?"===s?[new E(e,t.slice(1),n)]:new N(e,t,n).parts}handleTextExpression(e){return new A(e)}};
+     */const P=new class{handleAttributeExpressions(e,t,n,o){const s=t[0];if("."===s){return new T(e,t.slice(1),n).parts}return"@"===s?[new C(e,t.slice(1),o.eventContext)]:"?"===s?[new E(e,t.slice(1),n)]:new N(e,t,n).parts}handleTextExpression(e){return new A(e)}};
 /**
@@ -81,3 +81,3 @@ * @license
      * http://polymer.github.io/PATENTS.txt
-     */function P(e){let t=L.get(e.type);void 0===t&&(t={stringsArray:new WeakMap,keyString:new Map},L.set(e.type,t));let n=t.stringsArray.get(e.strings);if(void 0!==n)return n;const o=e.strings.join(l);return void 0===(n=t.keyString.get(o))&&(n=new p(e,e.getTemplateElement()),t.keyString.set(o,n)),t.stringsArray.set(e.strings,n),n}const L=new Map,$=new WeakMap,W=(e,t,n)=>{let o=$.get(t);void 0===o&&(i(t,t.firstChild),$.set(t,o=new A(Object.assign({templateFactory:P},n))),o.appendInto(t)),o.setValue(e),o.commit()};
+     */function k(e){let t=L.get(e.type);void 0===t&&(t={stringsArray:new WeakMap,keyString:new Map},L.set(e.type,t));let n=t.stringsArray.get(e.strings);if(void 0!==n)return n;const o=e.strings.join(l);return void 0===(n=t.keyString.get(o))&&(n=new p(e,e.getTemplateElement()),t.keyString.set(o,n)),t.stringsArray.set(e.strings,n),n}const L=new Map,$=new WeakMap,W=(e,t,n)=>{let o=$.get(t);void 0===o&&(i(t,t.firstChild),$.set(t,o=new A(Object.assign({templateFactory:k},n))),o.appendInto(t)),o.setValue(e),o.commit()};
 /**
@@ -109,3 +109,3 @@ * @license
      */
-(window.litHtmlVersions||(window.litHtmlVersions=[])).push("1.1.2");const H=(e,...t)=>new y(e,t,"html",k),R=(e,...t)=>new x(e,t,"svg",k);
+(window.litHtmlVersions||(window.litHtmlVersions=[])).push("1.1.2");const H=(e,...t)=>new y(e,t,"html",P),R=(e,...t)=>new x(e,t,"svg",P);
 /**
@@ -150,3 +150,3 @@ * @license
      * http://polymer.github.io/PATENTS.txt
-     */return function(e,n){let o=0;const s={};let i,r,a=[],l=0;const c=Promise.resolve();function d(e){return t((function(t,n){return function(o){const s=o.committer.element;for(const o of t)if("function"==typeof o){const t=a.find(t=>t.instance===e&&t.componentAction.create===o&&t.element===s);if(t)t.props=n;else{void 0!==s.__vido__&&delete s.__vido__;const t={create:o,update(){},destroy(){}};a.push({instance:e,componentAction:t,element:s,props:n})}}}}))}const u={debug:!1,state:e,api:n,html:H,svg:R,directive:t,asyncAppend:B,asyncReplace:j,cache:q,classMap:G,guard:K,ifDefined:Q,repeat:oe,styleMap:ie,unsafeHTML:ae,until:ce,actions(e,t){},onDestroy(){},onChange(e){},createComponent(e,t){const n=e.name+":"+o++;let i;const r=[];const a=[];const l=function(e,t){return{instance:e,vidoInstance:t,destroy:()=>(t.debug&&(console.groupCollapsed(`destroying component ${e}`),console.log(e,s[e],s),console.trace(),console.groupEnd()),u.destroyComponent(e,t)),update:()=>(t.debug&&(console.groupCollapsed(`updating component ${e}`),console.log(e,s[e],s),console.trace(),console.groupEnd()),u.updateTemplate(t)),change(n){t.debug&&(console.groupCollapsed(`changing component ${e}`),console.log(n,e,s[e],s),console.trace(),console.groupEnd()),s[e].change(n,t)},html:(n={})=>s[e].update(n,t)}}(n,i=Object.assign(Object.assign({},u),{update:function(){u.updateTemplate(i)},onDestroy:function(e){r.push(e)},onChange:function(e){a.push(e)},instance:n,actions:d(n)})),c={instance:n,vidoInstance:i,destroy(){for(const e of r)e()},update:e(i,t),change(e){for(const n in t)if(e[n]===t[n])return;for(const t of a)t(e)}};return s[n]=c,s[n].change(t),i.debug&&(console.groupCollapsed(`component created ${n}`),console.log(n,e,t,s),console.trace(),console.groupEnd()),l},destroyComponent(e,t){"function"==typeof s[e].destroy&&s[e].destroy(),a=a.filter(t=>(t.instance===e&&"function"==typeof t.componentAction.destroy&&t.componentAction.destroy(t.element,t.props),t.instance!==e)),delete s[e],t.debug&&(console.groupCollapsed(`component destroyed ${e}`),console.trace(),console.groupEnd())},updateTemplate(e){const t=++l,n=this;c.then((function(){t===l&&(n.render(),l=0,e.debug&&(console.groupCollapsed("templates updated"),console.trace(),console.groupEnd()))}))},createApp(e,t){r=t;const n=this.createComponent(e);return i=n.instance,this.render(),n},executeActions(){for(const e of a)if(void 0===e.element.__vido__){if("function"==typeof e.componentAction.create){const t=e.componentAction.create(e.element,e.props);u.debug&&(console.groupCollapsed(`create action executed ${e.instance}`),console.log(e),console.trace(),console.groupEnd()),void 0!==t&&("function"==typeof t.update&&(e.componentAction.update=t.update),"function"==typeof t.destroy&&(e.componentAction.destroy=t.destroy))}}else"function"==typeof e.componentAction.update&&(e.componentAction.update(e.element,e.props),u.debug&&(console.groupCollapsed(`update action executed ${e.instance}`),console.log(e),console.trace(),console.groupEnd()));for(const e of a)e.element.__vido__={instance:e.instance,props:e.props}},render(){W(s[i].update(),r),u.executeActions()}};return u}}));
+     */return function(e,n){let o=0;const s={};let i,r,a=[],l=0;const c=Promise.resolve();function d(e){return t((function(t,n){return function(o){const s=o.committer.element;for(const o of t)if("function"==typeof o){const t=a.find(t=>t.instance===e&&t.componentAction.create===o&&t.element===s);if(t)t.props=n;else{void 0!==s.__vido__&&delete s.__vido__;const t={create:o,update(){},destroy(){}};a.push({instance:e,componentAction:t,element:s,props:n})}}}}))}const u={debug:!1,state:e,api:n,html:H,svg:R,directive:t,asyncAppend:B,asyncReplace:j,cache:q,classMap:G,guard:K,ifDefined:Q,repeat:oe,styleMap:ie,unsafeHTML:ae,until:ce,lastProps:{},actions(e,t){},onDestroy(){},onChange(e){},createComponent(e,t){const n=e.name+":"+o++;let i;const r=[];const a=[];const l=function(e,t){return{instance:e,vidoInstance:t,destroy:()=>(t.debug&&(console.groupCollapsed(`destroying component ${e}`),console.log(e,s[e],s),console.trace(),console.groupEnd()),u.destroyComponent(e,t)),update:()=>(t.debug&&(console.groupCollapsed(`updating component ${e}`),console.log(e,s[e],s),console.trace(),console.groupEnd()),u.updateTemplate(t)),change(n){t.debug&&(console.groupCollapsed(`changing component ${e}`),console.log(n,e,s[e],s),console.trace(),console.groupEnd()),s[e].change(n,t)},html:(n={})=>s[e].update(n,t)}}(n,i=Object.assign(Object.assign({},u),{update:function(){u.updateTemplate(i)},onDestroy:function(e){r.push(e)},onChange:function(e){a.push(e)},instance:n,actions:d(n),lastProps:t})),c={instance:n,vidoInstance:i,lastProps:t,destroy(){for(const e of r)e()},update:e(i,t),change(e){for(const n in t)if(e[n]===t[n])return;for(const t of a)t(e);i.lastProps=e}};return s[n]=c,s[n].change(t),i.debug&&(console.groupCollapsed(`component created ${n}`),console.log(n,e,t,s),console.trace(),console.groupEnd()),l},destroyComponent(e,t){"function"==typeof s[e].destroy&&s[e].destroy(),a=a.filter(t=>(t.instance===e&&"function"==typeof t.componentAction.destroy&&t.componentAction.destroy(t.element,t.props),t.instance!==e)),delete s[e],t.debug&&(console.groupCollapsed(`component destroyed ${e}`),console.trace(),console.groupEnd())},updateTemplate(e){const t=++l,n=this;c.then((function(){t===l&&(n.render(),l=0,e.debug&&(console.groupCollapsed("templates updated"),console.trace(),console.groupEnd()))}))},createApp(e,t){r=t;const n=this.createComponent(e);return i=n.instance,this.render(),n},executeActions(){for(const e of a)if(void 0===e.element.__vido__){if("function"==typeof e.componentAction.create){const t=e.componentAction.create(e.element,e.props);u.debug&&(console.groupCollapsed(`create action executed ${e.instance}`),console.log(e),console.trace(),console.groupEnd()),void 0!==t&&("function"==typeof t.update&&(e.componentAction.update=t.update),"function"==typeof t.destroy&&(e.componentAction.destroy=t.destroy))}}else"function"==typeof e.componentAction.update&&(e.componentAction.update(e.element,e.props),u.debug&&(console.groupCollapsed(`update action executed ${e.instance}`),console.log(e),console.trace(),console.groupEnd()));for(const e of a)e.element.__vido__={instance:e.instance,props:e.props}},render(){W(s[i].update(),r),u.executeActions()}};return u}}));
 //# sourceMappingURL=vido.min.js.map

vido.ts

@@ -63,2 +63,3 @@ import { render, html, directive, svg } from 'lit-html';
     until,
+    lastProps: {},
     actions(componentActions, props) {},
@@ -82,3 +83,11 @@ onDestroy() {},
       }
-      vidoInstance = { ...vido, update, onDestroy, onChange, instance, actions: getActions(instance) };
+      vidoInstance = {
+        ...vido,
+        update,
+        onDestroy,
+        onChange,
+        instance,
+        actions: getActions(instance),
+        lastProps: props
+      };
       const componentInstanceMethods = getComponentInstanceMethods(instance, vidoInstance);
@@ -88,2 +97,3 @@ const methods = {
         vidoInstance,
+        lastProps: props,
         destroy() {
@@ -104,2 +114,3 @@ for (const d of destroyable) {
           }
+          vidoInstance.lastProps = changedProps;
         }
@@ -106,0 +117,0 @@ };

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

871991

increased by0.2%

Lines of code

5615

increased by0.45%

No dependency changes