Fix serial button not showing (#45)

improv-wifi · Oct 16, 2024 · 48467c1 · 48467c1
1 parent 2a206d7
commit 48467c1
Show file tree

Hide file tree

Showing 7 changed files with 40 additions and 17 deletions.
diff --git a/script/build b/script/build
@@ -5,6 +5,7 @@ cd "$(dirname "$0")/.."
 
 rm -rf dist
 cp -r public dist
-script/download_js_sdk
+script/download_js_ble_sdk
+script/download_js_serial_sdk
 
 NODE_ENV=production npm exec -- eleventy
diff --git a/script/develop b/script/develop
@@ -5,7 +5,8 @@ cd "$(dirname "$0")/.."
 
 rm -rf dist
 cp -r public dist
-script/download_js_sdk
+script/download_js_ble_sdk
+script/download_js_serial_sdk
 
 # Quit all background tasks when script exits
 trap "kill 0" EXIT

diff --git a/script/download_js_ble_sdk b/script/download_js_ble_sdk
@@ -0,0 +1,13 @@
+# Stop on errors
+set -e
+
+cd "$(dirname "$0")/.."
+
+SDK_VER=latest
+
+DOWNLOAD_URL=$(npm view improv-wifi-sdk@$SDK_VER dist.tarball)
+
+rm -rf dist/sdk-ble-js
+mkdir -p dist/sdk-ble-js
+
+curl $DOWNLOAD_URL | tar zx -C dist/sdk-ble-js --strip-components 3 package/dist/web
diff --git a/script/download_js_sdk b/script/download_js_sdk
diff --git a/script/download_js_serial_sdk b/script/download_js_serial_sdk
@@ -0,0 +1,13 @@
+# Stop on errors
+set -e
+
+cd "$(dirname "$0")/.."
+
+SDK_VER=latest
+
+DOWNLOAD_URL=$(npm view improv-wifi-serial-sdk@$SDK_VER dist.tarball)
+
+rm -rf dist/sdk-serial-js
+mkdir -p dist/sdk-serial-js
+
+curl $DOWNLOAD_URL | tar zx -C dist/sdk-serial-js --strip-components 3 package/dist/web
diff --git a/src/_includes/base.html b/src/_includes/base.html
@@ -51,7 +51,8 @@
       name="twitter:image"
       content="https://www.improv-wifi.com/images/social.png"
     />
-    <script type="module" src="/sdk-js/launch-button.js"></script>
+    <script type="module" src="/sdk-ble-js/launch-button.js"></script>
+    <script type="module" src="/sdk-serial-js/serial-launch-button.js"></script>
   </head>
   <body>
     <div class="container">

diff --git a/src/index.html b/src/index.html
@@ -29,6 +29,7 @@ <h2>
   Both protocols can also be used from a browser.
 </p>
 <div>
+  <h3>Improv via BLE</h3>
   <improv-wifi-launch-button>
     <span slot="unsupported">
       Your browser is not supported. To try it out, visit this page with Google
@@ -37,8 +38,14 @@ <h2>
       >.
     </span>
   </improv-wifi-launch-button>
+  <h3>Improv via Serial</h3>
   <improv-wifi-serial-launch-button>
-    <span slot="unsupported"></span>
+    <span slot="unsupported">
+      Your browser is not supported. To try it out, visit this page with Google
+      Chrome or Microsoft Edge<span class="not-supported-i hidden">
+        (but not on your iOS device)</span
+      >.
+    </span>
   </improv-wifi-serial-launch-button>
 </div>
 <p>