vsn 0.1.148 → 1.0.0

package/src/Scope.ts

@@ -1,333 +0,0 @@
-import {EventDispatcher} from "./EventDispatcher";
-import {ScopeReference} from "./Scope/ScopeReference";
-import {QueryReference} from "./Scope/QueryReference";
-import {WrappedArray} from "./Scope/WrappedArray";
-import {ScopeData} from "./Scope/ScopeData";
-import {DynamicScopeData} from "./Scope/DynamicScopeData";
-import {DOM} from "./DOM";
-import {ScopeAbstract} from "./Scope/ScopeAbstract";
-
-
-export class Scope extends ScopeAbstract {
-    public wrapped: any;
-    protected _data: ScopeData;
-    protected children: Scope[];
-    protected _parentScope: Scope;
-    protected _isGarbage: boolean = false;
-
-    constructor(
-        parent?: Scope
-    ) {
-        super();
-        if (parent)
-            this.parentScope = parent;
-        this.children = [];
-        this._data = new DynamicScopeData({});
-        this._data.addRelay(this);
-    }
-
-    deconstruct() {
-        super.deconstruct();
-        this.collectGarbage(true);
-
-        this.wrapped = null;
-        if (this._data)
-            this._data.deconstruct();
-        this._data = null;
-
-        for (const child of this.children) {
-            child.deconstruct();
-        }
-        this.children.length = 0;
-        this.parentScope = null;
-    }
-
-    public get data(): ScopeData {
-        return this._data;
-    }
-
-    public get objectify(): any {
-        const obj = {};
-        for (const key of this.keys) {
-            const value = this.get(key);
-            if (value instanceof Scope)
-                obj[key] = value.objectify;
-            else
-                obj[key] = value;
-        }
-        return obj;
-    }
-
-    public get parentScope(): Scope {
-        if (this._parentScope)
-            return this._parentScope;
-
-        const rootScope = DOM.instance.root.scope;
-        return this == rootScope ? null : rootScope;
-    }
-
-    public set parentScope(scope: Scope) {
-        if (this._parentScope && this._parentScope !== scope)
-            this._parentScope.removeChild(this);
-
-        if (scope) {
-            this._parentScope = scope;
-            scope.addChild(this);
-        } else if (this._parentScope){
-            this._parentScope.removeChild(this);
-            this._parentScope = null;
-        }
-    }
-
-    public addChild(scope: Scope) {
-        this.children.push(scope);
-    }
-
-    public removeChild(scope: Scope) {
-        const index = this.children.indexOf(scope);
-        if (index > -1)
-            this.children.splice(index, 1);
-    }
-
-    getReference(path: string, createIfNotFound: boolean = true): ScopeReference {
-        const scopePath: string[] = path.split('.');
-        let key: string = scopePath[0];
-        let scope: Scope = this;
-        let val: any = null;
-        let len: number = scopePath.length;
-
-        if (path.startsWith('?')) {
-            return new QueryReference(path, scope);
-        }
-
-        for (let i: number = 0; i < len; i++) {
-            key = scopePath[i];
-
-            val = scope.get(key, i === 0);
-            const isNull: boolean = [null, undefined].indexOf(val) > -1;
-            if (createIfNotFound && isNull && i + 1 < len) {
-                val = new Scope(scope);
-                scope.set(key, val);
-            } else if (!createIfNotFound && isNull) {
-                return null;
-            }
-
-            if (val && val instanceof Scope) {
-                scope = val;
-            }
-        }
-
-        return new ScopeReference(scope, key, val);
-    }
-
-    get(key: string, searchParents: boolean = true): any {
-        if (this._data === null) return null;
-        const value: any = this._data[key];
-        if (value === undefined) {
-            if (searchParents && this.parentScope)
-                return this.parentScope.get(key, searchParents);
-
-            return '';
-        }
-
-        return value;
-    }
-
-    set(key: string, value: any, detectType: boolean = false): void {
-        if (this._data === null) return;
-        if (detectType) {
-            const type = typeof value;
-            if (type === 'number') {
-                if (value % 1 === 0)
-                    this.setType(key, 'integer');
-                else
-                    this.setType(key, 'float');
-            } else if (type === 'string') {
-                this.setType(key, 'string');
-            } else if (type === 'boolean') {
-                this.setType(key, 'boolean');
-            }
-        }
-        if (!this._data.hasProperty(key))
-            this._data.createProperty(key);
-        this._data[key] = value;
-    }
-
-    remove(key: string) {
-        if (this._data === null) return;
-        this._data.removeProperty(key);
-    }
-
-    get keys(): string[] {
-        if (this._data === null) return [];
-        return this._data.keys;
-    }
-
-    has(key: string): boolean {
-        if (this._data === null) return false;
-        return this._data.hasProperty(key);
-    }
-
-    setType(key: string, type: string) {
-        const property = this._data.getProperty(key, true);
-        property.type = type;
-        if (this.has(key))
-            this.set(key, this.get(key));
-    }
-
-    getType(key: string): string {
-        const property = this._data.getProperty(key);
-        return property?.type;
-    }
-
-    extend(data) {
-        for (const key of data) {
-            this.set(key, data[key]);
-        }
-    }
-
-    clear() {
-        for (const key of this._data.keys) {
-            if (['function', 'object'].indexOf(typeof this.get(key)) > -1) continue;
-            this.set(key, null);
-        }
-    }
-
-    cleanup() {
-        this.children.length = 0;
-        this.parentScope = null;
-    }
-
-    public get isGarbage(): boolean {
-        return this._isGarbage;
-    }
-
-    collectGarbage(force: boolean = false) {
-        this._isGarbage = true;
-        for (const child of this.children) {
-            child.collectGarbage(force);
-        }
-        if (force)
-            this.cleanup();
-    }
-
-    public wrap(toWrap: any, triggerUpdates: boolean = false, updateFromWrapped: boolean = true) {
-        if (toWrap instanceof ScopeData) {
-            if (this._data instanceof EventDispatcher) {
-                this._data.removeRelay(this);
-                this._data.deconstruct();
-            }
-            this.wrapped = toWrap;
-            this._data = toWrap;
-            this._data.addRelay(this);
-            return;
-        }
-
-        if (toWrap instanceof Scope)
-            toWrap = toWrap._data;
-
-        if ([null, undefined].indexOf(this.wrapped) === -1)
-            throw Error("A scope can only wrap a single object");
-
-        if (!toWrap) {
-            throw Error("Can only wrap objects.");
-        }
-
-        if (toWrap['$wrapped']) {
-            throw Error("An object should only be wrapped once.");
-        }
-
-        this.wrapped = toWrap;
-        this.wrapped['$wrapped'] = true;
-        for (const field in toWrap) {
-            if (['constructor'].indexOf(field) > -1 || field.startsWith('$'))
-                continue;
-
-            if (this.wrapped[field] instanceof Function) {
-                this.set(field, this.wrapped[field]);
-                continue;
-            }
-
-            if (this.wrapped[field] instanceof Array) {
-                if (!(this.wrapped[field] instanceof WrappedArray)) {
-                    this.wrapped[field] = new WrappedArray(...toWrap[field]);
-                }
-                this.wrapped[field].on('change', (...args) => {
-                    this.dispatch(`change:${field}`, ...args);
-                })
-            }
-
-            if (typeof this.wrapped[field] == 'object' && this.wrapped[field] && this.wrapped[field].constructor === Object) {
-                const innerObject = new Scope(this);
-                innerObject.wrap(this.wrapped[field]);
-                this.wrapped[field] = innerObject;
-            }
-
-            // Populate scope data from wrapped object before we update the getter
-            if (updateFromWrapped && [null, undefined].indexOf(this.wrapped[field]) === -1) {
-                this.set(field, this.wrapped[field]);
-            }
-
-            const getter = () => {
-                return this.get(field);
-            };
-
-            const setter = (value: any) => {
-                this.set(field, value);
-            };
-
-            Object.defineProperty(this.wrapped, field, {
-                get: getter,
-                set: setter,
-                enumerable: true,
-                configurable: true
-            });
-
-            if (triggerUpdates)
-                this.dispatch(`change:${field}`);
-        }
-
-        this.wrapped.get = this.get.bind(this);
-        this.wrapped.set = this.set.bind(this);
-        this.wrapped.has = this.has.bind(this);
-        this.wrapped.on = this.on.bind(this);
-        this.wrapped.once = this.once.bind(this);
-        this.wrapped.off = this.off.bind(this);
-    }
-
-    public unwrap(): void {
-        if (!this.wrapped)
-            return;
-        const toUnwrap = this.wrapped;
-        this.wrapped = null;
-        toUnwrap.$wrapped = false;
-        for (const field in toUnwrap) {
-            delete toUnwrap[field];
-        }
-    }
-
-    public static fromObject(obj, parentScope?: Scope): Scope {
-        const scope = new Scope(parentScope);
-        scope.wrap(obj);
-        return scope;
-    }
-}
-
-export class FunctionScope extends Scope {
-    constructor(parentScope?: Scope) {
-        super(parentScope);
-        this.addRelay(parentScope);
-    }
-
-    set(key: string, value: any) {
-        if (this.parentScope && (this.parentScope.has(key) || ['$', '@'].indexOf(key[0]) > -1)) {
-            this.parentScope.set(key, value);
-        } else {
-            super.set(key, value);
-        }
-    }
-
-    collectGarbage(force: boolean = true) {
-        super.collectGarbage(true);
-    }
-}

