ctrl-fx 0.0.1 → 0.1.0

package/dist/dom/events.d.ts

@@ -0,0 +1,232 @@
+import type { Dimensions } from '..';
+import { type Effect } from '../effects';
+import type { InternalLocation } from '../net/location';
+export declare const eventTypes: readonly ["blur", "change", "click", "dblclick", "focus", "keydown", "keyup", "mouseenter", "mouseleave", "mousemove", "scroll", "scrollend", "submit", "textinput", "touchstart", "touchmove", "touchend", "touchcancel", "wheel"];
+export type EventType = (typeof eventTypes)[number];
+/** Current value and cursor position of a text input, passed to `onTextInput` handlers. */
+export type TextState = {
+    value: string;
+    selectionStart: number | null;
+    selectionEnd: number | null;
+};
+export type TextInputListener<State, Event> = {
+    _type: 'textinput';
+    effect: (textState: TextState) => Effect<State, Event, EventListenerResult>;
+    options: EventOptions;
+};
+/** Key name and code from a keyboard event, passed to `onKeyDown`/`onKeyUp` handlers. */
+export type KeyData = {
+    key: string;
+    code: string;
+};
+export type KeyDownListener<State, Event> = {
+    _type: 'keydown';
+    effect: (key: KeyData) => Effect<State, Event, EventListenerResult>;
+    options: EventOptions;
+};
+export type KeyUpListener<State, Event> = {
+    _type: 'keyup';
+    effect: (key: KeyData) => Effect<State, Event, EventListenerResult>;
+    options: EventOptions;
+};
+/** Touch-point coordinates from a touch event, passed to `onTouchStart`/`onTouchMove`/`onTouchEnd` handlers. */
+export type TouchData = {
+    clientX: number;
+    clientY: number;
+    pageX: number;
+    pageY: number;
+};
+export type TouchStartListener<State, Event> = {
+    _type: 'touchstart';
+    effect: (touches: readonly TouchData[]) => Effect<State, Event, EventListenerResult>;
+    options: EventOptions;
+};
+export type TouchMoveListener<State, Event> = {
+    _type: 'touchmove';
+    effect: (touches: readonly TouchData[]) => Effect<State, Event, EventListenerResult>;
+    options: EventOptions;
+};
+export type TouchCancelListener<State, Event> = {
+    _type: 'touchcancel';
+    effect: (touches: readonly TouchData[]) => Effect<State, Event, EventListenerResult>;
+    options: EventOptions;
+};
+export type TouchEndListener<State, Event> = {
+    _type: 'touchend';
+    effect: (touches: readonly TouchData[]) => Effect<State, Event, EventListenerResult>;
+    options: EventOptions;
+};
+/** Options forwarded to `addEventListener`. */
+export type EventOptions = {
+    capture?: boolean;
+    passive?: boolean;
+};
+/** Browser event modifiers an event handler can request. Return from a handler to call `preventDefault` or `stopPropagation`. */
+export type EventActions = {
+    stopPropagation?: boolean;
+    preventDefault?: boolean;
+};
+/** Return type of event handlers: `void` or an `EventActions` object to modify browser behavior. */
+export type EventListenerResult = void | EventActions;
+export type BlurListener<State, Event> = {
+    _type: 'blur';
+    effect: Effect<State, Event, EventListenerResult>;
+    options: EventOptions;
+};
+/** Current value and checked state of a form element, passed to `onChange` handlers. */
+export type ChangeData = {
+    value: string;
+    checked: boolean;
+};
+export type ChangeListener<State, Event> = {
+    _type: 'change';
+    effect: (data: ChangeData) => Effect<State, Event, EventListenerResult>;
+    options: EventOptions;
+};
+export type ClickListener<State, Event> = {
+    _type: 'click';
+    effect: Effect<State, Event, EventListenerResult>;
+    options: EventOptions;
+};
+export type DblClickListener<State, Event> = {
+    _type: 'dblclick';
+    effect: Effect<State, Event, EventListenerResult>;
+    options: EventOptions;
+};
+/** Mouse position and movement delta, passed to `onMouseMove` handlers. */
+export type MouseMoveData = {
+    clientX: number;
+    clientY: number;
+    pageX: number;
+    pageY: number;
+    movementX: number;
+    movementY: number;
+};
+export type MouseMoveListener<State, Event> = {
+    _type: 'mousemove';
+    effect: (data: MouseMoveData) => Effect<State, Event, EventListenerResult>;
+    options: EventOptions;
+};
+/** Scroll deltas from a wheel event, passed to `onWheel` handlers. */
+export type WheelData = {
+    deltaX: number;
+    deltaY: number;
+    deltaZ: number;
+    deltaMode: number;
+};
+export type WheelListener<State, Event> = {
+    _type: 'wheel';
+    effect: (data: WheelData) => Effect<State, Event, EventListenerResult>;
+    options: EventOptions;
+};
+export type FocusListener<State, Event> = {
+    _type: 'focus';
+    effect: Effect<State, Event, EventListenerResult>;
+    options: EventOptions;
+};
+export type MouseEnterListener<State, Event> = {
+    _type: 'mouseenter';
+    effect: Effect<State, Event, EventListenerResult>;
+    options: EventOptions;
+};
+export type MouseLeaveListener<State, Event> = {
+    _type: 'mouseleave';
+    effect: Effect<State, Event, EventListenerResult>;
+    options: EventOptions;
+};
+/** Scroll offset of the element, passed to `onScroll`/`onScrollEnd` handlers. */
+export type ScrollData = {
+    scrollTop: number;
+    scrollLeft: number;
+};
+export type ScrollListener<State, Event> = {
+    _type: 'scroll';
+    effect: (data: ScrollData) => Effect<State, Event, EventListenerResult>;
+    options: EventOptions;
+};
+export type ScrollEndListener<State, Event> = {
+    _type: 'scrollend';
+    effect: (data: ScrollData) => Effect<State, Event, EventListenerResult>;
+    options: EventOptions;
+};
+export type SubmitListener<State, Event> = {
+    _type: 'submit';
+    effect: Effect<State, Event, EventListenerResult>;
+    options: EventOptions;
+};
+export type SupportsEvents<State, Event> = {
+    readonly eventListeners: readonly EventListener<State, Event>[];
+};
+export type CustomEventListener<State, Event> = {
+    _type: 'custom';
+    eventName: string;
+    effect: (detail: unknown) => Effect<State, Event, EventListenerResult>;
+    options: EventOptions;
+};
+export type EventListener<State, Event> = BlurListener<State, Event> | ChangeListener<State, Event> | ClickListener<State, Event> | CustomEventListener<State, Event> | SubmitListener<State, Event> | DblClickListener<State, Event> | FocusListener<State, Event> | KeyDownListener<State, Event> | KeyUpListener<State, Event> | MouseEnterListener<State, Event> | MouseLeaveListener<State, Event> | MouseMoveListener<State, Event> | ScrollListener<State, Event> | ScrollEndListener<State, Event> | TextInputListener<State, Event> | TouchCancelListener<State, Event> | TouchEndListener<State, Event> | TouchMoveListener<State, Event> | TouchStartListener<State, Event> | WheelListener<State, Event>;
+export declare function eventSupport<State, Event, Elem extends SupportsEvents<State, Event>>(): {
+    onTouchStart(this: Elem, effect: (touchData: readonly TouchData[]) => Effect<State, Event, EventListenerResult>, options?: EventOptions): Elem;
+    onTouchMove(this: Elem, effect: (touchData: readonly TouchData[]) => Effect<State, Event, EventListenerResult>, options?: EventOptions): Elem;
+    onTouchEnd(this: Elem, effect: (touchData: readonly TouchData[]) => Effect<State, Event, EventListenerResult>, options?: EventOptions): Elem;
+    onTouchCancel(this: Elem, effect: (touchData: readonly TouchData[]) => Effect<State, Event, EventListenerResult>, options?: EventOptions): Elem;
+    onTextInput(this: Elem, effect: (textState: TextState) => Effect<State, Event, EventListenerResult>, options?: EventOptions): Elem;
+    onWheel(this: Elem, effect: (data: WheelData) => Effect<State, Event, EventListenerResult>, options?: EventOptions): Elem;
+    onSubmit(this: Elem, effect: Effect<State, Event, EventListenerResult>, options?: EventOptions): Elem;
+    onScroll(this: Elem, effect: (data: ScrollData) => Effect<State, Event, EventListenerResult>, options?: EventOptions): Elem;
+    onScrollEnd(this: Elem, effect: (data: ScrollData) => Effect<State, Event, EventListenerResult>, options?: EventOptions): Elem;
+    onMouseMove(this: Elem, effect: (data: MouseMoveData) => Effect<State, Event, EventListenerResult>, options?: EventOptions): Elem;
+    onMouseEnter(this: Elem, effect: Effect<State, Event, EventListenerResult>, options?: EventOptions): Elem;
+    onMouseLeave(this: Elem, effect: Effect<State, Event, EventListenerResult>, options?: EventOptions): Elem;
+    onDblClick(this: Elem, effect: Effect<State, Event, EventListenerResult>, options?: EventOptions): Elem;
+    onKeyDown(this: Elem, effect: (key: KeyData) => Effect<State, Event, EventListenerResult>, options?: EventOptions): Elem;
+    onKeyUp(this: Elem, effect: (key: KeyData) => Effect<State, Event, EventListenerResult>, options?: EventOptions): Elem;
+    onEvent(this: Elem, eventName: string, effect: (detail: unknown) => Effect<State, Event, EventListenerResult>, options?: EventOptions): Elem;
+    onClick(this: Elem, effect: Effect<State, Event, EventListenerResult>, options?: EventOptions): Elem;
+    onChange(this: Elem, effect: (data: ChangeData) => Effect<State, Event, EventListenerResult>, options?: EventOptions): Elem;
+    onFocus(this: Elem, effect: Effect<State, Event, EventListenerResult>, options?: EventOptions): Elem;
+    onBlur(this: Elem, effect: Effect<State, Event, EventListenerResult>, options?: EventOptions): Elem;
+};
+/** Wraps `effect` and instructs the runtime to call `event.preventDefault()` after it runs. */
+export declare function preventDefault<State, Event>(effect: Effect<State, Event, void>): Effect<State, Event, EventActions>;
+/** Wraps `effect` and instructs the runtime to call `event.stopPropagation()` after it runs. */
+export declare function stopPropagation<State, Event>(effect: Effect<State, Event, void>): Effect<State, Event, EventActions>;
+/** Wraps `effect` and instructs the runtime to call both `event.stopPropagation()` and `event.preventDefault()`. */
+export declare function stopPropagationAndPreventDefault<State, Event>(effect: Effect<State, Event, void>): Effect<State, Event, EventActions>;
+export type ResizeListener<State, Event> = {
+    _type: 'resize';
+    onChange: (dimensions: Dimensions) => Effect<State, Event, void>;
+    options: EventOptions;
+};
+export type PopStateListener<State, Event> = {
+    _type: 'popstate';
+    onChange: (location: InternalLocation) => Effect<State, Event, void>;
+    options: EventOptions;
+};
+export type LocationChangeListener<State, Event> = {
+    _type: 'locationchange';
+    onChange: (location: InternalLocation) => Effect<State, Event, void>;
+    options: EventOptions;
+};
+export type VisibilityChangeListener<State, Event> = {
+    _type: 'visibilitychange';
+    onChange: (state: 'visible' | 'hidden') => Effect<State, Event, void>;
+    options: EventOptions;
+};
+export type OnlineListener<State, Event> = {
+    _type: 'online';
+    effect: Effect<State, Event, void>;
+    options: EventOptions;
+};
+export type OfflineListener<State, Event> = {
+    _type: 'offline';
+    effect: Effect<State, Event, void>;
+    options: EventOptions;
+};
+export type ContainerListener<State, Event> = ResizeListener<State, Event> | PopStateListener<State, Event> | LocationChangeListener<State, Event> | KeyDownListener<State, Event> | KeyUpListener<State, Event> | VisibilityChangeListener<State, Event> | OnlineListener<State, Event> | OfflineListener<State, Event>;
+export declare const windowContainerEventTypes: readonly ["resize", "popstate", "locationchange", "online", "offline"];
+export declare const documentContainerEventTypes: readonly ["keydown", "keyup", "visibilitychange"];
+export declare const containerEventTypes: ("keydown" | "keyup" | "resize" | "popstate" | "locationchange" | "visibilitychange" | "online" | "offline")[];
+export type WindowContainerEventType = (typeof windowContainerEventTypes)[number];
+export type DocumentContainerEventType = (typeof documentContainerEventTypes)[number];
+export type ContainerEventType = WindowContainerEventType | DocumentContainerEventType;
+//# sourceMappingURL=events.d.ts.map

