vsn 0.1.65 → 0.1.68

package/package.json

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

package/src/AST/ClassNode.ts

@@ -11,6 +11,7 @@ export class ClassNode extends Node implements TreeNode {
     public static readonly classes: {[name: string]: ClassNode} = {};
     protected requiresPrep: boolean = true;
     public readonly classScope: Scope = new Scope();
+    protected _ready: boolean = false;
 
     constructor(
         public readonly name: string,
@@ -32,6 +33,10 @@ export class ClassNode extends Node implements TreeNode {
         ClassNode.classes[this.name] = this;
         await this.block.prepare(this.classScope, dom, tag, meta);
         Registry.class(this);
+
+        for (const element of Array.from(dom.querySelectorAll(`.${this.name}`))) {
+            await ClassNode.checkForClassChanges(element as HTMLElement, dom, element[Tag.TaggedVariable] || null);
+        }
     }
 
     public async prepareTag(tag: Tag, dom: DOM, hasConstructor: boolean | null = null) {
@@ -45,14 +50,6 @@ export class ClassNode extends Node implements TreeNode {
             const fnc = this.classScope.get('construct');
             (await fnc.evaluate(tag.scope, dom, tag))();
         }
-        /*
-        for (const key of this.classScope.keys) {
-            if (this.classScope.get(key) instanceof OnNode) {
-                const on = this.classScope.get(key) as OnNode;
-                tag.addEventHandler(on.name, [], await on.getFunction(tag.scope, dom, tag), on);
-            }
-        }
-         */
         tag.preppedClasses.push(this.name);
     }
 
@@ -93,7 +90,8 @@ export class ClassNode extends Node implements TreeNode {
     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[] = [];
+        let removedClasses: string[];
+
         if (!tag) {
             tag = await dom.getTagForElement(element, true);
         }
@@ -116,6 +114,6 @@ export class ClassNode extends Node implements TreeNode {
     }
 
     public static isClass(cls: string): boolean {
-        return this.classes[cls] instanceof ClassNode;
+        return !!this.classes[cls];
     }
 }

package/src/Scope.ts

@@ -229,10 +229,16 @@ export class Scope extends EventDispatcher {
 }
 
 export class FunctionScope extends Scope {
+    constructor(parentScope?: Scope) {
+        super(parentScope);
+        this.addRelay(parentScope);
+    }
+
     set(key: string, value: any) {
-        if (this.parentScope.has(key) || ['$', '@'].indexOf(key[0]) > -1)
+        if (this.parentScope.has(key) || ['$', '@'].indexOf(key[0]) > -1) {
             this.parentScope.set(key, value);
-        else
+        } else {
             super.set(key, value);
+        }
     }
 }

package/src/Tag.ts

@@ -21,9 +21,8 @@ export enum TagState {
     Built,
 }
 
-export const TaggedVariable:string = '_vsn_tag';
-
 export class Tag extends DOMObject {
+    public static readonly TaggedVariable: string = '_vsn_tag';
     public readonly rawAttributes: { [key: string]: string; };
     public readonly parsedAttributes: { [key: string]: string[]; };
     public readonly deferredAttributes: Attribute[] = [];
@@ -58,7 +57,7 @@ export class Tag extends DOMObject {
         ...props
     ) {
         super(element, props);
-        element[TaggedVariable] = this;
+        element[Tag.TaggedVariable] = this;
         this.rawAttributes = {};
         this.parsedAttributes = {};
         this.attributes = [];
@@ -240,9 +239,9 @@ export class Tag extends DOMObject {
             let parentElement: HTMLElement = this.element.parentElement as HTMLElement;
             let foundParent = false;
             while (parentElement) {
-                if (parentElement[TaggedVariable]) {
+                if (parentElement[Tag.TaggedVariable]) {
                     foundParent = true;
-                    this.parentTag = parentElement[TaggedVariable];
+                    this.parentTag = parentElement[Tag.TaggedVariable];
                     break;
                 }
 

package/src/helpers/ElementHelper.ts

@@ -12,8 +12,9 @@ export class ElementHelper {
         }
 
         for (const cls of Array.from(element.classList)) {
-            if (ClassNode.isClass(cls))
+            if (ClassNode.isClass(cls)) {
                 return true;
+            }
         }
 
         return false;