native-document 1.0.237 → 1.0.240

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "native-document",
-  "version": "1.0.237",
+  "version": "1.0.240",
   "description": "A reactive JavaScript framework that preserves native DOM simplicity without sacrificing modern features",
   "author": "AfroCodeur <https://github.com/afrocodeur>",
   "license": "MIT",

package/src/components/BaseComponent.js

@@ -1,8 +1,8 @@
 import {classPropertyAccumulator, cssPropertyAccumulator} from '../core/utils/property-accumulator';
 import {Observable} from '../core/data/Observable';
-import {ShowIf} from '../core/elements/control/show-if';
+import {ShowIf} from '../core/elements';
 import {NDElement} from '../core/wrappers/NDElement';
-import {EVENTS} from '../core/utils/events';
+import {EVENTS, EVENTS_WITH_PREVENT, EVENTS_WITH_STOP} from '../core/utils/events';
 
 /**
  *
@@ -33,12 +33,9 @@ Object.defineProperty( BaseComponent.prototype, 'nd', {
 });
 
 
-EVENTS.forEach((eventSourceName) => {
-    const eventName = eventSourceName.toLowerCase();
-    const fnName = 'on'+eventSourceName;
-
-    BaseComponent.prototype[fnName] = function(callback = null, options = null) {
+const $eventWrapper = (eventName, fnName) => {
 
+    return function(callback = null, options = null) {
         const callbackWrapper = (...args) => {
             callback.apply(this, args);
             this.emit ? this.emit(eventName, ...args) : null;
@@ -53,7 +50,25 @@ EVENTS.forEach((eventSourceName) => {
         });
         return this;
     };
+};
+
+EVENTS.forEach((eventSourceName) => {
+    const eventName = eventSourceName.toLowerCase();
+    const fnName = 'on'+eventSourceName;
 
+    BaseComponent.prototype[fnName] = $eventWrapper(eventName, fnName);
+});
+
+EVENTS_WITH_STOP.forEach((eventSourceName) => {
+    const eventName = eventSourceName.toLowerCase();
+    const fnName = 'onStop'+eventSourceName;
+    BaseComponent.prototype[fnName] = $eventWrapper(eventName, fnName);
+});
+
+EVENTS_WITH_PREVENT.forEach((eventSourceName) => {
+    const eventName = eventSourceName.toLowerCase();
+    const fnName = 'onPrevent'+eventSourceName;
+    BaseComponent.prototype[fnName] = $eventWrapper(eventName, fnName);
 });
 
 /**
@@ -166,8 +181,14 @@ BaseComponent.prototype.toNdElement = function() {
         const nd = this.$element.nd;
         nd.ghostDom(this.$attachements);
         this.$attachements = null;
+        if(this.$applyEventsToElement) {
+            this.$applyEventsToElement(nd);
+        }
         return nd;
     }
+    if(this.$applyEventsToElement) {
+        this.$applyEventsToElement(this.$element);
+    }
 
     return this.$element;
 };

package/src/core/utils/HasEventEmitter.js

@@ -54,6 +54,16 @@ HasEventEmitter.prototype.hasListeners = function(eventName) {
     return !!this.__$events.get(eventName);
 };
 
+HasEventEmitter.prototype.$applyEventsToElement = function(element) {
+    if(!this.__$events) {
+        return;
+    }
+    for(const eventName in this.__$events) {
+        const event = this.__$events.get(eventName);
+        console.log(event, eventName);
+    }
+};
+
 /**
  * Fires all registered callbacks for the given event name, awaiting each one in sequence.
  * Returns the result of the last callback. Alias: .emit()

package/src/core/wrappers/SingletonView.js

@@ -90,10 +90,13 @@ export function SingletonView($viewCreator) {
 export function useSingleton(fn) {
     let $cache = null;
 
-    return function(...args) {
+    const callback = function(...args) {
         if(!$cache) {
             $cache = new SingletonView(fn);
+            callback.render = $cache.render.bind($cache);
         }
         return $cache.render(args);
     };
+
+    return callback;
 }