[next] Moderate (#2118)

* fix: load .env before building / watching

* feat: Implement AppBar, Brand, and SubBar

* feat: add card ui component

* feat: add modqueue components

* feat: implement modqueue

* feat: add translations

* test: add unit tests

* feat: single comment view

* test: feature / integration tests for modqueue

* test: fix remaining tests

* feature: support TextMatchOptions

* fix: remove body count marker

* fix: remove accidently added package

* feat: testHelper toJSON

* chore: cleanup + comments

* chore: better types

* test: fix test

* chore: refactor decision history test

* chore: tiny fix

* fix: adjust to recent server changes

* fix: marking suspect and banned words

* feat: added moderation queue edge to accept/reject comment payloads

- Simplified moderationQueue returns
- Simplified resolvers

* feat: update counts

* feat: added id's to moderation queue and settings

* fix+test: test count changes, apply fix

* chore: adapt to server change, and remove custom mutation handlers

* fix: use common utils

* fix: purify fix, babel fix

* fix: workaround css treeshake issue and upgrade css plugins

* fix: fixed snapshot

* fix: support empty word lists

* feat: separate client config

scripts/build.ts

@@ -1,5 +1,11 @@
 #!/usr/bin/env ts-node
 
+import dotenv from "dotenv";
+
+// Apply all the configuration provided in the .env file if it isn't already in
+// the environment.
+dotenv.config();
+
 import chalk from "chalk";
 import fs from "fs-extra";
 import FileSizeReporter from "react-dev-utils/FileSizeReporter";
@@ -8,8 +14,8 @@ import printBuildError from "react-dev-utils/printBuildError";
 import webpack from "webpack";
 
 import paths from "../config/paths";
+import config from "../src/core/build/config";
 import createWebpackConfig from "../src/core/build/createWebpackConfig";
-import config, { createClientEnv } from "../src/core/common/config";
 
 // tslint:disable: no-console
 
@@ -97,9 +103,7 @@ measureFileSizesBeforeBuild(paths.appDistStatic)
 // Create the production build and print the deployment instructions.
 function build(previousFileSizes: any) {
   console.log("Creating an optimized production build...");
-  const webpackConfig = createWebpackConfig({
-    env: createClientEnv(config),
-  });
+  const webpackConfig = createWebpackConfig(config);
   const compiler = webpack(webpackConfig);
   return new Promise((resolve, reject) => {
     compiler.run((err, stats) => {

scripts/start.ts

@@ -1,4 +1,9 @@
 #!/usr/bin/env ts-node
+import dotenv from "dotenv";
+
+// Apply all the configuration provided in the .env file if it isn't already in
+// the environment.
+dotenv.config();
 
 import chalk from "chalk";
 import {
@@ -10,8 +15,8 @@ import webpack from "webpack";
 import WebpackDevServer from "webpack-dev-server";
 
 import createDevServerConfig from "../config/webpackDevServer.config";
+import config from "../src/core/build/config";
 import createWebpackConfig from "../src/core/build/createWebpackConfig";
-import config, { createClientEnv } from "../src/core/common/config";
 
 // tslint:disable: no-console
 
@@ -58,9 +63,7 @@ choosePort(HOST, PORT)
     const protocol = "http";
     const appName = "Talk";
     const urls = prepareUrls(protocol, HOST, port);
-    const webpackConfig = createWebpackConfig({
-      env: createClientEnv(config),
-    });
+    const webpackConfig = createWebpackConfig(config);
     // Create a webpack compiler that is configured with custom messages.
     const compiler = createCompiler(webpack, webpackConfig, appName, urls);
     // Serve webpack assets generated by the compiler over a web sever.