[w3c-image-capture] Align types to match output from TypeScript-DOM-lib-generator (DefinitelyTyped#72685)

Author: rbuckton

types/node/test/globals-dom.ts

@@ -60,9 +60,9 @@
 {
     const stream = new ReadableStream<string>({ start: (controller) => controller.enqueue("hello") }); // $ExpectType ReadableStream<string>
     const compressionStream = new CompressionStream("gzip");
-    const encodedStream = stream.pipeThrough(new TextEncoderStream()); // $ExpectType ReadableStream<Uint8Array> || ReadableStream<Uint8Array<ArrayBufferLike>>
-    const compressedStream = encodedStream.pipeThrough(compressionStream); // $ExpectType ReadableStream<any> || ReadableStream<Uint8Array<ArrayBufferLike>>
-    compressedStream.pipeThrough(new DecompressionStream("gzip")); // $ExpectType ReadableStream<any> || ReadableStream<Uint8Array<ArrayBufferLike>>
+    const encodedStream = stream.pipeThrough(new TextEncoderStream()); // $ExpectType ReadableStream<Uint8Array> || ReadableStream<Uint8Array<ArrayBufferLike>> || ReadableStream<Uint8Array<ArrayBuffer>>
+    const compressedStream = encodedStream.pipeThrough(compressionStream); // $ExpectType ReadableStream<any> || ReadableStream<Uint8Array<ArrayBufferLike>> || ReadableStream<Uint8Array<ArrayBuffer>>
+    compressedStream.pipeThrough(new DecompressionStream("gzip")); // $ExpectType ReadableStream<any> || ReadableStream<Uint8Array<ArrayBufferLike>> || ReadableStream<Uint8Array<ArrayBuffer>>
     void (async () => {
         const reader = compressedStream.getReader();
         const readNext = async () => {

types/three/test/integration/three-examples/webgl2_rendertarget_texture2darray.ts

@@ -139,7 +139,7 @@ function init() {
 
     new THREE.FileLoader().setResponseType("arraybuffer").load("textures/3d/head256x256x109.zip", data => {
         const zip = unzipSync(new Uint8Array(data as ArrayBuffer));
-        const array = new Uint8Array(zip["head256x256x109"].buffer);
+        const array = new Uint8Array(zip["head256x256x109"].buffer as ArrayBuffer);
 
         const texture = new THREE.DataArrayTexture(array, DIMENSIONS.width, DIMENSIONS.height, DIMENSIONS.depth);
         texture.format = THREE.RedFormat;

types/three/test/unit/examples/jsm/exporters/STLExporter.ts

@@ -11,8 +11,8 @@ function exportASCII() {
 }
 
 function exportBinary() {
-    const result = exporter.parse(mesh, { binary: true });
-    saveArrayBuffer(result, "box.stl");
+    const result = exporter.parse(mesh, { binary: true }); // $ExpectType DataView || DataView<ArrayBufferLike>
+    saveArrayBuffer(result as BufferSource, "box.stl");
 }
 
 const link = document.createElement("a");

types/w3c-image-capture/index.d.ts

@@ -1,8 +1,6 @@
 /// <reference types="webrtc" />
 
-declare class ImageCapture {
-    constructor(videoTrack: MediaStreamTrack);
-
+interface ImageCapture {
     takePhoto(photoSettings?: PhotoSettings): Promise<Blob>;
 
     getPhotoCapabilities(): Promise<PhotoCapabilities>;
@@ -14,29 +12,31 @@ declare class ImageCapture {
     readonly track: MediaStreamTrack;
 }
 
+declare var ImageCapture: {
+    prototype: ImageCapture
+    new(videoTrack: MediaStreamTrack): ImageCapture;
+}
+
 interface PhotoCapabilities {
-    readonly redEyeReduction: RedEyeReduction;
-    readonly imageHeight: MediaSettingsRange;
-    readonly imageWidth: MediaSettingsRange;
-    readonly fillLightMode: FillLightMode[];
+    redEyeReduction?: "never" | "always" | "controllable";
+    imageHeight?: MediaSettingsRange;
+    imageWidth?: MediaSettingsRange;
+    fillLightMode?: ("auto" | "off" | "flash")[];
 }
 
 interface PhotoSettings {
-    fillLightMode?: FillLightMode | undefined;
+    fillLightMode?: "auto" | "off" | "flash" | undefined;
     imageHeight?: number | undefined;
     imageWidth?: number | undefined;
     redEyeReduction?: boolean | undefined;
 }
 
 interface MediaSettingsRange {
-    readonly max: number;
-    readonly min: number;
-    readonly step: number;
+    max?: number;
+    min?: number;
+    step?: number;
 }
 
-type RedEyeReduction = "never" | "always" | "controllable";
-type FillLightMode = "auto" | "off" | "flash";
-
 interface MediaTrackCapabilities {
     whiteBalanceMode: MeteringMode[];
     exposureMode: MeteringMode[];
@@ -85,7 +85,7 @@ interface MediaTrackConstraintSet {
 }
 
 interface MediaTrackSettings {
-    whiteBalanceMode?: MeteringMode | undefined;
+    whiteBalanceMode?: string | undefined;
     exposureMode?: MeteringMode | undefined;
     focusMode?: MeteringMode | undefined;
     pointsOfInterest?: Point2D[] | undefined;

types/w3c-image-capture/w3c-image-capture-tests.ts

@@ -21,9 +21,9 @@ const updateCameraPanZoomTiltAndTakePhoto = async () => {
 
                 // Map it to a slider element.
                 const input = <HTMLInputElement> document.getElementById(ptz);
-                input.min = capabilities[ptz].min.toString();
-                input.max = capabilities[ptz].max.toString();
-                input.step = capabilities[ptz].step.toString();
+                input.min = capabilities[ptz].min!.toString();
+                input.max = capabilities[ptz].max!.toString();
+                input.step = capabilities[ptz].step!.toString();
                 const settingsPtz = settings[ptz];
                 input.value = (settingsPtz && settingsPtz.toString()) || "0";
                 input.disabled = false;
@@ -155,9 +155,9 @@ const updateFocusAndTrakePhoto = () => {
 
         // Map focus distance to a slider element.
         const input = <HTMLInputElement> document.querySelector("input[type=\"range\"]");
-        input.min = capabilities.focusDistance.min.toString();
-        input.max = capabilities.focusDistance.max.toString();
-        input.step = capabilities.focusDistance.step.toString();
+        input.min = capabilities.focusDistance.min!.toString();
+        input.max = capabilities.focusDistance.max!.toString();
+        input.step = capabilities.focusDistance.step!.toString();
         const focusDistance = track.getSettings().focusDistance;
         input.value = (focusDistance && focusDistance.toString()) || "0";