Merge pull request codeBelt#17 from codeBelt/js/fix-api-add-baseroute

fix api to https and add base route

Author: codeBelt

src/environments/base.js

@@ -5,6 +5,9 @@
 
 export default function(baseApi) {
   return {
+    route: {
+      baseRoute: '',
+    },
     api: {
       shows: `${baseApi}/shows/:showId`,
       episodes: `${baseApi}/shows/:showId/episodes`,

src/environments/development.js

@@ -1,6 +1,6 @@
 import environment from './base';
 
-const baseApi = 'http://api.tvmaze.com';
+const baseApi = 'https://api.tvmaze.com';
 const env = environment(baseApi);
 
 export default {

src/environments/production.js

@@ -5,9 +5,13 @@ import environment from './base';
  * You shouldn't have override anything.
  */
 
-const baseApi = 'http://api.tvmaze.com';
+const baseApi = 'https://api.tvmaze.com';
 const env = environment(baseApi);
 
 export default {
   ...env,
+  route: {
+    ...env.route,
+    baseRoute: '/react-redux-architecture', // Fixes issue with Github Pages
+  },
 };

src/environments/test.js

@@ -1,6 +1,6 @@
 import environment from './base';
 
-const baseApi = 'http://api.tvmaze.com';
+const baseApi = 'https://api.tvmaze.com';
 const env = environment(baseApi);
 
 export default {

src/index.jsx

@@ -6,10 +6,11 @@ import { Provider } from 'react-redux';
 import { createBrowserHistory } from 'history';
 import rootStore from './stores/rootStore';
 import App from './views/App';
+import environment from 'environment';
 
 (async (window) => {
   const initialState = {};
-  const history = createBrowserHistory();
+  const history = createBrowserHistory({ basename: environment.route.baseRoute });
   const store = rootStore(initialState, history);
 
   const rootEl = document.getElementById('root');

src/typings.d.ts

@@ -3,6 +3,9 @@ declare module 'lodash.groupby';
 
 declare module 'environment' {
   const value: {
+    route: {
+      baseRoute: string;
+    };
     api: {
       shows: string;
       episodes: string;