Move browser incompatibility check outside the JS bundle

frontend/src/main.ts

@@ -1,43 +1,21 @@
+// This file is the browser's entry point for the JS bundle
+
 // reflect-metadata allows for runtime reflection of types in JavaScript.
 // It is needed for class-transformer to work and is imported as a side effect.
 // The library replaces the Reflect API on the window to support more features.
 import "reflect-metadata";
 import { createApp } from "vue";
 
-import { stripIndents } from "@/utility-functions/strip-indents";
 import { initWasm } from "@/wasm-communication/editor";
 
 import App from "@/App.vue";
 
-// Browser app entry point
-(async (): Promise<void> => {
-	// Confirm the browser is compatible before initializing the application
-	if (!checkBrowserCompatibility()) return;
-
+// This exported function is called in `index.html` after confirming that the browser supports all required JS standards
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+(window as any).graphiteAppInit = async (): Promise<void> => {
 	// Initialize the WASM module for the editor backend
 	await initWasm();
 
 	// Initialize the Vue application
 	createApp(App).mount("#app");
-})();
-
-function checkBrowserCompatibility(): boolean {
-	if (!("BigUint64Array" in window)) {
-		const body = document.body;
-		const message = stripIndents`
-			<style>
-			h2, p, a { text-align: center; color: white; }
-			#app { display: none; }
-			</style>
-			<h2>This browser is too old</h2>
-			<p>Please upgrade to a modern web browser such as the latest Firefox, Chrome, Edge, or Safari version 15 or newer.</p>
-			<p>(The <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/BigInt64Array#browser_compatibility" target="_blank"><code>BigInt64Array</code></a>
-			JavaScript API must be supported by the browser for Graphite to function.)</p>
-			`;
-		body.innerHTML = message + body.innerHTML;
-
-		return false;
-	}
-
-	return true;
-}
+};