lahama 2.2.0 → 2.4.0

package/dist/lahama.js

@@ -70,7 +70,7 @@ class ArrayWithOriginalIndices {
         }
     }
     isAddition(item, fromIdx) {
-        return this.findIndexFrom(item, fromIdx === -1)
+        return this.findIndexFrom(item, fromIdx) === -1
     }
     findIndexFrom(item, fromIndex) {
         for (let i = fromIndex; i < this.length; i++) {
@@ -122,22 +122,27 @@ function arraysDiffSequence(
     const sequence = [];
     const array = new ArrayWithOriginalIndices(oldArray, equalsFn);
     for (let index = 0; index < newArray.length; index++) {
+        //!REMOVE CASE
         if (array.isRemoval(index, newArray)) {
             sequence.push(array.removeItem(index));
             index--;
             continue
         }
+        //!noop case
         if (array.isNoop(index, newArray)) {
             sequence.push(array.noopItem(index));
             continue
         }
+        //!addition case
         const item = newArray[index];
         if (array.isAddition(item , index)) {
             sequence.push(array.addItem(item, index));
             continue
         }
+        //!move case
         sequence.push(array.moveItem(item, index));
     }
+    //!remove extra items
     sequence.push(...array.removeItemsAfter(newArray.length));
     return sequence
 }
@@ -169,14 +174,24 @@ function hFragment(vNodes) {
     }
 }
 
-function addEventListener$1(eventName, handler, el) {
-    el.addEventListener(eventName, handler);
-    return handler
+function addEventListener(
+    eventName,
+    handler,
+    el,
+    hostComponent = null
+) {
+    function boundHandler() {
+        hostComponent
+            ? handler.apply(hostComponent, arguments)
+            : handler(...arguments);
+    }
+    el.addEventListener(eventName, boundHandler);
+    return boundHandler
 }
 function addEventListeners(listeners = {}, el) {
     const addedListeners = {};
     Object.entries(listeners).forEach(([eventName, handler]) => {
-        addedListeners[eventName] = addEventListener$1(eventName, handler, el);
+        addedListeners[eventName] = addEventListenerCustom(eventName, handler, el);
     });
     return addedListeners
 }
@@ -404,11 +419,11 @@ function patchDOM(oldVdom, newVdom, parentEl) {
     }
     newVdom.el = oldVdom.el;
     switch (newVdom.type) {
-        case DOM_TYPES.TEXT : {
+        case DOM_TYPES.TEXT: {
             patchText(oldVdom, newVdom);
             return newVdom
         }
-        case DOM_TYPES.ELEMENT : {
+        case DOM_TYPES.ELEMENT: {
             patchElement(oldVdom, newVdom);
             break
         }
@@ -436,16 +451,16 @@ function findIndexInParent(parentEl, el) {
      const {
         class : oldClass,
         style : oldStyle,
-        on : oldEvents,
+        on: oldEvents,
         ...oldAttrs
      } = oldVdom.props;
      const {
-        class : newClass,
-        style : newStyle,
-        on : newEvents,
+        class: newClass,
+        style: newStyle,
+        on: newEvents,
         ...newAttrs
      } = newVdom.props;
-     const { listeners : oldListeners } = oldVdom;
+     const { listeners: oldListeners } = oldVdom;
      patchAttrs(el, oldAttrs, newAttrs);
      patchClasses(el, oldClass, newClass);
      patchStyles(el, oldStyle, newStyle);
@@ -487,17 +502,6 @@ function patchStyles(el, oldStyle = {}, newStyle = {}) {
         setStyle(el, style, newStyle[style]);
     }
 }
-function addEventListener(eventName, handler, el) {
-    function boundHandler(event) {
-        handler(event);
-    }
-    el.addEventListener(eventName, boundHandler);
-    //!el.addEventListener("click", boundHandler) {
-    //! Element: el
-    //! Event: "click"
-    //! Listener : boundHandler!}
-    return boundHandler
-}
 function patchEvents(
     el,
     oldListeners = {},

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lahama",
-  "version": "2.2.0",
+  "version": "2.4.0",
   "description": "",
   "main": "dist/lahama.js",
   "files": [