Routing

package.json

@@ -49,7 +49,7 @@
     "typescript": "^4.2.4"
   },
   "scripts": {
-    "build": "rimraf ./assets && parcel build src/index.html --dist-dir assets --public-url 'plugins/germanairlinesva/react/assets' --log-level verbose",
+    "build": "rimraf ./assets && parcel build src/index.html --dist-dir assets --public-url '/plugins/germanairlinesva/react/assets' --log-level verbose",
     "clean": "rimraf ./assets ./dist ./.parcel-cache",
     "format": "prettier --write 'src/**/*.{ts,tsx,scss}'",
     "lint": "eslint ./src --fix",

routes.php

@@ -0,0 +1,10 @@
+<?php
+
+  Route::get('/app/{path?}', function () {
+    if (file_exists(__DIR__."/assets/index.html")) {
+      $file = file_get_contents(__DIR__."/assets/index.html");
+      return $file;
+    }
+    else
+      App::abort(404);
+  })->where('path', '.*');

src/App.tsx

@@ -36,7 +36,6 @@ const App = (): React.ReactElement => {
           <HomePage path={routes.company.home} />
 
           <UserPages path={routes.personal.base}>
-            <Redirect from="/" to="/" noThrow />
             <LogbookPage path={routes.personal.logbook} />
             <ProfilePages path={routes.personal.profile.base}>
               <ProfilePage path="/" />

src/routes.ts

@@ -1,13 +1,13 @@
 const routes = {
   company: {
-    home: '/',
+    home: '/app',
-    travel: '/travel',
+    travel: '/app/travel',
-    cargo: '/cargo',
+    cargo: '/app/cargo',
-    civil: '/civil',
+    civil: '/app/civil',
   },
 
   community: {
-    base: '/community',
+    base: '/app/community',
     magazine: '/magazine',
     downloads: '/downloads',
     ranking: '/ranking',
@@ -22,7 +22,7 @@ const routes = {
   },
 
   booking: {
-    base: '/booking',
+    base: '/app/booking',
     planner: '/planner',
     passenger: '/passenger',
     charter: '/charter',
@@ -31,7 +31,7 @@ const routes = {
     visual: '/visual',
   },
   briefing: {
-    base: '/briefing',
+    base: '/app/briefing',
     passenger: '/passenger',
     charter: '/charter',
     cargo: '/cargo',
@@ -40,7 +40,7 @@ const routes = {
   },
 
   school: {
-    base: '/schooling',
+    base: '/app/schooling',
     documents: '/documents',
 
     exam: {
@@ -50,12 +50,12 @@ const routes = {
   },
 
   personal: {
-    base: '/personal',
+    base: '/app/personal',
     logbook: '/logbook',
     profile: {
       base: '/profile',
       others: ':memberID',
-      generate: (id: string): string => `/personal/profile/${id}`,
+      generate: (id: string): string => `/app/personal/profile/${id}`,
     },
   },
 };