Skip to content

Add GPUCanvasContext #2404

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
github-actions merged 1 commit into from
Feb 8, 2026
Merged

Add GPUCanvasContext #2404

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
63 changes: 61 additions & 2 deletions baselines/dom.generated.d.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -805,6 +805,19 @@ interface FullscreenOptions {
navigationUI?: FullscreenNavigationUI;
}

interface GPUCanvasConfiguration {
alphaMode?: GPUCanvasAlphaMode;
colorSpace?: PredefinedColorSpace;
format: GPUTextureFormat;
toneMapping?: GPUCanvasToneMapping;
usage?: GPUTextureUsageFlags;
viewFormats?: GPUTextureFormat[];
}

interface GPUCanvasToneMapping {
mode?: GPUCanvasToneMappingMode;
}

interface GPUColorDict {
a: number;
b: number;
Expand Down Expand Up @@ -15003,6 +15016,50 @@ declare var GPUBuffer: {
new(): GPUBuffer;
};

/**
* The **`GPUCanvasContext`** interface of the WebGPU API represents the WebGPU rendering context of a <canvas> element, returned via an HTMLCanvasElement.getContext() call with a contextType of "webgpu".
* Available only in secure contexts.
*
* [MDN Reference](https://developer.mozilla.org/docs/Web/API/GPUCanvasContext)
*/
interface GPUCanvasContext {
/**
* The **`canvas`** read-only property of the GPUCanvasContext interface returns a reference to the canvas that the context was created from.
*
* [MDN Reference](https://developer.mozilla.org/docs/Web/API/GPUCanvasContext/canvas)
*/
readonly canvas: HTMLCanvasElement | OffscreenCanvas;
/**
* The **`configure()`** method of the GPUCanvasContext interface configures the context to use for rendering with a given GPUDevice. When called the canvas will initially be cleared to transparent black.
*
* [MDN Reference](https://developer.mozilla.org/docs/Web/API/GPUCanvasContext/configure)
*/
configure(configuration: GPUCanvasConfiguration): void;
/**
* The **`getConfiguration()`** method of the GPUCanvasContext interface returns the current configuration set for the context.
*
* [MDN Reference](https://developer.mozilla.org/docs/Web/API/GPUCanvasContext/getConfiguration)
*/
getConfiguration(): GPUCanvasConfiguration | null;
/**
* The **`getCurrentTexture()`** method of the GPUCanvasContext interface returns the next GPUTexture to be composited to the document by the canvas context.
*
* [MDN Reference](https://developer.mozilla.org/docs/Web/API/GPUCanvasContext/getCurrentTexture)
*/
getCurrentTexture(): GPUTexture;
/**
* The **`unconfigure()`** method of the GPUCanvasContext interface removes any previously-set context configuration, and destroys any textures returned via getCurrentTexture() while the canvas context was configured.
*
* [MDN Reference](https://developer.mozilla.org/docs/Web/API/GPUCanvasContext/unconfigure)
*/
unconfigure(): void;
}

declare var GPUCanvasContext: {
prototype: GPUCanvasContext;
new(): GPUCanvasContext;
};

/**
* The **`GPUCommandBuffer`** interface of the WebGPU API represents a pre-recorded list of GPU commands that can be submitted to a GPUQueue for execution.
* Available only in secure contexts.
Expand Down Expand Up @@ -43648,7 +43705,7 @@ type MediaProvider = MediaStream | MediaSource | Blob;
type MessageEventSource = WindowProxy | MessagePort | ServiceWorker;
type MutationRecordType = "attributes" | "characterData" | "childList";
type NamedCurve = string;
type OffscreenRenderingContext = OffscreenCanvasRenderingContext2D | ImageBitmapRenderingContext | WebGLRenderingContext | WebGL2RenderingContext;
type OffscreenRenderingContext = OffscreenCanvasRenderingContext2D | ImageBitmapRenderingContext | WebGLRenderingContext | WebGL2RenderingContext | GPUCanvasContext;
type OnBeforeUnloadEventHandler = OnBeforeUnloadEventHandlerNonNull | null;
type OnErrorEventHandler = OnErrorEventHandlerNonNull | null;
type OptionalPostfixToken<T extends string> = ` ${T}` | "";
Expand All @@ -43660,7 +43717,7 @@ type RTCRtpSenderTransform = RTCRtpScriptTransform;
type ReadableStreamController<T> = ReadableStreamDefaultController<T> | ReadableByteStreamController;
type ReadableStreamReadResult<T> = ReadableStreamReadValueResult<T> | ReadableStreamReadDoneResult<T>;
type ReadableStreamReader<T> = ReadableStreamDefaultReader<T> | ReadableStreamBYOBReader;
type RenderingContext = CanvasRenderingContext2D | ImageBitmapRenderingContext | WebGLRenderingContext | WebGL2RenderingContext;
type RenderingContext = CanvasRenderingContext2D | ImageBitmapRenderingContext | WebGLRenderingContext | WebGL2RenderingContext | GPUCanvasContext;
type ReportList = Report[];
type RequestInfo = Request | string;
type SanitizerAttribute = string | SanitizerAttributeNamespace;
Expand Down Expand Up @@ -43741,6 +43798,8 @@ type FontFaceLoadStatus = "error" | "loaded" | "loading" | "unloaded";
type FontFaceSetLoadStatus = "loaded" | "loading";
type FullscreenNavigationUI = "auto" | "hide" | "show";
type GPUBufferMapState = "mapped" | "pending" | "unmapped";
type GPUCanvasAlphaMode = "opaque" | "premultiplied";
type GPUCanvasToneMappingMode = "extended" | "standard";
type GPUCompilationMessageType = "error" | "info" | "warning";
type GPUDeviceLostReason = "destroyed" | "unknown";
type GPUIndexFormat = "uint16" | "uint32";
Expand Down
61 changes: 60 additions & 1 deletion baselines/serviceworker.generated.d.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -272,6 +272,19 @@ interface FontFaceSetLoadEventInit extends EventInit {
fontfaces?: FontFace[];
}

interface GPUCanvasConfiguration {
alphaMode?: GPUCanvasAlphaMode;
colorSpace?: PredefinedColorSpace;
format: GPUTextureFormat;
toneMapping?: GPUCanvasToneMapping;
usage?: GPUTextureUsageFlags;
viewFormats?: GPUTextureFormat[];
}

interface GPUCanvasToneMapping {
mode?: GPUCanvasToneMappingMode;
}

interface GPUColorDict {
a: number;
b: number;
Expand Down Expand Up @@ -4446,6 +4459,50 @@ declare var GPUBuffer: {
new(): GPUBuffer;
};

/**
* The **`GPUCanvasContext`** interface of the WebGPU API represents the WebGPU rendering context of a <canvas> element, returned via an HTMLCanvasElement.getContext() call with a contextType of "webgpu".
* Available only in secure contexts.
*
* [MDN Reference](https://developer.mozilla.org/docs/Web/API/GPUCanvasContext)
*/
interface GPUCanvasContext {
/**
* The **`canvas`** read-only property of the GPUCanvasContext interface returns a reference to the canvas that the context was created from.
*
* [MDN Reference](https://developer.mozilla.org/docs/Web/API/GPUCanvasContext/canvas)
*/
readonly canvas: OffscreenCanvas;
/**
* The **`configure()`** method of the GPUCanvasContext interface configures the context to use for rendering with a given GPUDevice. When called the canvas will initially be cleared to transparent black.
*
* [MDN Reference](https://developer.mozilla.org/docs/Web/API/GPUCanvasContext/configure)
*/
configure(configuration: GPUCanvasConfiguration): void;
/**
* The **`getConfiguration()`** method of the GPUCanvasContext interface returns the current configuration set for the context.
*
* [MDN Reference](https://developer.mozilla.org/docs/Web/API/GPUCanvasContext/getConfiguration)
*/
getConfiguration(): GPUCanvasConfiguration | null;
/**
* The **`getCurrentTexture()`** method of the GPUCanvasContext interface returns the next GPUTexture to be composited to the document by the canvas context.
*
* [MDN Reference](https://developer.mozilla.org/docs/Web/API/GPUCanvasContext/getCurrentTexture)
*/
getCurrentTexture(): GPUTexture;
/**
* The **`unconfigure()`** method of the GPUCanvasContext interface removes any previously-set context configuration, and destroys any textures returned via getCurrentTexture() while the canvas context was configured.
*
* [MDN Reference](https://developer.mozilla.org/docs/Web/API/GPUCanvasContext/unconfigure)
*/
unconfigure(): void;
}

declare var GPUCanvasContext: {
prototype: GPUCanvasContext;
new(): GPUCanvasContext;
};

/**
* The **`GPUCommandBuffer`** interface of the WebGPU API represents a pre-recorded list of GPU commands that can be submitted to a GPUQueue for execution.
* Available only in secure contexts.
Expand Down Expand Up @@ -12839,7 +12896,7 @@ type ImageDataArray = Uint8ClampedArray<ArrayBuffer>;
type Int32List = Int32Array<ArrayBufferLike> | GLint[];
type MessageEventSource = MessagePort | ServiceWorker;
type NamedCurve = string;
type OffscreenRenderingContext = OffscreenCanvasRenderingContext2D | ImageBitmapRenderingContext | WebGLRenderingContext | WebGL2RenderingContext;
type OffscreenRenderingContext = OffscreenCanvasRenderingContext2D | ImageBitmapRenderingContext | WebGLRenderingContext | WebGL2RenderingContext | GPUCanvasContext;
type OnErrorEventHandler = OnErrorEventHandlerNonNull | null;
type PerformanceEntryList = PerformanceEntry[];
type PushMessageDataInit = BufferSource | string;
Expand Down Expand Up @@ -12880,6 +12937,8 @@ type FontFaceLoadStatus = "error" | "loaded" | "loading" | "unloaded";
type FontFaceSetLoadStatus = "loaded" | "loading";
type FrameType = "auxiliary" | "nested" | "none" | "top-level";
type GPUBufferMapState = "mapped" | "pending" | "unmapped";
type GPUCanvasAlphaMode = "opaque" | "premultiplied";
type GPUCanvasToneMappingMode = "extended" | "standard";
type GPUCompilationMessageType = "error" | "info" | "warning";
type GPUDeviceLostReason = "destroyed" | "unknown";
type GPUIndexFormat = "uint16" | "uint32";
Expand Down
61 changes: 60 additions & 1 deletion baselines/sharedworker.generated.d.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -216,6 +216,19 @@ interface FontFaceSetLoadEventInit extends EventInit {
fontfaces?: FontFace[];
}

interface GPUCanvasConfiguration {
alphaMode?: GPUCanvasAlphaMode;
colorSpace?: PredefinedColorSpace;
format: GPUTextureFormat;
toneMapping?: GPUCanvasToneMapping;
usage?: GPUTextureUsageFlags;
viewFormats?: GPUTextureFormat[];
}

interface GPUCanvasToneMapping {
mode?: GPUCanvasToneMappingMode;
}

interface GPUColorDict {
a: number;
b: number;
Expand Down Expand Up @@ -4129,6 +4142,50 @@ declare var GPUBuffer: {
new(): GPUBuffer;
};

/**
* The **`GPUCanvasContext`** interface of the WebGPU API represents the WebGPU rendering context of a <canvas> element, returned via an HTMLCanvasElement.getContext() call with a contextType of "webgpu".
* Available only in secure contexts.
*
* [MDN Reference](https://developer.mozilla.org/docs/Web/API/GPUCanvasContext)
*/
interface GPUCanvasContext {
/**
* The **`canvas`** read-only property of the GPUCanvasContext interface returns a reference to the canvas that the context was created from.
*
* [MDN Reference](https://developer.mozilla.org/docs/Web/API/GPUCanvasContext/canvas)
*/
readonly canvas: OffscreenCanvas;
/**
* The **`configure()`** method of the GPUCanvasContext interface configures the context to use for rendering with a given GPUDevice. When called the canvas will initially be cleared to transparent black.
*
* [MDN Reference](https://developer.mozilla.org/docs/Web/API/GPUCanvasContext/configure)
*/
configure(configuration: GPUCanvasConfiguration): void;
/**
* The **`getConfiguration()`** method of the GPUCanvasContext interface returns the current configuration set for the context.
*
* [MDN Reference](https://developer.mozilla.org/docs/Web/API/GPUCanvasContext/getConfiguration)
*/
getConfiguration(): GPUCanvasConfiguration | null;
/**
* The **`getCurrentTexture()`** method of the GPUCanvasContext interface returns the next GPUTexture to be composited to the document by the canvas context.
*
* [MDN Reference](https://developer.mozilla.org/docs/Web/API/GPUCanvasContext/getCurrentTexture)
*/
getCurrentTexture(): GPUTexture;
/**
* The **`unconfigure()`** method of the GPUCanvasContext interface removes any previously-set context configuration, and destroys any textures returned via getCurrentTexture() while the canvas context was configured.
*
* [MDN Reference](https://developer.mozilla.org/docs/Web/API/GPUCanvasContext/unconfigure)
*/
unconfigure(): void;
}

declare var GPUCanvasContext: {
prototype: GPUCanvasContext;
new(): GPUCanvasContext;
};

/**
* The **`GPUCommandBuffer`** interface of the WebGPU API represents a pre-recorded list of GPU commands that can be submitted to a GPUQueue for execution.
* Available only in secure contexts.
Expand Down Expand Up @@ -12509,7 +12566,7 @@ type ImageDataArray = Uint8ClampedArray<ArrayBuffer>;
type Int32List = Int32Array<ArrayBufferLike> | GLint[];
type MessageEventSource = MessagePort | ServiceWorker;
type NamedCurve = string;
type OffscreenRenderingContext = OffscreenCanvasRenderingContext2D | ImageBitmapRenderingContext | WebGLRenderingContext | WebGL2RenderingContext;
type OffscreenRenderingContext = OffscreenCanvasRenderingContext2D | ImageBitmapRenderingContext | WebGLRenderingContext | WebGL2RenderingContext | GPUCanvasContext;
type OnErrorEventHandler = OnErrorEventHandlerNonNull | null;
type PerformanceEntryList = PerformanceEntry[];
type ReadableStreamController<T> = ReadableStreamDefaultController<T> | ReadableByteStreamController;
Expand Down Expand Up @@ -12546,6 +12603,8 @@ type FontDisplay = "auto" | "block" | "fallback" | "optional" | "swap";
type FontFaceLoadStatus = "error" | "loaded" | "loading" | "unloaded";
type FontFaceSetLoadStatus = "loaded" | "loading";
type GPUBufferMapState = "mapped" | "pending" | "unmapped";
type GPUCanvasAlphaMode = "opaque" | "premultiplied";
type GPUCanvasToneMappingMode = "extended" | "standard";
type GPUCompilationMessageType = "error" | "info" | "warning";
type GPUDeviceLostReason = "destroyed" | "unknown";
type GPUIndexFormat = "uint16" | "uint32";
Expand Down
63 changes: 61 additions & 2 deletions baselines/ts5.5/dom.generated.d.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -802,6 +802,19 @@ interface FullscreenOptions {
navigationUI?: FullscreenNavigationUI;
}

interface GPUCanvasConfiguration {
alphaMode?: GPUCanvasAlphaMode;
colorSpace?: PredefinedColorSpace;
format: GPUTextureFormat;
toneMapping?: GPUCanvasToneMapping;
usage?: GPUTextureUsageFlags;
viewFormats?: GPUTextureFormat[];
}

interface GPUCanvasToneMapping {
mode?: GPUCanvasToneMappingMode;
}

interface GPUColorDict {
a: number;
b: number;
Expand Down Expand Up @@ -14989,6 +15002,50 @@ declare var GPUBuffer: {
new(): GPUBuffer;
};

/**
* The **`GPUCanvasContext`** interface of the WebGPU API represents the WebGPU rendering context of a <canvas> element, returned via an HTMLCanvasElement.getContext() call with a contextType of "webgpu".
* Available only in secure contexts.
*
* [MDN Reference](https://developer.mozilla.org/docs/Web/API/GPUCanvasContext)
*/
interface GPUCanvasContext {
/**
* The **`canvas`** read-only property of the GPUCanvasContext interface returns a reference to the canvas that the context was created from.
*
* [MDN Reference](https://developer.mozilla.org/docs/Web/API/GPUCanvasContext/canvas)
*/
readonly canvas: HTMLCanvasElement | OffscreenCanvas;
/**
* The **`configure()`** method of the GPUCanvasContext interface configures the context to use for rendering with a given GPUDevice. When called the canvas will initially be cleared to transparent black.
*
* [MDN Reference](https://developer.mozilla.org/docs/Web/API/GPUCanvasContext/configure)
*/
configure(configuration: GPUCanvasConfiguration): void;
/**
* The **`getConfiguration()`** method of the GPUCanvasContext interface returns the current configuration set for the context.
*
* [MDN Reference](https://developer.mozilla.org/docs/Web/API/GPUCanvasContext/getConfiguration)
*/
getConfiguration(): GPUCanvasConfiguration | null;
/**
* The **`getCurrentTexture()`** method of the GPUCanvasContext interface returns the next GPUTexture to be composited to the document by the canvas context.
*
* [MDN Reference](https://developer.mozilla.org/docs/Web/API/GPUCanvasContext/getCurrentTexture)
*/
getCurrentTexture(): GPUTexture;
/**
* The **`unconfigure()`** method of the GPUCanvasContext interface removes any previously-set context configuration, and destroys any textures returned via getCurrentTexture() while the canvas context was configured.
*
* [MDN Reference](https://developer.mozilla.org/docs/Web/API/GPUCanvasContext/unconfigure)
*/
unconfigure(): void;
}

declare var GPUCanvasContext: {
prototype: GPUCanvasContext;
new(): GPUCanvasContext;
};

/**
* The **`GPUCommandBuffer`** interface of the WebGPU API represents a pre-recorded list of GPU commands that can be submitted to a GPUQueue for execution.
* Available only in secure contexts.
Expand Down Expand Up @@ -43622,7 +43679,7 @@ type MediaProvider = MediaStream | MediaSource | Blob;
type MessageEventSource = WindowProxy | MessagePort | ServiceWorker;
type MutationRecordType = "attributes" | "characterData" | "childList";
type NamedCurve = string;
type OffscreenRenderingContext = OffscreenCanvasRenderingContext2D | ImageBitmapRenderingContext | WebGLRenderingContext | WebGL2RenderingContext;
type OffscreenRenderingContext = OffscreenCanvasRenderingContext2D | ImageBitmapRenderingContext | WebGLRenderingContext | WebGL2RenderingContext | GPUCanvasContext;
type OnBeforeUnloadEventHandler = OnBeforeUnloadEventHandlerNonNull | null;
type OnErrorEventHandler = OnErrorEventHandlerNonNull | null;
type OptionalPostfixToken<T extends string> = ` ${T}` | "";
Expand All @@ -43634,7 +43691,7 @@ type RTCRtpSenderTransform = RTCRtpScriptTransform;
type ReadableStreamController<T> = ReadableStreamDefaultController<T> | ReadableByteStreamController;
type ReadableStreamReadResult<T> = ReadableStreamReadValueResult<T> | ReadableStreamReadDoneResult<T>;
type ReadableStreamReader<T> = ReadableStreamDefaultReader<T> | ReadableStreamBYOBReader;
type RenderingContext = CanvasRenderingContext2D | ImageBitmapRenderingContext | WebGLRenderingContext | WebGL2RenderingContext;
type RenderingContext = CanvasRenderingContext2D | ImageBitmapRenderingContext | WebGLRenderingContext | WebGL2RenderingContext | GPUCanvasContext;
type ReportList = Report[];
type RequestInfo = Request | string;
type SanitizerAttribute = string | SanitizerAttributeNamespace;
Expand Down Expand Up @@ -43715,6 +43772,8 @@ type FontFaceLoadStatus = "error" | "loaded" | "loading" | "unloaded";
type FontFaceSetLoadStatus = "loaded" | "loading";
type FullscreenNavigationUI = "auto" | "hide" | "show";
type GPUBufferMapState = "mapped" | "pending" | "unmapped";
type GPUCanvasAlphaMode = "opaque" | "premultiplied";
type GPUCanvasToneMappingMode = "extended" | "standard";
type GPUCompilationMessageType = "error" | "info" | "warning";
type GPUDeviceLostReason = "destroyed" | "unknown";
type GPUIndexFormat = "uint16" | "uint32";
Expand Down
Loading