Enable features impacting WGSL if available

Defines an allow list of features that impact the WGSL environment, and
enables them if the adapter says they're available.

Fixes #100

Author: jhelferty-nv

src/App.vue

@@ -100,9 +100,28 @@ async function tryGetDevice() {
         console.log('need a browser that supports WebGPU');
         return null;
     }
-    const requiredFeatures: [] = [];
-
-    let device = await adapter?.requestDevice({ requiredFeatures });
+    // Allow list of GPU features that can impact WGSL
+    const allowedFeatures: GPUFeatureName[] = [
+        "depth32float-stencil8",
+        "texture-compression-bc",
+        "texture-compression-bc-sliced-3d",
+        "texture-compression-etc2",
+        "texture-compression-astc",
+        "texture-compression-astc-sliced-3d",
+        "shader-f16",
+        "rg11b10ufloat-renderable",
+        "bgra8unorm-storage",
+        "float32-filterable",
+        "float32-blendable",
+        "clip-distances",
+        "dual-source-blending",
+        "subgroups",
+        "texture-formats-tier1",
+        "texture-formats-tier2",
+    ];
+    const requiredFeatures: GPUFeatureName[] = allowedFeatures.filter(f => adapter.features.has(f));
+
+    let device = await adapter.requestDevice({ requiredFeatures });
     if (!device) {
         console.log('need a browser that supports WebGPU');
         return null;