Centralize route generation to a single place

platform/viewer/src/routes/DataSourceWrapper.jsx

@@ -3,7 +3,7 @@ import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import { MODULE_TYPES } from '@ohif/core';
 //
-import { appConfig, extensionManager } from '../App.js';
+import { appConfig, extensionManager } from '../App.jsx';
 
 /**
  * Uses route properties to determine the data source that should be passed

platform/viewer/src/routes/ModeRoute.js

@@ -1,4 +1,4 @@
-import React, { useContext, useEffect, useCallback } from 'react';
+import React, { useEffect, useCallback } from 'react';
 import {
   displaySetManager,
   ToolBarManager,

platform/viewer/src/routes/index.js

@@ -1,23 +1,31 @@
 import React from 'react';
 import { Switch, Route } from 'react-router-dom';
-
 // Route Components
 import DataSourceWrapper from './DataSourceWrapper';
 import StudyListContainer from './StudyListContainer';
 import NotFound from './NotFound';
+import buildModeRoutes from './buildModeRoutes';
 
+// TODO: Make these configurable
 const bakedInRoutes = [
+  // WORK LIST
   {
     path: '/',
     exact: true,
     component: DataSourceWrapper,
     props: { children: StudyListContainer },
   },
+  // NOT FOUND (404)
   { component: NotFound },
 ];
 
-const createRoutes = routes => {
+const createRoutes = (modes, dataSources, extensionManager, t, t2) => {
   console.log('Creating Routes: ', routes, bakedInRoutes);
+  console.log(modes, dataSources, extensionManager, t, t2);
+  if (!modes.length) {
+    modes.push(window.exampleMode);
+  }
+  const routes = buildModeRoutes(modes, dataSources, extensionManager) || [];
   // TODO: Shouldn't need to guard input routes with an empty array?
   const allRoutes = [...(routes || []), ...bakedInRoutes];