create Environment type

Author: Robert S

src/environments/base.js

@@ -1,9 +1,9 @@
 /*
  * Base is the default environment for production.
  * Add everything here and override value in other files if needed.
+ * https://blog.usejournal.com/my-awesome-custom-react-environment-variables-setup-8ebb0797d8ac
  */
-
-export default function(baseApi) {
+export default function baseEnv(baseApi) {
   return {
     route: {
       baseRoute: '',
@@ -16,5 +16,6 @@ export default function(baseApi) {
     },
     isProduction: true,
     isDevelopment: false,
+    isTesting: false,
   };
 }

src/environments/development.js

@@ -3,7 +3,7 @@ import environment from './base';
 const baseApi = 'https://api.tvmaze.com';
 const env = environment(baseApi);
 
-export default {
+const developmentEnv = {
   ...env,
   // override anything that gets added from base.
   api: {
@@ -14,3 +14,5 @@ export default {
   isProduction: false,
   isDevelopment: true,
 };
+
+export default developmentEnv;

src/environments/production.js

@@ -8,10 +8,12 @@ import environment from './base';
 const baseApi = 'https://api.tvmaze.com';
 const env = environment(baseApi);
 
-export default {
+const productionEnv = {
   ...env,
   route: {
     ...env.route,
     baseRoute: '/react-redux-architecture', // Fixes issue with Github Pages
   },
 };
+
+export default productionEnv;

src/environments/test.js

@@ -3,10 +3,12 @@ import environment from './base';
 const baseApi = 'https://api.tvmaze.com';
 const env = environment(baseApi);
 
-export default {
+const testEnv = {
   ...env,
   // override anything that gets added from base.
   isProduction: false,
   isDevelopment: true,
   isTesting: true,
 };
+
+export default testEnv;

src/typings.d.ts

@@ -2,20 +2,8 @@ declare module 'redux-freeze';
 declare module 'lodash.groupby';
 
 declare module 'environment' {
-  const value: {
-    route: {
-      baseRoute: string;
-    };
-    api: {
-      shows: string;
-      episodes: string;
-      cast: string;
-      errorExample: string;
-    };
-    isDevelopment: boolean;
-    isProduction: boolean;
-    isTesting?: boolean;
-  };
+  import baseEnv from './environments/base';
+  const value: ReturnType<typeof baseEnv>;
 
   export default value;
 }