Update types; switch to GPUCanvasConfiguration viewFormats array (#3977)

package.json

@@ -50,7 +50,7 @@
     "@types/w3c-image-capture": "^1.0.10",
     "@typescript-eslint/eslint-plugin": "^6.9.1",
     "@typescript-eslint/parser": "^6.9.1",
-    "@webgpu/types": "^0.1.47",
+    "@webgpu/types": "^0.1.48",
     "ansi-colors": "4.1.3",
     "babel-plugin-add-header-comment": "^1.0.3",
     "babel-plugin-const-enum": "^1.2.0",

src/webgpu/web_platform/canvas/configure.spec.ts

@@ -47,9 +47,9 @@ g.test('defaults')
     t.expect(configuration.device === t.device);
     t.expect(configuration.format === 'rgba8unorm');
     t.expect(configuration.usage === GPUTextureUsage.RENDER_ATTACHMENT);
-    t.expect((configuration.viewFormats as GPUTextureFormat[]).length === 0);
+    t.expect(configuration.viewFormats.length === 0);
     t.expect(configuration.colorSpace === 'srgb');
-    t.expect(configuration.toneMapping!.mode === 'standard');
+    t.expect(configuration.toneMapping.mode === 'standard');
     t.expect(configuration.alphaMode === 'opaque');
 
     const currentTexture = ctx.getCurrentTexture();
@@ -107,9 +107,9 @@ g.test('device')
     t.expect(configuration.device === t.device);
     t.expect(configuration.format === 'rgba8unorm');
     t.expect(configuration.usage === GPUTextureUsage.RENDER_ATTACHMENT);
-    t.expect((configuration.viewFormats as GPUTextureFormat[]).length === 0);
+    t.expect(configuration.viewFormats.length === 0);
     t.expect(configuration.colorSpace === 'srgb');
-    t.expect(configuration.toneMapping!.mode === 'standard');
+    t.expect(configuration.toneMapping.mode === 'standard');
     t.expect(configuration.alphaMode === 'opaque');
 
     // getCurrentTexture will succeed with a valid device.
@@ -138,9 +138,9 @@ g.test('device')
     t.expect(newConfiguration.device === t.device);
     t.expect(newConfiguration.format === 'rgba8unorm');
     t.expect(newConfiguration.usage === GPUTextureUsage.RENDER_ATTACHMENT);
-    t.expect((newConfiguration.viewFormats as GPUTextureFormat[]).length === 0);
+    t.expect(newConfiguration.viewFormats.length === 0);
     t.expect(newConfiguration.colorSpace === 'srgb');
-    t.expect(newConfiguration.toneMapping!.mode === 'standard');
+    t.expect(newConfiguration.toneMapping.mode === 'standard');
     t.expect(newConfiguration.alphaMode === 'premultiplied');
   });
 
@@ -461,8 +461,7 @@ g.test('viewFormats')
       });
     }, !compatible);
 
-    const viewFormats = ctx.getConfiguration()!.viewFormats!;
-    assert(Array.isArray(viewFormats));
+    const viewFormats = ctx.getConfiguration()!.viewFormats;
     t.expect(viewFormats[0] === viewFormat);
 
     // Likewise for getCurrentTexture().