🚀 first release
This commit is contained in:
Rpsl
commit
b313bc85f3
|
|
@ -0,0 +1,2 @@
|
||||||
|
.idea/
|
||||||
|
*.mov
|
||||||
|
|
@ -0,0 +1,22 @@
|
||||||
|
|
||||||
|
Chrome MeTube Downloader
|
||||||
|
=======
|
||||||
|
|
||||||
|
![example]()
|
||||||
|
|
||||||
|
Use the context menu to send youtube video into [MeTube](https://github.com/alexta69/metube)
|
||||||
|
|
||||||
|
Installation from store
|
||||||
|
-----
|
||||||
|
|
||||||
|
- ~~Google Chrome~~ not available at now. Possible later
|
||||||
|
|
||||||
|
Installation from sources
|
||||||
|
-----
|
||||||
|
- Download this repository
|
||||||
|
- Open "[Extensions](chrome://extensions/)" tab
|
||||||
|
- Turn On "developer mode" in top right corner
|
||||||
|
- Click "Load unpacked extension"
|
||||||
|
- Choose folder with sources of repository
|
||||||
|
|
||||||
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 3.4 MiB |
|
|
@ -0,0 +1,46 @@
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
chrome.runtime.onInstalled.addListener(function () {
|
||||||
|
// https://stackoverflow.com/questions/19377262/regex-for-youtube-url
|
||||||
|
chrome.contextMenus.create({
|
||||||
|
id: 'metube',
|
||||||
|
title: "Send to MeTube",
|
||||||
|
documentUrlPatterns: [
|
||||||
|
'https://www.youtube.com/*',
|
||||||
|
'https://m.youtube.com/*',
|
||||||
|
'https://youtu.be/*'
|
||||||
|
],
|
||||||
|
contexts: ['link'],
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
chrome.contextMenus.onClicked.addListener(function (item, tab) {
|
||||||
|
chrome.storage.sync.get(['metube'], function (data) {
|
||||||
|
if(data === undefined || !data.hasOwnProperty('metube') ){
|
||||||
|
// todo notify user about settings
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
let url = data.metube;
|
||||||
|
let xhr = new XMLHttpRequest();
|
||||||
|
xhr.open("POST", url + "/add", true);
|
||||||
|
xhr.setRequestHeader("Content-Type", "application/json");
|
||||||
|
xhr.onreadystatechange = function () {
|
||||||
|
if (xhr.readyState === 4 && xhr.status === 200) {
|
||||||
|
let json = JSON.parse(xhr.responseText);
|
||||||
|
if (json.status === "ok") {
|
||||||
|
chrome.tabs.query({url: url + "/*"}, function (tabs) {
|
||||||
|
if (tabs.length !== 0) {
|
||||||
|
chrome.tabs.update(tabs[0].id, {'active': true}, () => {});
|
||||||
|
} else {
|
||||||
|
chrome.tabs.create({url: url, index: tab.index + 1});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
alert("error :: " + json);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
xhr.send(JSON.stringify({"quality": "best", "url": item.linkUrl}));
|
||||||
|
});
|
||||||
|
});
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 783 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
|
|
@ -0,0 +1,25 @@
|
||||||
|
{
|
||||||
|
"name": "MeTube Downloader",
|
||||||
|
"description": "Use the context menu to send video into MeTube application",
|
||||||
|
"version": "1.0",
|
||||||
|
"manifest_version": 2,
|
||||||
|
"permissions": ["contextMenus", "storage", "tabs"],
|
||||||
|
"background": {
|
||||||
|
"scripts": [
|
||||||
|
"background.js"
|
||||||
|
],
|
||||||
|
"persistent": false
|
||||||
|
},
|
||||||
|
"options_ui": {
|
||||||
|
"page": "options.html",
|
||||||
|
"browser_style": true
|
||||||
|
},
|
||||||
|
"browser_action": {
|
||||||
|
"default_popup": "options.html"
|
||||||
|
},
|
||||||
|
"icons": {
|
||||||
|
"16": "icon16.png",
|
||||||
|
"48": "icon48.png",
|
||||||
|
"128": "icon128.png"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,35 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="English">
|
||||||
|
<head>
|
||||||
|
<title>MeTube Downloader</title>
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
padding: 0 20px 20px 20px;
|
||||||
|
min-width: 400px;
|
||||||
|
font-size: 15px;
|
||||||
|
}
|
||||||
|
input {
|
||||||
|
margin: 5px;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
.hidden {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<h3>About</h3>
|
||||||
|
<p>This extension is context menu button for sending links of youtube videos into you own instance of MeTube</p>
|
||||||
|
<p>This extension won't work without installed MeTube. For additional instructions see <a href="https://github.com/alexta69/metube" target="_blank">github page of MeTube</a>.</p>
|
||||||
|
<p>If you have some throubles with extension you can open issue on github page of extension.</p>
|
||||||
|
<p> </p>
|
||||||
|
<h3>Settings</h3>
|
||||||
|
<form id="form">
|
||||||
|
<label for="metube">Url of MeTube</label><input type="url" placeholder="http://0.0.0.0:8081/" name="metube" id="metube">
|
||||||
|
<button type='submit'>Save</button>
|
||||||
|
<p id="saved" class="hidden">Settings saved!</p>
|
||||||
|
</form>
|
||||||
|
</body>
|
||||||
|
<script src="options.js"></script>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,28 @@
|
||||||
|
async function saveOptions() {
|
||||||
|
let url = document.getElementById("metube").value;
|
||||||
|
|
||||||
|
if (url.endsWith('/')) {
|
||||||
|
url = url.slice(0, -1)
|
||||||
|
}
|
||||||
|
|
||||||
|
chrome.storage.sync.set({"metube": url}, function () {
|
||||||
|
document.getElementById("saved").classList.remove('hidden');
|
||||||
|
|
||||||
|
setTimeout(function () {
|
||||||
|
document.getElementById("saved").classList.add('hidden');
|
||||||
|
}, 1000 * 10)
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
async function restoreOptions() {
|
||||||
|
chrome.storage.sync.get(['metube'], function (data) {
|
||||||
|
document.getElementById("metube").value = data.metube;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
window.addEventListener("DOMContentLoaded", restoreOptions, {passive: true});
|
||||||
|
|
||||||
|
document.querySelector("form").addEventListener("submit", (e) => {
|
||||||
|
e.preventDefault();
|
||||||
|
saveOptions();
|
||||||
|
}, {passive: false});
|
||||||
Loading…
Reference in New Issue