From ee98729be398eeceb1635feaeca5a7534c7948a8 Mon Sep 17 00:00:00 2001
From: Anthony <62391911+ajwood1965@users.noreply.github.com>
Date: Sun, 24 Mar 2024 13:02:51 -0500
Subject: [PATCH] warn on missing needed browser features in example index
 pages.

---
 examples/index-file.html | 22 ++++++++++++++++------
 examples/index.html      | 13 +++++++++++++
 2 files changed, 29 insertions(+), 6 deletions(-)
diff --git a/examples/index-file.html b/examples/index-file.html
index b4293f31..33b4815b 100644
--- a/examples/index-file.html
+++ b/examples/index-file.html
@@ -1,20 +1,15 @@
 <!doctype html>
 <head>
 	<title>Examples using tiny-wasm-runtime</title>
-
-    <script>
-        if (!HTMLScriptElement.supports('importmap')) {
-}			document.getElementById("errorMsg").innerHTML ="THIS BROWSER DOES NOT SUPPORT script type='importmap'.  These demos will not work.";
-    </script>  
 </head>
 <body style="margin: 30px;font-family: Arial, Helvetica, sans-serif;">
  
     <br>
     <h1>Examples</h1>
     <h2>Using tiny-wasm-runtime</h2>
+    <div id="errorMsg" style="color: red"></div>
     <p>File (unbundled) version</p>
     <p>Use the browser back arrow to return to this menu from an example</p>
-    <div id="errorMsg"></div>
     <br>
     <a href="helloworld/index.html">hello world</a>
     <br>
@@ -37,6 +32,21 @@ <h2>Using tiny-wasm-runtime</h2>
     <a href="tests/index.html">Run tiny-wasm-runtime unit tests</a>
     <br><br>
     <a href="index.html">Switch to the bundled examples</a>
+
+    <script>
+        if (!this["WebAssembly"])
+            document.getElementById("errorMsg").innerHTML+= "ERROR: This browser does not support Web Assembly. <br>";
+   
+        if (!HTMLScriptElement.supports('importmap')) 
+    		document.getElementById("errorMsg").innerHTML+="ERROR: This browser does not support script type='importmap'.  These demos will not work. <br>";
+    
+        if (!crossOriginIsolated && !(window.location.protocol === 'file:'))
+            document.getElementById("errorMsg").innerHTML+= "WARNING: twrWasmModuleAsync examples need crossOriginIsolated. See tiny-wasm-runtime or SharedArrayBuffer docs. <br>";
+    
+        if (!this["SharedArrayBuffer"])
+            document.getElementById("errorMsg").innerHTML+= "WARNING: twrWasmModuleAsync examples use SharedArrayBuffer but SharedArrayBuffer is not available in this browser. See tiny-wasm-runtime or SharedArrayBuffer docs. <br>";
+    </script>
+
 </body>
 </html>
  
\ No newline at end of file
diff --git a/examples/index.html b/examples/index.html
index 278c57b4..144ee3b8 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -6,6 +6,7 @@
     <br>
     <h1>Examples</h1>
     <h2>Using tiny-wasm-runtime</h2>
+    <div id="errorMsg" style="color: red"></div>
     <p>Bundled version</p>
     <p>Use the browser back arrow to return to this menu from an example</p>
     <br>
@@ -30,6 +31,18 @@ <h2>Using tiny-wasm-runtime</h2>
     <a href="tests/dist/index.html">Run tiny-wasm-runtime unit tests</a>
     <br><br>
     <a href="index-file.html">Switch to the unbundled examples</a>
+
+    <script>
+        if (!this["WebAssembly"])
+            document.getElementById("errorMsg").innerHTML+= "ERROR: This browser does not support Web Assembly. <br>";
+   
+        if (!crossOriginIsolated && !(window.location.protocol === 'file:'))
+            document.getElementById("errorMsg").innerHTML+= "WARNING: twrWasmModuleAsync examples need crossOriginIsolated. See tiny-wasm-runtime or SharedArrayBuffer docs. <br>";
+    
+        if (!this["SharedArrayBuffer"])
+            document.getElementById("errorMsg").innerHTML+= "WARNING: twrWasmModuleAsync examples use SharedArrayBuffer but SharedArrayBuffer is not available in this browser. See tiny-wasm-runtime or SharedArrayBuffer docs. <br>";
+    </script>
+
 </body>
 </html>
  
\ No newline at end of file
