vsn 0.1.107 → 0.1.110

package/package.json

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

package/src/Component.ts

@@ -42,11 +42,8 @@ export class Component extends HTMLElement {
     async connectedCallback() {
         const tag = await DOM.instance.buildTag(this, true);
         tag.createScope(true);
-        const componentTags = await DOM.instance.buildFrom(this.shadow);
+        await DOM.instance.buildFrom(this.shadow);
         await DOM.instance.resetBranch(tag);
-        for (const componentTag of componentTags) {
-            await DOM.instance.resetBranch(componentTag);
-        }
         await DOM.instance.setupTags([tag]);
     }
 }

package/src/DOM.ts

@@ -193,7 +193,7 @@ export class DOM extends EventDispatcher {
     async discover(ele: HTMLElement, forComponent: boolean = false): Promise<HTMLElement[]> {
         const discovered: HTMLElement[] = [];
         const checkElement = (e: HTMLElement): boolean => {
-            if (Registry.instance.components.has(e?.tagName?.toLowerCase())) {
+            if (Registry.instance.tags.has(e?.tagName?.toLowerCase())) {
                 return false;
             }
 
@@ -363,7 +363,7 @@ export class DOM extends EventDispatcher {
         if (e instanceof Tag)
             e = e.element;
 
-        const tag = e[Tag.TaggedVariable];
+        const tag: Tag = e[Tag.TaggedVariable];
         if (tag) {
             tag.findParentTag();
         }

package/src/Registry.ts

@@ -62,6 +62,7 @@ export class RegistryStore<T = any> extends EventDispatcher {
 
 export class Registry extends EventDispatcher {
     protected static _instance: Registry;
+    public readonly tags: RegistryStore;
     public readonly components: RegistryStore;
     public readonly functions: RegistryStore;
     public readonly controllers: RegistryStore;
@@ -76,6 +77,7 @@ export class Registry extends EventDispatcher {
 
     constructor() {
         super();
+        this.tags = new RegistryStore();
         this.components = new RegistryStore();
         this.functions = new RegistryStore();
         this.controllers = new RegistryStore();

package/src/attributes/ComponentAttribute.ts

@@ -8,7 +8,7 @@ export class ComponentAttribute extends TemplateAttribute {
 
     public async extract() {
         const name = this.getAttributeBinding();
-        if (!Registry.instance.components.has(name)) {
+        if (!Registry.instance.tags.has(name)) {
             await super.extract();
             const clsName = this.getAttributeValue();
             let cls;
@@ -17,7 +17,7 @@ export class ComponentAttribute extends TemplateAttribute {
             }
             if (!cls)
                 cls = class extends Component {};
-            Registry.instance.components.register(name, cls);
+            Registry.instance.tags.register(name, cls);
         }
     }
 }

package/src/version.ts

@@ -1,2 +1,2 @@
-export const VERSION = '0.1.107';
+export const VERSION = '0.1.110';
 

package/src/vsn.ts

@@ -19,7 +19,7 @@ export class Vision extends EventDispatcher {
 
     constructor() {
         super();
-        Registry.instance.components.on('register', this.defineComponent, this);
+        Registry.instance.tags.on('register', this.defineComponent, this);
         if (VisionHelper.document) {
             document.addEventListener(
                 "DOMContentLoaded",
@@ -47,10 +47,10 @@ export class Vision extends EventDispatcher {
     }
 
     protected defineComponent(name, cls) {
-        if (this.dom.built) {
+        if (DOM.instance.built) {
             customElements.define(name, cls);
         } else {
-            this.dom.once('built', () => {
+            DOM.instance.once('built', () => {
                 customElements.define(name, cls);
             });
         }