feat: Add brotli pre-compress support

Brotli will be prefered over gzip if the browser does not set a preference

Author: ephys

package-lock.json

@@ -49,10 +49,12 @@
     "react-cookie": "^2.1.4"
   },
   "dependencies": {
+    "accept": "^3.0.2",
     "accept-language-parser": "^1.5.0",
     "babel-core": "^6.26.0",
     "babel-loader": "^7.1.4",
     "blessed": "^0.1.81",
+    "brotli-webpack-plugin": "^0.5.0",
     "bundle-loader": "^0.5.6",
     "case-sensitive-paths-webpack-plugin": "^2.1.2",
     "chalk": "^1.1.3",
@@ -85,7 +87,6 @@
     "minimist": "^1.2.0",
     "mkdirp": "^0.5.1",
     "mz": "^2.7.0",
-    "negotiator": "^0.6.1",
     "ngrok": "^2.2.25",
     "node-sass": "^4.8.3",
     "node-style-loader": "^0.0.1-alpha",

package.json

@@ -3,7 +3,7 @@ import path from 'path';
 import fs from 'mz/fs';
 import express from 'express';
 import mime from 'mime';
-import getPreferredEncodings from 'negotiator/lib/encoding';
+import accept from 'accept';
 import compression from 'compression';
 import cookiesMiddleware from 'universal-cookie-express';
 import getWebpackSettings from '../../../shared/webpack-settings';
@@ -25,7 +25,7 @@ function redirectToPreCompressed(root, encodingTransforms = {}) {
   return async function redirect(req, res, next) {
     // req.acceptsEncoding is not powerful enough, and creates a new instance of Accept AND Negociator
     // on every single call. negotiator/lib/encoding.getPreferredEncodings is a pure function, I'm going to use that.
-    const encodings = getPreferredEncodings(req.header('Accept-Encoding'), availableEncodings);
+    const encodings = accept.encodings(req.header('Accept-Encoding'), availableEncodings);
 
     for (const encoding of encodings) {
       const getCompressedPath = encodingTransforms[encoding];

src/framework/server/setup-http-server/index.js

@@ -2,7 +2,9 @@
 
 import UglifyJsPlugin from 'uglifyjs-webpack-plugin';
 import OfflinePlugin from 'offline-plugin';
-import CompressionPlugin from 'compression-webpack-plugin';
+import GzipPlugin from 'compression-webpack-plugin';
+import BrotliPlugin from 'brotli-webpack-plugin';
+
 import BaseFeature from '../BaseFeature';
 import type WebpackConfigBuilder from '../WebpackConfigBuilder';
 
@@ -121,8 +123,15 @@ export default class OptimizeFeature extends BaseFeature {
 
     config.injectPlugins([
 
-      // TODO brotli
-      new CompressionPlugin([{
+      new BrotliPlugin({
+        asset: '[path].br[query]',
+        test: /\.(js|css|html|svg)$/,
+        threshold: 0,
+        minRatio: 0.8,
+        quality: 11,
+      }),
+
+      new GzipPlugin([{
         asset: '[path].gz[query]',
         algorithm: 'gzip',
         test: /\.(js|css|html|svg)$/,
@@ -137,6 +146,7 @@ export default class OptimizeFeature extends BaseFeature {
         // this is applied before any match in `caches` section
         excludes: [
           '**/*.gz',
+          '**/*.br',
           '**/*.map',
           '**/*.LICENSE',
         ],