vsn 0.1.148 → 1.0.0

package/src/attributes/StyleAttribute.ts

@@ -1,90 +0,0 @@
-import {Registry} from "../Registry";
-import {Attribute} from "../Attribute";
-import {Scope} from "../Scope";
-import {ScopeReference} from "../Scope/ScopeReference";
-
-
-@Registry.attribute('vsn-styles')
-export class StyleAttribute extends Attribute {
-    public static readonly canDefer: boolean = false;
-    private scopeRef: ScopeReference;
-    private styleScope: Scope;
-
-    public async setup() {
-        const key = this.getAttributeValue() || null;
-        if (key) {
-            this.scopeRef = this.tag.scope.getReference(key, true);
-            const parentScope = await this.scopeRef.getScope();
-            const styleKey = await this.scopeRef.getKey();
-            this.styleScope = parentScope.get(styleKey);
-            if (!this.styleScope) {
-                this.styleScope = new Scope(parentScope);
-                parentScope.set(styleKey, this.styleScope);
-            }
-        } else {
-            this.styleScope = this.tag.scope;
-        }
-
-        await super.setup();
-    }
-
-    public async connect() {
-        this.styleScope.on(`change`, this.handleEvent.bind(this));
-        await super.connect();
-    }
-
-    public async disconnect() {
-        this.styleScope.offWithContext(`change`, this);
-        await super.disconnect();
-    }
-
-    public async extract() {
-        this.updateFrom();
-        this.updateTo();
-        await super.extract();
-    }
-
-    updateFrom() {
-        const toSkip = [
-            'cssText',
-            'getPropertyPriority',
-            'getPropertyValue',
-            'removeProperty',
-            'setProperty',
-            'length'
-        ];
-        for (const k in this.tag.style) {
-            if (toSkip.indexOf(k) > -1 || isFinite(k as any))
-                continue;
-            const value = this.tag.style[k];
-            const key = `$${k}`;
-            if (value && value !== this.styleScope.get(key))
-                this.styleScope.set(key, value);
-        }
-    }
-
-    public updateTo() {
-        for (const k of this.styleScope.keys) {
-            const v = this.styleScope.get(k);
-            if (k.startsWith('$')) {
-                const key = k.substr(1);
-                this.tag.element.style[key] = v.value;
-            }
-        }
-    }
-
-    public mutate(mutation: MutationRecord) {
-        super.mutate(mutation);
-        this.updateFrom();
-    }
-
-    public async handleEvent(k, v) {
-        if (k.startsWith('$')) {
-            const key = k.substr(1);
-
-            if (v.value !== v.previousValue) {
-                this.tag.element.style[key] = v.value;
-            }
-        }
-    }
-}

package/src/attributes/StyleVarAttribute.ts

@@ -1,40 +0,0 @@
-import {Registry} from "../Registry";
-import {Attribute} from "../Attribute";
-import {Scope} from "../Scope";
-import {ScopeReference} from "../Scope/ScopeReference";
-
-
-@Registry.attribute('vsn-style-var')
-export class StyleVarAttribute extends Attribute {
-    public static readonly canDefer: boolean = false;
-    protected key?: string;
-    protected styleVar?: string;
-    protected boundScope?: Scope;
-
-    public async connect() {
-        let scopeKey: string = this.getAttributeValue();
-        let ref: ScopeReference;
-        try {
-            ref = this.tag.scope.getReference(scopeKey);
-        } catch (e) {
-            console.error('error', e);
-            return;
-        }
-
-        this.key = await ref.getKey();
-        this.styleVar = this.getAttributeBinding();
-        this.boundScope = await ref.getScope();
-        this.boundScope.on(`change:${this.key}`, this.update, this);
-
-        await super.connect();
-    }
-
-    public async disconnect() {
-        this.boundScope.offWithContext(`change:${this.key}`, this);
-        await super.disconnect();
-    }
-
-    update(e) {
-        this.tag.element.style.setProperty(`--${this.styleVar}`, e.value);
-    }
-}

package/src/attributes/TemplateAttribute.ts

