feat: add firefox extension

2026-05-19 02:46:51 +02:00
parent 237b5f3004
commit bcee65cbad
7 changed files with 510 additions and 0 deletions
--- a/extensions/mal-firefox/popup.html
+++ b/extensions/mal-firefox/popup.html
@@ -0,0 +1,51 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>MAL Watchlist</title>
+    <link rel="stylesheet" href="popup.css" />
+  </head>
+  <body>
+    <div id="app">
+      <section class="panel">
+        <header class="header">
+          <div class="brand">
+            <img class="brandIcon" src="icon.svg" alt="" />
+            <div class="title">MyAnimeList</div>
+          </div>
+          <button id="logoutBtn" class="link" hidden>Log out</button>
+        </header>
+
+        <div class="divider"></div>
+
+        <div class="body">
+          Select an anime title on any page, then right click to open the context menu. Under
+          “MyAnimeList”, choose “Add to Watchlist” and pick a status to save it to your watchlist.
+        </div>
+
+        <div class="divider"></div>
+
+        <div id="loggedIn" class="statusRow" hidden>
+          <div class="statusDot"></div>
+          <div class="statusText">Signed in — context menu enabled</div>
+        </div>
+
+        <div id="login" class="login" hidden>
+          <label class="label">
+            Username
+            <input id="username" class="input" autocomplete="username" />
+          </label>
+          <label class="label">
+            Password
+            <input id="password" class="input" type="password" autocomplete="current-password" />
+          </label>
+          <button id="loginBtn" class="btn">Log in</button>
+          <div id="loginErr" class="error" hidden></div>
+        </div>
+      </section>
+    </div>
+
+    <script src="popup.js"></script>
+  </body>
+</html>