@oscarpalmer/abydon 0.6.0 → 0.7.0

package/dist/index.js

@@ -182,10 +182,19 @@ function setReactiveNode(comment, reactive3) {
 }
 
 // src/node/event.ts
+var getOptions = function(options) {
+  const parts = options.split(":");
+  return {
+    capture: parts.includes("c") || parts.includes("capture"),
+    once: parts.includes("o") || parts.includes("once"),
+    passive: !parts.includes("a") && !parts.includes("active")
+  };
+};
 function mapEvent(element, name, value10) {
   element.removeAttribute(name);
-  if (typeof value10 !== "function") {
-    return;
+  const [, type, options] = /^@(\w+)(?::([a-z:]+))?$/.exec(name) ?? [];
+  if (typeof value10 === "function" && type != null) {
+    element.addEventListener(type, value10, getOptions(options ?? ""));
   }
 }
 
@@ -480,7 +489,7 @@ var handleExpression = function(data2, prefix, expression) {
     }
     return `${prefix}${expressions}`;
   }
-  if (typeof expression === "object") {
+  if (typeof expression === "function" || typeof expression === "object") {
     const index = data2.values.push(expression) - 1;
     return `${prefix}<!--abydon.${index}-->`;
   }

package/package.json

@@ -36,5 +36,5 @@
 		"watch": "bun build ./src/index.ts --outfile ./dist/index.js --watch"
 	},
 	"types": "src/types.d.ts",
-	"version": "0.6.0"
+	"version": "0.7.0"
 }

package/src/html.ts

@@ -23,7 +23,7 @@ function handleExpression(
 		return `${prefix}${expressions}`;
 	}
 
-	if (typeof expression === 'object') {
+	if (typeof expression === 'function' || typeof expression === 'object') {
 		const index = data.values.push(expression) - 1;
 
 		return `${prefix}<!--abydon.${index}-->`;

package/src/node/event.ts

@@ -1,5 +1,15 @@
 import type {FragmentElement} from '../models';
 
+function getOptions(options: string): AddEventListenerOptions {
+	const parts = options.split(':');
+
+	return {
+		capture: parts.includes('c') || parts.includes('capture'),
+		once: parts.includes('o') || parts.includes('once'),
+		passive: !parts.includes('a') && !parts.includes('active'),
+	};
+}
+
 export function mapEvent(
 	element: FragmentElement,
 	name: string,
@@ -7,9 +17,13 @@ export function mapEvent(
 ): void {
 	element.removeAttribute(name);
 
-	if (typeof value !== 'function') {
-		return;
-	}
+	const [, type, options] = /^@(\w+)(?::([a-z:]+))?$/.exec(name) ?? [];
 
-	// TODO
+	if (typeof value === 'function' && type != null) {
+		element.addEventListener(
+			type,
+			value as EventListener,
+			getOptions(options ?? ''),
+		);
+	}
 }