This package defines Typescript types (.d.ts) for the upcoming WebGPU standard.

Use this package to augment the ambient "dom" type definitions with the new definitions for WebGPU.

This repo also generates typedoc docs here: https://gpuweb.github.io/types

See the TypeScript handbook.

WebGPU types have been integrated into the "dom" starting with TypeScript 6. It appears that v6.0.4 and above will include a full set of WebGPU types and thus should not need the supplemental types from this repo.

Unfortunately some versions of TypeScript include a "dom" library which only contained a partial set of WebGPU types, preventing WebGPU code from building cleanly. This is confirmed the case in TypeScript v6.0.3 and lower and TypeScript v7.0.2 and lower. To build WebGPU with the affected versions install the @types/web to be package v0.0.352 or greater, and use it instead of the built-in "dom" library:

Install:

npm install @types/web

Usage in tsconfig.json:

{
  // ...
  "compilerOptions": {
    // ...
    "lib": ["esnext"], // Do not include "dom"!
    "types": ["@types/web"],
  }
}

For TypeScript v5 and below, this library is still necessary to provide WebGPU types.

• npm: npm install --save-dev @webgpu/types
• yarn: yarn add --dev @webgpu/types
• pnpm: pnpm add -D @webgpu/types

If you are on TypeScript < 5.1, you will also need to install @types/dom-webcodecs as a sibling dependency. The version you need depends on the TypeScript version; see the tests for examples.

Since this package is outside DefinitelyTyped, the dependency won't be picked up automatically. There are several ways to add a additional TypeScript type definition dependencies to your TypeScript project:

In tsconfig.json:

{
  // ...
  "compilerOptions": {
    // ...
    "types": ["@webgpu/types"]
  }
}

Or you can use typeRoots:

{
  // ...
  "compilerOptions": {
    // ...
    "typeRoots": ["./node_modules/@webgpu/types", "./node_modules/@types"]
  }
}

This may work better if your toolchain doesn't read tsconfig.json.

/// <reference types="@webgpu/types" />

If you use Webpack and the options above aren't sufficient (this has not been verified), you may need the following in webpack.config.js:

"types": ["@webgpu/types"]

Please contribute a PR to add instructions for other setups or improve existing instructions. :)

• Make sure the submodule is checked out: git submodule update --init
• Pull gpuweb changes: pushd gpuweb && git checkout main && git pull && popd
• Install dependencies: npm ci
• Generate generated/index.d.ts: npm run generate
• Open a diff between generated/index.d.ts and dist/index.d.ts. The generated file is tracked by Git so you can see what has changed. Update the latter according to changes from the former. Note the generated/ and dist/ files are not the same. See below for intentional differences.
• Format the result: npm run format

Most or all of these should be fixed in the generator over time.

• any changed to object for WebIDL object.

The following differences are TODO: should be changed in the final result.

• Deprecated items should be removed.
• TODO items should be fixed (e.g. make new additions no longer optional).
• Addition of Compatibility Mode items like textureBindingViewDimension.

The following differences will remain.

• onuncapturederror strongly typed.
• addEventListener('uncapturederror') type support.
• getContext definitions.
• GPUExtent3DStrict and GPUOrigin2DStrict.

(only for people who have npm publish access)

• One line cmd to copy-n-paste (for ssh git user, and you'd better know what you are doing, if it failed at certain steps, you might need to clean up git tags before trying again)
  • git checkout main && git pull git@github.com:gpuweb/types.git main && git submodule update --init && npm version patch && git push git@github.com:gpuweb/types.git main --tags && npm publish
• Separate steps (better for publishing for the first time)
  • Make sure you are in the upstream repo, not your forked one. And make sure you are synced to latest commit intended for publish
    • git checkout main
    • git pull https://github.com/gpuweb/types.git main
      • (If you are using HTTPS regularly. You can use remote names like origin, just make sure you are referring to the right repo)
    • git submodule update --init
  • Create the version tag and commit, and push
    • npm version patch
    • git push https://github.com/gpuweb/types.git main --tags
  • publish the package
    • npm publish --otp=<code>
      • Replace <code> with the one-time password from your authenticator, since two-factors authentication is required to publish.
      • If you are doing for the first time, you will do npm adduser first and it will guide you through adding the npm account.