4.0.0-rc5.3

* Fixed: Twitch emotes not displaying in Whispers.
* Fixed: Alignment of in-line actions when using Emote Alignment: Padded.
* Changed: Display the git commit hash for the current build in the FFZ Control Center, rather than the webpack build hash.

src/main.js

@@ -100,7 +100,8 @@ class FrankerFaceZ extends Module {
 FrankerFaceZ.Logger = Logger;
 
 const VER = FrankerFaceZ.version_info = {
-	major: 4, minor: 0, revision: 0, extra: '-rc5.2',
+	major: 4, minor: 0, revision: 0, extra: '-rc5.3',
+	commit: __git_commit__,
 	build: __webpack_hash__,
 	toString: () =>
 		`${VER.major}.${VER.minor}.${VER.revision}${VER.extra || ''}${DEBUG ? '-dev' : ''}`

src/modules/chat/actions/index.jsx

@@ -252,7 +252,7 @@ export default class Actions extends Module {
 			});
 
 		return (<div
-			class="ffz--inline-actions ffz-action-data tw-inline tw-mg-r-05"
+			class="ffz--inline-actions ffz-action-data tw-inline-block tw-mg-r-05"
 			data-msg-id={msg.id}
 			data-user={user}
 			data-room={room}

src/modules/chat/index.js

@@ -586,7 +586,7 @@ export default class Chat extends Module {
 				user: msg.from,
 				message: msg.content.slice(offset),
 				is_action,
-				emotes,
+				ffz_emotes: emotes,
 				timestamp: msg.sentAt && msg.sentAt.getTime(),
 				deleted: false
 			};

src/modules/main_menu/components/main-menu.vue

@@ -74,7 +74,18 @@
 						{{ t('main-menu.version', 'Version %{version}', {version: version.toString()}) }}
 					</div>
 					<div class="tw-c-text-alt-2">
+						<a
+							v-if="version.commit"
+							:href="`https://www.github.com/FrankerFaceZ/FrankerFaceZ/commit/${version.commit}`"
+							class="tw-link tw-link--inherit"
+							target="_blank"
+							rel="noopener noreferrer"
+						>
+							{{ version.commit.slice(0,7) }}
+						</a>
+						<span v-else>
 							{{ version.build }}
+						</span>
 					</div>
 				</footer>
 			</nav>

src/raven.js

@@ -277,6 +277,7 @@ export default class RavenLogger extends Module {
 			out = {};
 
 		out.build = __webpack_hash__;
+		out.git_commit = __git_commit__;
 
 		if ( core )
 			out.twitch_build = core.config.buildID;

src/sites/twitch-twilight/modules/chat/line.js

@@ -223,8 +223,7 @@ export default class ChatLine extends Module {
 					props.showTimestamps !== this.props.showTimestamps;
 			}
 
-			cls.prototype.render = function() {
-				try {
+			cls.prototype.render = function() { try {
 
 				const types = t.parent.message_types || {},
 

webpack.web.dev.js

@@ -4,6 +4,7 @@ const merge = require('webpack-merge');
 const common = require('./webpack.web.common.js');
 
 const CopyPlugin = require('copy-webpack-plugin');
+const webpack = require('webpack');
 
 /* global module */
 
@@ -16,7 +17,10 @@ module.exports = merge(common, {
 				from: './src/entry.js',
 				to: 'script.js'
 			}
-		])
+		]),
+		new webpack.DefinePlugin({
+			__git_commit__: null
+		})
 	],
 
 	devServer: {

webpack.web.prod.js

@@ -1,3 +1,4 @@
+const webpack = require('webpack');
 const merge = require('webpack-merge');
 const common = require('./webpack.web.common.js');
 
@@ -8,6 +9,10 @@ const CleanPlugin = require('clean-webpack-plugin');
 
 const uglify = require('uglify-es');
 
+// Get Git info
+
+const commit_hash = require('child_process').execSync('git rev-parse HEAD').toString().trim();
+
 /* global module Buffer */
 
 const config = module.exports = merge(common, {
@@ -28,6 +33,9 @@ const config = module.exports = merge(common, {
 				}
 			}
 		}),
+		new webpack.DefinePlugin({
+			__git_commit__: JSON.stringify(commit_hash)
+		}),
 		new CopyPlugin([
 			{
 				from: './src/entry.js',