Updated compare example

README.md

@@ -33,7 +33,7 @@
 
 ### Syntax
 
-[Compare Syntax](https://bafybeigfdi7ylsyo56uz3l5l5h76jsbkjb6jrtyccpsslnnqghquhsowii.ipfs.dweb.link)
+[Compare Syntax](https://bafybeihfqjty6ftahk263rc6q66yxzuh24vylahprhodkocbbhvazjtjmi.ipfs.dweb.link)
 
 ## Installation 🍙
 

apps/compare/src/content/6-form-input/1-input-text/purify.js/inputHelloAlternative.ts

@@ -1,5 +1,5 @@
 import { fragment, ref, tags } from "@purifyjs/core";
-import { useBind } from "./util-bind";
+import { useBindText } from "./util-bind";
 
 const { p, input } = tags;
 
@@ -8,6 +8,6 @@ export function InputHello() {
 
 	return fragment(
 		p().children(text),
-		input().effect(useBind(text, "value", "input")),
+		input().effect(useBindText(text)),
 	);
 }

apps/compare/src/content/6-form-input/1-input-text/purify.js/util-bind.ts

@@ -1,24 +1,20 @@
 import { Lifecycle, Signal } from "@purifyjs/core";
 
-export function useBind<
-	T,
-	P extends keyof HTMLElement | (string & {}),
->(
-	signal: Signal.State<T>,
-	propertyName: P,
-	eventName: keyof HTMLElementEventMap | (string & {}),
-): Lifecycle.OnConnected<HTMLElement & { [_ in P]: T }> {
+export function useBindText(
+	signal: Signal.State<string>,
+): Lifecycle.OnConnected<HTMLInputElement> {
 	return (element) => {
-		const handler = () => (signal.val = element[propertyName]);
-		element.addEventListener(eventName, handler);
+		const listener = () => (signal.val = element.value);
+		element.addEventListener("input", listener);
+
 		const unfollow = signal.follow(
-			(value) => element[propertyName] === value,
+			(value) => (element.value = value),
 			true,
 		);
 
 		return () => {
 			unfollow();
-			element.removeEventListener(eventName, handler);
+			element.removeEventListener("input", listener);
 		};
 	};
 }

jsr.json

@@ -1,6 +1,6 @@
 {
     "name": "@purifyjs/core",
-    "version": "0.0.329",
+    "version": "0.0.330",
     "exports": {
         ".": "./lib/mod.ts",
         "./aria": "./lib/aria.ts"