mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/imputnet/cobalt.git synced 2025-06-28 09:28:29 +00:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Merge 42f2bbf6a6 into 35530459b6

Browse Source
This commit is contained in:
D3f4ult Trades 2025-06-11 20:12:11 +00:00 committed by GitHub
commit 11b7d0306f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
7 changed files with 110 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
images/icon128.png Normal file
View File

0
images/icon16.png Normal file
View File

0
images/icon48.png Normal file
View File

20
manifest.json Normal file
View File

@ -0,0 +1,20 @@
{
"manifest_version": 3,
"name": "Cobalt Side Panel",
"version": "1.0",
"description": "A Chrome extension that provides a side panel interface for Cobalt.",
"permissions": [
"sidePanel"
],
"side_panel": {
"default_path": "sidepanel.html"
},
"action": {
"default_title": "Open Cobalt Side Panel"
},
"icons": {
"16": "images/icon16.png",
"48": "images/icon48.png",
"128": "images/icon128.png"
}
}

44
sidepanel.css Normal file
View File

@ -0,0 +1,44 @@
body {
font-family: sans-serif;
padding: 10px;
background-color: #f0f0f0;
min-width: 250px; /* Ensure sidepanel has some minimum width */
}
h1 {
color: #333;
font-size: 1.2em; /* Slightly smaller h1 for a side panel */
text-align: center;
margin-bottom: 15px;
}
p {
color: #555;
font-size: 0.9em; /* Slightly smaller p for a side panel */
margin-bottom: 5px;
}
#videoUrl {
width: calc(100% - 22px); /* Adjust width considering padding/border */
padding: 8px 10px;
margin-bottom: 10px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box; /* Important for width calculation */
}
#downloadButton {
padding: 10px 15px;
background-color: #007bff;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
width: 100%; /* Make button full width */
font-size: 1em;
margin-top: 5px; /* Added margin-top */
}
#downloadButton:hover {
background-color: #0056b3;
}

15
sidepanel.html Normal file
View File

@ -0,0 +1,15 @@
<!DOCTYPE html>
<html>
<head>
<title>Cobalt Side Panel</title>
<link rel="stylesheet" href="sidepanel.css">
</head>
<body>
<h1>Cobalt Video Downloader</h1>
<p>Enter the URL of the video you want to download:</p>
<input type="text" id="videoUrl" placeholder="e.g., https://www.youtube.com/watch?v=..." style="width: 90%; margin-bottom: 10px;">
<button id="downloadButton">Download with Cobalt</button>
<script src="sidepanel.js"></script>
</body>
</html>

31
sidepanel.js Normal file
View File

@ -0,0 +1,31 @@
document.addEventListener('DOMContentLoaded', function() {
// New Cobalt download button listener
const downloadButton = document.getElementById('downloadButton');
const videoUrlInput = document.getElementById('videoUrl');
if (downloadButton && videoUrlInput) {
downloadButton.addEventListener('click', function() {
const videoUrl = videoUrlInput.value.trim();
if (videoUrl) {
// Basic URL validation (optional, but good practice)
try {
new URL(videoUrl); // Check if it's a valid URL format
const cobaltUrl = `https://cobalt.tools/?url=${encodeURIComponent(videoUrl)}`;
chrome.tabs.create({ url: cobaltUrl });
} catch (error) {
alert('Please enter a valid URL.');
console.error('Invalid URL:', error);
}
} else {
alert('Please enter a video URL.');
}
});
} else {
if (!downloadButton) {
console.error('Button with ID "downloadButton" not found.');
}
if (!videoUrlInput) {
console.error('Input field with ID "videoUrl" not found.');
}
}
});