revojs 0.0.20 → 0.0.21

package/dist/html/index.d.ts

@@ -1,10 +1,11 @@
-import { type EventListener, type HtmlAttributes } from "../jsx";
+import { type HtmlAttributes } from "../jsx";
 import { type Descriptor, Hooks, Scope, type State, type Value } from "../signals";
 export type TypeOf<T> = {
     (): T;
 };
 export type Infer<T> = T extends TypeOf<infer U> ? U : unknown;
 export type Slot = unknown | Template | Array<Slot> | (() => Slot);
+export type EventListener<T extends Event> = ((event: T) => void) | Array<(event: T) => void>;
 export type Template = {
     tag: string;
     attributes: Record<string, unknown>;
@@ -16,7 +17,7 @@ export type EventInput<T extends Events> = {
 export type AttributeInput<T extends Attributes> = {
     [K in keyof T]?: Value<Infer<T[K]["type"]> | undefined>;
 };
-export type Input<TEvents extends Events, TAttributes extends Attributes> = EventInput<TEvents> & AttributeInput<TAttributes> & HtmlAttributes;
+export type Input<TEvents extends Events, TAttributes extends Attributes> = EventInput<TEvents> | AttributeInput<TAttributes> | HtmlAttributes;
 export type EventOutput<T extends Events> = {
     [K in keyof T]?: (event: Infer<T[K]["type"]>) => void;
 };
@@ -78,6 +79,7 @@ export declare const toCustomElement: <TEvents extends Events = {}, TAttributes
 export declare const registerComponent: <TEvents extends Events = {}, TAttributes extends Attributes = {}>(component: ComponentConstructor<TEvents, TAttributes>) => ComponentConstructor<TEvents, TAttributes>;
 export declare const getGlobalStyles: () => CSSStyleSheet[];
 export declare const getCustomElement: (node: Node | null) => CustomElement<Events, Attributes> | undefined;
+export declare const eventListener: <T extends Event>(event: T, invoke?: EventListener<T>) => void;
 export declare const isClient: () => boolean;
 export declare const isServer: () => boolean;
 export declare const preventDefault: (event: Event) => void;

package/dist/index.js

@@ -324,12 +324,8 @@ const renderToNode = async (scope, slot) => {
 					if (name.startsWith("on")) {
 						const event = name.substring(2).toLowerCase();
 						const controller = new AbortController();
-						element.addEventListener(event, (event$1) => {
-							const invoke = value;
-							if (Array.isArray(invoke)) for (const target of invoke) target?.(event$1);
-							else invoke?.(event$1);
-						}, { signal: controller.signal });
-						scope.dispose.push(() => controller.abort());
+						element.addEventListener(event, (event$1) => eventListener(event$1, value), { signal: controller.signal });
+						scope.dispose.push(controller.abort);
 					} else createCompute(scope, () => {
 						const set = toString(value);
 						if (set === "" || set === "false") return element.removeAttribute(name);
@@ -457,6 +453,10 @@ const getCustomElement = (node) => {
 		return getCustomElement(node.parentNode);
 	}
 };
+const eventListener = (event, invoke) => {
+	if (Array.isArray(invoke)) for (const target of invoke) target?.(event);
+	else invoke?.(event);
+};
 const isClient = () => typeof window !== "undefined";
 const isServer = () => typeof window === "undefined";
 const preventDefault = (event) => event.preventDefault();
@@ -789,4 +789,4 @@ const anchorNavigate = (event) => {
 };
 
 //#endregion
-export { $fetch, Compute, Handler, Hooks, MOUNTED_HOOK, Outlet, RUNTIME_CONTEXT, Radix, Scope, activeCompute, anchorNavigate, components, createApp, createCompute, createElement, createEvent, createMemo, createRuntime, createState, defineComponent, defineContext, defineHook, defineRoute, fileName, fromValue, getAssets, getCookies, getCustomElement, getGlobalStyles, getMimeType, getRequestUrl, getRoutes, getSetCookies, getVariables, isClient, isServer, isTemplate, markdownToSlot, navigate, preventDefault, registerComponent, renderToNode, renderToString, sendBadRequest, sendHtml, sendJson, sendRedirect, sendText, sendUnauthorized, setCookie, stopImmediatePropagation, stopPropagation, targets, toCustomElement, toFragment, toPath, toString };
+export { $fetch, Compute, Handler, Hooks, MOUNTED_HOOK, Outlet, RUNTIME_CONTEXT, Radix, Scope, activeCompute, anchorNavigate, components, createApp, createCompute, createElement, createEvent, createMemo, createRuntime, createState, defineComponent, defineContext, defineHook, defineRoute, eventListener, fileName, fromValue, getAssets, getCookies, getCustomElement, getGlobalStyles, getMimeType, getRequestUrl, getRoutes, getSetCookies, getVariables, isClient, isServer, isTemplate, markdownToSlot, navigate, preventDefault, registerComponent, renderToNode, renderToString, sendBadRequest, sendHtml, sendJson, sendRedirect, sendText, sendUnauthorized, setCookie, stopImmediatePropagation, stopPropagation, targets, toCustomElement, toFragment, toPath, toString };

package/dist/jsx/index.d.ts

@@ -1,5 +1,4 @@
-import { type Slot } from "../html";
-export type EventListener<T extends Event> = ((event: T) => void) | Array<(event: T) => void>;
+import { type EventListener, type Slot } from "../html";
 export type EventAttributes = {
     onScroll?: EventListener<Event>;
     onScrollCapture?: EventListener<Event>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "revojs",
-    "version": "0.0.20",
+    "version": "0.0.21",
     "type": "module",
     "repository": "coverbase/revojs",
     "license": "MIT",