Blank page is displayed if WebAssembly is not available

[astrary]

If WebAssembly (WASM) is disabled in the browser, the website fails to load and displays a blank page, with no warning or fallback message to indicate that WASM is a requirement for the site to work

The developer console shows the following error:

Uncaught ReferenceError: WebAssembly is not defined
    at __wbg_load (website-e4af1af1acb04aef.js:219:9)
    at __wbg_init (website-e4af1af1acb04aef.js:851:40)
    at async ratzilla/:39:14

This happens on any website built with ratzilla.

[orhun]

I think it should be possible to add a check and handle it based on your application's behavior:

e.g. in index.html:

<script>
  if (typeof WebAssembly === "undefined") {
    document.body.innerHTML = `
      <div style="font-family: sans-serif; padding: 2rem; text-align: center;">
        <h1>⚠️ Your browser does not support WebAssembly</h1>
        <p>This website requires WebAssembly to run. Please use a modern browser (Chrome, Firefox, Safari, or Edge) and make sure WebAssembly is enabled.</p>
      </div>
    `;
    throw new Error("WebAssembly not supported");
  }
</script>

Alternatively, you could add a check for Javascript as well:

<noscript>
  <div style="font-family: sans-serif; padding: 2rem; text-align: center;">
    <h1>⚠️ JavaScript is disabled</h1>
    <p>This website requires JavaScript and WebAssembly to function properly.</p>
  </div>
</noscript>

(snippets are not tested, but they should work. I'm on a plane and doesn't have enough bandwidth to download wasm toolchain)

I also looked into trunk to see if there is any option we can use to set this globally (via Trunk.toml) but couldn't find anything.

@junkdog have you run into this before?