Add Funimation web integration

src/content-scripts/funimation.ts

@@ -0,0 +1,45 @@
+import WebIntegration from '@/utils/WebIntegration';
+import * as Enum from '@/utils/Enum';
+
+/**
+ * Display overlay for anime page.
+ */
+function animePage(): void {
+  const titleNode = document.querySelector('#main > .content-series2');
+
+  const title = titleNode ? titleNode.getAttribute('data-title') : null;
+
+  if (title) WebIntegration.displayButton(title, Enum.SearchType.ANIME);
+}
+
+/**
+ * Display overlay for anime episode page.
+ */
+function animeEpisodePage(): void {
+  const titleNode = document.querySelector('#video-details h1 > a') as HTMLElement;
+
+  const title = titleNode ? titleNode.innerText : null;
+
+  if (title) WebIntegration.displayButton(title, Enum.SearchType.ANIME);
+}
+
+async function init() {
+  try {
+    if (!(await WebIntegration.isEnabled())) return;
+
+    // In case we are on an anime page.
+    if (document.querySelector('#main > .content-series2')) {
+      animePage();
+    }
+
+    // In case we are on an anime episode page.
+    if (document.getElementById('video-details')) {
+      animeEpisodePage();
+    }
+  }
+  catch (e) {
+    console.error(e);
+  }
+}
+
+init();

src/manifest_chrome.json

@@ -30,6 +30,10 @@
       "matches": ["*://www.crunchyroll.com/*"],
       "js": ["js/content/crunchyroll.js"]
     },
+    {
+      "matches": ["*://www.funimation.com/*"],
+      "js": ["js/content/funimation.js"]
+    },
     {
       "matches": ["*://www.wakanim.tv/*"],
       "js": ["js/content/wakanim.js"]

src/manifest_firefox.json

@@ -34,6 +34,10 @@
       "matches": ["*://www.crunchyroll.com/*"],
       "js": ["js/content/crunchyroll.js"]
     },
+    {
+      "matches": ["*://www.funimation.com/*"],
+      "js": ["js/content/funimation.js"]
+    },
     {
       "matches": ["*://www.wakanim.tv/*"],
       "js": ["js/content/wakanim.js"]

src/utils/WebIntegration.ts

@@ -126,6 +126,7 @@ function getHtml(
       flex-direction: row;
       height: 100%;
       justify-content: flex-end;
+      margin: 0;
       padding: 0 12px;
     }
 
@@ -135,7 +136,8 @@ function getHtml(
 
     #al-search__menu > ul > li:first-child {
       font-weight: bold;
-      margin-right: 20px;
+      margin: 0 20px 0 0;
+      padding: 0;
       white-space: nowrap;
     }
 

vue.config.js

@@ -11,6 +11,7 @@ const scripts = {
   content: {
     // 'script': './src/content-scripts/script.ts',
     'crunchyroll': './src/content-scripts/crunchyroll.ts',
+    'funimation': './src/content-scripts/funimation.ts',
     'wakanim': './src/content-scripts/wakanim.ts',
   },
 };