Add youtube hashtag linking

Author: gregjacobs

live-example/src/main.ts

@@ -67,7 +67,7 @@ $(document).ready(function () {
         hashtagOption = new RadioOption({
             name: 'hashtag',
             description: 'Hashtags',
-            options: [false, 'twitter', 'facebook', 'instagram', 'tiktok'],
+            options: [false, 'twitter', 'facebook', 'instagram', 'tiktok', 'youtube'],
             defaultValue: false,
         }).onChange(autolink);
 

package.json

@@ -15,6 +15,7 @@
         "build:src": "ts-node scripts/build.ts",
         "build:live-example": "webpack",
         "clean": "rimraf dist",
+        "devserver": "webpack-dev-server",
         "prepublishOnly": "npm-run-all build test",
         "start": "webpack serve --open",
         "test": "npm-run-all test:unit test:integration",

src/autolinker.ts

@@ -265,6 +265,8 @@ export default class Autolinker {
      * - 'twitter'
      * - 'facebook'
      * - 'instagram'
+     * - 'tiktok'
+     * - 'youtube'
      *
      * Pass `false` to skip auto-linking of hashtags.
      */

src/match/hashtag-match.ts

@@ -97,6 +97,8 @@ export class HashtagMatch extends AbstractMatch {
                 return 'https://instagram.com/explore/tags/' + hashtag;
             case 'tiktok':
                 return 'https://www.tiktok.com/tag/' + hashtag;
+            case 'youtube':
+                return 'https://youtube.com/hashtag/' + hashtag;
 
             default:
                 // Shouldn't happen because Autolinker's constructor should block any invalid values, but just in case

src/parser/hashtag-utils.ts

@@ -16,5 +16,11 @@ export function isValidHashtag(hashtag: string): boolean {
     return hashtag.length <= 140;
 }
 
-export type HashtagService = 'twitter' | 'facebook' | 'instagram' | 'tiktok';
-export const hashtagServices: HashtagService[] = ['twitter', 'facebook', 'instagram', 'tiktok'];
+export type HashtagService = 'twitter' | 'facebook' | 'instagram' | 'tiktok' | 'youtube';
+export const hashtagServices: HashtagService[] = [
+    'twitter',
+    'facebook',
+    'instagram',
+    'tiktok',
+    'youtube',
+];

tests/autolinker-hashtag.spec.ts

@@ -21,6 +21,10 @@ describe(`Hashtag Matching >`, () => {
         hashtag: 'tiktok',
         newWindow: false,
     });
+    const youtubeAutolinker = new Autolinker({
+        hashtag: 'youtube',
+        newWindow: false,
+    });
 
     const services: HashtagTestService[] = [
         {
@@ -43,6 +47,11 @@ describe(`Hashtag Matching >`, () => {
             urlPrefix: 'https://www.tiktok.com/tag',
             autolinker: tiktokAutolinker,
         },
+        {
+            serviceName: 'youtube',
+            urlPrefix: 'https://youtube.com/hashtag',
+            autolinker: youtubeAutolinker,
+        },
     ];
 
     interface HashtagTestService {