my-framework-almaz 2.0.6 → 2.0.7

package/dist/my-framework-almaz.js

@@ -1,11 +1,11 @@
-function addEventListener$1(eventName, handler, el) {
+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
@@ -399,7 +399,7 @@ function isNotEmptyString(str) {
   return str !== ''
 }
 function isNotBlankOrEmptyString(str) {
-  isNotEmptyString(str.trim());
+  return isNotEmptyString(str.trim())
 }
 
 function patchDOM(oldVdom, newVdom, parentEl) {
@@ -441,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);
 }
@@ -467,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);
@@ -478,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) {
@@ -504,11 +509,6 @@ 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 = extractChildren(oldVdom);
   const newChildren = extractChildren(newVdom);
@@ -563,7 +563,6 @@ function createApp({ state, view, reducers = {} }) {
   }
   function renderApp() {
     const newVdom = view(state, emit);
-    console.log(newVdom);
     vdom = patchDOM(vdom, newVdom, parentEl);
   }
   return {

package/package.json

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