@rescript/webapi 0.1.0-experimental-cd67e9b → 0.1.0-experimental-d3d4b5f

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rescript/webapi",
-  "version": "0.1.0-experimental-cd67e9b",
+  "version": "0.1.0-experimental-d3d4b5f",
   "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/CanvasAPI/CanvasGradient.res

@@ -0,0 +1,12 @@
+open CanvasAPI
+
+/**
+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)
+*/
+@send
+external addColorStop: (canvasGradient, ~offset: float, ~color: string) => unit = "addColorStop"
+
+let isInstanceOf = (_: 't): bool => %raw(`param instanceof CanvasGradient`)

package/src/CanvasAPI/CanvasPattern.res

@@ -0,0 +1,11 @@
+open DOMAPI
+open CanvasAPI
+
+/**
+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: (canvasPattern, ~transform: domMatrix2DInit=?) => unit = "setTransform"
+
+let isInstanceOf = (_: 't): bool => %raw(`param instanceof CanvasPattern`)

package/src/CanvasAPI/ImageBitmapRenderingContext.res

@@ -0,0 +1,9 @@
+open CanvasAPI
+
+/**
+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: (imageBitmapRenderingContext, imageBitmap) => unit =
+  "transferFromImageBitmap"

package/src/CanvasAPI/OffscreenCanvas.res

@@ -1,6 +1,5 @@
 open EventAPI
 open CanvasAPI
-open DOMAPI
 open Prelude
 open FileAPI
 
@@ -99,11 +98,56 @@ Returns null if the canvas has already been initialized with another context typ
 [Read more on MDN](https://developer.mozilla.org/docs/Web/API/OffscreenCanvas/getContext)
 */
 @send
-external getContext: (
+external getContext_2D: (
   offscreenCanvas,
-  ~contextId: offscreenRenderingContextId,
+  @as("2d") _,
   ~options: JSON.t=?,
-) => offscreenRenderingContext = "getContext"
+) => offscreenCanvasRenderingContext2D = "getContext"
+
+/**
+Returns an object that exposes an API for drawing on the OffscreenCanvas object. contextId specifies the desired API: "2d", "bitmaprenderer", "webgl", or "webgl2". options is handled by that API.
+
+This specification defines the "2d" context below, which is similar but distinct from the "2d" context that is created from a canvas element. The WebGL specifications define the "webgl" and "webgl2" contexts. [WEBGL]
+
+Returns null if the canvas has already been initialized with another context type (e.g., trying to get a "2d" context after getting a "webgl" context).
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/OffscreenCanvas/getContext)
+*/
+@send
+external getContext_WebGL: (
+  offscreenCanvas,
+  @as("webgl") _,
+  ~options: webGLContextAttributes=?,
+) => webGLRenderingContext = "getContext"
+
+/**
+Returns an object that exposes an API for drawing on the OffscreenCanvas object. contextId specifies the desired API: "2d", "bitmaprenderer", "webgl", or "webgl2". options is handled by that API.
+
+This specification defines the "2d" context below, which is similar but distinct from the "2d" context that is created from a canvas element. The WebGL specifications define the "webgl" and "webgl2" contexts. [WEBGL]
+
+Returns null if the canvas has already been initialized with another context type (e.g., trying to get a "2d" context after getting a "webgl" context).
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/OffscreenCanvas/getContext)
+*/
+@send
+external getContext_WebGL2: (
+  offscreenCanvas,
+  @as("webgl2") _,
+  ~options: webGLContextAttributes=?,
+) => webGL2RenderingContext = "getContext"
+
+/**
+Returns an object that exposes an API for drawing on the OffscreenCanvas object. contextId specifies the desired API: "2d", "bitmaprenderer", "webgl", or "webgl2". options is handled by that API.
+
+This specification defines the "2d" context below, which is similar but distinct from the "2d" context that is created from a canvas element. The WebGL specifications define the "webgl" and "webgl2" contexts. [WEBGL]
+
+Returns null if the canvas has already been initialized with another context type (e.g., trying to get a "2d" context after getting a "webgl" context).
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/OffscreenCanvas/getContext)
+*/
+@send
+external getContext_BitmapRenderer: (
+  offscreenCanvas,
+  @as("bitmaprenderer") _,
+  ~options: imageBitmapRenderingContextSettings=?,
+) => imageBitmapRenderingContext = "getContext"
 
 /**
 Returns a newly created ImageBitmap object with the image in the OffscreenCanvas object. The image in the OffscreenCanvas object is replaced with a new blank image.

package/src/CanvasAPI/Path2D.res

@@ -0,0 +1,142 @@
+open CanvasAPI
+open DOMAPI
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/Path2D)
+*/
+@new
+external make: (~path: path2D=?) => path2D = "Path2D"
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/Path2D)
+*/
+@new
+external make2: (~path: string=?) => path2D = "Path2D"
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/closePath)
+*/
+@send
+external closePath: path2D => unit = "closePath"
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/moveTo)
+*/
+@send
+external moveTo: (path2D, ~x: float, ~y: float) => unit = "moveTo"
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/lineTo)
+*/
+@send
+external lineTo: (path2D, ~x: float, ~y: float) => unit = "lineTo"
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/quadraticCurveTo)
+*/
+@send
+external quadraticCurveTo: (path2D, ~cpx: float, ~cpy: float, ~x: float, ~y: float) => unit =
+  "quadraticCurveTo"
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/bezierCurveTo)
+*/
+@send
+external bezierCurveTo: (
+  path2D,
+  ~cp1x: float,
+  ~cp1y: float,
+  ~cp2x: float,
+  ~cp2y: float,
+  ~x: float,
+  ~y: float,
+) => unit = "bezierCurveTo"
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/arcTo)
+*/
+@send
+external arcTo: (path2D, ~x1: float, ~y1: float, ~x2: float, ~y2: float, ~radius: float) => unit =
+  "arcTo"
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/rect)
+*/
+@send
+external rect: (path2D, ~x: float, ~y: float, ~w: float, ~h: float) => unit = "rect"
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/roundRect)
+*/
+@send
+external roundRect: (
+  path2D,
+  ~x: float,
+  ~y: float,
+  ~w: float,
+  ~h: float,
+  ~radii_: array<float>=?,
+) => unit = "roundRect"
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/roundRect)
+*/
+@send
+external roundRect2: (
+  path2D,
+  ~x: float,
+  ~y: float,
+  ~w: float,
+  ~h: float,
+  ~radii_: array<float>=?,
+) => unit = "roundRect"
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/roundRect)
+*/
+@send
+external roundRect3: (
+  path2D,
+  ~x: float,
+  ~y: float,
+  ~w: float,
+  ~h: float,
+  ~radii_: array<float>=?,
+) => unit = "roundRect"
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/arc)
+*/
+@send
+external arc: (
+  path2D,
+  ~x: float,
+  ~y: float,
+  ~radius: float,
+  ~startAngle: float,
+  ~endAngle: float,
+  ~counterclockwise: bool=?,
+) => unit = "arc"
+
+/**
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/ellipse)
+*/
+@send
+external ellipse: (
+  path2D,
+  ~x: float,
+  ~y: float,
+  ~radiusX: float,
+  ~radiusY: float,
+  ~rotation: float,
+  ~startAngle: float,
+  ~endAngle: float,
+  ~counterclockwise: bool=?,
+) => unit = "ellipse"
+
+/**
+Adds to the path the path given by the argument.
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/Path2D/addPath)
+*/
+@send
+external addPath: (path2D, ~path: path2D, ~transform: domMatrix2DInit=?) => unit = "addPath"

package/src/CanvasAPI.res

@@ -10,6 +10,113 @@ type offscreenRenderingContextId =
   | @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
+
 /**
 [See OffscreenCanvas on MDN](https://developer.mozilla.org/docs/Web/API/OffscreenCanvas)
 */
@@ -47,9 +154,293 @@ type imageBitmap = {
   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: unknown,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/fillStyle)
+    */
+  mutable fillStyle: unknown,
+  /**
+    [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)
+*/
+type imageBitmapRenderingContext = {
+  /**
+    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)
+*/
+type canvasGradient = {}
+
+/**
+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)
+*/
+type canvasPattern = {}
+
+/**
+This Canvas 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)
+*/
+type path2D = {}
+
+/**
+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 = any
 
 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}