mirror of https://github.com/FrankerFaceZ/FrankerFaceZ.git synced 2025-08-30 01:40:55 +00:00

The Twitch Enhancement Suite. Get custom emotes and tons of new features you'll never want to go without. https://www.frankerfacez.com/

Find a file

SirStendec ac81def52e Update viewer list functionality to prefer BetterTTV capitalization lookups when BetterTTV is being used, as that list will be much more populated.		2015-01-15 16:54:28 -05:00
Chrome Extension	Update developer mode. Make sure the extension will still work if dev mode is left on while the local dev server isn't running.	2015-01-15 13:58:10 -05:00
src	Update viewer list functionality to prefer BetterTTV capitalization lookups when BetterTTV is being used, as that list will be much more populated.	2015-01-15 16:54:28 -05:00
test	BetterTTV Integration	2015-01-15 13:58:42 -05:00
.gitignore	Fix typo in gitignore.	2015-01-15 13:57:17 -05:00
gulpfile.js	Initial commit for modular FrankerFaceZ rewrite.	2015-01-12 17:58:07 -05:00
package.json	Initial commit for modular FrankerFaceZ rewrite.	2015-01-12 17:58:07 -05:00
README.md	Update the readme for the changes to developer mode.	2015-01-15 14:10:52 -05:00
script.js	Update viewer list functionality to prefer BetterTTV capitalization lookups when BetterTTV is being used, as that list will be much more populated.	2015-01-15 16:54:28 -05:00
script.min.js	Update viewer list functionality to prefer BetterTTV capitalization lookups when BetterTTV is being used, as that list will be much more populated.	2015-01-15 16:54:28 -05:00
style.css	Update button styles to support theater mode and dark chat.	2015-01-15 13:58:32 -05:00

README.md

FrankerFaceZ

This script is free to modify for personal use. You are not allowed to sell or distribute FrankerFaceZ or any components of FrankerFaceZ.

Developing

FrankerFaceZ uses node.js to manage development dependencies and to run an HTTP server for development. To get everything you need:

Install node.js
Run npm install within the FrankerFaceZ directory.

From there, you can use gulp to build the extension from source simply by running gulp. For development, you can instruct gulp to watch the source files for changes and re-build automatically with gulp watch

FrankerFaceZ comes with a local development server that listens on port 8000 and it serves up local development copies of files, falling back to the CDN when a local copy of a file isn't present. To start the server, run npm test

At this time, you will also need to use the included version of the Chrome extension. Remove any existing copy of FrankerFaceZ from your browser and load the unpacked extension in the Chrome Extension folder.

Once you're using that extension, use the command /ffz developer_mode on or /ffz developer_mode off in Twitch chat to toggle developer mode on or off. You must then refresh the page for changes to take effect. If FFZ is not working or the command otherwise fails to work, you can open the JavaScript console on twitch.tv and run localStorage.ffzDebugMode = true; or localStorage.ffzDebugMode = false; to enable or disable the feature.