@rescript/webapi 0.1.0-alpha-b1d58f9

package/src/animation/Animation.res

@@ -0,0 +1,149 @@
+type animationPlayState =
+  | @as("finished") Finished
+  | @as("idle") Idle
+  | @as("paused") Paused
+  | @as("running") Running
+
+type animationReplaceState =
+  | @as("active") Active
+  | @as("persisted") Persisted
+  | @as("removed") Removed
+
+/**
+  [See AnimationTimeline on MDN](https://developer.mozilla.org/docs/Web/API/AnimationTimeline)
+  */
+type animationTimeline = private {
+  /**
+      [Read more on MDN](https://developer.mozilla.org/docs/Web/API/AnimationTimeline/currentTime)
+      */
+  currentTime: Null.t<float>,
+}
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/Animation)
+*/
+type rec t = {
+  ...DOM.eventTarget,
+  /**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/Animation/id)
+*/
+  mutable id: string,
+  /**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/Animation/effect)
+*/
+  mutable effect: Null.t<AnimationEffect.t>,
+  /**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/Animation/timeline)
+*/
+  mutable timeline: Null.t<animationTimeline>,
+  /**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/Animation/playbackRate)
+*/
+  mutable playbackRate: float,
+  /**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/Animation/playState)
+*/
+  playState: animationPlayState,
+  /**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/Animation/replaceState)
+*/
+  replaceState: animationReplaceState,
+  /**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/Animation/pending)
+*/
+  pending: bool,
+  /**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/Animation/ready)
+*/
+  ready: promise<t>,
+  /**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/Animation/finished)
+*/
+  finished: promise<t>,
+  /**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/Animation/startTime)
+*/
+  mutable startTime: Null.t<float>,
+  /**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/Animation/currentTime)
+*/
+  mutable currentTime: Null.t<float>,
+}
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/Animation)
+*/
+@new
+external make: (~effect: AnimationEffect.t=?, ~timeline: animationTimeline=?) => t = "Animation"
+
+include EventTarget.Impl({type t = t})
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/Animation/cancel)
+*/
+@send
+external cancel: t => unit = "cancel"
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/Animation/finish)
+*/
+@throws(JsExn) @send
+external finish: t => unit = "finish"
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/Animation/play)
+*/
+@send
+external play: t => unit = "play"
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/Animation/pause)
+*/
+@throws(JsExn) @send
+external pause: t => unit = "pause"
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/Animation/updatePlaybackRate)
+*/
+@send
+external updatePlaybackRate: (t, float) => unit = "updatePlaybackRate"
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/Animation/reverse)
+*/
+@send
+external reverse: t => unit = "reverse"
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/Animation/persist)
+*/
+@send
+external persist: t => unit = "persist"
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/Animation/commitStyles)
+*/
+@send
+external commitStyles: t => unit = "commitStyles"
+
+type compositeOperation =
+  | @as("accumulate") Accumulate
+  | @as("add") Add
+  | @as("replace") Replace
+
+type iterationCompositeOperation =
+  | @as("accumulate") Accumulate
+  | @as("replace") Replace
+
+type keyframeEffectOptions = {
+  ...AnimationEffect.effectTiming,
+  mutable composite?: compositeOperation,
+  mutable pseudoElement?: Nullable.t<string>,
+  mutable iterationComposite?: iterationCompositeOperation,
+}
+
+type keyframeAnimationOptions = {
+  ...keyframeEffectOptions,
+  mutable id?: string,
+  mutable timeline?: Nullable.t<animationTimeline>,
+}

package/src/animation/AnimationEffect.res

