From 185284e3b046ac7f34fcdce496ee4da5eaea0c69 Mon Sep 17 00:00:00 2001
From: Captain Jack Sparrow <163903675+sussy-code@users.noreply.github.com>
Date: Thu, 25 Apr 2024 18:45:10 +0000
Subject: [PATCH] Extension page guide created!

---
 pages/extension.mdx | 41 +++++++++++++++++++++++++++++++++++++++++
 theme.config.tsx    |  5 ++++-
 2 files changed, 45 insertions(+), 1 deletion(-)
 create mode 100644 pages/extension.mdx

diff --git a/pages/extension.mdx b/pages/extension.mdx
new file mode 100644
index 0000000..5827511
--- /dev/null
+++ b/pages/extension.mdx
@@ -0,0 +1,41 @@
+---
+title: 'Browser extension'
+---
+
+# Browser extension
+
+The sudo-flix browser extension greatly enhances streaming quality and video availability, meaning it will be easier and faster than ever to watch high quality media right in your browser.
+
+## Loading a CRX file
+
+1. Download the crx file [here](https://github.com/sussy-code/browser-ext/releases/tag/1.1.4).
+
+<Note>
+Sometimes your browser may block downloading or installing CRX file from outside the Chrome Web Store. If so, download the ZIP file instead.
+</Note>
+
+2. Go to your extensions page by typing the corresponding URL into your browser from the table below.
+
+| Browser          | URL                   |
+| :--------------- | :-------------------- |
+| Microsoft Edge   | `edge://extensions`   |
+| Google Chrome    | `chrome://extensions` |
+| Mozilla Firefox  | `about:addons`        |
+
+3. Enable `Developer mode`, watch [this video](https://www.youtube.com/watch?v=sZeUZjhOfgM&t=65s) if you have trouble.
+
+4. Drag and drop the downloaded extension CRX file into the Extensions page.
+
+5. When prompted, click Add extension to install the extension.
+
+## Loading a ZIP file
+
+1. Download and unpack the ZIP file from [here](https://github.com/sussy-code/browser-ext/releases/download/1.1.4/1.1.4-mwext-zip.zip).
+
+2. Head to your browser's extensions page (see table above).
+
+3. Enable `Developer mode` toggle.
+
+4. Click the `Load unpacked` button.
+
+5. Select the folder with the unpacked extension ZIP file from step 1.
diff --git a/theme.config.tsx b/theme.config.tsx
index 276a56c..2e4b462 100644
--- a/theme.config.tsx
+++ b/theme.config.tsx
@@ -56,7 +56,10 @@ export default defineTheme({
   directories: [
     directory("main", {
       sidebar: [
-        link("Instances", "/instances", { icon: 'mdi:web' }),
+        group("Global", [
+          link("Instances", "/instances", { icon: 'mdi:web' }),
+          link("Browser extension", "/extension", { icon: 'mdi:plugin' }),
+        ]),
         group("Self-Hosting", [
           link("Start self-hosting", "/self-hosting/hosting-intro"),
           link("Configure backend", "/self-hosting/use-backend"),