From 051f36649ea7040128faa7f486d45d4781b1446d Mon Sep 17 00:00:00 2001
From: Jonas12294 <laursenbayjonas@gmail.com>
Date: Sun, 2 Mar 2025 22:36:48 +0100
Subject: [PATCH] Upload files to "FirefoxExtension"

---
 FirefoxExtension/background.js |  86 ++++++++++++++
 FirefoxExtension/icon.png      | Bin 0 -> 12624 bytes
 FirefoxExtension/manifest.json |  19 ++++
 FirefoxExtension/popup.html    |  79 +++++++++++++
 FirefoxExtension/popup.js      | 200 +++++++++++++++++++++++++++++++++
 5 files changed, 384 insertions(+)
 create mode 100644 FirefoxExtension/background.js
 create mode 100644 FirefoxExtension/icon.png
 create mode 100644 FirefoxExtension/manifest.json
 create mode 100644 FirefoxExtension/popup.html
 create mode 100644 FirefoxExtension/popup.js

diff --git a/FirefoxExtension/background.js b/FirefoxExtension/background.js
new file mode 100644
index 0000000..8485f9a
--- /dev/null
+++ b/FirefoxExtension/background.js
@@ -0,0 +1,86 @@
+if (typeof browser === "undefined") {
+  var browser = chrome;
+}
+
+let autoRecordInterval = null;
+let autoRecordAllowedPrefixes = []; // Global storage for allowed URL prefixes
+
+browser.runtime.onMessage.addListener((message, sender, sendResponse) => {
+  if (message.action === "login") {
+    fetch("http://192.168.0.226:25570/api/login", {
+      method: "POST",
+      credentials: "include",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ username: message.username, password: message.password })
+    })
+      .then(response => response.json())
+      .then(data => {
+        console.log("Login response:", data);
+        sendResponse(data);
+      })
+      .catch(err => sendResponse({ error: err.toString() }));
+    return true;
+  } else if (message.action === "register") {
+    fetch("http://192.168.0.226:25570/api/register", {
+      method: "POST",
+      credentials: "include",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ username: message.username, password: message.password })
+    })
+      .then(response => response.json())
+      .then(data => {
+        console.log("Registration response:", data);
+        sendResponse(data);
+      })
+      .catch(err => sendResponse({ error: err.toString() }));
+    return true;
+  } else if (message.action === "startAutoRecord") {
+    if (message.allowedPrefixes) {
+      autoRecordAllowedPrefixes = message.allowedPrefixes
+        .split(",")
+        .map(s => s.trim())
+        .filter(s => s.length > 0);
+    } else {
+      autoRecordAllowedPrefixes = [];
+    }
+    if (autoRecordInterval) {
+      clearInterval(autoRecordInterval);
+    }
+    autoRecordInterval = setInterval(() => {
+      browser.tabs.query({ active: true, currentWindow: true }, (tabs) => {
+        if (tabs && tabs.length > 0) {
+          const currentUrl = tabs[0].url;
+          let recordUrl = false;
+          for (let prefix of autoRecordAllowedPrefixes) {
+            if (currentUrl.startsWith(prefix)) {
+              recordUrl = true;
+              break;
+            }
+          }
+          if (recordUrl) {
+            fetch("http://192.168.0.226:25570/record", {
+              method: "POST",
+              credentials: "include",
+              headers: { "Content-Type": "application/json" },
+              body: JSON.stringify({ url: currentUrl })
+            })
+              .then(response => response.json())
+              .then(data => console.log("Recorded URL:", data))
+              .catch(err => console.error("Recording error:", err));
+          } else {
+            console.log("URL does not match allowed prefixes, skipping: " + currentUrl);
+          }
+        }
+      });
+    }, message.interval || 10000);
+    sendResponse({ success: true, message: "Auto recording started" });
+    return true;
+  } else if (message.action === "stopAutoRecord") {
+    if (autoRecordInterval) {
+      clearInterval(autoRecordInterval);
+      autoRecordInterval = null;
+    }
+    sendResponse({ success: true, message: "Auto recording stopped" });
+    return true;
+  }
+});
diff --git a/FirefoxExtension/icon.png b/FirefoxExtension/icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..f59e63ca6102a3598c29ed33bc4bd15a29c77436
GIT binary patch
literal 12624
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
BGz9<v

