1
0
Fork 0
mirror of https://github.com/FrankerFaceZ/FrankerFaceZ.git synced 2025-09-17 02:16:54 +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 b88e6f0f75 4.20.42
* Added: Settings page for editing the list of categories that are Blocked or have Hidden Thumbnails.
* Changed: When popping out the FFZ Control Center, it now remembers which page it was on.
* Fixed: Emoji-related features not functioning correctly if the emoji style is set to an invalid value. (Closes #923)
* Fixed: Messages not being highlighted when a viewer card is open. (Closes #920)
* Fixed: Disable minimal navigation for Watch Parties. (Closes #916)
* Fixed: Block and Hide Thumbnails controls not appearing on appropriate directory pages.
* Fixed: Hide Thumbnails not working for a category when on that category's directory page.
* Fixed: Move up theater metadata to avoid it overlapping with the seek preview when viewing videos.
* Fixed: Various instances of `occurred` being spelled incorrectly.
* Fixed: Setting incorrectly named `Show Twitch Prime offers.` has been renamed to `Show Prime Gaming Loot.` to reflect Amazon's branding changes.
* API Added: `ProviderMixin` for creating Vue components for settings that are set directly to the settings provider. See the new `games-list-editor` for an example.
* API Added: Select box and combo box settings now have an optional `no_i18n` property to avoid i18n keys being automatically generated for their entries.
2020-10-14 14:55:10 -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.20.31 2020-08-14 17:17:24 -04:00
socketserver 4.8.1 2019-08-07 14:13:04 -04:00
src 4.20.42 2020-10-14 14:55:10 -04:00
styles 4.20.39 2020-09-29 14:15:43 -04:00
.babelrc 4.7.2 2019-08-05 17:26:11 -04:00
.eslintrc.js 4.20.33 2020-08-17 13:33:30 -04: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.20.31 2020-08-14 17:17:24 -04: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.20.32 2020-08-15 15:45:50 -04:00
package.json 4.20.42 2020-10-14 14:55:10 -04:00
README.md 4.20.22 2020-08-04 18:26:11 -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.

Note: The local development server uses webpack-dev-server internally, which self-signs a certificate for hosting content via HTTPS. You will need to ensure your browser accepts a self-signed certificate for localhost.

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"
	]
}