package/src/Service.ts

@@ -1,24 +0,0 @@
-import {Scope} from "./Scope";
-import {ScopeObject} from "./Scope/ScopeObject";
-
-export class Service extends ScopeObject {
-    protected static _instance: Service;
-    protected _scope: Scope;
-
-    constructor() {
-        super();
-        this._scope = new Scope();
-        this._scope.wrap(this);
-    }
-
-    public get scope(): Scope {
-        return this._scope;
-    }
-
-    public static get instance(): Service {
-        if (!this._instance) {
-            this._instance = new this();
-        }
-        return this._instance;
-    }
-}

package/src/Tag/ShadowRootTag.ts

@@ -1,5 +0,0 @@
-import {Tag} from "../Tag";
-
-export class ShadowRootTag extends Tag {
-
-}

package/src/Tag/SlotTag.ts

@@ -1,5 +0,0 @@
-import {Tag} from "../Tag";
-
-
-export class SlotTag extends Tag {
-}

package/src/Tag/SlottedTag.ts

@@ -1,17 +0,0 @@
-import {Tag} from "../Tag";
-import {SlotTag} from "./SlotTag";
-
-export class SlottedTag extends Tag {
-    protected slotTag: SlotTag;
-
-    public async slotted(slot: SlotTag) {
-        this.slotTag = slot;
-        this.slot = slot.element as HTMLSlotElement;
-        this.findParentTag();
-    }
-
-    findParentTag(): Tag {
-        this.parentTag = this.slotTag;
-        return this._parentTag;
-    }
-}

