X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fjs%2Fapp%2FRoutes.js;h=0e35ddb57180c383bb8ba6a1cb0c0a8c21f6ba4a;hb=31131fc56ecc52ba5ce8aa9854755b22620a7139;hp=c49f0474d40aedfa5a2946aec4ddc8d17973631e;hpb=1e725fef6dc440aaeea8c30e1e0598dc5d24ad86;p=alttp.git

diff --git a/resources/js/app/Routes.js b/resources/js/app/Routes.js
index c49f047..0e35ddb 100644
--- a/resources/js/app/Routes.js
+++ b/resources/js/app/Routes.js
@@ -1,99 +1,166 @@
-import PropTypes from 'prop-types';
 import React from 'react';
-import { Navigate, Route, Routes } from 'react-router-dom';
+import {
+	createBrowserRouter,
+	createRoutesFromElements,
+	Navigate,
+	Route,
+	RouterProvider,
+} from 'react-router-dom';
 
 import FullLayout from './FullLayout';
-import AlttpSeed from '../pages/AlttpSeed';
-import DiscordBot from '../pages/DiscordBot';
-import DoorsTracker from '../pages/DoorsTracker';
-import Event from '../pages/Event';
-import Events from '../pages/Events';
 import Front from '../pages/Front';
-import Map from '../pages/Map';
-import Schedule from '../pages/Schedule';
 import Technique from '../pages/Technique';
 import Techniques from '../pages/Techniques';
-import Tournament from '../pages/Tournament';
-import TwitchBot from '../pages/TwitchBot';
 import User from '../pages/User';
 
