1
0
Fork 0
mirror of https://github.com/FrankerFaceZ/FrankerFaceZ.git synced 2025-08-03 08:28:31 +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 8c9a3aa8a4 4.20.0
* Added: Emote Visibility Control for Emote Menu. You can now hide emotes you don't want from your emote menu. You still have them, and they'll still appear in chat if someone else uses them, but it helps keep the clutter down in your menu. (Closes #811)
* Added: Setting to toggle mute for the player when middle-clicking it. (Closes #812)
* Added: Setting to toggle the bold style applied to chat mentions. (Closes #816)
* Fixed: No background color being applied to Highlight My Message chat messages when using the new Twitch layout. Now, the default Twitch purple will be used when FFZ hasn't yet extracted the color for the current channel. Extracting the channel color is still broken at this time. (Closes #821)
* Fixed: The player volume resetting to 100% when changing channels. (Closes #820)
* Fixed: Chat appearing incorrectly when a custom width smaller than 340 pixels is set. (Closes #819)
2020-06-23 17:17:00 -04:00
.github Add an issue template for add-on bugs, instructing people to submit the issues at the Add-Ons repository. 2019-10-25 12:07:40 -04:00
bin 4.15.4 2019-11-11 14:38:49 -05:00
res 4.18.0 2020-01-27 15:14:10 -05:00
socketserver 4.8.1 2019-08-07 14:13:04 -04:00
src 4.20.0 2020-06-23 17:17:00 -04:00
styles 4.20.0 2020-06-23 17:17:00 -04:00
.babelrc 4.7.2 2019-08-05 17:26:11 -04:00
.eslintrc.js 4.15.5 2019-11-14 19:52:35 -05:00
.gitignore This is a maintenance commit with no released build. 2019-09-29 15:49:29 -04:00
changelog.html 4.0.0-rc13.7 2018-11-12 13:34:53 -05:00
fontello.client.json This is a maintenance commit with no released build. 2019-09-29 15:49:29 -04:00
fontello.config.json 4.18.0 2020-01-27 15:14:10 -05:00
jsconfig.json Fix a CSS bug with the emote menu. 2018-04-11 22:18:04 -04:00
LICENSE Update licensing information. 2016-11-09 23:45:08 -05:00
old_changes.html 4.0.0 Beta 1 2017-11-13 01:23:39 -05:00
package-lock.json 4.19.10 2020-04-22 14:30:34 -04:00
package.json 4.20.0 2020-06-23 17:17:00 -04:00
README.md This is a maintenance commit with no released build. 2019-09-29 15:49:29 -04:00
webpack.clips.common.js 4.0.0-rc8 2018-07-20 18:42:17 -04:00
webpack.clips.dev.js This is a maintenance commit with no released build. 2019-09-29 15:49:29 -04:00
webpack.clips.prod.js The Great Webpack Update. 2019-06-19 20:57:14 -04:00
webpack.common.js 4.5.5 2019-06-20 17:14:03 -04:00
webpack.web.common.js Developer improvements. Start using babel as the parser for eslint to add support for webpack's dynamic import syntax. Move most babel config into the babel build file to make sure nothing weird happens with eslint. Commit package-lock. Clean up gitignore a bit. Fix linting issues with the webpack build files. 2018-03-15 16:59:10 -04:00
webpack.web.dev.js This is a maintenance commit with no released build. 2019-09-29 15:49:29 -04:00
webpack.web.dev.prod.js This is a maintenance commit with no released build. 2019-09-29 15:49:29 -04:00
webpack.web.prod.js 4.5.4 2019-06-20 15:30:18 -04:00

FrankerFaceZ

Copyright (c) 2018 Dan Salvato LLC

Licensed under the Apache License, Version 2.0. See LICENSE.

Developing

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

  1. Install node.js and npm
  2. Run npm install within the FrankerFaceZ directory.

From there, you can use npm to build FrankerFaceZ from source simply by running npm run build. For development, you can instruct webpack to watch the source files for changes and re-build automatically with npm start

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 make FrankerFaceZ load from your local development server, you must set the local storage variable ffzDebugMode to true. Just run the following in your console on Twitch: localStorage.ffzDebugMode = true;

It should be noted that this project is not a browser extension that you would load in your browser's extensions system. You still need the FrankerFaceZ extension or user-script for your browser.

You can edit the project's icon font using the npm run font command. This will create a new Fontello session, if one doesn't already exist, and open your default web browser to Fontello so you can edit the font.

If you're running the development server with npm start, you'll be able to automatically save changes to the Fontello font by clicking Fontello's Export button. Otherwise, you can use npm run font:save to download the changes from your session.

Editor Settings

Please make sure that your editor is configured to use tabs rather than spaces for indentation and that lines are ended with \n. It's recommended that you configure linting support for your editor as well.

If you're using Visual Studio Code, make sure to install the ESLint extension and add the following to your workspace settings:

{
	"eslint.validate": [
		"javascript",
		"javascriptreact",
		"vue"
	]
}