my-framework-almaz 2.0.5 → 2.0.7

package/dist/my-framework-almaz.js

@@ -1,14 +1,11 @@
-function addEventListener$1(eventName, handler, el) {
-  function boundHandler(event) {
-    handler(event);
-  }
-  el.addEventListener(eventName, boundHandler);
-  return boundHandler
+function addEventListener(eventName, handler, el) {
+  el.addEventListener(eventName, handler);
+  return handler
 }
 function addEventListeners(listeners = {}, el) {
   const addedListeners = {};
   Object.entries(listeners).forEach(([eventName, handler]) => {
-    const listener = addEventListener$1(eventName, handler, el);
+    const listener = addEventListener(eventName, handler, el);
     addedListeners[eventName] = listener;
   });
   return addedListeners
@@ -182,14 +179,14 @@ function mapTextNodes(children) {
     typeof child === 'string' ? hString(child) : child
   )
 }
-function extraChildren(vdom) {
+function extractChildren(vdom) {
   if (vdom.children == null) {
     return []
   }
   const children = [];
   for (const child of vdom.children) {
     if (child.type === DOM_TYPES.FRAGMENT) {
-      children.push(...extraChildren(child));
+      children.push(...extractChildren(child));
     } else {
       children.push(child);
     }
@@ -402,7 +399,7 @@ function isNotEmptyString(str) {
   return str !== ''
 }
 function isNotBlankOrEmptyString(str) {
-  isNotEmptyString(str.trim());
+  return isNotEmptyString(str.trim())
 }
 
 function patchDOM(oldVdom, newVdom, parentEl) {
@@ -444,20 +441,20 @@ function patchText(oldVdom, newVdom) {
 function patchElement(oldVdom, newVdom) {
   const el = oldVdom.el;
   const {
-    class: oldCalss,
+    class: oldClass,
     style: oldStyle,
     on: oldEvents,
     ...oldAttrs
   } = oldVdom.props;
   const {
-    class: newCalss,
+    class: newClass,
     style: newStyle,
     on: newEvents,
     ...newAttrs
   } = newVdom.props;
   const { listeners: oldListeners } = oldVdom;
   patchAttrs(el, oldAttrs, newAttrs);
-  patchCalsses(el, oldCalss, newCalss);
+  patchClasses(el, oldClass, newClass);
   patchStyles(el, oldStyle, newStyle);
   newVdom.listeners = patchEvents(el, oldListeners, oldEvents, newEvents);
 }
@@ -470,7 +467,7 @@ function patchAttrs(el, oldAttrs, newAttrs) {
     setAttribute(el, attr, newAttrs[attr]);
   }
 }
-function patchCalsses(el, oldClass, newClass) {
+function patchClasses(el, oldClass, newClass) {
   const oldClasses = toClassList(oldClass);
   const newClasses = toClassList(newClass);
   const { added, removed } = arraysDiff(oldClasses, newClasses);
@@ -481,6 +478,11 @@ function patchCalsses(el, oldClass, newClass) {
     el.classList.add(...added);
   }
 }
+function toClassList(classes = '') {
+  return Array.isArray(classes)
+    ? classes.filter(isNotBlankOrEmptyString)
+    : classes.split(/(\s+)/).filter(isNotBlankOrEmptyString)
+}
 function patchStyles(el, oldStyle = {}, newStyle = {}) {
   const { added, removed, updated } = objectsDiff(oldStyle, newStyle);
   for (const style of removed) {
@@ -507,14 +509,9 @@ function patchEvents(
   }
   return addedListeneres
 }
-function toClassList(classes = '') {
-  return Array.isArray(classes)
-    ? classes.filter(isNotBlankOrEmptyString)
-    : classes.split(/(\s+)/).filter(isNotBlankOrEmptyString)
-}
 function patchChildren(oldVdom, newVdom) {
-  const oldChildren = extraChildren(oldVdom);
-  const newChildren = extraChildren(newVdom);
+  const oldChildren = extractChildren(oldVdom);
+  const newChildren = extractChildren(newVdom);
   const parentEl = oldVdom.el;
   const diffSeq = arraysDiffSequence(
     oldChildren,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "my-framework-almaz",
-  "version": "2.0.5",
+  "version": "2.0.7",
   "description": "A frontend framework to teach web developers how frontend frameworks work.",
   "keywords": [
     "frontend",