vsn 0.1.67 → 0.1.68

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vsn",
-  "version": "0.1.67",
+  "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);
         }

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

@@ -2,11 +2,6 @@ import {ClassNode} from "../AST/ClassNode";
 
 export class ElementHelper {
     public static hasVisionAttribute(element: HTMLElement | Element, testAttr: string = 'vsn-'): boolean {
-        for (const cls of Array.from(element.classList)) {
-            if (ClassNode.isClass(cls))
-                return true;
-        }
-
         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];
@@ -16,6 +11,12 @@ export class ElementHelper {
             }
         }
 
+        for (const cls of Array.from(element.classList)) {
+            if (ClassNode.isClass(cls)) {
+                return true;
+            }
+        }
+
         return false;
     }