@@ -0,0 +1,71 @@
+/**
+[See AnimationEffect on MDN](https://developer.mozilla.org/docs/Web/API/AnimationEffect)
+*/
+type t = private {}
+
+type fillMode =
+  | @as("auto") Auto
+  | @as("backwards") Backwards
+  | @as("both") Both
+  | @as("forwards") Forwards
+  | @as("none") None
+
+type playbackDirection =
+  | @as("alternate") Alternate
+  | @as("alternate-reverse") AlternateReverse
+  | @as("normal") Normal
+  | @as("reverse") Reverse
+
+type effectTiming = {
+  mutable fill?: fillMode,
+  mutable iterationStart?: float,
+  mutable iterations?: float,
+  mutable direction?: playbackDirection,
+  mutable easing?: string,
+  mutable delay?: float,
+  mutable endDelay?: float,
+  mutable playbackRate?: float,
+  mutable duration?: unknown,
+}
+
+type getAnimationsOptions = {mutable subtree?: bool}
+
+type computedEffectTiming = {
+  ...effectTiming,
+  mutable progress?: Nullable.t<float>,
+  mutable currentIteration?: Nullable.t<float>,
+  mutable startTime?: float,
+  mutable endTime?: float,
+  mutable activeDuration?: float,
+  mutable localTime?: Nullable.t<float>,
+}
+
+type optionalEffectTiming = {
+  mutable delay?: float,
+  mutable endDelay?: float,
+  mutable fill?: fillMode,
+  mutable iterationStart?: float,
+  mutable iterations?: float,
+  mutable duration?: unknown,
+  mutable direction?: playbackDirection,
+  mutable easing?: string,
+  mutable playbackRate?: float,
+}
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/AnimationEffect/getTiming)
+*/
+@send
+external getTiming: t => effectTiming = "getTiming"
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/AnimationEffect/getComputedTiming)
+*/
+@send
+external getComputedTiming: t => computedEffectTiming = "getComputedTiming"
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/AnimationEffect/updateTiming)
+*/
+@throws(JsExn) @send
+external updateTiming: (t, ~timing: optionalEffectTiming=?) => unit = "updateTiming"

package/src/animation/DocumentTimeline.res

@@ -0,0 +1,8 @@
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/DocumentTimeline)
+*/
+@new
+external make: (~options: DOM.documentTimelineOptions=?) => DOM.documentTimeline =
+  "DocumentTimeline"
+
+external asAnimationTimeline: DOM.documentTimeline => Animation.animationTimeline = "%identity"

package/src/canvas/Canvas.res

