Update manifest.json

Add more detail to building section of readme

README.md

@@ -60,21 +60,24 @@ You can read the API docs [here](https://wiki.sponsor.ajay.app/index.php/API_Doc
 
 # Building
 
-You must have Node.js 16 installed.
+You must have [Node.js 16](https://nodejs.org/) and npm installed.
 
-Rename `config.json.example` to `config.json` and adjust configuration as desired.
+1. Copy the file `config.json.example` to `config.json` and adjust configuration as desired.
 
-There are also other build scripts available. Install `npm`, then run `npm install` in the repository to install dependencies. 
+    - You will need to repeat this step in the future if you get build errors related to `CompileConfig`. This can happen for example when a new category is added.
 
-Run `npm run build` to generate a Chrome extension.
+2. Run `npm install` in the repository to install dependencies.
 
-Use `npm run build:firefox` to generate a Firefox extension.
+3. Run `npm run build:dev` (for Chrome) or `npm run build:dev:firefox` (for Firefox) to generate a development version of the extension with source maps.
 
-The result is in `dist`. This can be loaded as an unpacked extension
+    - You can also run `npm run build` (for Chrome) or `npm run build:firefox` (for Firefox) to generate a production build.
 
-## Developing with a clean profile
+4. The built extension is now in `dist/`. You can load it in Chrome as an [unpacked extension](https://developer.chrome.com/docs/extensions/mv3/getstarted/#manifest) or in Firefox as a [temporary extension](https://developer.mozilla.org/en-US/docs/Tools/about:debugging#loading_a_temporary_extension).
+
+### Developing with a clean profile and hot reloading
+
+Run `npm run dev` (for Chrome) or `npm run dev:firefox` (for Firefox) to run the extension using a clean browser profile with hot reloading. This uses [`web-ext run`](https://extensionworkshop.com/documentation/develop/web-ext-command-reference/#commands).
 
-Run `npm run dev` to run the extension using a clean browser profile with hot reloading. Use `npm run dev:firefox` for Firefox. This uses [`web-ext run`](https://extensionworkshop.com/documentation/develop/web-ext-command-reference/#commands).  
 Known chromium bug: Extension is not loaded properly on first start. Visit `chrome://extensions/` and reload the extension.
 
 For Firefox for Android, use `npm run dev:firefox-android -- --adb-device <ip-address of the device>`. See the [Firefox documentation](https://extensionworkshop.com/documentation/develop/developing-extensions-for-firefox-for-android/#debug-your-extension) for more information.

config.json.example

@@ -2,14 +2,15 @@
     "serverAddress": "https://sponsor.ajay.app",
     "testingServerAddress": "https://sponsor.ajay.app/test",
     "serverAddressComment": "This specifies the default SponsorBlock server to connect to",
-    "categoryList": ["sponsor", "selfpromo", "interaction", "poi_highlight", "intro", "outro", "preview", "music_offtopic"],
+    "categoryList": ["sponsor", "selfpromo", "interaction", "poi_highlight", "intro", "outro", "preview", "filler", "music_offtopic"],
     "categorySupport": {
         "sponsor": ["skip", "mute"],
         "selfpromo": ["skip", "mute"],
         "interaction": ["skip", "mute"],
-        "intro": ["skip"],
-        "outro": ["skip"],
-        "preview": ["skip"],
+        "intro": ["skip", "mute"],
+        "outro": ["skip", "mute"],
+        "preview": ["skip", "mute"],
+        "filler": ["skip", "mute"],
         "music_offtopic": ["skip"],
         "poi_highlight": ["skip"]
     },
@@ -20,6 +21,7 @@
         "intro": "https://wiki.sponsor.ajay.app/w/Intermission/Intro_Animation",
         "outro": "https://wiki.sponsor.ajay.app/w/Endcards/Credits",
         "preview": "https://wiki.sponsor.ajay.app/w/Preview/Recap",
+        "filler": "https://wiki.sponsor.ajay.app/w/Filler_Tangent",
         "music_offtopic": "https://wiki.sponsor.ajay.app/w/Music:_Non-Music_Section",
         "poi_highlight": "https://wiki.sponsor.ajay.app/w/Highlight",
         "guidelines": "https://wiki.sponsor.ajay.app/w/Guidelines",

manifest/manifest.json

@@ -1,7 +1,7 @@
 {
     "name": "__MSG_fullName__",
     "short_name": "SponsorBlock",
-    "version": "3.5.2",
+    "version": "3.6",
     "default_locale": "en",
     "description": "__MSG_Description__",
     "homepage_url": "https://sponsor.ajay.app",

public/_locales/en/messages.json

@@ -563,6 +563,15 @@
     "category_preview_description": {
         "message": "Quick recap of previous episodes, or a preview of what's coming up later in the current video. Meant for edited together clips, not for spoken summaries."
     },
+    "category_filler": {
+        "message": "Filler Tangent"
+    },
+    "category_filler_description": {
+        "message": "Tangential scenes added only for filler or humor that are not required to understand the main content of the video. This should not include segments providing context or background details."
+    },
+    "category_filler_short": {
+        "message": "Filler"
+    },
     "category_music_offtopic": {
         "message": "Music: Non-Music Section"
     },

src/config.ts

@@ -75,6 +75,8 @@ interface SBConfig {
         "preview-music_offtopic": PreviewBarOption,
         "poi_highlight": PreviewBarOption,
         "preview-poi_highlight": PreviewBarOption,
+        "filler": PreviewBarOption,
+        "preview-filler": PreviewBarOption,
     }
 }
 
@@ -283,6 +285,14 @@ const Config: SBObject = {
             "preview-poi_highlight": {
                 color: "#9b044c",
                 opacity: "0.7"
+            },
+            "filler": {
+                color: "#7300FF",
+                opacity: "0.9"
+            },
+            "preview-filler": {
+                color: "#2E0066",
+                opacity: "0.7"
             }
         }
     },