simplyflow 0.7.4 → 0.7.5

package/dist/simply.flow.js

@@ -274,6 +274,19 @@
         attributesOldValue: true
       });
       observers.set(el, observer);
+      if (el.matches("input, textarea, select")) {
+        let prevValue = el.value;
+        el.addEventListener("change", (evt) => {
+          notifySet(signal2, makeContext("value", { was: prevValue, now: el.value }));
+          prevValue = el.value;
+        });
+        if (el.matches("input, textarea")) {
+          el.addEventListener("input", (evt) => {
+            notifySet(signal2, makeContext("value", { was: prevValue, now: el.value }));
+            prevValue = el.value;
+          });
+        }
+      }
     }
   }
   function makeContext(property, change) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "simplyflow",
-  "version": "0.7.4",
+  "version": "0.7.5",
   "description": "Flow based programming in javascript, with signals and effects",
   "main": "src/flow.mjs",
   "type": "module",

package/src/state.mjs

@@ -324,6 +324,19 @@ function domListen(el, signal) {
         })
         observers.set(el, observer)
         //@TODO: unregister the observer when el is removed from the dom (after a timeout)
+        if (el.matches('input, textarea, select')) {
+            let prevValue = el.value
+            el.addEventListener('change', (evt) => {
+                notifySet(signal, makeContext('value', { was: prevValue, now: el.value }))
+                prevValue = el.value
+            })
+            if (el.matches('input, textarea')) {
+                el.addEventListener('input', (evt) => {
+                    notifySet(signal, makeContext('value', { was: prevValue, now: el.value }))
+                    prevValue = el.value
+                })
+            }
+        }
     }
 }