Added production environment

Author: Kana00

Diff for: .env.development

@@ -0,0 +1 @@
+environment="development"

Diff for: .env.production

@@ -0,0 +1 @@
+environment="production"

Diff for: README.md

@@ -29,7 +29,7 @@ You will need to install the following modules for optimization reasons
 # install node JS here: https://nodejs.org/en/download/
 # install yarn here: https://classic.yarnpkg.com/en/docs/install
 # install ngrok here: https://ngrok.com/download
-> yarn global add npx cross-env
+> yarn global add env-cmd
 > cd path_to_your_project
 > yarn install
 > yarn start

Diff for: package.json

@@ -4,8 +4,8 @@
   "author": "Kana00",
   "license": "SEE LICENSE IN ./LICENSE",
   "scripts": {
-    "start": "npx webpack-dev-server --open --hot",
-    "build": "cross-env NODE_ENV=production webpack --config ./webpack.config.js",
+    "start:development": "env-cmd -f .env.development webpack-dev-server --open --hot",
+    "build": "webpack --config ./webpack.config.js",
     "shareProduction": "ngrok http -bind-tls=true file:///Users/YOUR_USER/Documents/web-site-new-project/dist",
     "shareWebpack": "ngrok http localhost:8080 -bind-tls=true -host-header='localhost:8080'",
     "test": "npx jest"
@@ -41,6 +41,7 @@
   },
   "dependencies": {
     "@reach/router": "^1.3.3",
+    "@types/node": "^14.14.22",
     "@types/reach__router": "^1.3.1",
     "@unly/universal-language-detector": "^2.0.3",
     "apollo-cache-inmemory": "^1.6.5",

Diff for: src/start.tsx

@@ -26,10 +26,8 @@ const apolloClient: ApolloClient<NormalizedCacheObject> = new ApolloClient({
   link
 });
 
-
 class App extends React.Component<any, {}> {
 
-
   componentDidMount() {
     document.title = 'React Application';
   }

Diff for: src/typings/custom_extension.d.ts

@@ -22,18 +22,22 @@ declare module "*.woff" {
   const url: string;
   export default url;
 }
+
 declare module "*.woff2" {
   const url: string;
   export default url;
 }
+
 declare module "*.eot" {
   const url: string;
   export default url;
 }
+
 declare module "*.ttf" {
   const url: string;
   export default url;
 }
+
 declare module "*.otf" {
   const url: string;
   export default url;

Diff for: src/typings/environment.d.ts

@@ -0,0 +1,5 @@
+declare namespace NodeJS {
+  interface ProcessEnv {
+    ENVIRONMENT: 'development' | 'production';
+  }
+}

Diff for: webpack.config.js

@@ -3,8 +3,6 @@ const HtmlWebpackPlugin = require('html-webpack-plugin');
 const WebpackCleanupPlugin = require('webpack-cleanup-plugin');
 const FaviconsWebpackPlugin = require('favicons-webpack-plugin');
 
-const isInProduction = process.env.NODE_ENV === 'production';
-
 module.exports = {
   entry: {
     /* All files that need to be grouped together into a <script src='...'> */
@@ -16,7 +14,7 @@ module.exports = {
     filename: '[name]_[hash].bundle.js',
     publicPath: "/"
   },
-  mode: (isInProduction) ? 'production' : 'development',
+  mode: (process.env.environment === 'production') ? 'production' : 'development',
   devtool: 'inline-source-map',
   devServer: {
     contentBase: './dist',

Diff for: yarn.lock

@@ -2426,6 +2426,11 @@
   resolved "https://registry.yarnpkg.com/@types/node/-/node-12.12.31.tgz#d6b4f9645fee17f11319b508fb1001797425da51"
   integrity sha512-T+wnJno8uh27G9c+1T+a1/WYCHzLeDqtsGJkoEdSp2X8RTh3oOCZQcUnjAx90CS8cmmADX51O0FI/tu9s0yssg==
 
+"@types/node@^14.14.22":
+  version "14.14.22"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-14.14.22.tgz#0d29f382472c4ccf3bd96ff0ce47daf5b7b84b18"
+  integrity sha512-g+f/qj/cNcqKkc3tFqlXOYjrmZA+jNBiDzbP3kH+B+otKFqAdPgVTGP1IeKRdMml/aE69as5S4FqtxAbl+LaMw==
+
 "@types/parse5@^5.0.3":
   version "5.0.3"
   resolved "https://registry.yarnpkg.com/@types/parse5/-/parse5-5.0.3.tgz#e7b5aebbac150f8b5fdd4a46e7f0bd8e65e19109"