@@ -0,0 +1,179 @@
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/Window/createImageBitmap)
+*/
+external createImageBitmap: (
+  ~image: HTMLImageElement.t,
+  ~options: DOM.imageBitmapOptions=?,
+) => promise<CanvasTypes.imageBitmap> = "createImageBitmap"
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/Window/createImageBitmap)
+*/
+external createImageBitmap2: (
+  ~image: SVGElement.svgImageElement,
+  ~options: DOM.imageBitmapOptions=?,
+) => promise<CanvasTypes.imageBitmap> = "createImageBitmap"
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/Window/createImageBitmap)
+*/
+external createImageBitmap3: (
+  ~image: HTMLVideoElement.t,
+  ~options: DOM.imageBitmapOptions=?,
+) => promise<CanvasTypes.imageBitmap> = "createImageBitmap"
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/Window/createImageBitmap)
+*/
+external createImageBitmap4: (
+  ~image: HTMLCanvasElement.t,
+  ~options: DOM.imageBitmapOptions=?,
+) => promise<CanvasTypes.imageBitmap> = "createImageBitmap"
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/Window/createImageBitmap)
+*/
+external createImageBitmap5: (
+  ~image: CanvasTypes.imageBitmap,
+  ~options: DOM.imageBitmapOptions=?,
+) => promise<CanvasTypes.imageBitmap> = "createImageBitmap"
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/Window/createImageBitmap)
+*/
+external createImageBitmap6: (
+  ~image: CanvasTypes.offscreenCanvas,
+  ~options: DOM.imageBitmapOptions=?,
+) => promise<CanvasTypes.imageBitmap> = "createImageBitmap"
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/Window/createImageBitmap)
+*/
+external createImageBitmap7: (
+  ~image: DOM.videoFrame,
+  ~options: DOM.imageBitmapOptions=?,
+) => promise<CanvasTypes.imageBitmap> = "createImageBitmap"
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/Window/createImageBitmap)
+*/
+external createImageBitmap8: (
+  ~image: FileTypes.blob,
+  ~options: DOM.imageBitmapOptions=?,
+) => promise<CanvasTypes.imageBitmap> = "createImageBitmap"
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/Window/createImageBitmap)
+*/
+external createImageBitmap9: (
+  ~image: DOM.imageData,
+  ~options: DOM.imageBitmapOptions=?,
+) => promise<CanvasTypes.imageBitmap> = "createImageBitmap"
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/Window/createImageBitmap)
+*/
+external createImageBitmap10: (
+  ~image: HTMLImageElement.t,
+  ~sx: int,
+  ~sy: int,
+  ~sw: int,
+  ~sh: int,
+  ~options: DOM.imageBitmapOptions=?,
+) => promise<CanvasTypes.imageBitmap> = "createImageBitmap"
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/Window/createImageBitmap)
+*/
+external createImageBitmap11: (
+  ~image: SVGElement.svgImageElement,
+  ~sx: int,
+  ~sy: int,
+  ~sw: int,
+  ~sh: int,
+  ~options: DOM.imageBitmapOptions=?,
+) => promise<CanvasTypes.imageBitmap> = "createImageBitmap"
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/Window/createImageBitmap)
+*/
+external createImageBitmap12: (
+  ~image: HTMLVideoElement.t,
+  ~sx: int,
+  ~sy: int,
+  ~sw: int,
+  ~sh: int,
+  ~options: DOM.imageBitmapOptions=?,
+) => promise<CanvasTypes.imageBitmap> = "createImageBitmap"
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/Window/createImageBitmap)
+*/
+external createImageBitmap13: (
+  ~image: HTMLCanvasElement.t,
+  ~sx: int,
+  ~sy: int,
+  ~sw: int,
+  ~sh: int,
+  ~options: DOM.imageBitmapOptions=?,
+) => promise<CanvasTypes.imageBitmap> = "createImageBitmap"
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/Window/createImageBitmap)
+*/
+external createImageBitmap14: (
+  ~image: CanvasTypes.imageBitmap,
+  ~sx: int,
+  ~sy: int,
+  ~sw: int,
+  ~sh: int,
+  ~options: DOM.imageBitmapOptions=?,
+) => promise<CanvasTypes.imageBitmap> = "createImageBitmap"
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/Window/createImageBitmap)
+*/
+external createImageBitmap15: (
+  ~image: CanvasTypes.offscreenCanvas,
+  ~sx: int,
+  ~sy: int,
+  ~sw: int,
+  ~sh: int,
+  ~options: DOM.imageBitmapOptions=?,
+) => promise<CanvasTypes.imageBitmap> = "createImageBitmap"
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/Window/createImageBitmap)
+*/
+external createImageBitmap16: (
+  ~image: DOM.videoFrame,
+  ~sx: int,
+  ~sy: int,
+  ~sw: int,
+  ~sh: int,
+  ~options: DOM.imageBitmapOptions=?,
+) => promise<CanvasTypes.imageBitmap> = "createImageBitmap"
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/Window/createImageBitmap)
+*/
+external createImageBitmap17: (
+  ~image: FileTypes.blob,
+  ~sx: int,
+  ~sy: int,
+  ~sw: int,
+  ~sh: int,
+  ~options: DOM.imageBitmapOptions=?,
+) => promise<CanvasTypes.imageBitmap> = "createImageBitmap"
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/Window/createImageBitmap)
+*/
+external createImageBitmap18: (
+  ~image: DOM.imageData,
+  ~sx: int,
+  ~sy: int,
+  ~sw: int,
+  ~sh: int,
+  ~options: DOM.imageBitmapOptions=?,
+) => promise<CanvasTypes.imageBitmap> = "createImageBitmap"

package/src/canvas/CanvasGradient.res

@@ -0,0 +1,11 @@
+/**
+Adds a color stop with the given color to the gradient at the given offset. 0.0 is the offset at one end of the gradient, 1.0 is the offset at the other end.
+
+Throws an "IndexSizeError" DOMException if the offset is out of range. Throws a "SyntaxError" DOMException if the color cannot be parsed.
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/CanvasGradient/addColorStop)
+*/
+@throws(JsExn) @send
+external addColorStop: (CanvasTypes.canvasGradient, ~offset: float, ~color: string) => unit =
+  "addColorStop"
+
+let isInstanceOf = (_: 't): bool => %raw(`param instanceof CanvasGradient`)

package/src/canvas/CanvasPattern.res

@@ -0,0 +1,11 @@
+type domMatrix2DInit = DOM.domMatrix2DInit
+
+/**
+Sets the transformation matrix that will be used when rendering the pattern during a fill or stroke painting operation.
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/CanvasPattern/setTransform)
+*/
+@send
+external setTransform: (CanvasTypes.canvasPattern, ~transform: domMatrix2DInit=?) => unit =
+  "setTransform"
+
+let isInstanceOf = (_: 't): bool => %raw(`param instanceof CanvasPattern`)