@@ -1,12 +0,0 @@
-import {Registry} from "../Registry";
-import {Attribute} from "../Attribute";
-
-@Registry.attribute('vsn-template')
-export class TemplateAttribute extends Attribute {
-    public static readonly canDefer: boolean = false;
-
-    public async extract() {
-        Registry.instance.templates.register(this.getAttributeBinding(), this.tag.element);
-        await super.extract();
-    }
-}

package/src/attributes/TypeAttribute.ts

@@ -1,23 +0,0 @@
-import {Attribute} from "../Attribute";
-import {ScopeReference} from "../Scope/ScopeReference";
-import {Registry} from "../Registry";
-
-@Registry.attribute('vsn-type')
-export class TypeAttribute extends Attribute {
-    public static readonly canDefer: boolean = false;
-    public async extract() {
-        const key: string = this.getAttributeBinding();
-        let type: string = this.getAttributeValue();
-
-        let ref: ScopeReference;
-        try {
-            ref = this.tag.scope.getReference(key);
-        } catch (e) {
-            console.error('error', e);
-            return;
-        }
-
-        (await ref.getScope()).setType(await ref.getKey(), type);
-        await super.extract();
-    }
-}

package/src/attributes/XHRAttribute.ts

@@ -1,109 +0,0 @@
-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 {
-    public static readonly canDefer: boolean = false;
-    protected tree: Tree;
-    protected request: XMLHttpRequest;
-
-    public get code() {
-        return this.getAttributeValue();
-    }
-
-    public async compile() {
-        this.tree = new Tree(this.code);
-        await this.tree.prepare(this.tag.scope, this.tag.dom, this.tag);
-        await super.compile();
-    }
-
-    public async connect() {
-        if (this.isForm) {
-            this.tag.addEventHandler('submit', this.modifiers, this.handleEvent, this);
-        } else if (this.isAnchor) {
-            this.tag.addEventHandler('click', this.modifiers, this.handleEvent, this);
-        }
-        await super.connect();
-    }
-
-    public get isForm() {
-        return this.tag.element.tagName === 'FORM';
-    }
-
-    public get isAnchor() {
-        return this.tag.element.tagName === 'A';
-    }
-
-    public async handleEvent(e) {
-        e.preventDefault();
-        if (this.request) return;
-
-        this.request = new XMLHttpRequest();
-        let method;
-        let url;
-        let formData;
-        if (this.isForm) {
-            url = this.tag.element.getAttribute('action');
-            method = this.getAttributeBinding(this.tag.element.getAttribute('method'));
-            method = method.toUpperCase();
-            formData = new FormData(this.tag.element as HTMLFormElement);
-            if (method == 'GET') {
-                const data = {};
-                const formKeys: string[] = Array.from(formData.keys());
-                for (const key of formKeys) {
-                    data[key] = formData.get(key);
-                }
-                url = VisionHelper.getUriWithParams(url, data);
-                formData = null;
-            }
-        } 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);
-    }
-
-    public async handleXHREvent(e) {
-        this.tag.scope.set('status', this.request.status);
-        this.tag.scope.set('response', this.request.response);
-        if (this.request.status >= 200 && this.request.status < 300) {
-            await this.tree.evaluate(this.tag.scope, this.tag.dom, this.tag);
-            this.tag.element.dispatchEvent(new Event('xhr-success'));
-        } else if (this.request.status >= 300 && this.request.status < 400) {
-            this.tag.element.dispatchEvent(new Event('xhr-redirect'));
-        } else if (this.request.status >= 400 && this.request.status < 500) {
-            this.tag.element.dispatchEvent(new Event('xhr-client-error'));
-            this.tag.element.dispatchEvent(new Event('xhr-error'));
-        } else {
-            this.tag.element.dispatchEvent(new Event('xhr-server-error'));
-            this.tag.element.dispatchEvent(new Event('xhr-error'));
-        }
-        this.request = null;
-    }
-}

package/src/attributes/_imports.ts

