Show a message that this site requires JavaScript (#2989)

oblakeerickson · david-crespo · web-flow · commit be1cfc638ed5 · 2025-12-23T21:02:18.000Z
* Show a message that this site requires JavaScript Adds a noscript tag that displays a message that this site requires JavaScript to run. The easiest way to test this locally is to use Chrome since it can disable JavaScript per tab instead of globally. Open the dev console and click the gear icon and check "Disable "JavaScript" in the Debugger section. I skipped adding a test since it is a static change and playwright requires js to run. resolves #2928 * fill in noscript message more and style it * Turns out we do actually have the CSS in prod * forgot the external-link class --------- Co-authored-by: David Crespo <david-crespo@users.noreply.github.com>
diff --git a/index.html b/index.html
@@ -20,6 +20,13 @@
   </head>
   <body>
     <div id="root"></div>
+    <noscript>
+      <div class="min-h-screen grid place-content-center">
+        <p class="max-w-lg p-8 text-center text-balance">
+          This site requires JavaScript. If you don't want to enable JavaScript, see the <a href="https://docs.oxide.computer/" class="external-link" target="_blank" rel="noopener noreferrer">Oxide docs</a> to learn about accessing the API through the CLI or SDKs.
+        </p>
+      </div>
+    </noscript>
     <script type="module" src="./app/main.tsx"></script>
   </body>
 </html>
