update to manifest-v3

This commit is contained in:
makaveli10
2023-05-30 11:31:28 +05:30
parent f113290129
commit 4c52ff26cf
25 changed files with 429 additions and 1407 deletions
+65 -140
View File
@@ -1,145 +1,70 @@
let interval;
let timeLeft;
// Wait for the DOM content to be fully loaded
document.addEventListener("DOMContentLoaded", function () {
const startButton = document.getElementById("startCapture");
const stopButton = document.getElementById("stopCapture");
const displayStatus = function() { //function to handle the display of time and buttons
chrome.tabs.query({active: true, currentWindow: true}, (tabs) => {
const status = document.getElementById("status");
const timeRem = document.getElementById("timeRem");
const startButton = document.getElementById('start');
const finishButton = document.getElementById('finish');
const cancelButton = document.getElementById('cancel');
//CODE TO BLOCK CAPTURE ON YOUTUBE, DO NOT DELETE
// if(tabs[0].url.toLowerCase().includes("youtube")) {
// status.innerHTML = "Capture is disabled on this site due to copyright";
// } else {
chrome.runtime.sendMessage({currentTab: tabs[0].id}, (response) => {
if(response) {
chrome.storage.sync.get({
maxTime: 1200000,
limitRemoved: false
}, (options) => {
if(options.maxTime > 1200000) {
chrome.storage.sync.set({
maxTime: 1200000
});
timeLeft = 1200000 - (Date.now() - response)
} else {
timeLeft = options.maxTime - (Date.now() - response)
}
status.innerHTML = "Tab is currently being captured";
if(options.limitRemoved) {
timeRem.innerHTML = `${parseTime(Date.now() - response)}`;
interval = setInterval(() => {
timeRem.innerHTML = `${parseTime(Date.now() - response)}`;
});
} else {
timeRem.innerHTML = `${parseTime(timeLeft)} remaining`;
interval = setInterval(() => {
timeLeft = timeLeft - 1000;
timeRem.innerHTML = `${parseTime(timeLeft)} remaining`;
}, 1000);
}
});
finishButton.style.display = "block";
cancelButton.style.display = "block";
} else {
startButton.style.display = "block";
}
});
// }
});
}
// Add click event listeners to the buttons
startButton.addEventListener("click", startCapture);
stopButton.addEventListener("click", stopCapture);
const parseTime = function(time) { //function to display time remaining or time elapsed
let minutes = Math.floor((time/1000)/60);
let seconds = Math.floor((time/1000) % 60);
if (minutes < 10 && minutes >= 0) {
minutes = '0' + minutes;
} else if (minutes < 0) {
minutes = '00';
}
if (seconds < 10 && seconds >= 0) {
seconds = '0' + seconds;
} else if (seconds < 0) {
seconds = '00';
}
return `${minutes}:${seconds}`
}
//manipulation of the displayed buttons upon message from background
chrome.runtime.onMessage.addListener((request, sender) => {
chrome.tabs.query({active: true, currentWindow: true}, (tabs) => {
const status = document.getElementById("status");
const timeRem = document.getElementById("timeRem");
const buttons = document.getElementById("buttons");
const startButton = document.getElementById('start');
const finishButton = document.getElementById('finish');
const cancelButton = document.getElementById('cancel');
if(request.captureStarted && request.captureStarted === tabs[0].id) {
chrome.storage.sync.get({
maxTime: 1200000,
limitRemoved: false
}, (options) => {
if(options.maxTime > 1200000) {
chrome.storage.sync.set({
maxTime: 1200000
});
timeLeft = 1200000 - (Date.now() - request.startTime)
} else {
timeLeft = options.maxTime - (Date.now() - request.startTime)
}
status.innerHTML = "Tab is currently being captured";
if(options.limitRemoved) {
timeRem.innerHTML = `${parseTime(Date.now() - request.startTime)}`;
interval = setInterval(() => {
timeRem.innerHTML = `${parseTime(Date.now() - request.startTime)}`
}, 1000);
} else {
timeRem.innerHTML = `${parseTime(timeLeft)} remaining`;
interval = setInterval(() => {
timeLeft = timeLeft - 1000;
timeRem.innerHTML = `${parseTime(timeLeft)} remaining`;
}, 1000);
}
});
finishButton.style.display = "block";
cancelButton.style.display = "block";
startButton.style.display = "none";
} else if(request.captureStopped && request.captureStopped === tabs[0].id) {
status.innerHTML = "";
finishButton.style.display = "none";
cancelButton.style.display = "none";
startButton.style.display = "block";
timeRem.innerHTML = "";
clearInterval(interval);
}
});
});
//initial display for popup menu when opened
document.addEventListener('DOMContentLoaded', function() {
displayStatus();
const startKey = document.getElementById("startKey");
const endKey = document.getElementById("endKey");
const startButton = document.getElementById('start');
const finishButton = document.getElementById('finish');
const cancelButton = document.getElementById('cancel');
startButton.onclick = () => {chrome.runtime.sendMessage("startCapture")};
finishButton.onclick = () => {chrome.runtime.sendMessage("stopCapture")};
cancelButton.onclick = () => {chrome.runtime.sendMessage("cancelCapture")};
chrome.runtime.getPlatformInfo((info) => {
if(info.os === "mac") {
startKey.innerHTML = "Command + Shift + U to start capture on current tab";
endKey.innerHTML = "Command + Shift + X to stop capture on current tab";
// Retrieve capturing state from storage on popup open
chrome.storage.local.get("capturingState", ({ capturingState }) => {
if (capturingState && capturingState.isCapturing) {
toggleCaptureButtons(true);
} else {
startKey.innerHTML = "Ctrl + Shift + S to start capture on current tab";
endKey.innerHTML = "Ctrl + Shift + X to stop capture on current tab";
toggleCaptureButtons(false);
}
})
const options = document.getElementById("options");
options.onclick = () => {chrome.runtime.openOptionsPage()};
const git = document.getElementById("GitHub");
git.onclick = () => {chrome.tabs.create({url: "https://github.com/arblast/Chrome-Audio-Capturer"})};
});
});
// Function to handle the start capture button click event
async function startCapture() {
// Ignore click if the button is disabled
if (startButton.disabled) {
return;
}
// Get the current active tab
const currentTab = await getCurrentTab();
// Send a message to the background script to start capturing
chrome.runtime.sendMessage({ action: "startCapture", tabId: currentTab.id }, () => {
// Update capturing state in storage and toggle the buttons
chrome.storage.local.set({ capturingState: { isCapturing: true } }, () => {
toggleCaptureButtons(true);
});
});
}
// Function to handle the stop capture button click event
function stopCapture() {
// Ignore click if the button is disabled
if (stopButton.disabled) {
return;
}
// Send a message to the background script to stop capturing
chrome.runtime.sendMessage({ action: "stopCapture" }, () => {
// Update capturing state in storage and toggle the buttons
chrome.storage.local.set({ capturingState: { isCapturing: false } }, () => {
toggleCaptureButtons(false);
});
});
}
// Function to get the current active tab
async function getCurrentTab() {
return new Promise((resolve) => {
chrome.tabs.query({ active: true, currentWindow: true }, (tabs) => {
resolve(tabs[0]);
});
});
}
// Function to toggle the capture buttons based on the capturing state
function toggleCaptureButtons(isCapturing) {
startButton.disabled = isCapturing;
stopButton.disabled = !isCapturing;
startButton.classList.toggle("disabled", isCapturing);
stopButton.classList.toggle("disabled", !isCapturing);
}
});