revojs 0.0.19 → 0.0.21

package/dist/html/index.d.ts

@@ -5,18 +5,19 @@ export type TypeOf<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>;
     children: Array<Slot>;
 };
 export type EventInput<T extends Events> = {
-    [K in keyof T]?: (event: Infer<T[K]["type"]> extends Event ? Infer<T[K]["type"]> : CustomEvent<Infer<T[K]["type"]>>) => void;
+    [K in keyof T]?: EventListener<Infer<T[K]["type"]> extends Event ? Infer<T[K]["type"]> : CustomEvent<Infer<T[K]["type"]>>>;
 };
 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,8 +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) => typeof value === "function" ? value(event$1) : void 0, { 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);
@@ -453,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();
@@ -785,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,127 +1,127 @@
-import { type Slot } from "../html";
+import { type EventListener, type Slot } from "../html";
 export type EventAttributes = {
-    onScroll?: (event: Event) => void;
-    onScrollCapture?: (event: Event) => void;
-    onScrollEnd?: (event: Event) => void;
-    onScrollEndCapture?: (event: Event) => void;
-    onWheel?: (event: WheelEvent) => void;
-    onWheelCapture?: (event: WheelEvent) => void;
-    onAnimationCancel?: (event: AnimationEvent) => void;
-    onAnimationCancelCapture?: (event: AnimationEvent) => void;
-    onAnimationEnd?: (event: AnimationEvent) => void;
-    onAnimationEndCapture?: (event: AnimationEvent) => void;
-    onAnimationIteration?: (event: AnimationEvent) => void;
-    onAnimationIterationCapture?: (event: AnimationEvent) => void;
-    onAnimationStart?: (event: AnimationEvent) => void;
-    onAnimationStartCapture?: (event: AnimationEvent) => void;
-    onCopy?: (event: ClipboardEvent) => void;
-    onCopyCapture?: (event: ClipboardEvent) => void;
-    onCut?: (event: ClipboardEvent) => void;
-    onCutCapture?: (event: ClipboardEvent) => void;
-    onPaste?: (event: ClipboardEvent) => void;
-    onPasteCapture?: (event: ClipboardEvent) => void;
-    onCompositionEnd?: (event: CompositionEvent) => void;
-    onCompositionEndCapture?: (event: CompositionEvent) => void;
-    onCompositionStart?: (event: CompositionEvent) => void;
-    onCompositionStartCapture?: (event: CompositionEvent) => void;
-    onCompositionUpdate?: (event: CompositionEvent) => void;
-    onCompositionUpdateCapture?: (event: CompositionEvent) => void;
-    onBlur?: (event: FocusEvent) => void;
-    onBlurCapture?: (event: FocusEvent) => void;
-    onFocus?: (event: FocusEvent) => void;
-    onFocusCapture?: (event: FocusEvent) => void;
-    onFocusIn?: (event: FocusEvent) => void;
-    onFocusInCapture?: (event: FocusEvent) => void;
-    onFocusOut?: (event: FocusEvent) => void;
-    onFocusOutCapture?: (event: FocusEvent) => void;
-    onFullscreenChange?: (event: Event) => void;
-    onFullscreenChangeCapture?: (event: Event) => void;
-    onFullscreenError?: (event: Event) => void;
-    onFullscreenErrorCapture?: (event: Event) => void;
-    onKeyDown?: (event: KeyboardEvent) => void;
-    onKeyDownCapture?: (event: KeyboardEvent) => void;
-    onKeyPress?: (event: KeyboardEvent) => void;
-    onKeyPressCapture?: (event: KeyboardEvent) => void;
-    onKeyUp?: (event: KeyboardEvent) => void;
-    onKeyUpCapture?: (event: KeyboardEvent) => void;
-    onAuxClick?: (event: MouseEvent) => void;
-    onAuxClickCapture?: (event: MouseEvent) => void;
-    onClick?: (event: MouseEvent) => void;
-    onClickCapture?: (event: MouseEvent) => void;
-    onContextMenu?: (event: MouseEvent) => void;
-    onContextMenuCapture?: (event: MouseEvent) => void;
-    onDoubleClick?: (event: MouseEvent) => void;
-    onDoubleClickCapture?: (event: MouseEvent) => void;
-    onMouseDown?: (event: MouseEvent) => void;
-    onMouseDownCapture?: (event: MouseEvent) => void;
-    onMouseEnter?: (event: MouseEvent) => void;
-    onMouseEnterCapture?: (event: MouseEvent) => void;
-    onMouseLeave?: (event: MouseEvent) => void;
-    onMouseLeaveCapture?: (event: MouseEvent) => void;
-    onMouseMove?: (event: MouseEvent) => void;
-    onMouseMoveCapture?: (event: MouseEvent) => void;
-    onMouseOut?: (event: MouseEvent) => void;
-    onMouseOutCapture?: (event: MouseEvent) => void;
-    onMouseOver?: (event: MouseEvent) => void;
-    onMouseOverCapture?: (event: MouseEvent) => void;
-    onMouseUp?: (event: MouseEvent) => void;
-    onMouseUpCapture?: (event: MouseEvent) => void;
-    onMouseWheel?: (event: WheelEvent) => void;
-    onMouseWheelCapture?: (event: WheelEvent) => void;
-    onGotPointerCapture?: (event: PointerEvent) => void;
-    onGotPointerCaptureCapture?: (event: PointerEvent) => void;
-    onLostPointerCapture?: (event: PointerEvent) => void;
-    onLostPointerCaptureCapture?: (event: PointerEvent) => void;
-    onPointerCancel?: (event: PointerEvent) => void;
-    onPointerCancelCapture?: (event: PointerEvent) => void;
-    onPointerDown?: (event: PointerEvent) => void;
-    onPointerDownCapture?: (event: PointerEvent) => void;
-    onPointerEnter?: (event: PointerEvent) => void;
-    onPointerEnterCapture?: (event: PointerEvent) => void;
-    onPointerLeave?: (event: PointerEvent) => void;
-    onPointerLeaveCapture?: (event: PointerEvent) => void;
-    onPointerMove?: (event: PointerEvent) => void;
-    onPointerMoveCapture?: (event: PointerEvent) => void;
-    onPointerOut?: (event: PointerEvent) => void;
-    onPointerOutCapture?: (event: PointerEvent) => void;
-    onPointerOver?: (event: PointerEvent) => void;
-    onPointerOverCapture?: (event: PointerEvent) => void;
-    onPointerUp?: (event: PointerEvent) => void;
-    onPointerUpCapture?: (event: PointerEvent) => void;
-    onTouchCancel?: (event: TouchEvent) => void;
-    onTouchCancelCapture?: (event: TouchEvent) => void;
-    onTouchEnd?: (event: TouchEvent) => void;
-    onTouchEndCapture?: (event: TouchEvent) => void;
-    onTouchMove?: (event: TouchEvent) => void;
-    onTouchMoveCapture?: (event: TouchEvent) => void;
-    onTouchStart?: (event: TouchEvent) => void;
-    onTouchStartCapture?: (event: TouchEvent) => void;
-    onTransitionCancel?: (event: TransitionEvent) => void;
-    onTransitionCancelCapture?: (event: TransitionEvent) => void;
-    onTransitionEnd?: (event: TransitionEvent) => void;
-    onTransitionEndCapture?: (event: TransitionEvent) => void;
-    onTransitionRun?: (event: TransitionEvent) => void;
-    onTransitionRunCapture?: (event: TransitionEvent) => void;
-    onTransitionStart?: (event: TransitionEvent) => void;
-    onTransitionStartCapture?: (event: TransitionEvent) => void;
-    onFormData?: (event: FormDataEvent) => void;
-    onFormDataCapture?: (event: FormDataEvent) => void;
-    onReset?: (event: Event) => void;
-    onResetCapture?: (event: Event) => void;
-    onSubmit?: (event: Event) => void;
-    onSubmitCapture?: (event: Event) => void;
-    onInvalid?: (event: Event) => void;
-    onInvalidCapture?: (event: Event) => void;
-    onSelect?: (event: Event) => void;
-    onSelectCapture?: (event: Event) => void;
-    onSelectChange?: (event: Event) => void;
-    onSelectChangeCapture?: (event: Event) => void;
-    onInput?: (event: InputEvent) => void;
-    onInputCapture?: (event: InputEvent) => void;
-    onBeforeInput?: (event: InputEvent) => void;
-    onBeforeInputCapture?: (event: InputEvent) => void;
-    onChange?: (event: Event) => void;
-    onChangeCapture?: (event: Event) => void;
+    onScroll?: EventListener<Event>;
+    onScrollCapture?: EventListener<Event>;
+    onScrollEnd?: EventListener<Event>;
+    onScrollEndCapture?: EventListener<Event>;
+    onWheel?: EventListener<WheelEvent>;
+    onWheelCapture?: EventListener<WheelEvent>;
+    onAnimationCancel?: EventListener<AnimationEvent>;
+    onAnimationCancelCapture?: EventListener<AnimationEvent>;
+    onAnimationEnd?: EventListener<AnimationEvent>;
+    onAnimationEndCapture?: EventListener<AnimationEvent>;
+    onAnimationIteration?: EventListener<AnimationEvent>;
+    onAnimationIterationCapture?: EventListener<AnimationEvent>;
+    onAnimationStart?: EventListener<AnimationEvent>;
+    onAnimationStartCapture?: EventListener<AnimationEvent>;
+    onCopy?: EventListener<ClipboardEvent>;
+    onCopyCapture?: EventListener<ClipboardEvent>;
+    onCut?: EventListener<ClipboardEvent>;
+    onCutCapture?: EventListener<ClipboardEvent>;
+    onPaste?: EventListener<ClipboardEvent>;
+    onPasteCapture?: EventListener<ClipboardEvent>;
+    onCompositionEnd?: EventListener<CompositionEvent>;
+    onCompositionEndCapture?: EventListener<CompositionEvent>;
+    onCompositionStart?: EventListener<CompositionEvent>;
+    onCompositionStartCapture?: EventListener<CompositionEvent>;
+    onCompositionUpdate?: EventListener<CompositionEvent>;
+    onCompositionUpdateCapture?: EventListener<CompositionEvent>;
+    onBlur?: EventListener<FocusEvent>;
+    onBlurCapture?: EventListener<FocusEvent>;
+    onFocus?: EventListener<FocusEvent>;
+    onFocusCapture?: EventListener<FocusEvent>;
+    onFocusIn?: EventListener<FocusEvent>;
+    onFocusInCapture?: EventListener<FocusEvent>;
+    onFocusOut?: EventListener<FocusEvent>;
+    onFocusOutCapture?: EventListener<FocusEvent>;
+    onFullscreenChange?: EventListener<Event>;
+    onFullscreenChangeCapture?: EventListener<Event>;
+    onFullscreenError?: EventListener<Event>;
+    onFullscreenErrorCapture?: EventListener<Event>;
+    onKeyDown?: EventListener<KeyboardEvent>;
+    onKeyDownCapture?: EventListener<KeyboardEvent>;
+    onKeyPress?: EventListener<KeyboardEvent>;
+    onKeyPressCapture?: EventListener<KeyboardEvent>;
+    onKeyUp?: EventListener<KeyboardEvent>;
+    onKeyUpCapture?: EventListener<KeyboardEvent>;
+    onAuxClick?: EventListener<MouseEvent>;
+    onAuxClickCapture?: EventListener<MouseEvent>;
+    onClick?: EventListener<MouseEvent>;
+    onClickCapture?: EventListener<MouseEvent>;
+    onContextMenu?: EventListener<MouseEvent>;
+    onContextMenuCapture?: EventListener<MouseEvent>;
+    onDoubleClick?: EventListener<MouseEvent>;
+    onDoubleClickCapture?: EventListener<MouseEvent>;
+    onMouseDown?: EventListener<MouseEvent>;
+    onMouseDownCapture?: EventListener<MouseEvent>;
+    onMouseEnter?: EventListener<MouseEvent>;
+    onMouseEnterCapture?: EventListener<MouseEvent>;
+    onMouseLeave?: EventListener<MouseEvent>;
+    onMouseLeaveCapture?: EventListener<MouseEvent>;
+    onMouseMove?: EventListener<MouseEvent>;
+    onMouseMoveCapture?: EventListener<MouseEvent>;
+    onMouseOut?: EventListener<MouseEvent>;
+    onMouseOutCapture?: EventListener<MouseEvent>;
+    onMouseOver?: EventListener<MouseEvent>;
+    onMouseOverCapture?: EventListener<MouseEvent>;
+    onMouseUp?: EventListener<MouseEvent>;
+    onMouseUpCapture?: EventListener<MouseEvent>;
+    onMouseWheel?: EventListener<WheelEvent>;
+    onMouseWheelCapture?: EventListener<WheelEvent>;
+    onGotPointerCapture?: EventListener<PointerEvent>;
+    onGotPointerCaptureCapture?: EventListener<PointerEvent>;
+    onLostPointerCapture?: EventListener<PointerEvent>;
+    onLostPointerCaptureCapture?: EventListener<PointerEvent>;
+    onPointerCancel?: EventListener<PointerEvent>;
+    onPointerCancelCapture?: EventListener<PointerEvent>;
+    onPointerDown?: EventListener<PointerEvent>;
+    onPointerDownCapture?: EventListener<PointerEvent>;
+    onPointerEnter?: EventListener<PointerEvent>;
+    onPointerEnterCapture?: EventListener<PointerEvent>;
+    onPointerLeave?: EventListener<PointerEvent>;
+    onPointerLeaveCapture?: EventListener<PointerEvent>;
+    onPointerMove?: EventListener<PointerEvent>;
+    onPointerMoveCapture?: EventListener<PointerEvent>;
+    onPointerOut?: EventListener<PointerEvent>;
+    onPointerOutCapture?: EventListener<PointerEvent>;
+    onPointerOver?: EventListener<PointerEvent>;
+    onPointerOverCapture?: EventListener<PointerEvent>;
+    onPointerUp?: EventListener<PointerEvent>;
+    onPointerUpCapture?: EventListener<PointerEvent>;
+    onTouchCancel?: EventListener<TouchEvent>;
+    onTouchCancelCapture?: EventListener<TouchEvent>;
+    onTouchEnd?: EventListener<TouchEvent>;
+    onTouchEndCapture?: EventListener<TouchEvent>;
+    onTouchMove?: EventListener<TouchEvent>;
+    onTouchMoveCapture?: EventListener<TouchEvent>;
+    onTouchStart?: EventListener<TouchEvent>;
+    onTouchStartCapture?: EventListener<TouchEvent>;
+    onTransitionCancel?: EventListener<TransitionEvent>;
+    onTransitionCancelCapture?: EventListener<TransitionEvent>;
+    onTransitionEnd?: EventListener<TransitionEvent>;
+    onTransitionEndCapture?: EventListener<TransitionEvent>;
+    onTransitionRun?: EventListener<TransitionEvent>;
+    onTransitionRunCapture?: EventListener<TransitionEvent>;
+    onTransitionStart?: EventListener<TransitionEvent>;
+    onTransitionStartCapture?: EventListener<TransitionEvent>;
+    onFormData?: EventListener<FormDataEvent>;
+    onFormDataCapture?: EventListener<FormDataEvent>;
+    onReset?: EventListener<Event>;
+    onResetCapture?: EventListener<Event>;
+    onSubmit?: EventListener<Event>;
+    onSubmitCapture?: EventListener<Event>;
+    onInvalid?: EventListener<Event>;
+    onInvalidCapture?: EventListener<Event>;
+    onSelect?: EventListener<Event>;
+    onSelectCapture?: EventListener<Event>;
+    onSelectChange?: EventListener<Event>;
+    onSelectChangeCapture?: EventListener<Event>;
+    onInput?: EventListener<InputEvent>;
+    onInputCapture?: EventListener<InputEvent>;
+    onBeforeInput?: EventListener<InputEvent>;
+    onBeforeInputCapture?: EventListener<InputEvent>;
+    onChange?: EventListener<Event>;
+    onChangeCapture?: EventListener<Event>;
 };
 export type HtmlTags = Record<string, HtmlAttributes & EventAttributes>;
 export type HtmlAttributes = Record<string, unknown>;

package/package.json

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