This repository contains TypeScript type definitions for a lot of new JavaScript stuff that isn't yet in TypeScript's standard type definitions (see below for the complete list). These range from the File System Access API over View Transitions to Houdini CSS Typed OM or Handwriting Recognition. Some specifications have only partially been integrated into TypeScript's standard type declarations, in which case this repository contains only the parts of the specifications that aren't there (yet). For most specifications I have used WebIDL2TS, a tool that automatically converts WebIDL to TypeScript type definitions, and manually edited the stuff where it didn't generate the desired result.

Also take a look Better-TypeScript, which contains various TypeScript type definitions to make working with TypeScript more convenient.

NPM: new-javascript

GitHub: BenjaminAster/TypeScript-types-for-new-JavaScript

Install using npm:

npm i -D new-javascript@latest

Reference the type definitions directly in your TypeScript/JavaScript files...

/// <reference types="new-javascript" />

...or include them in your tsconfig.json or jsconfig.json:

{
	"compilerOptions": {
		"types": ["new-javascript"],
	},
}

For web workers (including service workers), use new-javascript/worker as the path. If you use a tsconfig.json or jsconfig.json configuration file, you have to exclude the worker files there with the "exclude" option so that the DOM lib doesn't get included by default. If your worker is a JavaScript and not TypeScript file, you then have to manually re-enable type checking for the file via // @ts-check. Also don't forget to exclude the DOM lib with no-default-lib="true". The start of your worker file should look like this:

// @ts-check
/// <reference no-default-lib="true" />
/// <reference types="new-javascript/worker" />

For worklets, use new-javascript/worklet/<WORKLET_NAME> as the path:

• new-javascript/worklet/audio for audio worklets
• new-javascript/worklet/paint for paint worklets
• new-javascript/worklet/layout for layout worklets
• new-javascript/worklet/animation for animation worklets

/// <reference types="new-javascript/worklet/audio" />

/// <reference types="new-javascript/worklet/paint" />

/// <reference types="new-javascript/worklet/layout" />

/// <reference types="new-javascript/worklet/animation" />

The type declarations in this repository include the following specifications (grouped by venue):

• Web Incubator Community Group (WICG):
  • Background Fetch
  • Background Sync
  • Compression Streams
  • Cookie Store API
  • Document Picture-in-Picture
  • Element Timing API
  • EyeDropper API
  • Fenced frame
  • File System Access API
  • Handwriting Recognition API
  • Idle Detection API
  • Iframe credentialless
  • isInputPending
  • Keyboard Lock
  • Keyboard Map
  • Largest Contentful Paint
  • Layout Instability API
  • Local Font Access API
  • Manifest Incubations
  • Navigation API
  • Network Information API
  • Pending Beacon
  • Periodic Background Sync
  • Requesting Permissions
  • Relinquishing Permissions
  • Portals
  • Sanitizer API
  • Save Data API
  • Shape Detection API
  • Speech API
  • Text Detection API
  • Text Fragments
  • User-Agent Client Hints
  • URLPattern API
  • Web App Launch Handler API
  • Window Controls Overlay
• CSS Houdini:
  • CSS Animation Worklet API
  • CSS Layout API
  • CSS Painting API
• CSS Working Group (CSSWG):
  • CSS Containment
  • CSSOM View
  • CSS Object Model
  • CSS Custom Highlight API
  • CSS Nesting
  • Scroll-linked Animations
  • CSS View Transitions
• World Wide Web Consortium (W3C):
  • Battery Status API
  • Compute Pressure
  • Contact Picker
  • Device Memory
  • DeviceOrientation Events
  • Image Resource
  • Long Tasks API
  • MediaStream Image Capture
  • MediaStream Recording
  • Permissions Registry
  • WebCodecs
  • Window Management
• Web Hypertext Application Technology Working Group (WHATWG):
  • File System
  • HTML
• Web Bluetooth Community Group:
  • Web Bluetooth
• Web Audio Working Group:
  • Web Audio API
• Open UI:
  • Selectmenu element
• Privacy Community Group:
  • Global Privacy Control
• TC39:
  • Array.fromAsync
  • Array Grouping
  • ECMAScript Language Specification
  • Import Attributes