vsn 0.1.62 → 0.1.65

package/dist/attributes/RootAttribute.js.map

@@ -1 +1 @@
-{"version":3,"file":"RootAttribute.js","sourceRoot":"","sources":["../../src/attributes/RootAttribute.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0CAAuC;AACvC,wDAAqD;AACrD,wCAAqC;AACrC,kCAA+B;AAG/B;IAAmC,iCAAS;IAA5C;;IAUA,CAAC;IANgB,6BAAK,GAAlB;;;;;wBACI,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,SAAS,EAAE,2BAAY,CAAC,QAAQ,EAAE,CAAC,CAAC;wBACvD,IAAI,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC;4BACzC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,SAAS,EAAE,aAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;wBAC7D,qBAAM,iBAAM,KAAK,WAAE,EAAA;;wBAAnB,SAAmB,CAAC;;;;;KACvB;IARsB,sBAAQ,GAAY,KAAK,CAAC;IAC1B,oBAAM,GAAY,IAAI,CAAC;IAFrC,aAAa;QADzB,mBAAQ,CAAC,SAAS,CAAC,UAAU,CAAC;OAClB,aAAa,CAUzB;IAAD,oBAAC;CAAA,AAVD,CAAmC,qBAAS,GAU3C;AAVY,sCAAa"}
+{"version":3,"file":"RootAttribute.js","sourceRoot":"","sources":["../../src/attributes/RootAttribute.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0CAAuC;AACvC,wDAAqD;AACrD,wCAAqC;AAGrC;IAAmC,iCAAS;IAA5C;;IAmBA,CAAC;IAfgB,6BAAK,GAAlB;;;;;;wBACI,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,SAAS,EAAE,2BAAY,CAAC,QAAQ,EAAE,CAAC,CAAC;wBAEvD,WAAkD,EAAhC,KAAA,mBAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,EAAhC,cAAgC,EAAhC,IAAgC,EAAE;4BAAzC,GAAG;4BACJ,EAAE,GAAG,mBAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;4BAChD,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;yBAC/B;wBAED,mBAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC;wBACxE,qBAAM,iBAAM,KAAK,WAAE,EAAA;;wBAAnB,SAAmB,CAAC;;;;;KACvB;IAEY,wCAAgB,GAA7B,UAA8B,IAAY,EAAE,EAAY;;;gBACpD,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;;;;KAChC;IAjBsB,sBAAQ,GAAY,KAAK,CAAC;IAC1B,oBAAM,GAAY,IAAI,CAAC;IAFrC,aAAa;QADzB,mBAAQ,CAAC,SAAS,CAAC,UAAU,CAAC;OAClB,aAAa,CAmBzB;IAAD,oBAAC;CAAA,AAnBD,CAAmC,qBAAS,GAmB3C;AAnBY,sCAAa"}

package/dist/helpers/ElementHelper.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ElementHelper = void 0;
+var ClassNode_1 = require("../AST/ClassNode");
 var ElementHelper = /** @class */ (function () {
     function ElementHelper() {
     }
@@ -14,6 +15,11 @@ var ElementHelper = /** @class */ (function () {
                 return true;
             }
         }
+        for (var _i = 0, _a = Array.from(element.classList); _i < _a.length; _i++) {
+            var cls = _a[_i];
+            if (ClassNode_1.ClassNode.isClass(cls))
+                return true;
+        }
         return false;
     };
     ElementHelper.normalizeElementID = function (id) {

package/dist/helpers/ElementHelper.js.map

@@ -1 +1 @@
-{"version":3,"file":"ElementHelper.js","sourceRoot":"","sources":["../../src/helpers/ElementHelper.ts"],"names":[],"mappings":";;;AACA;IAAA;IAiBA,CAAC;IAhBiB,gCAAkB,GAAhC,UAAiC,OAA8B,EAAE,QAAyB;QAAzB,yBAAA,EAAA,iBAAyB;QACtF,IAAI,CAAC,OAAO,CAAC,UAAU,IAAI,OAAO,CAAC,UAAU,CAAC,MAAM,IAAI,CAAC;YAAE,OAAO,KAAK,CAAC;QACxE,KAAK,IAAI,CAAC,GAAW,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACxD,IAAM,IAAI,GAAS,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;YACzC,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,EAClC;gBACI,OAAO,IAAI,CAAC;aACf;SACJ;QAED,OAAO,KAAK,CAAC;IACjB,CAAC;IAEa,gCAAkB,GAAhC,UAAiC,EAAU;QACvC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,iBAAiB,EAAE,UAAU,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAClG,CAAC;IACL,oBAAC;AAAD,CAAC,AAjBD,IAiBC;AAjBY,sCAAa"}
+{"version":3,"file":"ElementHelper.js","sourceRoot":"","sources":["../../src/helpers/ElementHelper.ts"],"names":[],"mappings":";;;AAAA,8CAA2C;AAE3C;IAAA;IAsBA,CAAC;IArBiB,gCAAkB,GAAhC,UAAiC,OAA8B,EAAE,QAAyB;QAAzB,yBAAA,EAAA,iBAAyB;QACtF,IAAI,CAAC,OAAO,CAAC,UAAU,IAAI,OAAO,CAAC,UAAU,CAAC,MAAM,IAAI,CAAC;YAAE,OAAO,KAAK,CAAC;QACxE,KAAK,IAAI,CAAC,GAAW,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACxD,IAAM,IAAI,GAAS,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;YACzC,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,EAClC;gBACI,OAAO,IAAI,CAAC;aACf;SACJ;QAED,KAAkB,UAA6B,EAA7B,KAAA,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAA7B,cAA6B,EAA7B,IAA6B,EAAE;YAA5C,IAAM,GAAG,SAAA;YACV,IAAI,qBAAS,CAAC,OAAO,CAAC,GAAG,CAAC;gBACtB,OAAO,IAAI,CAAC;SACnB;QAED,OAAO,KAAK,CAAC;IACjB,CAAC;IAEa,gCAAkB,GAAhC,UAAiC,EAAU;QACvC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,iBAAiB,EAAE,UAAU,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAClG,CAAC;IACL,oBAAC;AAAD,CAAC,AAtBD,IAsBC;AAtBY,sCAAa"}

package/dist/vsn.js

@@ -83,6 +83,10 @@ var Vision = /** @class */ (function (_super) {
         else {
             console.warn('No dom, running in CLI mode.');
         }
+        _this.registry.functions.register('log', console.log);
+        _this.registry.functions.register('warn', console.warn);
+        _this.registry.functions.register('error', console.error);
+        _this.registry.functions.register('info', console.info);
         _this.registry.controllers.register('Object', Object);
         _this.registry.controllers.register('WrappedArray', WrappedArray_1.WrappedArray);
         _this.registry.controllers.register('Data', DynamicScopeData_1.DynamicScopeData);

package/dist/vsn.js.map

@@ -1 +1 @@
-{"version":3,"file":"vsn.js","sourceRoot":"","sources":["../src/vsn.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"vsn.js","sourceRoot":"","sources":["../src/vsn.ts"],"names":[],"mappings":"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"}

package/package.json

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

package/src/AST/ClassNode.ts

@@ -19,19 +19,19 @@ export class ClassNode extends Node implements TreeNode {
         super();
     }
 
-    public async prepare(scope: Scope, dom: DOM, tag: Tag = null): Promise<void> {
+    public updateMeta(meta?: any) {
+        meta = meta || {};
+        meta['ClassNode'] = this;
+        return meta;
+    }
+
+    public async prepare(scope: Scope, dom: DOM, tag: Tag = null, meta?: any): Promise<void> {
+        meta = meta || {};
+        meta['ClassNodePrepare'] = true;
         if (ClassNode.classes[this.name]) return; // Don't re-prepare same classes
         ClassNode.classes[this.name] = this;
-        await this.block.prepare(this.classScope, dom, tag);
+        await this.block.prepare(this.classScope, dom, tag, meta);
         Registry.class(this);
-        const hasConstructor = this.classScope.has('construct');
-
-        for (const element of Array.from(dom.querySelectorAll(`.${this.name}`))) {
-            const tag: Tag = await dom.getTagForElement(element as HTMLElement, true);
-            if (tag) {
-                await this.prepareTag(tag, dom, hasConstructor);
-            }
-        }
     }
 
     public async prepareTag(tag: Tag, dom: DOM, hasConstructor: boolean | null = null) {
@@ -39,7 +39,8 @@ export class ClassNode extends Node implements TreeNode {
             hasConstructor = this.classScope.has('construct');
 
         tag.createScope(true);
-        await this.block.prepare(tag.scope, dom, tag);
+        const meta = this.updateMeta();
+        await this.block.prepare(tag.scope, dom, tag, meta);
         if (hasConstructor) {
             const fnc = this.classScope.get('construct');
             (await fnc.evaluate(tag.scope, dom, tag))();
@@ -83,9 +84,38 @@ export class ClassNode extends Node implements TreeNode {
             if (t.type === TokenType.L_BRACE) break;
             nameParts.push(t.value);
         }
-        const name = nameParts.join('');
+        const name = nameParts.join('').trim();
         tokens.splice(0, nameParts.length);
         const block = Tree.processTokens(Tree.getNextStatementTokens(tokens, true, true));
         return new ClassNode(name, block);
     }
+
+    public static async checkForClassChanges(element: HTMLElement, dom: DOM, tag: Tag = null) {
+        const classes: string[] = Array.from(element.classList);
+        let addedClasses: string[] = classes.filter(c => Registry.instance.classes.has(c));
+        let removedClasses: string[] = [];
+        if (!tag) {
+            tag = await dom.getTagForElement(element, true);
+        }
+        addedClasses = addedClasses.filter(c => !tag.preppedClasses.includes(c));
+        removedClasses = tag.preppedClasses.filter(c => !classes.includes(c));
+
+        for (const addedClass of addedClasses) {
+            const classNode: ClassNode = Registry.instance.classes.getSynchronous(addedClass);
+            if (classNode) {
+                await classNode.prepareTag(tag, dom);
+            }
+        }
+
+        for (const removedClass of removedClasses) {
+            const classNode: ClassNode = Registry.instance.classes.getSynchronous(removedClass);
+            if (classNode) {
+                await classNode.tearDownTag(tag, dom);
+            }
+        }
+    }
+
+    public static isClass(cls: string): boolean {
+        return this.classes[cls] instanceof ClassNode;
+    }
 }

package/src/AST/ElementAttributeNode.ts

@@ -50,9 +50,9 @@ export class ElementAttributeNode extends Node implements TreeNode {
         return tags.map((tag) => tag.scope.get(`@${this.attributeName}`));
     }
 
-    async prepare(scope: Scope, dom: DOM, tag: Tag = null) {
+    async prepare(scope: Scope, dom: DOM, tag: Tag = null, meta: any = null) {
         if (this.elementRef) {
-            await this.elementRef.prepare(scope, dom, tag);
+            await this.elementRef.prepare(scope, dom, tag, meta);
             const tags: TagList = await this.elementRef.evaluate(scope, dom, tag, true);
             for (const t of tags)
                 await t.watchAttribute(this.attributeName);

package/src/AST/ElementQueryNode.ts

@@ -1,5 +1,5 @@
 import {Scope} from "../Scope";
-import {DOM} from "../DOM";
+import {DOM, EQuerySelectDirection} from "../DOM";
 import {Tag} from "../Tag";
 import {Token, TreeNode} from "../AST";
 import {Node} from "./Node";
@@ -10,24 +10,32 @@ export class ElementQueryNode extends Node implements TreeNode {
     constructor(
         public readonly query: string,
         public readonly first: boolean = false,
-        public readonly global: boolean = false,
+        public readonly direction: EQuerySelectDirection = EQuerySelectDirection.ALL,
     ) {
         super();
     }
 
     async evaluate(scope: Scope, dom: DOM, tag: Tag = null, forceList: boolean = false): Promise<any> {
         tag = tag || await dom.getTagForScope(scope);
-        const elements = await dom.get(this.query, true, this.global ? null : tag);
+        const elements = await dom.get(this.query, true, tag, this.direction);
         return this.first && !forceList ? elements[0] : elements;
     }
 
-    async prepare(scope: Scope, dom: DOM, tag: Tag = null) {
+    async prepare(scope: Scope, dom: DOM, tag: Tag = null, meta: any = null): Promise<any> {
         tag = tag || await dom.getTagForScope(scope);
         await dom.get(this.query, true, tag);
     }
 
     public static parse(lastNode, token, tokens: Token[]): ElementQueryNode {
         tokens.shift();
-        return new ElementQueryNode(token.value, false, !token.full.startsWith('?>'));
+        let first = false;
+        let direction = EQuerySelectDirection.ALL;
+        if (token.full.startsWith('?>')) {
+            direction = EQuerySelectDirection.DOWN;
+        } else if (token.full.startsWith('?<')) {
+            direction = EQuerySelectDirection.UP;
+            first = true;
+        }
+        return new ElementQueryNode(token.value, first, direction);
     }
 }

package/src/AST/ElementStyleNode.ts

@@ -50,9 +50,9 @@ export class ElementStyleNode extends Node implements TreeNode {
         return tags.map((tag) => tag.scope.get(`$${this.attributeName}`));
     }
 
-    async prepare(scope: Scope, dom: DOM, tag: Tag = null) {
+    async prepare(scope: Scope, dom: DOM, tag: Tag = null, meta: any = null) {
         if (this.elementRef) {
-            await this.elementRef.prepare(scope, dom, tag);
+            await this.elementRef.prepare(scope, dom, tag, meta);
             const tags: TagList = await this.elementRef.evaluate(scope, dom, tag, true);
             for (const t of tags)
                 await t.watchStyle(this.attributeName);

package/src/AST/FunctionNode.ts

@@ -22,9 +22,10 @@ export class FunctionNode extends Node implements TreeNode {
         ];
     }
 
-    public async prepare(scope: Scope, dom: DOM, tag: Tag = null): Promise<void> {
-        scope.set(this.name, this);
-        await super.prepare(scope, dom, tag);
+    public async prepare(scope: Scope, dom: DOM, tag: Tag = null, meta?: any): Promise<void> {
+        if (!meta?.ClassNode) // Don't muddle up tag scope if we're in a class
+            scope.set(this.name, this);
+        await super.prepare(scope, dom, tag, meta);
     }
 
     public async evaluate(scope: Scope, dom: DOM, tag: Tag = null) {

package/src/AST/Node.ts

@@ -27,9 +27,9 @@ export abstract class Node implements TreeNode {
         return false;
     }
 
-    async prepare(scope: Scope, dom: DOM, tag: Tag = null) {
+    async prepare(scope: Scope, dom: DOM, tag: Tag = null, meta: any = null): Promise<void> {
         for (const node of this.getChildNodes()) {
-            await node.prepare(scope, dom, tag);
+            await node.prepare(scope, dom, tag, meta);
         }
     }
 

package/src/AST/OnNode.ts

@@ -5,11 +5,11 @@ import {DOM} from "../DOM";
 import {Tag} from "../Tag";
 
 export class OnNode extends FunctionNode implements TreeNode {
-    public async prepare(scope: Scope, dom: DOM, tag: Tag = null): Promise<void> {
-        if (tag) {
+    public async prepare(scope: Scope, dom: DOM, tag: Tag = null, meta): Promise<void> {
+        const classPrep = meta?.ClassNodePrepare; // Don't add event handler if we're in class prep
+        if (tag && !classPrep)
             tag.addEventHandler(this.name, [], await this.getFunction(scope, dom, tag), this);
-        }
-        await super.prepare(scope, dom, tag);
+        await super.prepare(scope, dom, tag, meta);
     }
 
     public static parse(lastNode, token, tokens: Token[]): OnNode {

package/src/AST.ts

@@ -226,7 +226,7 @@ const TOKEN_PATTERNS: TokenPattern[] = [
     },
     {
         type: TokenType.ELEMENT_QUERY,
-        pattern: /^\?>?\(([#.\[\]:,=\-_a-zA-Z0-9*\s]*[\]_a-zA-Z0-9*])\)/
+        pattern: /^\?[>|<]?\(([#.\[\]:,=\-_a-zA-Z0-9*\s]*[\]_a-zA-Z0-9*])\)/
     },
     {
         type: TokenType.NAME,
@@ -368,8 +368,7 @@ const TOKEN_PATTERNS: TokenPattern[] = [
 
 export interface TreeNode<T = any> {
     evaluate(scope: Scope, dom: DOM, tag?: Tag);
-
-    prepare(scope: Scope, dom: DOM, tag?: Tag);
+    prepare(scope: Scope, dom: DOM, tag?: Tag, meta?: any);
 }
 
 export interface IBlockInfo {

package/src/DOM.ts

@@ -7,9 +7,14 @@ import {WrappedWindow} from "./DOM/WrappedWindow";
 import {WrappedDocument} from "./DOM/WrappedDocument";
 import {Scope} from "./Scope";
 import {EventDispatcher} from "./EventDispatcher";
-import {Registry} from "./Registry";
 import {ClassNode} from "./AST/ClassNode";
 
+export enum EQuerySelectDirection {
+    ALL,
+    UP,
+    DOWN
+}
+
 export class DOM extends EventDispatcher {
     protected static _instance: DOM;
     protected _root: Tag;
@@ -44,7 +49,7 @@ export class DOM extends EventDispatcher {
         return this._root;
     }
 
-    public async get(selector: string, create: boolean = false, tag: Tag = null) {
+    public async get(selector: string, create: boolean = false, tag: Tag = null, direction: EQuerySelectDirection = EQuerySelectDirection.DOWN): Promise<TagList> {
         switch (selector) {
             case 'window':
                 return new TagList(this.window);
@@ -53,7 +58,14 @@ export class DOM extends EventDispatcher {
             case 'body':
                 return new TagList(this.root);
             default:
-                const nodes = this.querySelectorAll(selector, tag);
+                let nodes;
+                if (direction === EQuerySelectDirection.DOWN) {
+                    nodes = this.querySelectorAll(selector, tag);
+                } else if (direction === EQuerySelectDirection.UP) {
+                    nodes = [this.querySelectorClosest(selector, tag)];
+                } else {
+                    nodes = this.querySelectorAll(selector);
+                }
                 return await this.getTagsForElements(Array.from(nodes) as Element[], create);
         }
     }
@@ -69,6 +81,10 @@ export class DOM extends EventDispatcher {
             this.root.scope.set(`#${id}`, tag.scope);
     }
 
+    public querySelectorClosest(q: string, tag: Tag = null): HTMLElement {
+        return tag.element.closest(q);
+    }
+
     public querySelectorAll(q: string, tag: Tag = null): NodeList | HTMLElement[] {
         const element: HTMLElement | Document = tag && !q.startsWith('#') ? tag.element : this.rootElement;
         return this.querySelectorElement(element, q);
@@ -124,29 +140,7 @@ export class DOM extends EventDispatcher {
 
             // Check for class changes
             if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
-                const classes: string[] = Array.from((mutation.target as HTMLElement).classList);
-                let addedClasses: string[] = classes.filter(c => Registry.instance.classes.has(c));
-                let removedClasses: string[] = [];
-                if (tag) {
-                    addedClasses = addedClasses.filter(c => !tag.preppedClasses.includes(c));
-                    removedClasses = tag.preppedClasses.filter(c => !classes.includes(c));
-                } else {
-                    tag = await this.getTagForElement(mutation.target as HTMLElement, true);
-                }
-
-                for (const addedClass of addedClasses) {
-                    const classNode: ClassNode = Registry.instance.classes.getSynchronous(addedClass);
-                    if (classNode) {
-                        await classNode.prepareTag(tag, this);
-                    }
-                }
-
-                for (const removedClass of removedClasses) {
-                    const classNode: ClassNode = Registry.instance.classes.getSynchronous(removedClass);
-                    if (classNode) {
-                        await classNode.tearDownTag(tag, this);
-                    }
-                }
+                await ClassNode.checkForClassChanges(mutation.target as HTMLElement, this, tag);
             }
 
             for (const ele of Array.from(mutation.removedNodes)) {
@@ -220,12 +214,15 @@ export class DOM extends EventDispatcher {
             this.queued.splice(this.queued.indexOf(tag.element), 1);
         }
 
-        newTags.forEach(tag => this.observer.observe(tag.element, {
+        for (const tag of newTags) {
+            this.observer.observe(tag.element, {
                 attributes: true,
                 characterData: true,
                 childList: true,
                 subtree: true
-            }));
+            });
+            await ClassNode.checkForClassChanges(tag.element, this, tag);
+        }
 
         this.dispatch('built');
     }

package/src/Registry.ts

@@ -54,10 +54,15 @@ export class RegistryStore extends EventDispatcher {
     has(key: string) {
         return !!this.store[key];
     }
+
+    get keys(): string[] {
+        return Object.keys(this.store);
+    }
 }
 
 export class Registry extends EventDispatcher {
     protected static _instance: Registry;
+    public readonly functions: RegistryStore;
     public readonly controllers: RegistryStore;
     public readonly classes: RegistryStore;
     public readonly models: RegistryStore;
@@ -69,6 +74,7 @@ export class Registry extends EventDispatcher {
 
     constructor() {
         super();
+        this.functions = new RegistryStore();
         this.controllers = new RegistryStore();
         this.classes = new RegistryStore();
         this.models = new RegistryStore();
@@ -79,6 +85,10 @@ export class Registry extends EventDispatcher {
         this.attributes = new RegistryStore();
     }
 
+    public static function(key: string = null, setup = null) {
+        return register('functions', key, setup);
+    }
+
     public static class(cls: ClassNode) {
         Registry.instance.classes.register(cls.name, cls);
     }

package/src/attributes/RootAttribute.ts

@@ -1,7 +1,6 @@
 import {Attribute} from "../Attribute";
 import {VisionHelper} from "../helpers/VisionHelper";
 import {Registry} from "../Registry";
-import {Scope} from "../Scope";
 
 @Registry.attribute('vsn-root')
 export class RootAttribute extends Attribute {
@@ -10,8 +9,17 @@ export class RootAttribute extends Attribute {
 
     public async setup() {
         this.tag.scope.set('$mobile', VisionHelper.isMobile());
-        if (console && !this.tag.scope.get('console'))
-            this.tag.scope.set('console', Scope.fromObject(console));
+
+        for (const key of Registry.instance.functions.keys) {
+            const fn = Registry.instance.functions.get(key);
+            this.tag.scope.set(key, fn);
+        }
+
+        Registry.instance.functions.on('register', this.registerFunction, this);
         await super.setup();
     }
+
+    public async registerFunction(name: string, fn: Function) {
+        this.tag.scope.set(name, fn);
+    }
 }

package/src/helpers/ElementHelper.ts

@@ -1,3 +1,4 @@
+import {ClassNode} from "../AST/ClassNode";
 
 export class ElementHelper {
     public static hasVisionAttribute(element: HTMLElement | Element, testAttr: string = 'vsn-'): boolean {
@@ -10,6 +11,11 @@ export class ElementHelper {
             }
         }
 
+        for (const cls of Array.from(element.classList)) {
+            if (ClassNode.isClass(cls))
+                return true;
+        }
+
         return false;
     }
 

package/src/vsn.ts

@@ -25,6 +25,10 @@ export class Vision extends EventDispatcher {
         } else {
             console.warn('No dom, running in CLI mode.');
         }
+        this.registry.functions.register('log', console.log);
+        this.registry.functions.register('warn', console.warn);
+        this.registry.functions.register('error', console.error);
+        this.registry.functions.register('info', console.info);
         this.registry.controllers.register('Object', Object);
         this.registry.controllers.register('WrappedArray', WrappedArray);
         this.registry.controllers.register('Data', DynamicScopeData);

package/test/DOM.spec.ts

@@ -33,4 +33,31 @@ describe('DOM', () => {
             done();
         });
     });
+
+    it("should be able to query elements in all directions", (done) => {
+        document.body.innerHTML = `
+            <div id="root" vsn-set:asd|integer="1">
+                <main id="parent" vsn-set:asd|integer="123">
+                    <div id="testing" vsn-controller:test="TestController" vsn-set:asd="234|integer">
+                        <div id="child" vsn-set:asd|integer="345">
+                            <ul>
+                                <li vsn-set:asd|integer="456"></li>
+                                <li id="grandchild" vsn-set:asd|integer="567"></li>
+                            </ul>
+                        </div>
+                    </div>
+                </main>
+            </div>
+        `;
+        const dom = new DOM(document);
+        dom.once('built', async () => {
+            const root = await dom.exec('#root');
+            const child = await dom.exec('#child');
+            const grandchild = await dom.exec('#grandchild');
+            expect(await child.exec('?<(main).asd')).toBe(123);
+            expect(await child.exec('?>(li)[0].asd')).toBe(456);
+            expect(await dom.exec('?(#grandchild)[0]')).toBe(grandchild);
+            done();
+        });
+    });
 });