Upload files to "FirefoxExtension"
This commit is contained in:
parent
64544c4219
commit
051f36649e
86
FirefoxExtension/background.js
Normal file
86
FirefoxExtension/background.js
Normal file
@ -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;
|
||||
}
|
||||
});
|
||||
BIN
FirefoxExtension/icon.png
Normal file
BIN
FirefoxExtension/icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
19
FirefoxExtension/manifest.json
Normal file
19
FirefoxExtension/manifest.json
Normal file
@ -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"
|
||||
}
|
||||
}
|
||||
79
FirefoxExtension/popup.html
Normal file
79
FirefoxExtension/popup.html
Normal file
@ -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>
|
||||
200
FirefoxExtension/popup.js
Normal file
200
FirefoxExtension/popup.js
Normal file
@ -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);
|
||||
});
|
||||
Loading…
x
Reference in New Issue
Block a user