@rescript/webapi 0.1.0-alpha-b1d58f9

package/src/canvas/CanvasTypes.res

@@ -0,0 +1,452 @@
+@@warning("-30")
+
+type offscreenRenderingContextId =
+  | @as("2d") V2d
+  | @as("bitmaprenderer") Bitmaprenderer
+  | @as("webgl") Webgl
+  | @as("webgl2") Webgl2
+  | @as("webgpu") Webgpu
+
+type globalCompositeOperation =
+  | @as("color") Color
+  | @as("color-burn") ColorBurn
+  | @as("color-dodge") ColorDodge
+  | @as("copy") Copy
+  | @as("darken") Darken
+  | @as("destination-atop") DestinationAtop
+  | @as("destination-in") DestinationIn
+  | @as("destination-out") DestinationOut
+  | @as("destination-over") DestinationOver
+  | @as("difference") Difference
+  | @as("exclusion") Exclusion
+  | @as("hard-light") HardLight
+  | @as("hue") Hue
+  | @as("lighten") Lighten
+  | @as("lighter") Lighter
+  | @as("luminosity") Luminosity
+  | @as("multiply") Multiply
+  | @as("overlay") Overlay
+  | @as("saturation") Saturation
+  | @as("screen") Screen
+  | @as("soft-light") SoftLight
+  | @as("source-atop") SourceAtop
+  | @as("source-in") SourceIn
+  | @as("source-out") SourceOut
+  | @as("source-over") SourceOver
+  | @as("xor") Xor
+
+type imageSmoothingQuality =
+  | @as("high") High
+  | @as("low") Low
+  | @as("medium") Medium
+
+type canvasLineCap =
+  | @as("butt") Butt
+  | @as("round") Round
+  | @as("square") Square
+
+type canvasLineJoin =
+  | @as("bevel") Bevel
+  | @as("miter") Miter
+  | @as("round") Round
+
+type canvasTextAlign =
+  | @as("center") Center
+  | @as("end") End
+  | @as("left") Left
+  | @as("right") Right
+  | @as("start") Start
+
+type canvasTextBaseline =
+  | @as("alphabetic") Alphabetic
+  | @as("bottom") Bottom
+  | @as("hanging") Hanging
+  | @as("ideographic") Ideographic
+  | @as("middle") Middle
+  | @as("top") Top
+
+type canvasDirection =
+  | @as("inherit") Inherit
+  | @as("ltr") Ltr
+  | @as("rtl") Rtl
+
+type canvasFontKerning =
+  | @as("auto") Auto
+  | @as("none") None
+  | @as("normal") Normal
+
+type canvasFontStretch =
+  | @as("condensed") Condensed
+  | @as("expanded") Expanded
+  | @as("extra-condensed") ExtraCondensed
+  | @as("extra-expanded") ExtraExpanded
+  | @as("normal") Normal
+  | @as("semi-condensed") SemiCondensed
+  | @as("semi-expanded") SemiExpanded
+  | @as("ultra-condensed") UltraCondensed
+  | @as("ultra-expanded") UltraExpanded
+
+type canvasFontVariantCaps =
+  | @as("all-petite-caps") AllPetiteCaps
+  | @as("all-small-caps") AllSmallCaps
+  | @as("normal") Normal
+  | @as("petite-caps") PetiteCaps
+  | @as("small-caps") SmallCaps
+  | @as("titling-caps") TitlingCaps
+  | @as("unicase") Unicase
+
+type canvasTextRendering =
+  | @as("auto") Auto
+  | @as("geometricPrecision") GeometricPrecision
+  | @as("optimizeLegibility") OptimizeLegibility
+  | @as("optimizeSpeed") OptimizeSpeed
+
+type predefinedColorSpace =
+  | @as("display-p3") DisplayP3
+  | @as("srgb") Srgb
+
+type canvasFillRule =
+  | @as("evenodd") Evenodd
+  | @as("nonzero") Nonzero
+
+type webGLPowerPreference =
+  | @as("default") Default
+  | @as("high-performance") HighPerformance
+  | @as("low-power") LowPower
+
+@editor.completeFrom(FillStyle) type fillStyle
+
+/**
+[See OffscreenCanvas on MDN](https://developer.mozilla.org/docs/Web/API/OffscreenCanvas)
+TODO: mark as private once mutating fields of private records is allowed
+*/
+@editor.completeFrom(OffscreenCanvas)
+type offscreenCanvas = {
+  ...DOM.eventTarget,
+  /**
+    These attributes return the dimensions of the OffscreenCanvas object's bitmap.
+
+They can be set, to replace the bitmap with a new, transparent black bitmap of the specified dimensions (effectively resizing it).
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/OffscreenCanvas/width)
+    */
+  mutable width: int,
+  /**
+    These attributes return the dimensions of the OffscreenCanvas object's bitmap.
+
+They can be set, to replace the bitmap with a new, transparent black bitmap of the specified dimensions (effectively resizing it).
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/OffscreenCanvas/height)
+    */
+  mutable height: int,
+}
+
+/**
+[See ImageBitmap on MDN](https://developer.mozilla.org/docs/Web/API/ImageBitmap)
+*/
+@editor.completeFrom(ImageBitmap)
+type imageBitmap = private {
+  /**
+    Returns the intrinsic width of the image, in CSS pixels.
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/ImageBitmap/width)
+    */
+  width: int,
+  /**
+    Returns the intrinsic height of the image, in CSS pixels.
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/ImageBitmap/height)
+    */
+  height: int,
+}
+
+/**
+[See OffscreenCanvasRenderingContext2D on MDN](https://developer.mozilla.org/docs/Web/API/OffscreenCanvasRenderingContext2D)
+*/
+type offscreenCanvasRenderingContext2D = {
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/canvas)
+    */
+  canvas: offscreenCanvas,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/globalAlpha)
+    */
+  mutable globalAlpha: float,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation)
+    */
+  mutable globalCompositeOperation: globalCompositeOperation,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/imageSmoothingEnabled)
+    */
+  mutable imageSmoothingEnabled: bool,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/imageSmoothingQuality)
+    */
+  mutable imageSmoothingQuality: imageSmoothingQuality,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/strokeStyle)
+    */
+  mutable strokeStyle: fillStyle,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/fillStyle)
+    */
+  mutable fillStyle: fillStyle,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/shadowOffsetX)
+    */
+  mutable shadowOffsetX: float,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/shadowOffsetY)
+    */
+  mutable shadowOffsetY: float,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/shadowBlur)
+    */
+  mutable shadowBlur: float,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/shadowColor)
+    */
+  mutable shadowColor: string,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/filter)
+    */
+  mutable filter: string,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/lineWidth)
+    */
+  mutable lineWidth: float,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/lineCap)
+    */
+  mutable lineCap: canvasLineCap,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/lineJoin)
+    */
+  mutable lineJoin: canvasLineJoin,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/miterLimit)
+    */
+  mutable miterLimit: float,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/lineDashOffset)
+    */
+  mutable lineDashOffset: float,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/font)
+    */
+  mutable font: string,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/textAlign)
+    */
+  mutable textAlign: canvasTextAlign,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/textBaseline)
+    */
+  mutable textBaseline: canvasTextBaseline,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/direction)
+    */
+  mutable direction: canvasDirection,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/letterSpacing)
+    */
+  mutable letterSpacing: string,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/fontKerning)
+    */
+  mutable fontKerning: canvasFontKerning,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/fontStretch)
+    */
+  mutable fontStretch: canvasFontStretch,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/fontVariantCaps)
+    */
+  mutable fontVariantCaps: canvasFontVariantCaps,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/textRendering)
+    */
+  mutable textRendering: canvasTextRendering,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/wordSpacing)
+    */
+  mutable wordSpacing: string,
+}
+
+/**
+[See ImageBitmapRenderingContext on MDN](https://developer.mozilla.org/docs/Web/API/ImageBitmapRenderingContext)
+*/
+@editor.completeFrom(ImageBitmapRenderingContext)
+type imageBitmapRenderingContext = private {
+  /**
+    Returns the canvas element that the context is bound to.
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/ImageBitmapRenderingContext/canvas)
+    */
+  canvas: unknown,
+}
+
+/**
+Provides an interface to the OpenGL ES 2.0 graphics rendering context for the drawing surface of an HTML <canvas> element.
+[See WebGLRenderingContext on MDN](https://developer.mozilla.org/docs/Web/API/WebGLRenderingContext)
+*/
+type webGLRenderingContext = {
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/WebGLRenderingContext/canvas)
+    */
+  canvas: unknown,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/WebGLRenderingContext/drawingBufferWidth)
+    */
+  drawingBufferWidth: float,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/WebGLRenderingContext/drawingBufferHeight)
+    */
+  drawingBufferHeight: float,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/WebGLRenderingContext/drawingBufferColorSpace)
+    */
+  mutable drawingBufferColorSpace: predefinedColorSpace,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/WebGL2RenderingContext/unpackColorSpace)
+    */
+  mutable unpackColorSpace: predefinedColorSpace,
+}
+
+/**
+[See WebGL2RenderingContext on MDN](https://developer.mozilla.org/docs/Web/API/WebGL2RenderingContext)
+*/
+type webGL2RenderingContext = {
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/WebGLRenderingContext/canvas)
+    */
+  canvas: unknown,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/WebGLRenderingContext/drawingBufferWidth)
+    */
+  drawingBufferWidth: float,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/WebGLRenderingContext/drawingBufferHeight)
+    */
+  drawingBufferHeight: float,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/WebGLRenderingContext/drawingBufferColorSpace)
+    */
+  mutable drawingBufferColorSpace: predefinedColorSpace,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/WebGL2RenderingContext/unpackColorSpace)
+    */
+  mutable unpackColorSpace: predefinedColorSpace,
+}
+
+/**
+An opaque object describing a gradient. It is returned by the methods CanvasRenderingContext2D.createLinearGradient() or CanvasRenderingContext2D.createRadialGradient().
+[See CanvasGradient on MDN](https://developer.mozilla.org/docs/Web/API/CanvasGradient)
+*/
+@editor.completeFrom(CanvasGradient)
+type canvasGradient = private {}
+
+/**
+An opaque object describing a pattern, based on an image, a canvas, or a video, created by the CanvasRenderingContext2D.createPattern() method.
+[See CanvasPattern on MDN](https://developer.mozilla.org/docs/Web/API/CanvasPattern)
+*/
+@editor.completeFrom(CanvasPattern)
+type canvasPattern = private {}
+
+/**
+This WebApiCanvas 2D API interface is used to declare a path that can then be used on a CanvasRenderingContext2D object. The path methods of the CanvasRenderingContext2D interface are also present on this interface, which gives you the convenience of being able to retain and replay your path whenever desired.
+[See Path2D on MDN](https://developer.mozilla.org/docs/Web/API/Path2D)
+*/
+@editor.completeFrom(Path2D)
+type path2D = private {}
+
+/**
+The dimensions of a piece of text in the canvas, as created by the CanvasRenderingContext2D.measureText() method.
+[See TextMetrics on MDN](https://developer.mozilla.org/docs/Web/API/TextMetrics)
+*/
+type textMetrics = {
+  /**
+    Returns the measurement described below.
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/TextMetrics/width)
+    */
+  width: float,
+  /**
+    Returns the measurement described below.
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/TextMetrics/actualBoundingBoxLeft)
+    */
+  actualBoundingBoxLeft: float,
+  /**
+    Returns the measurement described below.
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/TextMetrics/actualBoundingBoxRight)
+    */
+  actualBoundingBoxRight: float,
+  /**
+    Returns the measurement described below.
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/TextMetrics/fontBoundingBoxAscent)
+    */
+  fontBoundingBoxAscent: float,
+  /**
+    Returns the measurement described below.
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/TextMetrics/fontBoundingBoxDescent)
+    */
+  fontBoundingBoxDescent: float,
+  /**
+    Returns the measurement described below.
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/TextMetrics/actualBoundingBoxAscent)
+    */
+  actualBoundingBoxAscent: float,
+  /**
+    Returns the measurement described below.
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/TextMetrics/actualBoundingBoxDescent)
+    */
+  actualBoundingBoxDescent: float,
+  /**
+    Returns the measurement described below.
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/TextMetrics/emHeightAscent)
+    */
+  emHeightAscent: float,
+  /**
+    Returns the measurement described below.
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/TextMetrics/emHeightDescent)
+    */
+  emHeightDescent: float,
+  /**
+    Returns the measurement described below.
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/TextMetrics/hangingBaseline)
+    */
+  hangingBaseline: float,
+  /**
+    Returns the measurement described below.
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/TextMetrics/alphabeticBaseline)
+    */
+  alphabeticBaseline: float,
+  /**
+    Returns the measurement described below.
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/TextMetrics/ideographicBaseline)
+    */
+  ideographicBaseline: float,
+}
+
+type offscreenRenderingContext = unknown
+
+type imageEncodeOptions = {
+  @as("type") mutable type_?: string,
+  mutable quality?: float,
+}
+
+type canvasRenderingContext2DSettings = {
+  mutable alpha?: bool,
+  mutable desynchronized?: bool,
+  mutable colorSpace?: predefinedColorSpace,
+  mutable willReadFrequently?: bool,
+}
+
+type webGLContextAttributes = {
+  mutable alpha?: bool,
+  mutable depth?: bool,
+  mutable stencil?: bool,
+  mutable antialias?: bool,
+  mutable premultipliedAlpha?: bool,
+  mutable preserveDrawingBuffer?: bool,
+  mutable powerPreference?: webGLPowerPreference,
+  mutable failIfMajorPerformanceCaveat?: bool,
+  mutable desynchronized?: bool,
+}
+
+type imageBitmapRenderingContextSettings = {mutable alpha?: bool}

