vsn 0.1.55 → 0.1.58

package/src/attributes/LazyAttribute.ts

@@ -12,7 +12,7 @@ export class LazyAttribute extends On {
     }
 
     public async connect() {
-        this.tag.addEventHandler('scroll', ['passive'], this.handleEvent.bind(this));
+        this.tag.addEventHandler('scroll', ['passive'], this.handleEvent, this);
         await this.handleEvent();
     }
 
@@ -20,7 +20,7 @@ export class LazyAttribute extends On {
         if (!this.loaded && window.scrollY + window.outerHeight >= this.eleTop) {
             this.loaded = true;
             await this.handler.evaluate(this.tag.scope, this.tag.dom, this.tag);
-            this.tag.removeEventHandler('scroll', this.handleEvent.bind(this));
+            this.tag.removeEventHandler('scroll', this.handleEvent, this);
         }
     }
 }

package/src/attributes/List.ts

@@ -25,9 +25,11 @@ export class List extends Attribute {
     public async setup() {
         if (this.tag.element.children.length > 0) {
             const template = this.tag.element.children[0];
+            const templateTag: Tag = await this.tag.dom.getTagForElement(template);
 
             if (template) {
                 if (template.hasAttribute('vsn-template')) {
+                    templateTag.parentTag = this.tag; // Set parentTag before removing from DOM
                     template.removeAttribute('vsn-template');
                     this.tag.element.removeChild(template);
                     this.template = template;

package/src/attributes/On.ts

@@ -32,7 +32,7 @@ export abstract class On extends Attribute {
     }
 
     public async connect() {
-        this.tag.addEventHandler(this.getAttributeBinding(), this.getAttributeModifiers(), this.handleEvent.bind(this));
+        this.tag.addEventHandler(this.getAttributeBinding(), this.getAttributeModifiers(), this.handleEvent, this);
         await super.connect();
     }
 }

package/src/attributes/StandardAttribute.ts

@@ -16,6 +16,7 @@ export class StandardAttribute extends Attribute {
     }
 
     public async connect() {
+        this.tag.scope.on(`change:${this.key}`, (v) => { console.log('updated', v);});
         this.tag.scope.on(`change:${this.key}`, this.updateTo.bind(this));
         await super.connect();
     }

package/src/vsn.ts

@@ -43,7 +43,7 @@ export class Vision extends EventDispatcher {
         return this._dom;
     }
 
-    public async eval(code: string) {
+    public async exec(code: string) {
         return await this._dom.exec(code);
     }
 
@@ -55,7 +55,7 @@ export class Vision extends EventDispatcher {
         await this._dom.buildFrom(document, true);
         const now = (new Date()).getTime();
         const setupTime = now - startTime;
-        console.warn(`Took ${setupTime}ms to start up VisionJS. https://www.vsnjs.com/`);
+        console.warn(`Took ${setupTime}ms to start up VisionJS. https://www.vsnjs.com/`, window ? `v${window['VSN_VERSION']}` : null);
     }
 
     public static get instance() {

package/test/attributes/ListItem.spec.ts

@@ -68,6 +68,7 @@ describe('ListItem', () => {
                 </ul>
             </div>
         `;
+        console.log('########### test');
         const dom = new DOM(document);
         dom.once('built', async () => {
             const list = await dom.getTagForElement(document.getElementById('test'));

package/webpack.config.js

@@ -1,5 +1,6 @@
 const path = require('path');
 const webpack = require("webpack");
+const TerserPlugin = require("terser-webpack-plugin");
 
 const defaultConfiguration = {
   entry: './src/vsn.ts',
@@ -20,6 +21,15 @@ const defaultConfiguration = {
     filename: 'vsn.min.js',
     path: path.resolve(__dirname, 'dist'),
   },
+  optimization: {
+    minimizer: [new TerserPlugin({
+    terserOptions: {
+      format: {
+        preamble: `/* Copyright ${new Date().getUTCFullYear()}, VSNjs. ${require('./package.json').name} ${require('./package.json').version} (${new Date().toUTCString()}) */if (window) window['VSN_VERSION']='${require('./package.json').version}';`
+      }
+    }
+  })],
+  }
 };
 
 function buildConfig(env) {