IIFE workaround for missing top-level await

vakila · Nov 30, 2023 · 0a63fef · 0a63fef
1 parent 8d09c28
commit 0a63fef
Showing 1 changed file with 8 additions and 6 deletions.
diff --git a/main.js b/main.js
@@ -2,10 +2,12 @@ import "./style.css"; // Vite handles inserting CSS
 // Common pattern is to put JS source files in src/
 import { setupVideo, takePhoto } from "./src/camera.js";
 
-const button = document.querySelector("#take-photo");
-const canvas = document.querySelector("canvas");
-const video = await setupVideo();
+(async function run() {
+  const button = document.querySelector("#take-photo");
+  const canvas = document.querySelector("canvas");
+  const video = await setupVideo();
 
-button.addEventListener("click", () => {
-  takePhoto(video, canvas);
-});
+  button.addEventListener("click", () => {
+    takePhoto(video, canvas);
+  });
+})();