From fc142e8ab1582bc34ec8e04f4b4e30bcd1d2b0f3 Mon Sep 17 00:00:00 2001
From: Alf <alf.g.jr@gmail.com>
Date: Mon, 2 Nov 2020 18:33:33 -0800
Subject: [PATCH] Update readme and add alert for browser compatibility
 warning.

---
 README.md         | 9 +++++++--
 www/.gitignore    | 3 +++
 www/src/App.vue   | 5 +++++
 www/vue.config.js | 2 +-
 4 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index cf2d96f..6506c05 100644
--- a/README.md
+++ b/README.md
@@ -23,9 +23,14 @@ Emscripten is also used to create and compile the Wasm bindings to be imported b
 docker-compose run ffprobe-web-analyzer make
 ```
 
-This will build the WASM module and place it into the `/dist` folder.
+This will build the Wasm module and place it into the `/dist` directory.
 
-* Install and run web:
+* Copy the JS and Wasm modules into `www/public/`:
+```
+cp -a dist/. www/public/
+```
+
+* Install and run the web application:
 ```
 cd www
 npm install
diff --git a/www/.gitignore b/www/.gitignore
index 403adbc..26d0a1d 100644
--- a/www/.gitignore
+++ b/www/.gitignore
@@ -21,3 +21,6 @@ pnpm-debug.log*
 *.njsproj
 *.sln
 *.sw?
+
+public/*.js
+public/*.wasm
\ No newline at end of file
diff --git a/www/src/App.vue b/www/src/App.vue
index 47e969d..e8a8c6e 100644
--- a/www/src/App.vue
+++ b/www/src/App.vue
@@ -14,6 +14,11 @@
 
     <div id="app" class="container">
       <h3>FFProbe Web Analyzer</h3>
+
+      <b-alert variant="warning" show>
+        ⚠️Compatible with Chrome and Edge only due to limited support for <a href="https://caniuse.com/sharedarraybuffer">SharedArrayBuffer</a> and the <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/SharedArrayBuffer">required CORS headers</a> for Firefox on Github Pages.
+      </b-alert>
+
       <hr />
       <File />
     </div>
diff --git a/www/vue.config.js b/www/vue.config.js
index 29defd5..22d612d 100644
--- a/www/vue.config.js
+++ b/www/vue.config.js
@@ -2,7 +2,7 @@ module.exports = {
   pages: {
     index: {
       entry: 'src/main.js',
-      title: 'FFMpeg WebTools',
+      title: 'FFProbe Web Analyzer',
     }
   },
   publicPath: process.env.NODE_ENV === 'production'