Merge pull request #270 from RedGuy12/install

Author: cobaltt7

content/install.html

@@ -0,0 +1,43 @@
+---
+title: Install Scratch Addons
+description: Go to the Scratch Addons insallation page.
+---
+
+<script>
+    window.installButtonGo = (name, engine) => {
+        delete window.installButtonGo
+
+        // Figure out the browser
+        switch (engine) {
+            case "Blink":
+                if (name === "Microsoft Edge") location.href = "https://microsoftedge.microsoft.com/addons/detail/iliepgjnemckemgnledoipfiilhajdjj"
+                else location.href = "https://chrome.google.com/webstore/detail/fbeffbjdlemaoicjdapfpikkikjoneco"
+                break
+            case "Gecko":
+                location.href = "https://addons.mozilla.org/firefox/addon/scratch-messaging-extension/"
+                break
+            default:
+                location.href = "https://scratchaddons.com/docs/getting-started/installing/"
+                break
+        }
+    }
+
+    // Use Bowser to get the used browser, and save it to the local storage to avoid calling Bowser again.
+    if (localStorage.getItem("browserName") !== null && localStorage.getItem("browserEngine") !== null) installButtonGo(localStorage.getItem("browserName"), localStorage.getItem("browserEngine"))
+    else {
+        console.info("No browser data saved. Getting bowser to get it...")
+
+        const detectEngineElement = document.createElement("script")
+    
+        detectEngineElement.type = "module"
+        detectEngineElement.innerHTML = `
+        import bowser from 'https://cdn.jsdelivr.net/npm/bowser/+esm'
+    
+        localStorage.setItem("browserName", bowser.getParser(navigator.userAgent).parsedResult.browser.name)
+        localStorage.setItem("browserEngine", bowser.getParser(navigator.userAgent).parsedResult.engine.name)
+    
+        window.installButtonGo(localStorage.getItem("browserName"), localStorage.getItem("browserEngine"))
+        `
+        document.head.appendChild(detectEngineElement)
+    }
+</script>