adding dev files to master
adding all the dev files, package, webpack etc, including build which will contain minified release
wompmacho
BIN
build/assets/fonts/youtube-sans-bold.ttf
Normal file
BIN
build/assets/gif/clickUserNamesToAtThem.gif
Normal file
|
After Width: | Height: | Size: 281 KiB |
BIN
build/assets/gif/emotesMenu.gif
Normal file
|
After Width: | Height: | Size: 2.6 MiB |
BIN
build/assets/gif/optionsMenu.gif
Normal file
|
After Width: | Height: | Size: 59 KiB |
BIN
build/assets/gif/pinYourExtension.gif
Normal file
|
After Width: | Height: | Size: 46 KiB |
BIN
build/assets/gif/theaterMode.gif
Normal file
|
After Width: | Height: | Size: 3.1 MiB |
BIN
build/assets/icons/3x.png
Normal file
|
After Width: | Height: | Size: 20 KiB |
BIN
build/assets/icons/MonkaSSS.jpg
Normal file
|
After Width: | Height: | Size: 61 KiB |
BIN
build/assets/icons/blob.gif
Normal file
|
After Width: | Height: | Size: 97 KiB |
BIN
build/assets/icons/icon128.png
Normal file
|
After Width: | Height: | Size: 6.1 KiB |
BIN
build/assets/icons/icon48.png
Normal file
|
After Width: | Height: | Size: 1.8 KiB |
BIN
build/assets/icons/icon512.png
Normal file
|
After Width: | Height: | Size: 41 KiB |
BIN
build/assets/icons/omegalul.png
Normal file
|
After Width: | Height: | Size: 24 KiB |
BIN
build/assets/icons/pepepls.gif
Normal file
|
After Width: | Height: | Size: 59 KiB |
BIN
build/assets/screenShots/arrow.png
Normal file
|
After Width: | Height: | Size: 1.0 KiB |
BIN
build/assets/screenShots/screen1.png
Normal file
|
After Width: | Height: | Size: 1.8 MiB |
BIN
build/assets/screenShots/screen2.png
Normal file
|
After Width: | Height: | Size: 1.3 MiB |
BIN
build/assets/screenShots/screen3.png
Normal file
|
After Width: | Height: | Size: 1.1 MiB |
BIN
build/assets/screenShots/screen4.png
Normal file
|
After Width: | Height: | Size: 1.5 MiB |
BIN
build/assets/screenShots/screenShot1.jpg
Normal file
|
After Width: | Height: | Size: 607 KiB |
BIN
build/assets/screenShots/screenShot2.jpg
Normal file
|
After Width: | Height: | Size: 608 KiB |
BIN
build/assets/screenShots/screenShot3.jpg
Normal file
|
After Width: | Height: | Size: 533 KiB |
BIN
build/assets/screenShots/screenShot4.jpg
Normal file
|
After Width: | Height: | Size: 533 KiB |
BIN
build/assets/screenShots/screenShot5.jpg
Normal file
|
After Width: | Height: | Size: 573 KiB |
1
build/background.js
Normal file
1
build/content.js
Normal file
165
build/html/options.html
Normal file
@@ -0,0 +1,165 @@
|
||||
<!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>
|
||||
<span class="">
|
||||
<button class="info_button" id="infoButton" >Info</button>
|
||||
</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>
|
||||
<span>
|
||||
|
||||
</span>
|
||||
|
||||
<span>
|
||||
<div class="options-table">
|
||||
<div class="option-row">
|
||||
<div class="slidecontainer">
|
||||
<input disabled type="range" min="1" max="50" value="13" class="slider option-input" id="textSizeSlider">
|
||||
</div>
|
||||
<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>
|
||||
</span>
|
||||
<div id="save-status"> </div>
|
||||
|
||||
<div class="omega"></div>
|
||||
|
||||
</div>
|
||||
|
||||
<script src="../options.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
96
build/html/welcome.html
Normal file
@@ -0,0 +1,96 @@
|
||||
<!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><s>Theater Mode Fix for that quality Stream and Chat time</s></li>
|
||||
<li>Moderation Options</li>
|
||||
<li>User Profile Info</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="emotesMenu.gif">
|
||||
<p>
|
||||
Enhanced Theater Mode Is Now Available. Just click the check in the option panel and refresh your page.
|
||||
</p>
|
||||
<img style="height: 540px; width: 960px;" src="../assets/gif/theaterMode.gif" alt="theaterMode.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="optionsMenu.gif">
|
||||
<p>
|
||||
Can Also Click on UserNames To Autofill an @ Notification
|
||||
</p>
|
||||
<img src="../assets/gif/clickUserNamesToAtThem.gif" alt="clickUserNamesToAtThem.gif">
|
||||
|
||||
<h2>Use At Your Own Risk</h2>
|
||||
|
||||
<h1>Enjoy!</h1>
|
||||
</div>
|
||||
|
||||
<script src="../welcomePage.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
48
build/manifest.json
Normal file
@@ -0,0 +1,48 @@
|
||||
{
|
||||
"manifest_version": 2,
|
||||
|
||||
"name": "🔴 LIVE CHAT",
|
||||
"version": "1.0.1",
|
||||
"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/*"
|
||||
]
|
||||
}
|
||||