feat(diagnostics): check if WebAssembly is supported

Author: mman

src/app/Marine2/components/views/DiagnosticsView.tsx

@@ -69,7 +69,19 @@ const getDeviceDiagnostics = (windowSize: { width?: number; height?: number }) =
       property: translate("diagnostics.device.viewportHeight"),
       value: (windowSize.height ?? window.innerHeight) + "px",
     },
+    {
+      property: translate("diagnostics.device.isWebAssemblySupported"),
+      value: `${checkIfWebAssemblyIsSupported()}`,
+    },
   ]
 }
 
+const checkIfWebAssemblyIsSupported = () => {
+  // Check for WebAssembly presence
+  if (typeof WebAssembly === "object" && typeof WebAssembly.instantiate === "function") {
+    return true
+  }
+  return false
+}
+
 export default observer(DiagnosticsView)

src/app/locales/languages/en.json

@@ -115,7 +115,8 @@
             "device": "Device",
             "userAgent": "User agent",
             "viewportHeight": "Viewport height",
-            "viewportWidth": "Viewport width"
+            "viewportWidth": "Viewport width",
+            "isWebAssemblySupported": "WebAssembly supported"
         },
         "diagnostics": "Diagnostics"
     },