literal 0
HcmV?d00001

diff --git a/FirefoxExtension/manifest.json b/FirefoxExtension/manifest.json
new file mode 100644
index 0000000..3784303
--- /dev/null
+++ b/FirefoxExtension/manifest.json
@@ -0,0 +1,19 @@
+{
+  "manifest_version": 2,
+  "name": "NovelBin Auto Recorder",
+  "version": "1.0",
+  "description": "Records the current chapter URL from NovelBin via the server, with account registration.",
+  "permissions": [
+    "tabs",
+    "storage",
+    "http://192.168.0.226:25570/*"
+  ],
+  "background": {
+    "scripts": ["background.js"],
+    "persistent": true
+  },
+  "browser_action": {
+    "default_popup": "popup.html",
+    "default_icon": "icon.png"
+  }
+}
diff --git a/FirefoxExtension/popup.html b/FirefoxExtension/popup.html
new file mode 100644
index 0000000..f703dac
--- /dev/null
+++ b/FirefoxExtension/popup.html
@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>NovelBin Auto Recorder</title>
+  <style>
+    body {
+      font-family: Arial, sans-serif;
+      padding: 10px;
+    }
+    .resizable {
+      resize: both;
+      overflow: auto;
+      border: 1px solid #ccc;
+      padding: 10px;
+      margin-bottom: 10px;
+    }
+    input[type="text"],
+    input[type="password"] {
+      width: 100%;
+      box-sizing: border-box;
+      padding: 5px;
+      margin-bottom: 5px;
+    }
+    button {
+      margin: 5px 0;
+    }
+    #authSection, #recorderSection, #chapterListSection {
+      min-width: 300px;
+    }
+    #chapterList li {
+      list-style: none;
+      padding: 3px 0;
+      border-bottom: 1px solid #ccc;
+    }
+  </style>
+</head>
+<body>
+  <!-- Authentication Section -->
+  <div id="authSection" class="resizable">
+    <div id="loginSection">
+      <h2>Login</h2>
+      <input type="text" id="loginUsername" placeholder="Username"><br/>
+      <input type="password" id="loginPassword" placeholder="Password"><br/>
+      <button id="loginBtn">Login</button>
+      <p>Don't have an account? <a href="#" id="showRegisterLink">Register here</a></p>
+    </div>
+    <div id="registerSection" style="display: none;">
+      <h2>Register</h2>
+      <input type="text" id="registerUsername" placeholder="Username"><br/>
+      <input type="password" id="registerPassword" placeholder="Password"><br/>
+      <input type="password" id="registerConfirmPassword" placeholder="Confirm Password"><br/>
+      <button id="registerBtn">Register</button>
+      <p>Already have an account? <a href="#" id="showLoginLink">Login here</a></p>
+    </div>
+  </div>
+
+  <!-- Recorder Section -->
+  <div id="recorderSection" class="resizable" style="display: none;">
+    <h2>Auto Record Settings</h2>
+    <label>
+      <input type="checkbox" id="autoRecordToggle"> Auto Record Current Chapter URL
+    </label><br/>
+    <input type="text" id="allowedPrefixes" placeholder="Enter allowed URL prefixes (comma separated)"><br/>
+    <button id="openResizableBtn">Open Resizable Window</button><br/>
+    <button id="logoutBtn">Logout</button>
+  </div>
+
+  <!-- Chapter List Section -->
+  <div id="chapterListSection" class="resizable" style="display: none;">
+    <h2>Recorded Chapters</h2>
+    <input type="text" id="searchQuery" placeholder="Search chapters..."><br/>
+    <input type="text" id="excludeWords" placeholder="Exclude words (comma separated)"><br/>
+    <ul id="chapterList"></ul>
+  </div>
+
+  <div id="status"></div>
+  <script src="popup.js"></script>
+</body>
+</html>
diff --git a/FirefoxExtension/popup.js b/FirefoxExtension/popup.js
new file mode 100644
index 0000000..9063f3f
--- /dev/null
+++ b/FirefoxExtension/popup.js
@@ -0,0 +1,200 @@
+if (typeof browser === "undefined") {
+  var browser = chrome;
+}
+
+document.addEventListener('DOMContentLoaded', function() {
+  // Authentication elements
+  const authSection = document.getElementById('authSection');
+  const loginSection = document.getElementById('loginSection');
+  const registerSection = document.getElementById('registerSection');
+  const loginBtn = document.getElementById('loginBtn');
+  const loginUsernameInput = document.getElementById('loginUsername');
+  const loginPasswordInput = document.getElementById('loginPassword');
+  const showRegisterLink = document.getElementById('showRegisterLink');
+  const registerBtn = document.getElementById('registerBtn');
+  const registerUsernameInput = document.getElementById('registerUsername');
+  const registerPasswordInput = document.getElementById('registerPassword');
+  const registerConfirmPasswordInput = document.getElementById('registerConfirmPassword');
+  const showLoginLink = document.getElementById('showLoginLink');
+
+  // Recorder and list elements
+  const recorderSection = document.getElementById('recorderSection');
+  const autoRecordToggle = document.getElementById('autoRecordToggle');
+  const allowedPrefixesInput = document.getElementById('allowedPrefixes');
+  const logoutBtn = document.getElementById('logoutBtn');
+  const openResizableBtn = document.getElementById('openResizableBtn');
+  const chapterListSection = document.getElementById('chapterListSection');
+  const searchQueryInput = document.getElementById('searchQuery');
+  const excludeWordsInput = document.getElementById('excludeWords');
+  const chapterListElement = document.getElementById('chapterList');
+  const statusDiv = document.getElementById('status');
+
+  // Load stored allowedPrefixes from browser.storage
+  browser.storage.local.get('allowedPrefixes', function(result) {
+    if (result.allowedPrefixes) {
+      allowedPrefixesInput.value = result.allowedPrefixes;
+    }
+  });
+  allowedPrefixesInput.addEventListener('change', function() {
+    const allowedPrefixes = allowedPrefixesInput.value.trim();
+    browser.storage.local.set({ allowedPrefixes: allowedPrefixes });
+  });
+
+  // Toggle between login and registration views
+  showRegisterLink.addEventListener('click', function(e) {
+    e.preventDefault();
+    loginSection.style.display = "none";
+    registerSection.style.display = "block";
+  });
+  showLoginLink.addEventListener('click', function(e) {
+    e.preventDefault();
+    registerSection.style.display = "none";
+    loginSection.style.display = "block";
+  });
+
+  // Check login status on load
+  fetch("http://192.168.0.226:25570/api/status", {
+    method: "GET",
+    credentials: "include"
+  })
+    .then(response => response.json())
+    .then(data => {
+      if (data.loggedIn) {
+        authSection.style.display = "none";
+        recorderSection.style.display = "block";
+        chapterListSection.style.display = "block";
+        statusDiv.textContent = "Logged in as " + data.username;
+      } else {
+        authSection.style.display = "block";
+        recorderSection.style.display = "none";
+        chapterListSection.style.display = "none";
+      }
+    })
+    .catch(err => {
+      console.error("Error checking login status:", err);
+    });
+
+  // Login handler
+  loginBtn.addEventListener('click', function() {
+    const username = loginUsernameInput.value.trim();
+    const password = loginPasswordInput.value.trim();
+    if (!username || !password) {
+      statusDiv.textContent = "Please enter username and password.";
+      return;
+    }
+    browser.runtime.sendMessage({ action: "login", username, password }, (response) => {
+      console.log("Login response:", response);
+      if (response.success) {
+        statusDiv.textContent = response.message;
+        authSection.style.display = "none";
+        recorderSection.style.display = "block";
+        chapterListSection.style.display = "block";
+      } else {
+        statusDiv.textContent = response.message || "Login failed.";
+      }
+    });
+  });
+
+  // Registration handler
+  registerBtn.addEventListener('click', function() {
+    const username = registerUsernameInput.value.trim();
+    const password = registerPasswordInput.value.trim();
+    const confirmPassword = registerConfirmPasswordInput.value.trim();
+    if (!username || !password || !confirmPassword) {
+      statusDiv.textContent = "Please fill in all registration fields.";
+      return;
+    }
+    if (password !== confirmPassword) {
+      statusDiv.textContent = "Passwords do not match.";
+      return;
+    }
+    browser.runtime.sendMessage({ action: "register", username, password }, (response) => {
+      console.log("Registration response:", response);
+      if (response.success) {
+        statusDiv.textContent = response.message;
+        authSection.style.display = "none";
+        recorderSection.style.display = "block";
+        chapterListSection.style.display = "block";
+      } else {
+        statusDiv.textContent = response.message || "Registration failed.";
+      }
+    });
+  });
+
+  // Auto record toggle handler
+  autoRecordToggle.addEventListener('change', function(e) {
+    if (e.target.checked) {
+      const allowedPrefixes = allowedPrefixesInput.value.trim();
+      browser.runtime.sendMessage({ action: "startAutoRecord", interval: 10000, allowedPrefixes }, (response) => {
+        statusDiv.textContent = response.message || response.error;
+      });
+    } else {
+      browser.runtime.sendMessage({ action: "stopAutoRecord" }, (response) => {
+        statusDiv.textContent = response.message || response.error;
+      });
+    }
+  });
+
+  // Open resizable window button
+  openResizableBtn.addEventListener('click', function() {
+    browser.windows.create({
+      url: browser.runtime.getURL("popup.html"),
+      type: "popup",
+      width: 600,
+      height: 600
+    });
+  });
+
+  // Logout handler
+  logoutBtn.addEventListener('click', function() {
+    window.location.href = "http://192.168.0.226:25570/logout";
+  });
+
+  // Function to update the chapter list
+  function updateChapterList() {
+    fetch("http://192.168.0.226:25570/logs", {
+      method: "GET",
+      credentials: "include"
+    })
+      .then(response => response.json())
+      .then(data => {
+        let chapters = data.updates || [];
+        // Sort alphabetically by URL
+        chapters.sort((a, b) => a.url.localeCompare(b.url));
+        // Filter by search query (case-insensitive)
+        const searchQuery = searchQueryInput.value.trim().toLowerCase();
+        if (searchQuery) {
+          chapters = chapters.filter(item => item.url.toLowerCase().includes(searchQuery));
+        }
+        // Filter out entries with excluded words
+        const excludeWordsStr = excludeWordsInput.value.trim().toLowerCase();
+        if (excludeWordsStr) {
+          const excludeWords = excludeWordsStr.split(",").map(s => s.trim()).filter(s => s.length > 0);
+          if (excludeWords.length > 0) {
+            chapters = chapters.filter(item => {
+              for (const word of excludeWords) {
+                if (item.url.toLowerCase().includes(word)) {
+                  return false;
+                }
+              }
+              return true;
+            });
+          }
+        }
+        // Update the chapter list UI
+        chapterListElement.innerHTML = "";
+        chapters.forEach(item => {
+          const li = document.createElement("li");
+          li.textContent = item.url + " (" + new Date(item.timestamp).toLocaleTimeString() + ")";
+          chapterListElement.appendChild(li);
+        });
+      })
+      .catch(err => {
+        console.error("Error fetching logs:", err);
+      });
+  }
+
+  setInterval(updateChapterList, 5000);
+  searchQueryInput.addEventListener('input', updateChapterList);
+  excludeWordsInput.addEventListener('input', updateChapterList);
+});