mirror of
https://github.com/younesaassila/ttv-lol-pro.git
synced 2025-04-29 14:04:26 +02:00
Initial commit
This commit is contained in:
Shane Lindsay
commit
b67a9ebbdf
2
.gitattributes
vendored
Normal file
2
.gitattributes
vendored
Normal file
@ -0,0 +1,2 @@
|
||||
# Auto detect text files and perform LF normalization
|
||||
* text=auto
|
||||
68
common/css/styles.css
Normal file
68
common/css/styles.css
Normal file
@ -0,0 +1,68 @@
|
||||
html {
|
||||
width: 300px;
|
||||
height: 100px;
|
||||
background: #151619;
|
||||
color: #c9cbcd;
|
||||
font-family: Open Sans,Segoe UI,sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
|
||||
|
||||
.container {
|
||||
text-align: center;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.button-group {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.button {
|
||||
border-radius: 6px;
|
||||
color: #c3c4ca;
|
||||
font-weight: bold;
|
||||
padding: 10px 20px;
|
||||
text-decoration: none;
|
||||
transition: all 150ms ease-in-out;
|
||||
}
|
||||
.button:hover {
|
||||
background-color: #1d1f23;
|
||||
}
|
||||
.button:not(:first-of-type) {
|
||||
margin-left: 15px;
|
||||
}
|
||||
.button.bg-blue {
|
||||
background-color: #202127;
|
||||
color: #c3c4ca;
|
||||
}
|
||||
.button.bg-blue:hover {
|
||||
background-color: #452e7c;
|
||||
}
|
||||
.discord {
|
||||
overflow: visible;
|
||||
margin-right: 3px;
|
||||
display: inline-block;
|
||||
}
|
||||
.button-arrow .arrow-icon {
|
||||
overflow: visible;
|
||||
margin-left: 3px;
|
||||
width: 8px;
|
||||
}
|
||||
.button-arrow .arrow-head {
|
||||
transform: translateX(0);
|
||||
transition: transform 150ms ease-in-out;
|
||||
}
|
||||
.button-arrow .arrow-body {
|
||||
opacity: 0;
|
||||
transform: scaleX(1);
|
||||
transition: transform 150ms ease-in-out, opacity 150ms ease-in-out;
|
||||
}
|
||||
.button-arrow:hover .arrow-head {
|
||||
transform: translateX(3px);
|
||||
}
|
||||
.button-arrow:hover .arrow-body {
|
||||
opacity: 1;
|
||||
transform: scaleX(2);
|
||||
}
|
||||
73
common/html/popup.html
Normal file
73
common/html/popup.html
Normal file
@ -0,0 +1,73 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" href="../css/styles.css" />
|
||||
</head>
|
||||
|
||||
<!-- <body>
|
||||
<header class="Copy__header">
|
||||
<h1 class="Copy__title">TTV LOL</h1>
|
||||
</header>
|
||||
|
||||
<div class="body">
|
||||
<p>
|
||||
Explore
|
||||
<a
|
||||
class="Link"
|
||||
href="/payments"
|
||||
data-js-controller="AnalyticsButton"
|
||||
data-analytics-category="Links"
|
||||
data-analytics-action="Clicked"
|
||||
data-analytics-label="Payments features CTA"
|
||||
>Stripe Payments</a
|
||||
>, or create an account instantly and start accepting payments. You
|
||||
can also contact us to design a custom package for your business.
|
||||
</p>
|
||||
</div>
|
||||
<div class='container'>
|
||||
<a class='button--inverse'>Create Stripe Account</a>
|
||||
<a class='button'>Contact Sales</a>
|
||||
</div>
|
||||
</body> -->
|
||||
<body>
|
||||
<div class="container">
|
||||
<div style="background-color: #202127; border-radius: 8px; margin: 30px;">
|
||||
<img width="60%" src="../img/ttvlol.png">
|
||||
</div>
|
||||
<div class="button-group">
|
||||
|
||||
<a href="#/" class="button button-arrow bg-blue">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 20 20" fill="currentColor">
|
||||
<path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd" />
|
||||
</svg>
|
||||
Donate
|
||||
<svg viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg" class="arrow-icon">
|
||||
<g class="arrow-head">
|
||||
<path d="M1 1C4.5 4 5 4.38484 5 4.5C5 4.61516 4.5 5 1 8" stroke="currentColor" stroke-width="2"/>
|
||||
</g>
|
||||
<g class="arrow-body">
|
||||
<path d="M3.5 4.5H0" stroke="currentColor" stroke-width="2"/>
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<a href="#/" class="button button-arrow">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-discord" viewBox="0 0 16 16">
|
||||
<path d="M6.552 6.712c-.456 0-.816.4-.816.888s.368.888.816.888c.456 0 .816-.4.816-.888.008-.488-.36-.888-.816-.888zm2.92 0c-.456 0-.816.4-.816.888s.368.888.816.888c.456 0 .816-.4.816-.888s-.36-.888-.816-.888z"/>
|
||||
<path d="M13.36 0H2.64C1.736 0 1 .736 1 1.648v10.816c0 .912.736 1.648 1.64 1.648h9.072l-.424-1.48 1.024.952.968.896L15 16V1.648C15 .736 14.264 0 13.36 0zm-3.088 10.448s-.288-.344-.528-.648c1.048-.296 1.448-.952 1.448-.952-.328.216-.64.368-.92.472-.4.168-.784.28-1.16.344a5.604 5.604 0 0 1-2.072-.008 6.716 6.716 0 0 1-1.176-.344 4.688 4.688 0 0 1-.584-.272c-.024-.016-.048-.024-.072-.04-.016-.008-.024-.016-.032-.024-.144-.08-.224-.136-.224-.136s.384.64 1.4.944c-.24.304-.536.664-.536.664-1.768-.056-2.44-1.216-2.44-1.216 0-2.576 1.152-4.664 1.152-4.664 1.152-.864 2.248-.84 2.248-.84l.08.096c-1.44.416-2.104 1.048-2.104 1.048s.176-.096.472-.232c.856-.376 1.536-.48 1.816-.504.048-.008.088-.016.136-.016a6.521 6.521 0 0 1 4.024.752s-.632-.6-1.992-1.016l.112-.128s1.096-.024 2.248.84c0 0 1.152 2.088 1.152 4.664 0 0-.68 1.16-2.448 1.216z"/>
|
||||
</svg>
|
||||
Discord
|
||||
<svg viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg" class="arrow-icon">
|
||||
<g class="arrow-head">
|
||||
<path d="M1 1C4.5 4 5 4.38484 5 4.5C5 4.61516 4.5 5 1 8" stroke="currentColor" stroke-width="2"/>
|
||||
</g>
|
||||
<g class="arrow-body">
|
||||
<path d="M3.5 4.5H0" stroke="currentColor" stroke-width="2"/>
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
BIN
common/img/logo.png
Normal file
BIN
common/img/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 70 KiB |
BIN
common/img/ttvlol.png
Normal file
BIN
common/img/ttvlol.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
BIN
images/icon.png
Normal file
BIN
images/icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.7 KiB |
31
js/background.js
Normal file
31
js/background.js
Normal file
@ -0,0 +1,31 @@
|
||||
function onBeforeRequest(details) {
|
||||
const match = /hls\/(.+?)$/gim.exec(details.url);
|
||||
|
||||
console.log("details:", details);
|
||||
|
||||
if (match !== null && match.length > 1) {
|
||||
return {
|
||||
redirectUrl: `https://api.ttv.lol/playlist/${encodeURIComponent(match[1])}`,
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
chrome.webRequest.onBeforeRequest.addListener(
|
||||
onBeforeRequest,
|
||||
{ urls: ["https://usher.ttvnw.net/api/channel/hls/*"] },
|
||||
["blocking", "extraHeaders"]
|
||||
);
|
||||
|
||||
function onBeforeSendHeaders(req) {
|
||||
console.log("onBeforeSendHeaders:", req.requestHeaders);
|
||||
req.requestHeaders.push({name:'X-Donate-To', value:"http://bowlcuts-r-us.com"})
|
||||
return {
|
||||
requestHeaders: req.requestHeaders
|
||||
}
|
||||
}
|
||||
|
||||
chrome.webRequest.onBeforeSendHeaders.addListener(
|
||||
onBeforeSendHeaders,
|
||||
{ urls: ["https://api.ttv.lol/playlist/*"] },
|
||||
["blocking","requestHeaders"]
|
||||
);
|
||||
23
manifest.json
Normal file
23
manifest.json
Normal file
@ -0,0 +1,23 @@
|
||||
{
|
||||
"background": {
|
||||
"persistent": true,
|
||||
"scripts": [ "js/background.js" ]
|
||||
},
|
||||
"browser_action": {
|
||||
"default_icon": {
|
||||
"128": "images/icon.png"
|
||||
},
|
||||
"default_popup": "common/html/popup.html",
|
||||
"default_title": "TTV LOL"
|
||||
},
|
||||
"description": "TTV LOL",
|
||||
"icons": {
|
||||
"128": "images/icon.png"
|
||||
},
|
||||
"key": "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAx5wGmUxlKN2dFl5GB7BiqcDOrJhuFc6OAeuHhXsXRz8nBzETBDrDBaGrhHe/YDKUaEKA2rq2hGpXCuIa6/jHAnlYeeF0bnguOr13l+w3pFeVtp6VYEpZx0ZjegyVkhh4Dks6zdN7lrNUHM6nItS8Oa1n2YULE2r7aSiLFVT2MHBrVzPTUJHyqTnQkhga0UeIC60fJsJPwIEfSwi+xML97cOpEAlbtJTp/QLPaggh/5Iyfc92/pG2Yv5EhtqUWMpH+YviWF7WGosdxY0Z/b7gG0uE9HOLCq9Ism8CbP3VnW+8fz+iJiVVdyf2Nw3mt3jxr3jwfehfW6FwEzLmfDLFKwIDAQAB",
|
||||
"manifest_version": 2,
|
||||
"name": "TTV LOL",
|
||||
"permissions": [ "webRequest", "webRequestBlocking", "https://*.twitch.tv/*", "https://usher.ttvnw.net/*", "cookies", "https://api.ttv.lol/playlist/*" ],
|
||||
"update_url": "https://clients2.google.com/service/update2/crx",
|
||||
"version": "2.2"
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user