Added initial build
Version 1.0.0 This was the initial submission to Chrome Store.
This commit is contained in:
wompmacho
BIN
assets/fonts/youtube-sans-bold.ttf
Normal file
BIN
assets/fonts/youtube-sans-bold.ttf
Normal file
Binary file not shown.
BIN
assets/gif/clickUserNamesToAtThem.gif
Normal file
BIN
assets/gif/clickUserNamesToAtThem.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 281 KiB |
BIN
assets/gif/emotesMenu.gif
Normal file
BIN
assets/gif/emotesMenu.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.6 MiB |
BIN
assets/gif/optionsMenu.gif
Normal file
BIN
assets/gif/optionsMenu.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 59 KiB |
BIN
assets/gif/pinYourExtension.gif
Normal file
BIN
assets/gif/pinYourExtension.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 46 KiB |
BIN
assets/icons/icon.png
Normal file
BIN
assets/icons/icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
BIN
assets/icons/icon128.png
Normal file
BIN
assets/icons/icon128.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.1 KiB |
BIN
assets/icons/icon48.png
Normal file
BIN
assets/icons/icon48.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
assets/icons/icon512.png
Normal file
BIN
assets/icons/icon512.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
BIN
assets/screenShots/screenShot1.jpg
Normal file
BIN
assets/screenShots/screenShot1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 607 KiB |
BIN
assets/screenShots/screenShot2.jpg
Normal file
BIN
assets/screenShots/screenShot2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 608 KiB |
BIN
assets/screenShots/screenShot3.jpg
Normal file
BIN
assets/screenShots/screenShot3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 533 KiB |
1266
background.js
Normal file
1266
background.js
Normal file
File diff suppressed because one or more lines are too long
3004
content.js
Normal file
3004
content.js
Normal file
File diff suppressed because one or more lines are too long
151
html/options.html
Normal file
151
html/options.html
Normal file
@@ -0,0 +1,151 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
font-family: sans-serif;
|
||||||
|
padding: 10px;
|
||||||
|
width: 400px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hideDiv {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Options</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<span style="display:inline-block;vertical-align: middle; margin-right: 2%;"><img src="../assets/icons/icon128.png" alt="🔴" style="height: 2.5em;"></span><span style="display:inline-block;vertical-align: middle;"><h1>Live Chat Options</h1></span>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<div id="optionsMenu" class="tabcontent active">
|
||||||
|
<div class="section">
|
||||||
|
<h2 class="options-heading">Emote Options</h2>
|
||||||
|
<div class="options-description"></div>
|
||||||
|
|
||||||
|
<div class="options-table">
|
||||||
|
<div class="option-row">
|
||||||
|
<div class="option-cell"><label for="enableBTTVEmotes">Enable BTTV - Top, Trending and Global Emotes (200+)</label></div>
|
||||||
|
<div class="option-cell"><input disabled type="checkbox" id="enableBTTVEmotes" class="option-input"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="options-table">
|
||||||
|
<div class="option-row">
|
||||||
|
<div class="option-cell"><label for="enableFrankerEmotes">Enable FrankerFacez - Top 100 emotes</label></div>
|
||||||
|
<div class="option-cell"><input disabled type="checkbox" id="enableFrankerEmotes" class="option-input"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="options-table">
|
||||||
|
<div class="option-row">
|
||||||
|
<div class="option-cell"><label for="enableTwitchEmotes">Enable Twitch - Global emotes</label></div>
|
||||||
|
<div class="option-cell"><input disabled type="checkbox" id="enableTwitchEmotes" class="option-input"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="hr"></div>
|
||||||
|
|
||||||
|
<div class="options-table">
|
||||||
|
<div class="option-row">
|
||||||
|
<div class="option-cell"><label for="kappaFix">Kappa Fix</label></div>
|
||||||
|
<div class="option-cell"><input disabled type="checkbox" id="kappaFix" class="option-input"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="hr"></div>
|
||||||
|
|
||||||
|
<div class="section">
|
||||||
|
<h2 class="options-heading">Chat Options</h2>
|
||||||
|
<div class="options-description"></div>
|
||||||
|
|
||||||
|
<div class="options-table">
|
||||||
|
<div class="option-row">
|
||||||
|
<div class="option-cell"><label for="setLiveChat">Make LIVE CHAT Default</label></div>
|
||||||
|
<div class="option-cell"><input disabled type="checkbox" id="setLiveChat" class="option-input"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="options-table">
|
||||||
|
<div class="option-row">
|
||||||
|
<div class="option-cell"><label for="theaterModeFix">Improved Theater Mode</label></div>
|
||||||
|
<div class="option-cell"><input disabled type="checkbox" id="theaterModeFix" class="option-input"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="options-table">
|
||||||
|
<div class="option-row">
|
||||||
|
<div class="option-cell"><label for="setTwitchColors">Twitch Styling</label></div>
|
||||||
|
<div class="option-cell"><input disabled type="checkbox" id="setTwitchColors" class="option-input"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="options-table">
|
||||||
|
<div class="option-row">
|
||||||
|
<div class="option-cell"><label for="hideAuthorIcons">Hide Author Icons</label></div>
|
||||||
|
<div class="option-cell"><input disabled type="checkbox" id="hideAuthorIcons" class="option-input"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="options-table">
|
||||||
|
<div class="option-row">
|
||||||
|
<div class="option-cell"><label for="showTimeStamp">Show TimeStamp</label></div>
|
||||||
|
<div class="option-cell"><input disabled type="checkbox" id="showTimeStamp" class="option-input"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="options-table">
|
||||||
|
<div class="option-row">
|
||||||
|
<div class="option-cell"><label for="hideWelcomBanner">Hide Welcome Banner</label></div>
|
||||||
|
<div class="option-cell"><input disabled type="checkbox" id="hideWelcomBanner" class="option-input"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="options-table">
|
||||||
|
<div class="option-row">
|
||||||
|
<div class="option-cell"><label for="alternateLineColor">Alternate Line Colors</label></div>
|
||||||
|
<div class="option-cell"><input disabled type="checkbox" id="alternateLineColor" class="option-input"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="options-table">
|
||||||
|
<div class="option-row">
|
||||||
|
<div class="option-cell"><label for="setAuthorColor">Colorful User Names</label></div>
|
||||||
|
<div class="option-cell"><input disabled type="checkbox" id="setAuthorColor" class="option-input"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="hr"></div>
|
||||||
|
|
||||||
|
<h2 class="options-heading">Font Size</h2>
|
||||||
|
<div class="slidecontainer">
|
||||||
|
<input disabled type="range" min="1" max="50" value="13" class="slider option-input" id="textSizeSlider">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="options-table">
|
||||||
|
<div class="option-row">
|
||||||
|
<div class="option-cell"><label for="allowTextSlider"></label></div>
|
||||||
|
<div class="option-cell"><input disabled type="checkbox" id="allowTextSlider" class="option-input"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="save-status"> </div>
|
||||||
|
|
||||||
|
<div class="omega"></div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script src="../options.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
92
html/welcome.html
Normal file
92
html/welcome.html
Normal file
@@ -0,0 +1,92 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||||
|
<title>Welcome Page</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div class="success-overlay">
|
||||||
|
|
||||||
|
<div class="icon-container">
|
||||||
|
<i class="material-icons">done</i>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="logo">
|
||||||
|
<img src="../assets/icons/icon512.png" alt="Live Chat Logo">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h1><span class="fw-light">Welcome to the </span><span class="fw-bold">Chat</span></h1>
|
||||||
|
|
||||||
|
<p class="heading-note">This is still very beta</p>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div class="links_div">
|
||||||
|
<a class="links_bottom" href="https://discord.gg/pVNnTDA" title="Join our Discord Community">Join our Discord Community</a>
|
||||||
|
<a class="links_bottom" href="https://streamelements.com/wompmacho-5882/tip" title="Donations">Donations</a>
|
||||||
|
<a class="links_bottom" href="https://www.youtube.com/wompmacho" title="Youtube">Youtube</a>
|
||||||
|
<a class="links_bottom" href="mailto:wompmacho@gmail.com">Contact Me</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<h2>
|
||||||
|
Soon to come:
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li>Specific channel Emotes</li>
|
||||||
|
<li>Search for Emote Panel</li>
|
||||||
|
<li>Autocomplete for emote Selection</li>
|
||||||
|
<li>Theater Mode Fix for that quality Stream and Chat time</li>
|
||||||
|
<li>Moderation Options Popup</li>
|
||||||
|
<li>User Profile Info Popup</li>
|
||||||
|
<li>Other Styling Options</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<h2>How To:</h2>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
There is still a lot of stuff I am working on. This is very Beta at the moment so
|
||||||
|
</p>
|
||||||
|
<h2>Use At Your Own Risk</h2>
|
||||||
|
<p>
|
||||||
|
This is a Chrome Extension for Youtube Live Streams, adding some Quality of Life improvements for the Chat.
|
||||||
|
Adds Top, Trending and Global (500ish) Emotes from popular sites. These Update with what is Trending.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Don't forget to pin this extension for easy access.
|
||||||
|
</p>
|
||||||
|
<img src="../assets/gif/pinYourExtension.gif" alt="pinYourExtension.gif">
|
||||||
|
<p>
|
||||||
|
Youtube Live is slow to load its pages currently.
|
||||||
|
Give the extension a moment while the page's iframes are loading.
|
||||||
|
Once you see the Emote Panel Icon you can open the Emote Selection Panel.
|
||||||
|
</p>
|
||||||
|
<img src="../assets/gif/emotesMenu.gif" alt="pinYourExtension.gif">
|
||||||
|
<p>
|
||||||
|
Over around 500 Top and Trending Emotes are loaded from popular sites.
|
||||||
|
You can Enable/Disable them in the Options Menu.
|
||||||
|
</p>
|
||||||
|
<img src="../assets/gif/optionsMenu.gif" alt="pinYourExtension.gif">
|
||||||
|
<p>
|
||||||
|
Can Also Click on UserNames To Autofill an @ Notification
|
||||||
|
</p>
|
||||||
|
<img src="../assets/gif/clickUserNamesToAtThem.gif" alt="pinYourExtension.gif">
|
||||||
|
|
||||||
|
<h2>Use At Your Own Risk</h2>
|
||||||
|
|
||||||
|
<h1>Enjoy!</h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script src="../welcomePage.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
49
manifest.json
Normal file
49
manifest.json
Normal file
@@ -0,0 +1,49 @@
|
|||||||
|
{
|
||||||
|
"manifest_version": 2,
|
||||||
|
|
||||||
|
"name": "🔴 LIVE CHAT",
|
||||||
|
"version": "1.0.0",
|
||||||
|
"description": "Enhances the YouTube Live Streaming experience with Emotes, Custom Styling and quality of life improvements.",
|
||||||
|
"icons": {
|
||||||
|
"48": "assets/icons/icon48.png",
|
||||||
|
"128": "assets/icons/icon128.png",
|
||||||
|
"512": "assets/icons/icon512.png"
|
||||||
|
},
|
||||||
|
|
||||||
|
"permissions": [
|
||||||
|
"storage",
|
||||||
|
"background"
|
||||||
|
],
|
||||||
|
|
||||||
|
|
||||||
|
"options_ui": {
|
||||||
|
"page": "html/options.html",
|
||||||
|
"chrome_style": true
|
||||||
|
},
|
||||||
|
|
||||||
|
"browser_action": {
|
||||||
|
"default_popup": "html/options.html",
|
||||||
|
"chrome_style": true
|
||||||
|
},
|
||||||
|
|
||||||
|
"background": {
|
||||||
|
"scripts": [
|
||||||
|
"background.js"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
|
||||||
|
"content_scripts": [
|
||||||
|
{
|
||||||
|
"matches": [
|
||||||
|
"*://*.youtube.com/*"
|
||||||
|
],
|
||||||
|
"js": [ "content.js" ],
|
||||||
|
"run_at": "document_end",
|
||||||
|
"all_frames": true
|
||||||
|
}
|
||||||
|
],
|
||||||
|
|
||||||
|
"web_accessible_resources": [
|
||||||
|
"assets/*"
|
||||||
|
]
|
||||||
|
}
|
||||||
20570
options.js
Normal file
20570
options.js
Normal file
File diff suppressed because one or more lines are too long
1729
setupPage.js
Normal file
1729
setupPage.js
Normal file
File diff suppressed because one or more lines are too long
1811
welcomePage.js
Normal file
1811
welcomePage.js
Normal file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user