package/src/canvas/FillStyle.res

@@ -0,0 +1,25 @@
+external fromString: string => CanvasTypes.fillStyle = "%identity"
+external fromCanvasGradient: CanvasTypes.canvasGradient => CanvasTypes.fillStyle = "%identity"
+external fromCanvasPattern: CanvasTypes.canvasPattern => CanvasTypes.fillStyle = "%identity"
+
+external toString: CanvasTypes.fillStyle => string = "%identity"
+external toCanvasGradient: CanvasTypes.fillStyle => CanvasTypes.canvasGradient = "%identity"
+external toCanvasPattern: CanvasTypes.fillStyle => CanvasTypes.canvasPattern = "%identity"
+
+/**
+Represents a decoded version of the abstract `fillStyle` type, used in Context2D.
+ */
+type decoded =
+  | String(string)
+  | CanvasGradient(CanvasTypes.canvasGradient)
+  | CanvasPattern(CanvasTypes.canvasPattern)
+
+let decode = (t: CanvasTypes.fillStyle): decoded => {
+  if CanvasGradient.isInstanceOf(t) {
+    CanvasGradient(toCanvasGradient(t))
+  } else if CanvasPattern.isInstanceOf(t) {
+    CanvasPattern(toCanvasPattern(t))
+  } else {
+    String(toString(t))
+  }
+}