package/src/Tag/TagList.ts

@@ -1,52 +0,0 @@
-import {VisionHelper} from "../helpers/VisionHelper";
-import {DOMObject} from "../DOM/DOMObject";
-import {Scope} from "../Scope";
-
-export class TagList extends Array<DOMObject> {
-    constructor(...items: DOMObject[]) {
-        super(...items);
-        Object.setPrototypeOf(this, TagList.prototype);
-    }
-
-    get scope(): Scope {
-        return this[0].scope
-    }
-
-    get elements(): HTMLElement[] {
-        return this.map(e => e.element);
-    }
-
-    get first(): DOMObject {
-        return this[0];
-    }
-
-    get last(): DOMObject {
-        return this[this.length - 1];
-    }
-
-    all(event: string): Promise<number[]> {
-        const promises = this.map(e => e.promise(event));
-        return Promise.all(promises);
-    }
-
-    removeClass(className) {
-        this.forEach(e => e.element.classList.remove(className))
-        return this
-    }
-
-    addClass(className) {
-        this.forEach(e => e.element.classList.add(className))
-        return this
-    }
-
-    css(property, value) {
-        const camelProp = property.replace(/(-[a-z])/, g => {
-            return g.replace("-", "").toUpperCase()
-        })
-        this.forEach(e => (e.element.style[camelProp] = value))
-        return this
-    }
-}
-
-if (VisionHelper.inDevelopment && VisionHelper.window)
-    window['TagList'] = TagList;