@@ -1,32 +0,0 @@
-export {AddClassIf} from "./AddClassIf";
-export {Bind} from "./Bind";
-export {ComponentAttribute} from './ComponentAttribute';
-export {ControllerAttribute} from "./ControllerAttribute";
-export {DisableIf} from "./DisableIf";
-export {Exec} from "./Exec";
-export {Format} from "./Format";
-export {If} from "./If";
-export {JSONAttribute} from "./JSONAttribute";
-export {KeyDown} from "./KeyDown";
-export {KeyUp} from "./KeyUp";
-export {LazyAttribute} from "./LazyAttribute";
-export {List} from "./List";
-export {ListItem} from "./ListItem";
-export {ListItemModel} from "./ListItemModel";
-export {ModelAttribute} from "./ModelAttribute";
-export {Name} from "./Name";
-export {On} from "./On";
-export {PersistAttribute} from "./PersistAttribute";
-export {Referenced} from "./Referenced";
-export {RootAttribute} from "./RootAttribute";
-export {ScopeAttribute} from "./ScopeAttribute";
-export {ScopeChange} from "./ScopeChange";
-export {ScriptAttribute} from "./ScriptAttribute";
-export {ServiceAttribute} from "./ServiceAttribute";
-export {SetAttribute} from "./SetAttribute";
-export {StandardAttribute} from "./StandardAttribute";
-export {StyleAttribute} from "./StyleAttribute";
-export {StyleVarAttribute} from "./StyleVarAttribute";
-export {TemplateAttribute} from "./TemplateAttribute";
-export {TypeAttribute} from "./TypeAttribute";
-export {XHRAttribute} from "./XHRAttribute";

package/src/contrib/XHR.ts

@@ -1,46 +0,0 @@
-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

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

package/src/custom-elements.ts

@@ -1,46 +0,0 @@
-/**
- * @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
- */
-
-/**
- * This shim allows elements written in, or compiled to, ES5 to work on native
- * implementations of Custom Elements v1. It sets new.target to the value of
- * this.constructor so that the native HTMLElement constructor can access the
- * current under-construction element's definition.
- */
-(function() {
-  if (
-    // No Reflect, no classes, no need for shim because native custom elements
-    // require ES2015 classes or Reflect.
-    window.Reflect === undefined ||
-    window.customElements === undefined ||
-    // The webcomponentsjs custom elements polyfill doesn't require
-    // ES2015-compatible construction (`super()` or `Reflect.construct`).
-    window.customElements['polyfillWrapFlushCallback']
-  ) {
-    return;
-  }
-  const BuiltInHTMLElement = HTMLElement;
-  /**
-   * With jscompiler's RECOMMENDED_FLAGS the function name will be optimized away.
-   * However, if we declare the function as a property on an object literal, and
-   * use quotes for the property name, then closure will leave that much intact,
-   * which is enough for the JS VM to correctly set Function.prototype.name.
-   */
-  const wrapperForTheName = {
-    'HTMLElement': /** @this {!Object} */ function HTMLElement() {
-      return Reflect.construct(
-          BuiltInHTMLElement, [], /** @type {!Function} */ (this.constructor));
-    }
-  };
-  window.HTMLElement = wrapperForTheName['HTMLElement'] as any;
-  HTMLElement.prototype = BuiltInHTMLElement.prototype;
-  HTMLElement.prototype.constructor = HTMLElement;
-  Object.setPrototypeOf(HTMLElement, BuiltInHTMLElement);
-})();

package/src/demo/ServiceDemo.ts

@@ -1,12 +0,0 @@
-import {IntegerProperty, property, Registry, Service} from "../vsn";
-
-@Registry.service('ServiceDemo')
-export class ServiceDemo extends Service {
-    @property(IntegerProperty)
-    public count: number = 0;
-
-    async add(num: number=1): Promise<number> {
-        console.log('ServiceDemo.add', this, num);
-        return this.count += num;
-    }
-}

package/src/demo.ts

@@ -1,2 +0,0 @@
-export * from './vsn';
-export {ServiceDemo} from './demo/ServiceDemo';

package/src/helpers/DOMHelper.ts

@@ -1,17 +0,0 @@
-
-export class DOMHelper {
-    public static async walk(e: HTMLElement, fnc: (e: HTMLElement) => void, callOnBaseElement: boolean = true) {
-        if (callOnBaseElement)
-            await fnc(e);
-
-        const len: number = e.childNodes.length;
-        if (len <= 0) return;
-        for (let i = 0; i < len; i++){
-            if(!e.childNodes[i]){
-                continue;
-            }
-
-            await DOMHelper.walk(e.childNodes[i] as HTMLElement, fnc, true);
-        }
-    }
-}

