tungsten 0.1.6 → 0.1.24

package/types/jsx/html.events.d.ts

@@ -0,0 +1,200 @@
+
+
+// !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+// Events might be wrong! We are using vanilla events, but type system is used extended/synthetic events from React perhaps?
+
+
+
+//
+// Event System
+// ----------------------------------------------------------------------
+
+import { AbstractView } from './html.values.js'
+
+// TODO: change any to unknown when moving to TS v3
+export interface BaseSyntheticEvent<E = object, C = any, T = any> {
+    nativeEvent: E;
+    currentTarget: C;
+    target: T;
+    bubbles: boolean;
+    cancelable: boolean;
+    defaultPrevented: boolean;
+    eventPhase: number;
+    isTrusted: boolean;
+    preventDefault(): void;
+    isDefaultPrevented(): boolean;
+    stopPropagation(): void;
+    isPropagationStopped(): boolean;
+    persist(): void;
+    timeStamp: number;
+    type: string;
+}
+
+/**
+ * currentTarget - a reference to the element on which the event listener is registered.
+ *
+ * target - a reference to the element from which the event was originally dispatched.
+ * This might be a child element to the element on which the event listener is registered.
+ * If you thought this should be `EventTarget & T`, see https://github.com/DefinitelyTyped/DefinitelyTyped/issues/11508#issuecomment-256045682
+ */
+export interface SyntheticEvent<T = Element, E = Event> extends BaseSyntheticEvent<E, EventTarget & T, EventTarget> {}
+
+export interface ExtendedUIEvent<T = Element, E = UIEvent> extends SyntheticEvent<T, E> {
+    detail: number
+    view: AbstractView
+}
+
+export interface ExtendedMouseEvent<T = Element, E = MouseEvent> extends ExtendedUIEvent<T, E> {
+    target: T & EventTarget
+    altKey: boolean
+    button: number
+    buttons: number
+    clientX: number
+    clientY: number
+    ctrlKey: boolean
+    /**
+     * See [DOM Level 3 Events spec](https://www.w3.org/TR/uievents-key/#keys-modifier). for a list of valid (case-sensitive) arguments to this method.
+     */
+    getModifierState(key: ModifierKey): boolean
+    metaKey: boolean
+    movementX: number
+    movementY: number
+    pageX: number
+    pageY: number
+    relatedTarget: EventTarget | null
+    screenX: number
+    screenY: number
+    shiftKey: boolean
+}
+
+export interface ExtendedClipboardEvent<T = Element> extends SyntheticEvent<T, ClipboardEvent> {
+    clipboardData: DataTransfer
+}
+
+export interface ExtendedCompositionEvent<T = Element> extends SyntheticEvent<T, CompositionEvent> {
+    data: string
+}
+
+export interface ExtendedDragEvent<T = Element> extends ExtendedMouseEvent<T, DragEvent> {
+    dataTransfer: DataTransfer;
+}
+
+export interface ExtendedPointerEvent<T = Element> extends ExtendedMouseEvent<T, PointerEvent> {
+    pointerId: number
+    pressure: number
+    tangentialPressure: number
+    tiltX: number
+    tiltY: number
+    twist: number
+    width: number
+    height: number
+    pointerType: 'mouse' | 'pen' | 'touch';
+    isPrimary: boolean
+}
+
+export interface ExtendedFocusEvent<Target = Element, RelatedTarget = Element> extends SyntheticEvent<Target, FocusEvent> {
+    relatedTarget: (EventTarget & RelatedTarget) | null
+    target: EventTarget & Target;
+}
+
+export interface ExtendedFormEvent<T = Element> extends SyntheticEvent<T> {
+}
+
+// export interface ExtendedInvalidEvent<T = Element> extends SyntheticEvent<T> {
+//     target: EventTarget & T
+// }
+
+export interface ExtendedChangeEvent<T = Element> extends SyntheticEvent<T> {
+    target: EventTarget & T
+}
+
+export type ModifierKey = 'Alt' | 'AltGraph' | 'CapsLock' | 'Control' | 'Fn' | 'FnLock' | 'Hyper' | 'Meta' | 'NumLock' | 'ScrollLock' | 'Shift' | 'Super' | 'Symbol' | 'SymbolLock';
+
+export interface ExtendedKeyboardEvent<T = Element> extends ExtendedUIEvent<T, KeyboardEvent> {
+    target: T & EventTarget
+    altKey: boolean
+    /** @deprecated */
+    charCode: number
+    ctrlKey: boolean
+    code: string
+    /**
+     * See [DOM Level 3 Events spec](https://www.w3.org/TR/uievents-key/#keys-modifier). for a list of valid (case-sensitive) arguments to this method.
+     */
+    getModifierState(key: ModifierKey): boolean
+    /**
+     * See the [DOM Level 3 Events spec](https://www.w3.org/TR/uievents-key/#named-key-attribute-values). for possible values
+     */
+    key: string
+    /** @deprecated */
+    keyCode: number
+    locale: string
+    location: number
+    metaKey: boolean
+    repeat: boolean
+    shiftKey: boolean
+    /** @deprecated */
+    which: number
+}
+
+export interface ExtendedTouchEvent<T = Element> extends ExtendedUIEvent<T, TouchEvent> {
+    altKey: boolean
+    changedTouches: TouchList
+    ctrlKey: boolean
+    /**
+     * See [DOM Level 3 Events spec](https://www.w3.org/TR/uievents-key/#keys-modifier). for a list of valid (case-sensitive) arguments to this method.
+     */
+    getModifierState(key: ModifierKey): boolean
+    metaKey: boolean
+    shiftKey: boolean
+    targetTouches: TouchList
+    touches: TouchList
+}
+
+export interface ExtendedWheelEvent<T = Element> extends ExtendedMouseEvent<T, WheelEvent> {
+    deltaMode: number
+    deltaX: number
+    deltaY: number
+    deltaZ: number
+}
+
+export interface ExtendedAnimationEvent<T = Element> extends SyntheticEvent<T, AnimationEvent> {
+    animationName: string
+    elapsedTime: number
+    pseudoElement: string
+}
+
+export interface ExtendedTransitionEvent<T = Element> extends SyntheticEvent<T, TransitionEvent> {
+    elapsedTime: number
+    propertyName: string
+    pseudoElement: string
+}
+
+
+
+export type EventHandler<E extends SyntheticEvent<any>> = { bivarianceHack(event: E): void }['bivarianceHack']
+
+//type ReactEventHandler<T = Element> = EventHandler<SyntheticEvent<T>>;
+
+export type ClipboardEventHandler<T = Element> = EventHandler<ExtendedClipboardEvent<T>>
+export type CompositionEventHandler<T = Element> = EventHandler<ExtendedCompositionEvent<T>>
+export type DragEventHandler<T = Element> = EventHandler<ExtendedDragEvent<T>>
+export type FocusEventHandler<T = Element> = EventHandler<ExtendedFocusEvent<T>>
+export type FormEventHandler<T = Element> = EventHandler<ExtendedFormEvent<T>>
+export type ChangeEventHandler<T = Element> = EventHandler<ExtendedChangeEvent<T>>
+export type KeyboardEventHandler<T = Element> = EventHandler<ExtendedKeyboardEvent<T>>
+export type MouseEventHandler<T = Element> = EventHandler<ExtendedMouseEvent<T>>
+export type TouchEventHandler<T = Element> = EventHandler<ExtendedTouchEvent<T>>
+export type PointerEventHandler<T = Element> = EventHandler<ExtendedPointerEvent<T>>
+export type UIEventHandler<T = Element> = EventHandler<ExtendedUIEvent<T>>
+export type WheelEventHandler<T = Element> = EventHandler<ExtendedWheelEvent<T>>
+export type AnimationEventHandler<T = Element> = EventHandler<ExtendedAnimationEvent<T>>
+export type TransitionEventHandler<T = Element> = EventHandler<ExtendedTransitionEvent<T>>
+
+export type FormEvent = ExtendedFormEvent<HTMLFormElement>
+export type ButtonMouseEvent = ExtendedMouseEvent<HTMLButtonElement>
+export type AnchorMouseEvent = ExtendedMouseEvent<HTMLAnchorElement>
+export type InputKeyboardEvent = ExtendedKeyboardEvent<HTMLInputElement>
+export type TextareaKeyboardEvent = ExtendedKeyboardEvent<HTMLTextAreaElement>
+
+// WHAT IS IT?
+export type TungstenEventHandler<T = Element> = EventHandler<SyntheticEvent<T>>;

