updated `wgpu-devices.js`

index.js

@@ -5,27 +5,11 @@ import { CANVAS, CTX, COLORS, RENDER_PASS_DESCRIPTOR } from './wgpu-constants.js
 import { createPipeline } from './wgpu-pipeline.js';
 import { createState } from './wgpu-state.js';
 import { generateGlyphVerticesForText } from './wgpu-text.js';
+import { initializeWebGPU } from './wgpu-devices.js';
 
 const canvas = document.querySelector('canvas');
 const state = createState(config);
 
-async function initializeWebGPU(navigator, adapter, canvas) {
-    const context = canvas.getContext('webgpu');
-    const device = await adapter?.requestDevice();
-    if (!device) {
-        alert('need a browser that supports WebGPU');
-        return { device: null, context: null, presentationFormat: null };
-    }
-
-    const presentationFormat = navigator.gpu.getPreferredCanvasFormat();
-    context.configure({
-        device,
-        format: presentationFormat,
-    });
-
-    return { device, context, presentationFormat };
-}
-
 async function main() {
     const adapter = await navigator.gpu?.requestAdapter();
     const { device, context, presentationFormat } = await initializeWebGPU(navigator, adapter, canvas);

wgpu-devices.js

@@ -1 +1,18 @@
 // wgpu-devices.js
+
+export async function initializeWebGPU(navigator, adapter, canvas) {
+    const context = canvas.getContext('webgpu');
+    const device = await adapter?.requestDevice();
+    if (!device) {
+        alert('need a browser that supports WebGPU');
+        return { device: null, context: null, presentationFormat: null };
+    }
+
+    const presentationFormat = navigator.gpu.getPreferredCanvasFormat();
+    context.configure({
+        device,
+        format: presentationFormat,
+    });
+
+    return { device, context, presentationFormat };
+}