@rescript/webapi 0.1.0-experimental-0aaab65 → 0.1.0-experimental-ae83778

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rescript/webapi",
-  "version": "0.1.0-experimental-0aaab65",
+  "version": "0.1.0-experimental-ae83778",
   "description": "Experimental successor to [rescript-webapi](https://github.com/TheSpyder/rescript-webapi)",
   "homepage": "https://rescript-lang.github.io/experimental-rescript-webapi/",
   "bugs": "https://github.com/rescript-lang/experimental-rescript-webapi/issues",

package/src/DOMAPI/Document.res

@@ -84,7 +84,7 @@ Returns the first element that is a descendant of node that matches selectors.
 [Read more on MDN](https://developer.mozilla.org/docs/Web/API/Document/querySelector)
 */
 @send
-external querySelector: (document, string) => element = "querySelector"
+external querySelector: (document, string) => Null.t<element> = "querySelector"
 
 /**
 Returns all element descendants of node that match selectors.

package/src/DOMAPI/DocumentFragment.res

@@ -66,7 +66,7 @@ Returns the first element that is a descendant of node that matches selectors.
 [Read more on MDN](https://developer.mozilla.org/docs/Web/API/DocumentFragment/querySelector)
 */
   @send
-  external querySelector: (T.t, string) => element = "querySelector"
+  external querySelector: (T.t, string) => Null.t<element> = "querySelector"
 
   /**
 Returns all element descendants of node that match selectors.

package/src/DOMAPI/Element.res

@@ -267,7 +267,7 @@ Returns the first element that is a descendant of node that matches selectors.
 [Read more on MDN](https://developer.mozilla.org/docs/Web/API/Document/querySelector)
 */
   @send
-  external querySelector: (T.t, string) => element = "querySelector"
+  external querySelector: (T.t, string) => Null.t<element> = "querySelector"
 
   /**
 Returns all element descendants of node that match selectors.
@@ -388,16 +388,46 @@ When supplied, options's navigationUI member indicates whether showing navigatio
   external scrollBy2: (T.t, ~x: float, ~y: float) => unit = "scrollBy"
 
   /**
+`scrollIntoView()`
+
+Scrolls the element's ancestor containers such that the element on which scrollIntoView() is called is visible to the user.
+
+```res
+element->Element.scrollIntoView()
+```
+
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/Element/scrollIntoView)
+*/
+  @send
+  external scrollIntoView: T.t => unit = "scrollIntoView"
+
+  /**
+`scrollIntoView(true)`
+
+Scrolls the element's ancestor containers such that the element on which scrollIntoView() is called is visible to the user.
+
+```res
+element->Element.scrollIntoView_alignToTop()
+```
+
 [Read more on MDN](https://developer.mozilla.org/docs/Web/API/Element/scrollIntoView)
 */
   @send
-  external scrollIntoView: (T.t, ~arg: bool=?) => unit = "scrollIntoView"
+  external scrollIntoView_alignToTop: (T.t, @as(json`true`) _) => unit = "scrollIntoView"
 
   /**
+`scrollIntoView({ behavior: "smooth" })`
+
+Scrolls the element's ancestor containers such that the element on which scrollIntoView() is called is visible to the user.
+
+```res
+element->Element.scrollIntoView_withOptions({ behavior: DOMAPI.Smooth })
+```
+
 [Read more on MDN](https://developer.mozilla.org/docs/Web/API/Element/scrollIntoView)
 */
   @send
-  external scrollIntoView2: (T.t, ~arg: scrollIntoViewOptions=?) => unit = "scrollIntoView"
+  external scrollIntoView_withOptions: (T.t, scrollIntoViewOptions) => unit = "scrollIntoView"
 
   /**
 [Read more on MDN](https://developer.mozilla.org/docs/Web/API/Element/scrollTo)

package/src/DOMAPI.res

@@ -7131,6 +7131,13 @@ type range = {
   commonAncestorContainer: node,
 }
 
+/**
+[See StaticRange on MDN](https://developer.mozilla.org/docs/Web/API/StaticRange)
+*/
+type staticRange = {
+  ...abstractRange,
+}
+
 type nodeFilter = {}
 
 /**

package/src/EventAPI/EventTarget.res

@@ -32,8 +32,8 @@ The event listener is appended to target's event listener list and is not append
   @send
   external addEventListener: (
     T.t,
-    ~type_: eventType,
-    ~callback: eventListener<'event>,
+    eventType,
+    eventListener<'event>,
     ~options: addEventListenerOptions=?,
   ) => unit = "addEventListener"
 
@@ -56,8 +56,8 @@ The event listener is appended to target's event listener list and is not append
   @send
   external addEventListener_useCapture: (
     T.t,
-    ~type_: eventType,
-    ~callback: eventListener<'event>,
+    eventType,
+    eventListener<'event>,
     @as(json`true`) _,
   ) => unit = "addEventListener"
 
@@ -68,8 +68,8 @@ Removes the event listener in target's event listener list with the same type, c
   @send
   external removeEventListener: (
     T.t,
-    ~type_: eventType,
-    ~callback: eventListener<'event>,
+    eventType,
+    eventListener<'event>,
     ~options: eventListenerOptions=?,
   ) => unit = "removeEventListener"
 
@@ -80,8 +80,8 @@ Removes the event listener in target's event listener list with the same type, c
   @send
   external removeEventListener_useCapture: (
     T.t,
-    ~type_: eventType,
-    ~callback: eventListener<'event>,
+    eventType,
+    eventListener<'event>,
     @as(json`true`) _,
   ) => unit = "removeEventListener"
 

package/src/Global.res

@@ -535,8 +535,8 @@ The event listener is appended to target's event listener list and is not append
 [Read more on MDN](https://developer.mozilla.org/docs/Web/API/EventTarget/addEventListener)
 */
 external addEventListener: (
-  ~type_: string,
-  ~callback: eventListener<'event>,
+  eventType,
+  eventListener<'event>,
   ~options: addEventListenerOptions=?,
 ) => unit = "addEventListener"
 
@@ -556,10 +556,10 @@ If an AbortSignal is passed for options's signal, then the event listener will b
 The event listener is appended to target's event listener list and is not appended if it has the same type, callback, and capture.
 [Read more on MDN](https://developer.mozilla.org/docs/Web/API/EventTarget/addEventListener)
 */
-external addEventListener2: (
-  ~type_: string,
-  ~callback: eventListener<'event>,
-  ~options: bool=?,
+external addEventListener_useCapture: (
+  eventType,
+  eventListener<'event>,
+  @as(json`true`) _,
 ) => unit = "addEventListener"
 
 /**
@@ -567,8 +567,8 @@ Removes the event listener in target's event listener list with the same type, c
 [Read more on MDN](https://developer.mozilla.org/docs/Web/API/EventTarget/removeEventListener)
 */
 external removeEventListener: (
-  ~type_: string,
-  ~callback: eventListener<'event>,
+  string,
+  eventListener<'event>,
   ~options: eventListenerOptions=?,
 ) => unit = "removeEventListener"
 
@@ -576,10 +576,10 @@ external removeEventListener: (
 Removes the event listener in target's event listener list with the same type, callback, and options.
 [Read more on MDN](https://developer.mozilla.org/docs/Web/API/EventTarget/removeEventListener)
 */
-external removeEventListener2: (
-  ~type_: string,
-  ~callback: eventListener<'event>,
-  ~options: bool=?,
+external removeEventListener_useCapture: (
+  eventType,
+  eventListener<'event>,
+  @as(json`true`) _,
 ) => unit = "removeEventListener"
 
 /**

package/src/UIEventsAPI/CompositionEvent.res

@@ -0,0 +1,12 @@
+open UIEventsAPI
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/CompositionEvent)
+*/
+@new
+external make: (~type_: string, ~eventInitDict: compositionEventInit=?) => compositionEvent =
+  "CompositionEvent"
+
+include UIEvent.Impl({
+  type t = compositionEvent
+})

package/src/UIEventsAPI/DataTransfer.res

@@ -0,0 +1,36 @@
+open UIEventsAPI
+open DOMAPI
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/DataTransfer)
+*/
+@new
+external make: unit => dataTransfer = "DataTransfer"
+
+/**
+Uses the given element to update the drag feedback, replacing any previously specified feedback.
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/DataTransfer/setDragImage)
+*/
+@send
+external setDragImage: (dataTransfer, ~image: element, ~x: int, ~y: int) => unit = "setDragImage"
+
+/**
+Returns the specified data. If there is no such data, returns the empty string.
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/DataTransfer/getData)
+*/
+@send
+external getData: (dataTransfer, string) => string = "getData"
+
+/**
+Adds the specified data.
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/DataTransfer/setData)
+*/
+@send
+external setData: (dataTransfer, ~format: string, ~data: string) => unit = "setData"
+
+/**
+Removes the data of the specified formats. Removes all data if the argument is omitted.
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/DataTransfer/clearData)
+*/
+@send
+external clearData: (dataTransfer, ~format: string=?) => unit = "clearData"

package/src/UIEventsAPI/DataTransferItem.res

@@ -0,0 +1,23 @@
+open UIEventsAPI
+open FileAPI
+open FileAndDirectoryEntriesAPI
+
+/**
+Invokes the callback with the string data as the argument, if the drag data item kind is text.
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/DataTransferItem/getAsString)
+*/
+@send
+external getAsString: (dataTransferItem, string => unit) => unit = "getAsString"
+
+/**
+Returns a File object, if the drag data item kind is File.
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/DataTransferItem/getAsFile)
+*/
+@send
+external getAsFile: dataTransferItem => file = "getAsFile"
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/DataTransferItem/webkitGetAsEntry)
+*/
+@send
+external webkitGetAsEntry: dataTransferItem => fileSystemEntry = "webkitGetAsEntry"

package/src/UIEventsAPI/DataTransferItemList.res

@@ -0,0 +1,30 @@
+open UIEventsAPI
+open FileAPI
+
+/**
+Adds a new entry for the given data to the drag data store. If the data is plain text then a type string has to be provided also.
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/DataTransferItemList/add)
+*/
+@send
+external add: (dataTransferItemList, ~data: string, ~type_: string) => dataTransferItem = "add"
+
+/**
+Adds a new entry for the given data to the drag data store. If the data is plain text then a type string has to be provided also.
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/DataTransferItemList/add)
+*/
+@send
+external add2: (dataTransferItemList, file) => dataTransferItem = "add"
+
+/**
+Removes the indexth entry in the drag data store.
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/DataTransferItemList/remove)
+*/
+@send
+external remove: (dataTransferItemList, int) => unit = "remove"
+
+/**
+Removes all the entries in the drag data store.
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/DataTransferItemList/clear)
+*/
+@send
+external clear: dataTransferItemList => unit = "clear"

package/src/UIEventsAPI/FocusEvent.res

@@ -0,0 +1,11 @@
+open UIEventsAPI
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/FocusEvent)
+*/
+@new
+external make: (~type_: string, ~eventInitDict: focusEventInit=?) => focusEvent = "FocusEvent"
+
+include UIEvent.Impl({
+  type t = focusEvent
+})

package/src/UIEventsAPI/InputEvent.res

@@ -0,0 +1,18 @@
+open UIEventsAPI
+open DOMAPI
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/InputEvent)
+*/
+@new
+external make: (~type_: string, ~eventInitDict: inputEventInit=?) => inputEvent = "InputEvent"
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/InputEvent/getTargetRanges)
+*/
+@send
+external getTargetRanges: inputEvent => array<staticRange> = "getTargetRanges"
+
+include UIEvent.Impl({
+  type t = inputEvent
+})

package/src/UIEventsAPI/KeyboardEvent.res

@@ -0,0 +1,18 @@
+open UIEventsAPI
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/KeyboardEvent)
+*/
+@new
+external make: (~type_: string, ~eventInitDict: keyboardEventInit=?) => keyboardEvent =
+  "KeyboardEvent"
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/KeyboardEvent/getModifierState)
+*/
+@send
+external getModifierState: (keyboardEvent, string) => bool = "getModifierState"
+
+include UIEvent.Impl({
+  type t = keyboardEvent
+})