package/types/jsx/html.global.d.ts

@@ -0,0 +1,151 @@
+interface Event { }
+interface AnimationEvent extends Event { }
+interface ClipboardEvent extends Event { }
+interface CompositionEvent extends Event { }
+interface DragEvent extends Event { }
+interface FocusEvent extends Event { }
+interface KeyboardEvent extends Event { }
+interface MouseEvent extends Event { }
+interface TouchEvent extends Event { }
+interface PointerEvent extends Event { }
+interface TransitionEvent extends Event { }
+interface UIEvent extends Event { }
+interface WheelEvent extends Event { }
+
+interface EventTarget { }
+interface Document { }
+interface DataTransfer { }
+interface StyleMedia { }
+
+interface Element { }
+interface DocumentFragment { }
+
+interface HTMLElement extends Element { }
+interface HTMLAnchorElement extends HTMLElement { }
+interface HTMLAreaElement extends HTMLElement { }
+interface HTMLAudioElement extends HTMLElement { }
+interface HTMLBaseElement extends HTMLElement { }
+interface HTMLBodyElement extends HTMLElement { }
+interface HTMLBRElement extends HTMLElement { }
+interface HTMLButtonElement extends HTMLElement { }
+interface HTMLCanvasElement extends HTMLElement { }
+interface HTMLDataElement extends HTMLElement { }
+interface HTMLDataListElement extends HTMLElement { }
+interface HTMLDetailsElement extends HTMLElement { }
+interface HTMLDialogElement extends HTMLElement { }
+interface HTMLDivElement extends HTMLElement { }
+interface HTMLDListElement extends HTMLElement { }
+interface HTMLEmbedElement extends HTMLElement { }
+interface HTMLFieldSetElement extends HTMLElement { }
+interface HTMLFormElement extends HTMLElement { }
+interface HTMLHeadingElement extends HTMLElement { }
+interface HTMLHeadElement extends HTMLElement { }
+interface HTMLHRElement extends HTMLElement { }
+interface HTMLHtmlElement extends HTMLElement { }
+interface HTMLIFrameElement extends HTMLElement { }
+interface HTMLImageElement extends HTMLElement { }
+interface HTMLInputElement extends HTMLElement { }
+interface HTMLModElement extends HTMLElement { }
+interface HTMLLabelElement extends HTMLElement { }
+interface HTMLLegendElement extends HTMLElement { }
+interface HTMLLIElement extends HTMLElement { }
+interface HTMLLinkElement extends HTMLElement { }
+interface HTMLMapElement extends HTMLElement { }
+interface HTMLMetaElement extends HTMLElement { }
+interface HTMLMeterElement extends HTMLElement { }
+interface HTMLObjectElement extends HTMLElement { }
+interface HTMLOListElement extends HTMLElement { }
+interface HTMLOptGroupElement extends HTMLElement { }
+interface HTMLOptionElement extends HTMLElement { }
+interface HTMLOutputElement extends HTMLElement { }
+interface HTMLParagraphElement extends HTMLElement { }
+interface HTMLParamElement extends HTMLElement { }
+interface HTMLPreElement extends HTMLElement { }
+interface HTMLProgressElement extends HTMLElement { }
+interface HTMLQuoteElement extends HTMLElement { }
+interface HTMLSlotElement extends HTMLElement { }
+interface HTMLScriptElement extends HTMLElement { }
+interface HTMLSelectElement extends HTMLElement { }
+interface HTMLSourceElement extends HTMLElement { }
+interface HTMLSpanElement extends HTMLElement { }
+interface HTMLStyleElement extends HTMLElement { }
+interface HTMLTableElement extends HTMLElement { }
+interface HTMLTableColElement extends HTMLElement { }
+interface HTMLTableDataCellElement extends HTMLElement { }
+interface HTMLTableHeaderCellElement extends HTMLElement { }
+interface HTMLTableRowElement extends HTMLElement { }
+interface HTMLTableSectionElement extends HTMLElement { }
+interface HTMLTemplateElement extends HTMLElement { }
+interface HTMLTextAreaElement extends HTMLElement { }
+interface HTMLTimeElement extends HTMLElement { }
+interface HTMLTitleElement extends HTMLElement { }
+interface HTMLTrackElement extends HTMLElement { }
+interface HTMLUListElement extends HTMLElement { }
+interface HTMLVideoElement extends HTMLElement { }
+export interface HTMLWebViewElement extends HTMLElement { }
+
+interface SVGElement extends Element { }
+interface SVGSVGElement extends SVGElement { }
+interface SVGCircleElement extends SVGElement { }
+interface SVGClipPathElement extends SVGElement { }
+interface SVGDefsElement extends SVGElement { }
+interface SVGDescElement extends SVGElement { }
+interface SVGEllipseElement extends SVGElement { }
+interface SVGFEBlendElement extends SVGElement { }
+interface SVGFEColorMatrixElement extends SVGElement { }
+interface SVGFEComponentTransferElement extends SVGElement { }
+interface SVGFECompositeElement extends SVGElement { }
+interface SVGFEConvolveMatrixElement extends SVGElement { }
+interface SVGFEDiffuseLightingElement extends SVGElement { }
+interface SVGFEDisplacementMapElement extends SVGElement { }
+interface SVGFEDistantLightElement extends SVGElement { }
+interface SVGFEDropShadowElement extends SVGElement { }
+interface SVGFEFloodElement extends SVGElement { }
+interface SVGFEFuncAElement extends SVGElement { }
+interface SVGFEFuncBElement extends SVGElement { }
+interface SVGFEFuncGElement extends SVGElement { }
+interface SVGFEFuncRElement extends SVGElement { }
+interface SVGFEGaussianBlurElement extends SVGElement { }
+interface SVGFEImageElement extends SVGElement { }
+interface SVGFEMergeElement extends SVGElement { }
+interface SVGFEMergeNodeElement extends SVGElement { }
+interface SVGFEMorphologyElement extends SVGElement { }
+interface SVGFEOffsetElement extends SVGElement { }
+interface SVGFEPointLightElement extends SVGElement { }
+interface SVGFESpecularLightingElement extends SVGElement { }
+interface SVGFESpotLightElement extends SVGElement { }
+interface SVGFETileElement extends SVGElement { }
+interface SVGFETurbulenceElement extends SVGElement { }
+interface SVGFilterElement extends SVGElement { }
+interface SVGForeignObjectElement extends SVGElement { }
+interface SVGGElement extends SVGElement { }
+interface SVGImageElement extends SVGElement { }
+interface SVGLineElement extends SVGElement { }
+interface SVGLinearGradientElement extends SVGElement { }
+interface SVGMarkerElement extends SVGElement { }
+interface SVGMaskElement extends SVGElement { }
+interface SVGMetadataElement extends SVGElement { }
+interface SVGPathElement extends SVGElement { }
+interface SVGPatternElement extends SVGElement { }
+interface SVGPolygonElement extends SVGElement { }
+interface SVGPolylineElement extends SVGElement { }
+interface SVGRadialGradientElement extends SVGElement { }
+interface SVGRectElement extends SVGElement { }
+interface SVGStopElement extends SVGElement { }
+interface SVGSwitchElement extends SVGElement { }
+interface SVGSymbolElement extends SVGElement { }
+interface SVGTextElement extends SVGElement { }
+interface SVGTextPathElement extends SVGElement { }
+interface SVGTSpanElement extends SVGElement { }
+interface SVGUseElement extends SVGElement { }
+interface SVGViewElement extends SVGElement { }
+
+interface FormData {}
+interface Text { }
+interface TouchList { }
+interface WebGLRenderingContext { }
+interface WebGL2RenderingContext { }
+
+export interface TrustedHTML { }
+
+export {}

package/types/jsx/html.values.d.ts

@@ -0,0 +1,30 @@
+
+export type Booleanish = boolean | 'true' | 'false'
+
+//
+// Browser Interfaces
+// https://github.com/nikeee/2048-typescript/blob/master/2048/js/touch.d.ts
+// ----------------------------------------------------------------------
+
+export interface AbstractView {
+    styleMedia: StyleMedia;
+    document: Document;
+}
+
+// interface Touch {
+//     identifier: number;
+//     target: EventTarget;
+//     screenX: number;
+//     screenY: number;
+//     clientX: number;
+//     clientY: number;
+//     pageX: number;
+//     pageY: number;
+// }
+
+// interface TouchList {
+//     [index: number]: Touch;
+//     length: number;
+//     item(index: number): Touch;
+//     identifiedTouch(identifier: number): Touch;
+// }