package/src/helpers/ElementHelper.ts

@@ -1,26 +0,0 @@
-import {ClassNode} from "../AST/ClassNode";
-
-export class ElementHelper {
-    public static hasVisionAttribute(element: HTMLElement | Element, testAttr: string = 'vsn-'): boolean {
-        if (!element.attributes || element.attributes.length <= 0) return false;
-        for (let i: number = 0; i < element.attributes.length; i++) {
-            const attr: Attr = element.attributes[i];
-            if (attr.name.startsWith(testAttr))
-            {
-                return true;
-            }
-        }
-
-        for (const cls of Array.from(element.classList)) {
-            if (ClassNode.isClass(cls)) {
-                return true;
-            }
-        }
-
-        return false;
-    }
-
-    public static normalizeElementID(id: string) {
-        return id ? id.replace(/-([a-zA-Z0-9])/g, function (g) { return g[1].toUpperCase(); }) : null;
-    }
-}

package/src/helpers/VisionHelper.ts

@@ -1,88 +0,0 @@
-declare var IN_DEVELOPMENT: boolean;
-declare var DO_BENCHMARK: boolean;
-
-export class VisionHelper {
-    public static isConstructor(obj: any): boolean {
-        return obj &&
-            obj.hasOwnProperty("prototype") &&
-            !!obj.prototype &&
-            !!obj.prototype.constructor &&
-            !!obj.prototype.constructor.name;
-    }
-
-    public static get document() {
-        return typeof document === 'object' ? document : null;
-    }
-
-    public static get window() {
-        return typeof window === 'object' ? window : null;
-    }
-
-    public static isMobile(): boolean {
-        let check = false;
-        if (navigator && VisionHelper.window) {
-            (function (a) {
-                if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0, 4))) check = true;
-            })(navigator.userAgent || navigator.vendor || window['opera']);
-        }
-        return check;
-    }
-
-    public static get inDevelopment() {
-        return IN_DEVELOPMENT;
-    }
-
-    public static get doBenchmark() {
-        return DO_BENCHMARK;
-    }
-
-    public static get inLegacy() {
-        return process.env.BUILD_TARGET === 'es5';
-    }
-
-    public static getUriWithParams(
-        url: string,
-        params: Record<string, any>
-    ): string {
-        let base = window.location.origin;
-        if (url.startsWith('.') || !url.startsWith('/')) {
-            base += window.location.pathname;
-        }
-        const _url = new URL(url, base);
-        const urlParams: URLSearchParams = new URLSearchParams(_url.search);
-        for (const key in params) {
-            if (params[key] !== undefined) {
-                urlParams.set(key, params[key]);
-            }
-        }
-        _url.search = urlParams.toString();
-        return _url.toString();
-    }
-
-    public static async wait (seconds) {
-        return new Promise((resolve) => {
-            setTimeout(resolve, seconds * 1000);
-        });
-    }
-
-    public static nice(callback, timeout: number = 100) {
-        if (VisionHelper.window && window['requestIdleCallback']) {
-            window['requestIdleCallback'](callback);
-        } else {
-            setTimeout(callback, timeout);
-        }
-    }
-
-    public static get wasmSupport(): boolean {
-        try {
-            if (typeof WebAssembly === "object"
-                && typeof WebAssembly.instantiate === "function") {
-                const module = new WebAssembly.Module(Uint8Array.of(0x0, 0x61, 0x73, 0x6d, 0x01, 0x00, 0x00, 0x00));
-                if (module instanceof WebAssembly.Module)
-                    return new WebAssembly.Instance(module) instanceof WebAssembly.Instance;
-            }
-        } catch (e) {
-        }
-        return false;
-    }
-}

package/src/helpers/decorators.ts

@@ -1,11 +0,0 @@
-
-export function extendsarray<T extends { new (...args: any[]): {} }>(target: T) {
-    return class extends target {
-        constructor(...args) {
-            super(...args);
-            for (const c in target.prototype) {
-                this[c] = target.prototype[c];
-            }
-        }
-    };;
-}

package/src/version.ts

@@ -1,2 +0,0 @@
-export const VERSION = '0.1.148';
-