package/src/canvas/HTMLCanvasElement.res

@@ -0,0 +1,101 @@
+/**
+Provides properties and methods for manipulating the layout and presentation of <canvas> elements. The HTMLCanvasElement interface also inherits the properties and methods of the HTMLElement interface.
+[See HTMLCanvasElement on MDN](https://developer.mozilla.org/docs/Web/API/HTMLCanvasElement)
+TODO: mark as private once mutating fields of private records is allowed
+*/
+type t = {
+  ...DOMTree.htmlElement,
+  /**
+    Gets or sets the width of a canvas element on a document.
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/HTMLCanvasElement/width)
+    */
+  mutable width: int,
+  /**
+    Gets or sets the height of a canvas element on a document.
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/HTMLCanvasElement/height)
+    */
+  mutable height: int,
+}
+
+include HTMLElement.Impl({type t = t})
+
+/**
+Returns an object that provides methods and properties for drawing and manipulating images and graphics on a canvas element in a document. A context object includes information about colors, line widths, fonts, and other graphic parameters that can be drawn on a canvas.
+Creates a CanvasRenderingContext2D object representing a two-dimensional rendering context.
+
+[Read more on MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/getContext#2d)
+*/
+@throws(JsExn) @send
+external getContext2D: (
+  t,
+  @as("2d") _,
+  ~options: CanvasTypes.canvasRenderingContext2DSettings=?,
+) => Null.t<DOM.canvasRenderingContext2D> = "getContext"
+
+/**
+Returns an object that provides methods and properties for drawing and manipulating images and graphics on a canvas element in a document. A context object includes information about colors, line widths, fonts, and other graphic parameters that can be drawn on a canvas.
+@param contextId The identifier (ID) of the type of canvas to create. Internet Explorer 9 and Internet Explorer 10 support only a 2-D context using canvas.getContext("2d"); IE11 Preview also supports 3-D or WebGL context using canvas.getContext("experimental-webgl");
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/HTMLCanvasElement/getContext)
+*/
+@throws(JsExn) @send
+external getContextWebGL: (
+  t,
+  @as("webgl") _,
+  ~options: CanvasTypes.webGLContextAttributes=?,
+) => Null.t<CanvasTypes.webGLRenderingContext> = "getContext"
+
+/**
+Returns an object that provides methods and properties for drawing and manipulating images and graphics on a canvas element in a document. A context object includes information about colors, line widths, fonts, and other graphic parameters that can be drawn on a canvas.
+@param contextId The identifier (ID) of the type of canvas to create. Internet Explorer 9 and Internet Explorer 10 support only a 2-D context using canvas.getContext("2d"); IE11 Preview also supports 3-D or WebGL context using canvas.getContext("experimental-webgl");
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/HTMLCanvasElement/getContext)
+*/
+@throws(JsExn) @send
+external getContextWebGL2: (
+  t,
+  @as("webgl2") _,
+  ~options: CanvasTypes.webGLContextAttributes=?,
+) => Null.t<CanvasTypes.webGL2RenderingContext> = "getContext"
+
+/**
+Returns an object that provides methods and properties for drawing and manipulating images and graphics on a canvas element in a document. A context object includes information about colors, line widths, fonts, and other graphic parameters that can be drawn on a canvas.
+@param contextId The identifier (ID) of the type of canvas to create. Internet Explorer 9 and Internet Explorer 10 support only a 2-D context using canvas.getContext("2d"); IE11 Preview also supports 3-D or WebGL context using canvas.getContext("experimental-webgl");
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/HTMLCanvasElement/getContext)
+*/
+@throws(JsExn) @send
+external getContextBitmapRenderer: (
+  t,
+  @as("bitmaprenderer") _,
+  ~options: CanvasTypes.imageBitmapRenderingContextSettings=?,
+) => Null.t<CanvasTypes.imageBitmapRenderingContext> = "getContext"
+
+/**
+Returns the content of the current canvas as an image that you can use as a source for another canvas or an HTML element.
+@param type The standard MIME type for the image format to return. If you do not specify this parameter, the default value is a PNG format image.
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/HTMLCanvasElement/toDataURL)
+*/
+@throws(JsExn) @send
+external toDataURL: (t, ~type_: string=?, ~quality: JSON.t=?) => string = "toDataURL"
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/HTMLCanvasElement/toBlob)
+*/
+@throws(JsExn) @send
+external toBlob: (
+  t,
+  ~callback: FileTypes.blob => unit,
+  ~type_: string=?,
+  ~quality: JSON.t=?,
+) => unit = "toBlob"
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/HTMLCanvasElement/transferControlToOffscreen)
+*/
+@throws(JsExn) @send
+external transferControlToOffscreen: t => CanvasTypes.offscreenCanvas = "transferControlToOffscreen"
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/HTMLCanvasElement/captureStream)
+*/
+@throws(JsExn) @send
+external captureStream: (t, ~frameRequestRate: float=?) => MediaCaptureAndStreamsTypes.mediaStream =
+  "captureStream"

