vsn 0.1.117 → 0.1.119

package/dist/vsn.min.js.LICENSE.txt

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright (c) 2016 The Polymer Project Authors. All rights reserved.
+ * This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+ * The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+ * The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+ * Code distributed by Google as part of the polymer project is also
+ * subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+ */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vsn",
-  "version": "0.1.117",
+  "version": "0.1.119",
   "description": "SEO Friendly Javascript/Typescript Framework",
   "keywords": [
     "framework",

package/src/AST/XHRNode.ts

@@ -48,7 +48,10 @@ export class XHRNode extends Node implements TreeNode {
         }
 
         let request = {
-            method: method
+            method: method,
+            headers: {
+                'X-Requested-With': 'XMLHttpRequest'
+            }
         };
 
         if (request.method === 'GET') {

package/src/Scope/ScopeDataAbstract.ts

@@ -8,6 +8,7 @@ export interface IScopeData {
 export class ScopeDataAbstract extends EventDispatcher {
     [key: string]: any;
     __properties__: string[];
+    __methods__: string[];
     protected _lastData: any;
 
     constructor() {
@@ -16,6 +17,13 @@ export class ScopeDataAbstract extends EventDispatcher {
         // Objects may have __properties__ from prototype
         if(!this['__properties__'])
             this.__properties__ = [];
+
+        if(!this['__methods__'])
+            this.__methods__ = [];
+    }
+
+    createMethod(name: string, method: (...args: any[]) => any) {
+
     }
 
     createProperty(name: string, propertyType: any = Property, config?: IPropertyConfig): any {

package/src/Scope/properties/Property.ts

@@ -24,6 +24,29 @@ export function property(propertyType = Property, config: {} | null = {}) {
     }
 }
 
+export function method(config: {} | null = {}) {
+    return function(target: any, key: string) {
+        if(target.__methods__ == undefined) {
+            target.__methods__ = [];
+        }
+
+        // Abstract/extended classes share __properties__
+        if(target.__methods__.indexOf(key) == -1)
+            target.__methods__.push(key);
+
+        const getter = function() {
+            return config;
+        };
+
+        Object.defineProperty(target, '__'+key+'__', {
+            get: getter,
+            set: v => {},
+            enumerable:false,
+            configurable: true
+        });
+    }
+}
+
 export type TValidator = (value: any) => string[];
 
 export interface IPropertyConfig {

package/src/Tag.ts

@@ -39,7 +39,24 @@ export class Tag extends DOMObject {
         '@html',
         '@class',
         '@value',
-        '@disabled'
+        '@disabled',
+        '@hidden',
+        '@selected',
+        '@readonly',
+        '@multiple',
+        '@required',
+        '@autofocus',
+    ];
+
+    public static readonly flagAttributes: string[] = [
+        '@disabled',
+        '@hidden',
+        '@checked',
+        '@selected',
+        '@readonly',
+        '@multiple',
+        '@required',
+        '@autofocus',
     ];
 
     protected inputTags: string[] = [
@@ -396,11 +413,12 @@ export class Tag extends DOMObject {
                 const classes: string[] = value instanceof Array ? value : [value];
                 if (classes.length)
                     this.element.classList.add(...classes);
-            } else if (key === '@disabled') {
+            } else if (Tag.flagAttributes.indexOf(key) > -1) {
+                const attrKey = key.replace('@', '');
                 if (!!value) {
-                    this.element.setAttribute('disabled', '');
+                    this.element.setAttribute(attrKey, '');
                 } else {
-                    this.element.removeAttribute('disabled');
+                    this.element.removeAttribute(attrKey);
                 }
             }
         } else {
@@ -418,8 +436,9 @@ export class Tag extends DOMObject {
                 return this.value;
             else if (key === '@class') {
                 return Array.from(this.element.classList);
-            } else if (key === '@disabled') {
-                return this.element.hasAttribute('disabled');
+            } else if (Tag.flagAttributes.indexOf(key) > -1) {
+                const attrKey = key.replace('@', '');
+                return this.element.hasAttribute(attrKey);
             }
         }
         return this.element.getAttribute(key);

package/src/attributes/Exec.ts

@@ -18,7 +18,15 @@ export class Exec extends Attribute {
     }
 
     public async extract() {
-        await this.tree.evaluate(this.tag.scope, this.tag.dom, this.tag);
+        if (this.hasModifier('defer')) {
+            this.tag.dom.once('built', () => this.execute());
+        } else {
+            await this.execute();
+        }
         await super.extract();
     }
+
+    public async execute() {
+        await this.tree.evaluate(this.tag.scope, this.tag.dom, this.tag);
+    }
 }

package/src/attributes/XHRAttribute.ts

@@ -2,6 +2,7 @@ import {Registry} from "../Registry";
 import {Attribute} from "../Attribute";
 import {Tree} from "../AST";
 import {VisionHelper} from "../helpers/VisionHelper";
+import {XHR} from "../contrib/XHR";
 
 @Registry.attribute('vsn-xhr')
 export class XHRAttribute extends Attribute {
@@ -61,12 +62,30 @@ export class XHRAttribute extends Attribute {
         } else if (this.isAnchor) {
             url = this.tag.element.getAttribute('href');
             method = this.getAttributeBinding('GET');
+            method = method.toUpperCase();
+            if (['POST', 'PUT'].indexOf(method) > -1) {
+                formData = new FormData();
+            }
         }
 
         this.request.addEventListener('loadend', this.handleXHREvent.bind(this));
         this.request.addEventListener('error', this.handleXHREvent.bind(this));
         this.request.open(method, url);
         this.request.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
+        const siteHeaders = XHR.instance.getHeaders();
+        for (const key in siteHeaders) {
+            this.request.setRequestHeader(key, siteHeaders[key]);
+        }
+
+        if (formData instanceof FormData) {
+            const siteFormData = XHR.instance.getFormData();
+            if (siteFormData) {
+                for (const key in siteFormData) {
+                    formData.append(key, siteFormData[key]);
+                }
+            }
+        }
+
         this.request.send(formData);
     }
 

package/src/contrib/XHR.ts

@@ -0,0 +1,46 @@
+import {Registry} from "../Registry";
+import {Service} from "../Service";
+import {property} from "../Scope/properties/Property";
+
+@Registry.service('XHR')
+export class XHR extends Service {
+    @property()
+    public readonly siteHeaders: { [key: string]: {[key: string]: string}} = {};
+
+    @property()
+    public readonly siteFormData: { [key: string]: {[key: string]: string}} = {};
+
+    public addHeader(key: string, value: string, site: string = null) {
+        if (site === null)
+            site = window.location.hostname;
+
+        if (!this.siteHeaders[site]) {
+            this.siteHeaders[site] = {};
+        }
+        this.siteHeaders[site][key] = value;
+    }
+
+    public addFormData(key: string, value: string, site: string = null) {
+        if (site === null)
+            site = window.location.hostname;
+
+        if (!this.siteFormData[site]) {
+            this.siteFormData[site] = {};
+        }
+        this.siteFormData[site][key] = value;
+    }
+
+    public getHeaders(site: string = null) {
+        if (site === null)
+            site = window.location.hostname;
+
+        return this.siteHeaders[site];
+    }
+
+    public getFormData(site: string = null) {
+        if (site === null)
+            site = window.location.hostname;
+
+        return this.siteFormData[site];
+    }
+}

package/src/contrib/_imports.ts

@@ -0,0 +1 @@
+export {XHR} from "./XHR";

package/src/demo/ServiceDemo.ts

@@ -5,7 +5,7 @@ export class ServiceDemo extends Service {
     @property(IntegerProperty)
     public count: number = 0;
 
-    add(num: number): number {
+    async add(num: number=1): Promise<number> {
         return this.count += num;
     }
 }

package/src/version.ts

@@ -1,2 +1,2 @@
-export const VERSION = '0.1.117';
+export const VERSION = '0.1.119';