feat: New @ohif/viewer project structure + routes (#1674)

* fix pagination size

* clean up, start a very basic route configuration

* quick navigation between routes

* configure webpack to read .env variables

* Move container components to Routes directory

* Fix naming of recipe file

* Clean up source folder

* update yarn.lock

* ci: update netlify deploy preview to build viewer project

* update PWA entrypoint to pass configuration on window to App as props

* fix: for missing key

* Pass routerBasename to our React Router component

* Simplify config for meow

Co-authored-by: dannyrb <danny.ri.brown@gmail.com>

platform/viewer/.webpack/webpack.commonjs.js

@@ -16,6 +16,7 @@ const PUBLIC_DIR = path.join(__dirname, '../public');
 const APP_CONFIG = process.env.APP_CONFIG || 'config/default.js';
 const HTML_TEMPLATE = process.env.HTML_TEMPLATE || 'script-tag.html';
 const PUBLIC_URL = process.env.PUBLIC_URL || '/';
+const Dotenv = require('dotenv-webpack');
 
 module.exports = (env, argv) => {
   const commonConfig = webpackCommon(env, argv, { SRC_DIR, DIST_DIR });
@@ -34,6 +35,7 @@ module.exports = (env, argv) => {
       rules: [fontsToJavaScriptRule],
     },
     plugins: [
+      new Dotenv(),
       // Clean output.path
       new CleanWebpackPlugin(),
       new CopyWebpackPlugin([

platform/viewer/.webpack/webpack.pwa.js

@@ -27,6 +27,7 @@ const APP_CONFIG = process.env.APP_CONFIG || 'config/default.js';
 const PROXY_TARGET = process.env.PROXY_TARGET;
 const PROXY_DOMAIN = process.env.PROXY_DOMAIN;
 const ENTRY_TARGET = process.env.ENTRY_TARGET || `${SRC_DIR}/index.js`;
+const Dotenv = require('dotenv-webpack');
 
 module.exports = (env, argv) => {
   const baseConfig = webpackBase(env, argv, { SRC_DIR, DIST_DIR });
@@ -46,6 +47,7 @@ module.exports = (env, argv) => {
       rules: [...extractStyleChunksRule(isProdBuild)],
     },
     plugins: [
+      new Dotenv(),
       // Uncomment to generate bundle analyzer
       // new BundleAnalyzerPlugin(),
       // Clean output.path