package/src/canvas/ImageBitmap.res

@@ -0,0 +1,6 @@
+/**
+Releases imageBitmap's underlying bitmap data.
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/ImageBitmap/close)
+*/
+@send
+external close: CanvasTypes.imageBitmap => unit = "close"

package/src/canvas/ImageBitmapRenderingContext.res

@@ -0,0 +1,9 @@
+/**
+Transfers the underlying bitmap data from imageBitmap to context, and the bitmap becomes the contents of the canvas element to which context is bound.
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/ImageBitmapRenderingContext/transferFromImageBitmap)
+*/
+@send
+external transferFromImageBitmap: (
+  CanvasTypes.imageBitmapRenderingContext,
+  CanvasTypes.imageBitmap,
+) => unit = "transferFromImageBitmap"

package/src/canvas/ImageData.res

@@ -0,0 +1,17 @@
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/ImageData)
+*/
+@throws(JsExn) @new
+external make: (~sw: int, ~sh: int, ~settings: DOM.imageDataSettings=?) => DOM.imageData =
+  "ImageData"
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/ImageData)
+*/
+@throws(JsExn) @new
+external makeWithData: (
+  ~data: Uint8ClampedArray.t,
+  ~sw: int,
+  ~sh: int=?,
+  ~settings: DOM.imageDataSettings=?,
+) => DOM.imageData = "ImageData"