package/src/UIEventsAPI/MouseEvent.res

@@ -0,0 +1,29 @@
+open UIEventsAPI
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/MouseEvent)
+*/
+@new
+external make: (~type_: string, ~eventInitDict: mouseEventInit=?) => mouseEvent = "MouseEvent"
+
+module Impl = (
+  T: {
+    type t
+  },
+) => {
+  external asMouseEvent: T.t => mouseEvent = "%identity"
+
+  include UIEvent.Impl({
+    type t = T.t
+  })
+
+  /**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/MouseEvent/getModifierState)
+*/
+  @send
+  external getModifierState: (T.t, string) => bool = "getModifierState"
+}
+
+include Impl({
+  type t = mouseEvent
+})

package/src/UIEventsAPI/UIEvent.res

@@ -0,0 +1,23 @@
+open UIEventsAPI
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/UIEvent)
+*/
+@new
+external make: (~type_: string, ~eventInitDict: uiEventInit=?) => uiEvent = "UIEvent"
+
+module Impl = (
+  T: {
+    type t
+  },
+) => {
+  external asUIEvent: T.t => uiEvent = "%identity"
+
+  include Event.Impl({
+    type t = T.t
+  })
+}
+
+include Impl({
+  type t = uiEvent
+})

package/src/UIEventsAPI/WheelEvent.res