package/dist/dom/events.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../src/dom/events.ts"],"names":[],"mappings":"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"}

package/dist/dom/events.js

@@ -0,0 +1,289 @@
+import { async } from '../effects';
+export const eventTypes = [
+    'blur',
+    'change',
+    'click',
+    'dblclick',
+    'focus',
+    'keydown',
+    'keyup',
+    'mouseenter',
+    'mouseleave',
+    'mousemove',
+    'scroll',
+    'scrollend',
+    'submit',
+    'textinput',
+    'touchstart',
+    'touchmove',
+    'touchend',
+    'touchcancel',
+    'wheel',
+];
+export function eventSupport() {
+    return {
+        ...blurFocusSupport(),
+        ...changeSupport(),
+        ...clickSupport(),
+        ...customEventSupport(),
+        ...keySupport(),
+        ...dblClickSupport(),
+        ...mouseSupport(),
+        ...mouseMoveSupport(),
+        ...scrollSupport(),
+        ...submitSupport(),
+        ...wheelSupport(),
+        ...textInputSupport(),
+        ...touchSupport(),
+    };
+}
+function customEventSupport() {
+    return {
+        onEvent(eventName, effect, options) {
+            return {
+                ...this,
+                eventListeners: [
+                    ...this.eventListeners,
+                    { _type: 'custom', eventName, effect, options: options || {} },
+                ],
+            };
+        },
+    };
+}
+function blurFocusSupport() {
+    return {
+        onFocus(effect, options) {
+            return {
+                ...this,
+                eventListeners: [
+                    ...this.eventListeners,
+                    { _type: 'focus', effect, options: options || {} },
+                ],
+            };
+        },
+        onBlur(effect, options) {
+            return {
+                ...this,
+                eventListeners: [
+                    ...this.eventListeners,
+                    { _type: 'blur', effect, options: options || {} },
+                ],
+            };
+        },
+    };
+}
+function changeSupport() {
+    return {
+        onChange(effect, options) {
+            return {
+                ...this,
+                eventListeners: [
+                    ...this.eventListeners,
+                    { _type: 'change', effect, options: options || {} },
+                ],
+            };
+        },
+    };
+}
+function clickSupport() {
+    return {
+        onClick(effect, options) {
+            return {
+                ...this,
+                eventListeners: [
+                    ...this.eventListeners,
+                    { _type: 'click', effect, options: options || {} },
+                ],
+            };
+        },
+    };
+}
+function dblClickSupport() {
+    return {
+        onDblClick(effect, options) {
+            return {
+                ...this,
+                eventListeners: [
+                    ...this.eventListeners,
+                    { _type: 'dblclick', effect, options: options || {} },
+                ],
+            };
+        },
+    };
+}
+function mouseMoveSupport() {
+    return {
+        onMouseMove(effect, options) {
+            return {
+                ...this,
+                eventListeners: [
+                    ...this.eventListeners,
+                    { _type: 'mousemove', effect, options: options || {} },
+                ],
+            };
+        },
+    };
+}
+function wheelSupport() {
+    return {
+        onWheel(effect, options) {
+            return {
+                ...this,
+                eventListeners: [
+                    ...this.eventListeners,
+                    { _type: 'wheel', effect, options: options || {} },
+                ],
+            };
+        },
+    };
+}
+function mouseSupport() {
+    return {
+        onMouseEnter(effect, options) {
+            return {
+                ...this,
+                eventListeners: [
+                    ...this.eventListeners,
+                    { _type: 'mouseenter', effect, options: options || {} },
+                ],
+            };
+        },
+        onMouseLeave(effect, options) {
+            return {
+                ...this,
+                eventListeners: [
+                    ...this.eventListeners,
+                    { _type: 'mouseleave', effect, options: options || {} },
+                ],
+            };
+        },
+    };
+}
+function submitSupport() {
+    return {
+        onSubmit(effect, options) {
+            return {
+                ...this,
+                eventListeners: [
+                    ...this.eventListeners,
+                    { _type: 'submit', effect, options: options || {} },
+                ],
+            };
+        },
+    };
+}
+function scrollSupport() {
+    return {
+        onScroll(effect, options) {
+            return {
+                ...this,
+                eventListeners: [
+                    ...this.eventListeners,
+                    { _type: 'scroll', effect, options: options || {} },
+                ],
+            };
+        },
+        onScrollEnd(effect, options) {
+            return {
+                ...this,
+                eventListeners: [
+                    ...this.eventListeners,
+                    { _type: 'scrollend', effect, options: options || {} },
+                ],
+            };
+        },
+    };
+}
+function touchSupport() {
+    return {
+        onTouchStart(effect, options) {
+            return {
+                ...this,
+                eventListeners: [
+                    ...this.eventListeners,
+                    { _type: 'touchstart', effect, options: options || {} },
+                ],
+            };
+        },
+        onTouchMove(effect, options) {
+            return {
+                ...this,
+                eventListeners: [
+                    ...this.eventListeners,
+                    { _type: 'touchmove', effect, options: options || {} },
+                ],
+            };
+        },
+        onTouchEnd(effect, options) {
+            return {
+                ...this,
+                eventListeners: [
+                    ...this.eventListeners,
+                    { _type: 'touchend', effect, options: options || {} },
+                ],
+            };
+        },
+        onTouchCancel(effect, options) {
+            return {
+                ...this,
+                eventListeners: [
+                    ...this.eventListeners,
+                    { _type: 'touchcancel', effect, options: options || {} },
+                ],
+            };
+        },
+    };
+}
+function keySupport() {
+    return {
+        onKeyDown(effect, options) {
+            return {
+                ...this,
+                eventListeners: [
+                    ...this.eventListeners,
+                    { _type: 'keydown', effect, options: options || {} },
+                ],
+            };
+        },
+        onKeyUp(effect, options) {
+            return {
+                ...this,
+                eventListeners: [
+                    ...this.eventListeners,
+                    { _type: 'keyup', effect, options: options || {} },
+                ],
+            };
+        },
+    };
+}
+function textInputSupport() {
+    return {
+        onTextInput(effect, options) {
+            return {
+                ...this,
+                eventListeners: [
+                    ...this.eventListeners,
+                    { _type: 'textinput', effect, options: options || {} },
+                ],
+            };
+        },
+    };
+}
+/** Wraps `effect` and instructs the runtime to call `event.preventDefault()` after it runs. */
+export function preventDefault(effect) {
+    return async(effect, 0).as({ preventDefault: true });
+}
+/** Wraps `effect` and instructs the runtime to call `event.stopPropagation()` after it runs. */
+export function stopPropagation(effect) {
+    return async(effect, 0).as({ stopPropagation: true });
+}
+/** Wraps `effect` and instructs the runtime to call both `event.stopPropagation()` and `event.preventDefault()`. */
+export function stopPropagationAndPreventDefault(effect) {
+    return async(effect, 0).as({ stopPropagation: true, preventDefault: true });
+}
+export const windowContainerEventTypes = ['resize', 'popstate', 'locationchange', 'online', 'offline'];
+export const documentContainerEventTypes = ['keydown', 'keyup', 'visibilitychange'];
+export const containerEventTypes = [
+    ...windowContainerEventTypes,
+    ...documentContainerEventTypes,
+];