-const AppRoutes = ({ doLogout }) => <Routes>
-	<Route element={<FullLayout doLogout={doLogout} />}>
-		<Route
-			path="discord-bot"
-			element={<DiscordBot />}
-		/>
-		<Route
-			path="dungeons"
-			element={<Techniques namespace="dungeons" type="dungeon" />}
-		/>
-		<Route
-			path="dungeons/:name"
-			element={<Technique basepath="dungeons" type="dungeon" />}
-		/>
-		<Route
-			path="events"
-			element={<Events />}
-		/>
-		<Route
-			path="events/:name"
-			element={<Event />}
-		/>
-		<Route path="h/:hash" element={<AlttpSeed />} />
-		<Route
-			path="locations"
-			element={<Techniques namespace="locations" type="location" />}
-		/>
-		<Route
-			path="locations/:name"
-			element={<Technique basepath="locations" type="location" />}
-		/>
-		<Route path="map">
-			<Route index element={<Navigate replace to="lw" />} />
-			<Route path=":activeMap" element={<Map />} />
-		</Route>
-		<Route
-			path="modes"
-			element={<Techniques namespace="modes" type="mode" />}
-		/>
-		<Route
-			path="modes/:name"
-			element={<Technique basepath="modes" type="mode" />}
-		/>
-		<Route
-			path="rulesets"
-			element={<Techniques namespace="rulesets" type="ruleset" />}
+const router = createBrowserRouter(
+	createRoutesFromElements(
+		<Route>
+			<Route element={<FullLayout />}>
+				<Route
+					path="discord-bot"
+					lazy={() => import(
+						/* webpackChunkName: "admin" */
+						'../pages/DiscordBot'
+					)}
+				/>
+				<Route
+					path="dungeons"
+					element={<Techniques namespace="dungeons" type="dungeon" />}
+				/>
+				<Route
+					path="dungeons/:name"
+					element={<Technique basepath="dungeons" type="dungeon" />}
+				/>
+				<Route
+					path="events"
+					lazy={() => import(
+						/* webpackChunkName: "events" */
+						'../pages/Events'
+					)}
+				/>
+				<Route
+					path="events/:name"
+					lazy={() => import(
+						/* webpackChunkName: "events" */
+						'../pages/Event'
+					)}
+				/>
+				<Route
+					path="h/:hash"
+					lazy={() => import(
+						/* webpackChunkName: "seeds" */
+						'../pages/AlttpSeed'
+					)}
+				/>
+				<Route
+					path="locations"
+					element={<Techniques namespace="locations" type="location" />}
+				/>
+				<Route
+					path="locations/:name"
+					element={<Technique basepath="locations" type="location" />}
+				/>
+				<Route path="map">
+					<Route index element={<Navigate replace to="lw" />} />
+					<Route
+						path=":activeMap"
+						lazy={() => import(
+							/* webpackChunkName: "map" */
+							'../pages/Map'
+						)}
+					/>
+				</Route>
+				<Route
+					path="modes"
+					element={<Techniques namespace="modes" type="mode" />}
+				/>
+				<Route
+					path="modes/:name"
+					element={<Technique basepath="modes" type="mode" />}
+				/>
+				<Route
+					path="rulesets"
+					element={<Techniques namespace="rulesets" type="ruleset" />}
+					/>
+				<Route
+					path="rulesets/:name"
+					element={<Technique basepath="rulesets" type="ruleset" />}
+				/>
+				<Route
+					path="schedule"
+					lazy={() => import(
+						/* webpackChunkName: "events" */
+						'../pages/Schedule'
+					)}
+				/>
+				<Route
+					path="tech"
+					element={<Techniques namespace="techniques" type="tech" />}
+				/>
+				<Route
+					path="tech/:name"
+					element={<Technique basepath="tech" type="tech" />}
+				/>
+				<Route
+					path="tournaments/:id"
+					lazy={() => import(
+						/* webpackChunkName: "tournament" */
+						'../pages/Tournament'
+					)}
+				/>
+				<Route
+					path="twitch-bot"
+					lazy={() => import(
+						/* webpackChunkName: "admin" */
+						'../pages/TwitchBot'
+					)}
+				/>
+				<Route
+					path="twitch-legal"
+					lazy={() => import(
+						/* webpackChunkName: "twitch" */
+						'../pages/TwitchLegal'
+					)}
+				/>
+				<Route path="users/:id" element={<User />} />
+				<Route path="/" element={<Front />} />
+				<Route path="*" element={<Navigate to="/" />} />
+			</Route>
+			<Route
+				path="doors-tracker"
+				lazy={() => import(
+					/* webpackChunkName: "tracker" */
+					'../pages/DoorsTracker'
+				)}
+			/>
+			<Route path="guessing-game">
+				<Route
+					path="controls/:channelId?"
+					lazy={() => import(
+						/* webpackChunkName: "guessing" */
+						'../pages/GuessingGameControls'
+					)}
+				/>
+				<Route
+					path="monitor/:key"
+					lazy={() => import(
+						/* webpackChunkName: "guessing" */
+						'../pages/GuessingGameMonitor'
+					)}
+				/>
+			</Route>
+			<Route
+				path="tracker"
+				lazy={() => import(
+					/* webpackChunkName: "tracker" */
+					'../pages/Tracker'
+				)}
 			/>
-		<Route
-			path="rulesets/:name"
-			element={<Technique basepath="rulesets" type="ruleset" />}
-		/>
-		<Route path="schedule" element={<Schedule />} />
-		<Route
-			path="tech"
-			element={<Techniques namespace="techniques" type="tech" />}
-		/>
-		<Route
-			path="tech/:name"
-			element={<Technique basepath="tech" type="tech" />}
-		/>
-		<Route path="tournaments/:id" element={<Tournament />} />
-		<Route
-			path="twitch-bot"
-			element={<TwitchBot />}
-		/>
-		<Route path="users/:id" element={<User />} />
-		<Route path="/" element={<Front />} />
-		<Route path="*" element={<Navigate to="/" />} />
-	</Route>
-	<Route
-		path="doors-tracker"
-		element={<DoorsTracker />}
-	/>
-</Routes>;
+		</Route>
+	)
+);
 
-AppRoutes.propTypes = {
-	doLogout: PropTypes.func,
-};
+const AppRoutes = () => <RouterProvider router={router} />;
 
 export default AppRoutes;