Add seperate hook category

Author: ajayyy

config.json.example

@@ -2,7 +2,7 @@
     "serverAddress": "https://sponsor.ajay.app",
     "testingServerAddress": "https://sponsor.ajay.app/test",
     "serverAddressComment": "This specifies the default SponsorBlock server to connect to",
-    "categoryList": ["sponsor", "selfpromo", "exclusive_access", "interaction", "poi_highlight", "intro", "outro", "preview", "filler", "chapter", "music_offtopic"],
+    "categoryList": ["sponsor", "selfpromo", "exclusive_access", "interaction", "poi_highlight", "intro", "outro", "preview", "hook", "filler", "chapter", "music_offtopic"],
     "categorySupport": {
         "sponsor": ["skip", "mute", "full"],
         "selfpromo": ["skip", "mute", "full"],
@@ -11,6 +11,7 @@
         "intro": ["skip", "mute"],
         "outro": ["skip", "mute"],
         "preview": ["skip", "mute"],
+        "hook": ["skip", "mute"],
         "filler": ["skip", "mute"],
         "music_offtopic": ["skip"],
         "poi_highlight": ["poi"],
@@ -24,6 +25,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",
+        "hook": "https://wiki.sponsor.ajay.app/w/Hook/Greetings",
         "filler": "https://wiki.sponsor.ajay.app/w/Tangents/Jokes",
         "music_offtopic": "https://wiki.sponsor.ajay.app/w/Music:_Non-Music_Section",
         "poi_highlight": "https://wiki.sponsor.ajay.app/w/Highlight",

public/_locales

@@ -459,6 +459,14 @@ const syncDefaults = {
             color: "#005799",
             opacity: "0.7"
         },
+        "hook": {
+            color: "#395699",
+            opacity: "0.8"
+        },
+        "preview-hook": {
+            color: "#273963",
+            opacity: "0.7"
+        },
         "music_offtopic": {
             color: "#ff9900",
             opacity: "0.7"

src/config.ts

@@ -98,6 +98,23 @@ export function getGuidelineInfo(category: Category): TextBox[] {
                 icon: "icons/right-arrow.svg",
                 text: chrome.i18n.getMessage(`generic_guideline2`)
             }];
+        case "hook":
+            return [{
+                icon: "icons/campaign.svg",
+                text: chrome.i18n.getMessage(`category_${category}_guideline1`)
+            }, {
+                icon: "icons/check-smaller.svg",
+                text: chrome.i18n.getMessage(`category_${category}_guideline2`)
+            }, {
+                icon: "icons/close-smaller.svg",
+                text: chrome.i18n.getMessage(`category_${category}_guideline3`)
+            }, {
+                icon: "icons/segway.png",
+                text: chrome.i18n.getMessage(`generic_guideline1`)
+            }, {
+                icon: "icons/right-arrow.svg",
+                text: chrome.i18n.getMessage(`generic_guideline2`)
+            }];
         case "filler":
             return [{
                 icon: "icons/stopwatch.svg",