fixed minor bugs

Author: levizwannah

docs/COMPONENT_AUTO_IMPORT.md

@@ -0,0 +1 @@
+- Putting a stage on the root component of the app can result in a memory leak that keeps at least double of the dom nodes currently rendered. It's best to have a second level component on which the states can are passed if at all there must be global states. 

docs/COMPONENT_AUTO_IMPORT_README_SECTION.md

@@ -1,6 +1,6 @@
 {
   "name": "modular-openscriptjs",
-  "version": "2.0.0",
+  "version": "2.0.3",
   "description": "OpenScriptJs Framework - A lightweight, reactive JavaScript framework for building modern web applications",
   "type": "module",
   "main": "./dist/modular-openscriptjs.umd.js",

docs/notes.md

@@ -522,7 +522,7 @@ export default class Component {
     let Cls = class extends Component {
       constructor() {
         super();
-        this.name = `anonym-${id}`;
+        this.name = `anonym${id}`;
         this.isAnonymous = true;
       }
 

package.json

@@ -35,29 +35,40 @@ export default class Runner {
       let c = cls[i];
       let instance;
       const classKey = this.getClassKey(c);
+      const instanceName = c.name;
 
       if (!this.isClass(c)) {
-        instance = new Component(c.name);
-      } else {
-        if (registrations[classKey] === "ongoing") {
-          continue;
-        }
+        let functionClass = class extends Component {
+          constructor() {
+            super();
 
-        if (container.has(classKey)) {
-          instance = container.resolve(classKey);
-          if (instance.__ojsRegistered) {
-            continue;
+            this.name = instanceName;
           }
-        } else {
-          instance = new c();
-          container.singleton(classKey, () => instance, []);
-          registrations[classKey] = "ongoing";
+        };
+
+        functionClass.prototype.render = c;
+
+        c = functionClass;
+      }
+
+      if (registrations[classKey] === "ongoing") {
+        continue;
+      }
+
+      if (container.has(classKey)) {
+        instance = container.resolve(classKey);
+        if (instance.__ojsRegistered) {
+          continue;
         }
+      } else {
+        instance = new c();
+        container.singleton(classKey, () => instance, []);
+        registrations[classKey] = "ongoing";
       }
 
       if (instance instanceof Component) {
         registrations[classKey] = "completed";
-        h.registerComponent(c.name, c);
+        h.registerComponent(instanceName, c);
       } else if (instance instanceof Mediator || instance instanceof Listener) {
         await instance.register();
         registrations[classKey] = "completed";

src/component/Component.js

@@ -57,7 +57,11 @@ export default class State {
     ) {
       if (typeof listener === "string") {
         let uid = listener.split("-")[1];
-        listener = container.resolve("repository").findComponent(Number(uid));
+        listener = container.resolve("repository").findComponent(uid);
+
+        if (!listener) {
+          return null;
+        }
       }
 
       this.$__listeners__.set(`component-${listener.id}`, listener);