@@ -0,0 +1,11 @@
+open UIEventsAPI
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/WheelEvent)
+*/
+@new
+external make: (~type_: string, ~eventInitDict: wheelEventInit=?) => wheelEvent = "WheelEvent"
+
+include MouseEvent.Impl({
+  type t = wheelEvent
+})

package/src/UIEventsAPI.res

@@ -0,0 +1,373 @@
+@@warning("-30")
+
+open EventAPI
+open DOMAPI
+
+/**
+Simple user interface events.
+[See UIEvent on MDN](https://developer.mozilla.org/docs/Web/API/UIEvent)
+*/
+type uiEvent = {
+  ...event,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/UIEvent/view)
+    */
+  view: Null.t<window>,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/UIEvent/detail)
+    */
+  detail: int,
+}
+
+/**
+The DOM CompositionEvent represents events that occur due to the user indirectly entering text.
+[See CompositionEvent on MDN](https://developer.mozilla.org/docs/Web/API/CompositionEvent)
+*/
+type compositionEvent = {
+  ...uiEvent,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/CompositionEvent/data)
+    */
+  data: string,
+}
+
+/**
+Focus-related events like focus, blur, focusin, or focusout.
+[See FocusEvent on MDN](https://developer.mozilla.org/docs/Web/API/FocusEvent)
+*/
+type focusEvent = {
+  ...uiEvent,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/FocusEvent/relatedTarget)
+    */
+  relatedTarget: Null.t<eventTarget>,
+}
+
+/**
+One drag data item. During a drag operation, each drag event has a dataTransfer property which contains a list of drag data items. Each item in the list is a DataTransferItem object.
+[See DataTransferItem on MDN](https://developer.mozilla.org/docs/Web/API/DataTransferItem)
+*/
+type dataTransferItem = {
+  /**
+    Returns the drag data item kind, one of: "string", "file".
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/DataTransferItem/kind)
+    */
+  kind: string,
+  /**
+    Returns the drag data item type string.
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/DataTransferItem/type)
+    */
+  @as("type")
+  type_: string,
+}
+
+/**
+A list of DataTransferItem objects representing items being dragged. During a drag operation, each DragEvent has a dataTransfer property and that property is a DataTransferItemList.
+[See DataTransferItemList on MDN](https://developer.mozilla.org/docs/Web/API/DataTransferItemList)
+*/
+type dataTransferItemList = {
+  /**
+    Returns the number of items in the drag data store.
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/DataTransferItemList/length)
+    */
+  length: int,
+}
+
+/**
+Used to hold the data that is being dragged during a drag and drop operation. It may hold one or more data items, each of one or more data types. For more information about drag and drop, see HTML Drag and Drop API.
+[See DataTransfer on MDN](https://developer.mozilla.org/docs/Web/API/DataTransfer)
+*/
+type dataTransfer = {
+  /**
+    Returns the kind of operation that is currently selected. If the kind of operation isn't one of those that is allowed by the effectAllowed attribute, then the operation will fail.
+
+Can be set, to change the selected operation.
+
+The possible values are "none", "copy", "link", and "move".
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/DataTransfer/dropEffect)
+    */
+  mutable dropEffect: string,
+  /**
+    Returns the kinds of operations that are to be allowed.
+
+Can be set (during the dragstart event), to change the allowed operations.
+
+The possible values are "none", "copy", "copyLink", "copyMove", "link", "linkMove", "move", "all", and "uninitialized",
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/DataTransfer/effectAllowed)
+    */
+  mutable effectAllowed: string,
+  /**
+    Returns a DataTransferItemList object, with the drag data.
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/DataTransfer/items)
+    */
+  items: dataTransferItemList,
+  /**
+    Returns a frozen array listing the formats that were set in the dragstart event. In addition, if any files are being dragged, then one of the types will be the string "Files".
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/DataTransfer/types)
+    */
+  types: array<string>,
+  /**
+    Returns a FileList of the files being dragged, if any.
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/DataTransfer/files)
+    */
+  files: fileList,
+}
+
+/**
+[See InputEvent on MDN](https://developer.mozilla.org/docs/Web/API/InputEvent)
+*/
+type inputEvent = {
+  ...uiEvent,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/InputEvent/data)
+    */
+  data: Null.t<string>,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/InputEvent/isComposing)
+    */
+  isComposing: bool,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/InputEvent/inputType)
+    */
+  inputType: string,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/InputEvent/dataTransfer)
+    */
+  dataTransfer: Null.t<dataTransfer>,
+}
+
+/**
+KeyboardEvent objects describe a user interaction with the keyboard; each event describes a single interaction between the user and a key (or combination of a key with modifier keys) on the keyboard.
+[See KeyboardEvent on MDN](https://developer.mozilla.org/docs/Web/API/KeyboardEvent)
+*/
+type keyboardEvent = {
+  ...uiEvent,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/KeyboardEvent/key)
+    */
+  key: string,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/KeyboardEvent/code)
+    */
+  code: string,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/KeyboardEvent/location)
+    */
+  location: int,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/KeyboardEvent/ctrlKey)
+    */
+  ctrlKey: bool,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/KeyboardEvent/shiftKey)
+    */
+  shiftKey: bool,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/KeyboardEvent/altKey)
+    */
+  altKey: bool,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/KeyboardEvent/metaKey)
+    */
+  metaKey: bool,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/KeyboardEvent/repeat)
+    */
+  repeat: bool,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/KeyboardEvent/isComposing)
+    */
+  isComposing: bool,
+}
+
+/**
+Events that occur due to the user interacting with a pointing device (such as a mouse). Common events using this interface include click, dblclick, mouseup, mousedown.
+[See MouseEvent on MDN](https://developer.mozilla.org/docs/Web/API/MouseEvent)
+*/
+type mouseEvent = {
+  ...uiEvent,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/MouseEvent/screenX)
+    */
+  screenX: int,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/MouseEvent/screenY)
+    */
+  screenY: int,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/MouseEvent/clientX)
+    */
+  clientX: int,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/MouseEvent/clientY)
+    */
+  clientY: int,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/MouseEvent/layerX)
+    */
+  layerX: int,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/MouseEvent/layerY)
+    */
+  layerY: int,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/MouseEvent/ctrlKey)
+    */
+  ctrlKey: bool,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/MouseEvent/shiftKey)
+    */
+  shiftKey: bool,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/MouseEvent/altKey)
+    */
+  altKey: bool,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/MouseEvent/metaKey)
+    */
+  metaKey: bool,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/MouseEvent/button)
+    */
+  button: int,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/MouseEvent/buttons)
+    */
+  buttons: int,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/MouseEvent/relatedTarget)
+    */
+  relatedTarget: Null.t<eventTarget>,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/MouseEvent/pageX)
+    */
+  pageX: float,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/MouseEvent/pageY)
+    */
+  pageY: float,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/MouseEvent/x)
+    */
+  x: float,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/MouseEvent/y)
+    */
+  y: float,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/MouseEvent/offsetX)
+    */
+  offsetX: float,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/MouseEvent/offsetY)
+    */
+  offsetY: float,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/MouseEvent/movementX)
+    */
+  movementX: float,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/MouseEvent/movementY)
+    */
+  movementY: float,
+}
+
+/**
+Events that occur due to the user moving a mouse wheel or similar input device.
+[See WheelEvent on MDN](https://developer.mozilla.org/docs/Web/API/WheelEvent)
+*/
+type wheelEvent = {
+  ...mouseEvent,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/WheelEvent/deltaX)
+    */
+  deltaX: float,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/WheelEvent/deltaY)
+    */
+  deltaY: float,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/WheelEvent/deltaZ)
+    */
+  deltaZ: float,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/WheelEvent/deltaMode)
+    */
+  deltaMode: int,
+}
+
+type uiEventInit = {
+  ...eventInit,
+  mutable view?: Null.t<window>,
+  mutable detail?: int,
+  mutable which?: int,
+}
+
+type eventModifierInit = {
+  ...uiEventInit,
+  mutable ctrlKey?: bool,
+  mutable shiftKey?: bool,
+  mutable altKey?: bool,
+  mutable metaKey?: bool,
+  mutable modifierAltGraph?: bool,
+  mutable modifierCapsLock?: bool,
+  mutable modifierFn?: bool,
+  mutable modifierFnLock?: bool,
+  mutable modifierHyper?: bool,
+  mutable modifierNumLock?: bool,
+  mutable modifierScrollLock?: bool,
+  mutable modifierSuper?: bool,
+  mutable modifierSymbol?: bool,
+  mutable modifierSymbolLock?: bool,
+}
+
+type mouseEventInit = {
+  ...eventModifierInit,
+  mutable screenX?: int,
+  mutable screenY?: int,
+  mutable clientX?: int,
+  mutable clientY?: int,
+  mutable button?: int,
+  mutable buttons?: int,
+  mutable relatedTarget?: Null.t<eventTarget>,
+  mutable movementX?: float,
+  mutable movementY?: float,
+}
+
+type focusEventInit = {
+  ...uiEventInit,
+  mutable relatedTarget?: Null.t<eventTarget>,
+}
+
+type compositionEventInit = {
+  ...uiEventInit,
+  mutable data?: string,
+}
+
+type wheelEventInit = {
+  ...mouseEventInit,
+  mutable deltaX?: float,
+  mutable deltaY?: float,
+  mutable deltaZ?: float,
+  mutable deltaMode?: int,
+}
+
+type keyboardEventInit = {
+  ...eventModifierInit,
+  mutable key?: string,
+  mutable code?: string,
+  mutable location?: int,
+  mutable repeat?: bool,
+  mutable isComposing?: bool,
+  mutable charCode?: int,
+  mutable keyCode?: int,
+}
+
+type inputEventInit = {
+  ...uiEventInit,
+  mutable data?: Null.t<string>,
+  mutable isComposing?: bool,
+  mutable inputType?: string,
+  mutable dataTransfer?: Null.t<dataTransfer>,
+  mutable targetRanges?: array<staticRange>,
+}