From 29a4d8175e3b21b9370e97fc9648a634a62bf92e Mon Sep 17 00:00:00 2001
From: SirStendec <sir@stendec.me>
Date: Wed, 14 Mar 2018 14:33:03 -0400
Subject: [PATCH] Add transpiling with Babel so Edge will work.

---
 .babelrc             |  4 +++
 changelog.html       |  8 ++++++
 package.json         |  6 +++++
 src/entry.js         |  3 ++-
 webpack.web.babel.js | 63 ++++++++++++++++++++++++++++++++++++++++++++
 5 files changed, 83 insertions(+), 1 deletion(-)
 create mode 100644 .babelrc
 create mode 100644 webpack.web.babel.js

diff --git a/.babelrc b/.babelrc
new file mode 100644
index 00000000..c0c3cafb
--- /dev/null
+++ b/.babelrc
@@ -0,0 +1,4 @@
+{
+	"presets": ["env"],
+	"plugins": ["syntax-dynamic-import", "transform-runtime"]
+}
\ No newline at end of file
diff --git a/changelog.html b/changelog.html
index ebc736fa..79ad6da8 100644
--- a/changelog.html
+++ b/changelog.html
@@ -1,3 +1,11 @@
+<div class="list-header">4.0.0-beta1.6<span>@b26925b82613bdc459b5</span> <time datetime="2018-03-14">(2018-03-14)</time></div>
+<ul class="chat-menu-content menu-side-padding">
+	<li>Fixed: Minimal Navigation causing the navigation bar to render over theater mode.</li>
+	<li>Fixed: Provide a secondary build of FrankerFaceZ that uses Babel for transpiling for Microsoft Edge compatibility.</li>
+	<li>Changed: Start subscribing to the channel topic when viewing a channel for future features such as SRL races and Featured Channel buttons.</li>
+	<li>Performance: Refactored the React component hooks to allow for less time with a MutationObserver registered.</li>
+</ul>
+
 <div class="list-header">4.0.0-beta1.6<span>@66bf9e883f32aba529af</span> <time datetime="2018-03-11">(2018-03-11)</time></div>
 <ul class="chat-menu-content menu-side-padding">
 	<li>Fixed: Metadata covering chat in theater mode with Swap Sidebars enabled.</li>
diff --git a/package.json b/package.json
index 924a7990..4bd4bf41 100755
--- a/package.json
+++ b/package.json
@@ -7,10 +7,16 @@
   "scripts": {
     "start": "webpack-dev-server --config webpack.web.dev.js",
     "build": "webpack --config webpack.web.prod.js --define process.env.NODE_ENV='production'",
+    "build:babel": "webpack --config webpack.web.babel.js --define process.env.NODE_ENV='production'",
     "build:prod": "webpack --config webpack.web.prod.js --define process.env.NODE_ENV='production'",
     "build:dev": "webpack --config webpack.web.dev.js"
   },
   "devDependencies": {
+    "babel-core": "^6.26.0",
+    "babel-loader": "^7.1.4",
+    "babel-plugin-syntax-dynamic-import": "^6.18.0",
+    "babel-plugin-transform-runtime": "^6.23.0",
+    "babel-preset-env": "^1.6.1",
     "clean-webpack-plugin": "^0.1.17",
     "copy-webpack-plugin": "^4.3.0",
     "css-loader": "^0.28.7",
diff --git a/src/entry.js b/src/entry.js
index 6011eb44..883cc56f 100644
--- a/src/entry.js
+++ b/src/entry.js
@@ -7,11 +7,12 @@
 
 	const DEBUG = localStorage.ffzDebugMode == 'true' && document.body.classList.contains('ffz-dev') && ! window.Ember,
 		SERVER = DEBUG ? '//localhost:8000' : '//cdn.frankerfacez.com',
+		BABEL = /Edge/.test(window.navigator.userAgent) ? 'babel/' : '',
 		FLAVOR = window.Ember ? 'umbral' : 'avalon',
 
 		script = document.createElement('script');
 
 	script.id = 'ffz-script';
-	script.src = `${SERVER}/script/${FLAVOR}.js?_=${Date.now()}`;
+	script.src = `${SERVER}/script/${BABEL}${FLAVOR}.js?_=${Date.now()}`;
 	document.head.appendChild(script);
 })();
\ No newline at end of file
diff --git a/webpack.web.babel.js b/webpack.web.babel.js
new file mode 100644
index 00000000..c4c229f7
--- /dev/null
+++ b/webpack.web.babel.js
@@ -0,0 +1,63 @@
+const merge = require('webpack-merge');
+const common = require('./webpack.web.common.js');
+
+const UglifyJSPlugin = require('uglifyjs-webpack-plugin');
+const ManifestPlugin = require('webpack-manifest-plugin');
+
+const config = module.exports = merge(common, {
+	devtool: 'source-map',
+
+	module: {
+		rules: [{
+			test: /\.js$/,
+			exclude: /node_modules/,
+			loader: 'babel-loader'
+		}]
+	},
+
+	plugins: [
+		new UglifyJSPlugin({
+			sourceMap: true,
+			uglifyOptions: {
+				compress: {
+					keep_fnames: true,
+					keep_classnames: true
+				},
+				mangle: {
+					keep_classnames: true,
+					keep_fnames: true
+				}
+			}
+		}),
+		new ManifestPlugin({
+			map: (data) => {
+				if ( data.name.endsWith('.scss') )
+					data.name = data.name.substr(0,data.name.length - 5) + '.css';
+
+				return data;
+			}
+		})
+	],
+
+	output: {
+		publicPath: '//cdn.frankerfacez.com/script/babel/',
+		filename: '[name].[hash].js'
+	}
+});
+
+
+// This is why we can't have nice things.
+// Why can't I just access process.env.NODE_ENV from
+// one of these files when I set it with webpack's
+// CLI? So stupid.
+//
+// So here we go.
+// This is crap.
+// But it works.
+
+for(const rule of config.module.rules) {
+	if ( rule.use )
+		for(const use of rule.use)
+			if ( use.options && use.options.name && use.options.name.startsWith('[name].') )
+				use.options.name = '[name].[hash].' + use.options.name.slice(7)
+}
\ No newline at end of file