https://github.com/maxwlang/bttv-highlight-deleted-messages
Fork of BTTV that highlights deleted messages instead of just un-deleting them
https://github.com/maxwlang/bttv-highlight-deleted-messages
Last synced: about 19 hours ago
JSON representation
Fork of BTTV that highlights deleted messages instead of just un-deleting them
- Host: GitHub
- URL: https://github.com/maxwlang/bttv-highlight-deleted-messages
- Owner: maxwlang
- License: other
- Created: 2021-08-22T23:24:39.000Z (almost 5 years ago)
- Default Branch: main
- Last Pushed: 2021-08-22T23:39:19.000Z (almost 5 years ago)
- Last Synced: 2025-11-21T09:02:53.574Z (7 months ago)
- Language: JavaScript
- Size: 631 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
BetterTTV
=========
[](https://github.com/night/betterttv/actions/workflows/ci.yml) [](https://david-dm.org/night/BetterTTV) [](https://discord.gg/nightdev)
Building BetterTTV
===
Getting the essentials
---
1. Install nodejs.
2. Run ```npm install``` within the BetterTTV directory.
Development
----
We use webpack to concatenate all of the files and templates into one.
Just run the following command from the BetterTTV directory to start a dev server.
```
npm start
```
A webserver will start and you are able to use the development version of BetterTTV on Twitch using this userscript in a script manager like TamperMonkey:
```
// ==UserScript==
// @name BetterTTV Development
// @description Enhances Twitch with new features, emotes, and more.
// @namespace http://betterttv.com/
// @copyright NightDev, LLC
// @icon https://cdn.betterttv.net/assets/logos/bttv_logo.png
// @version 0.0.1
// @match https://*.twitch.tv/*
// @grant none
// ==/UserScript==
(function betterttv() {
const script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'http://127.0.0.1:2888/betterttv.js';
const head = document.getElementsByTagName('head')[0];
if (!head) return;
head.appendChild(script);
})()
```
Once installed you should disable BetterTTV's main extension so BetterTTV will only be loaded from your computer.
**Debug Messages:**
In order to receive debug messages inside the browser's console log, you must toggle the consoleLog localStorage setting.
Type this in the JavaScript console to enable console logging:
```
BetterTTV.settings.set('consoleLog', true);
```
Linting
---
We use [ESLint](https://eslint.org/) to ensure a consistent code style and avoid buggy code.
Running ```npm run lint``` will automatically check for any errors in the code. Please fix any errors before creating a pull request. Any warnings produced prior to your changes can be ignored.
**Live Linting with Sublime Text:**
If you use Sublime Text as your text editor, you can set it up to highlight any errors that ESLint would throw in real-time.
1. Get ESLint using ```npm install eslint```
2. Install [Sublime Package Control](https://packagecontrol.io/installation)
3. Install [SublimeLinter](https://www.sublimelinter.com/en/latest/installation.html#installing-via-pc)
4. Install [SublimeLinter-eslint](https://github.com/roadhump/SublimeLinter-eslint#linter-installation)
**Live Linting with VSCode:**
If you use VSCode as your text editor, you can set it up to highlight any errors that ESLint would throw in real-time.
1. Get ESLint using ```npm install eslint```
2. Install the ESLint extension from the extensions marketplace