Move Pazisme Mod page to a standalone HTML (#86)

Co-authored-by: Julien Valverdé <julien.valverde@mailo.com>
Co-authored-by: Renovate Bot <renovate-bot@valverde.cloud>
Reviewed-on: #86

packages/webapp/src/routeTree.gen.ts

@@ -10,24 +10,12 @@
 
 import { Route as rootRouteImport } from './routes/__root'
 import { Route as MainRouteImport } from './routes/_main'
-import { Route as PazismemodRouteRouteImport } from './routes/pazismemod/route'
-import { Route as PazismemodIndexRouteImport } from './routes/pazismemod/index'
 import { Route as MainIndexRouteImport } from './routes/_main.index'
 
 const MainRoute = MainRouteImport.update({
   id: '/_main',
   getParentRoute: () => rootRouteImport,
 } as any)
-const PazismemodRouteRoute = PazismemodRouteRouteImport.update({
-  id: '/pazismemod',
-  path: '/pazismemod',
-  getParentRoute: () => rootRouteImport,
-} as any)
-const PazismemodIndexRoute = PazismemodIndexRouteImport.update({
-  id: '/',
-  path: '/',
-  getParentRoute: () => PazismemodRouteRoute,
-} as any)
 const MainIndexRoute = MainIndexRouteImport.update({
   id: '/',
   path: '/',
@@ -35,31 +23,25 @@ const MainIndexRoute = MainIndexRouteImport.update({
 } as any)
 
 export interface FileRoutesByFullPath {
-  '/pazismemod': typeof PazismemodRouteRouteWithChildren
   '/': typeof MainIndexRoute
-  '/pazismemod/': typeof PazismemodIndexRoute
 }
 export interface FileRoutesByTo {
   '/': typeof MainIndexRoute
-  '/pazismemod': typeof PazismemodIndexRoute
 }
 export interface FileRoutesById {
   __root__: typeof rootRouteImport
-  '/pazismemod': typeof PazismemodRouteRouteWithChildren
   '/_main': typeof MainRouteWithChildren
   '/_main/': typeof MainIndexRoute
-  '/pazismemod/': typeof PazismemodIndexRoute
 }
 export interface FileRouteTypes {
   fileRoutesByFullPath: FileRoutesByFullPath
-  fullPaths: '/pazismemod' | '/' | '/pazismemod/'
+  fullPaths: '/'
   fileRoutesByTo: FileRoutesByTo
-  to: '/' | '/pazismemod'
-  id: '__root__' | '/pazismemod' | '/_main' | '/_main/' | '/pazismemod/'
+  to: '/'
+  id: '__root__' | '/_main' | '/_main/'
   fileRoutesById: FileRoutesById
 }
 export interface RootRouteChildren {
-  PazismemodRouteRoute: typeof PazismemodRouteRouteWithChildren
   MainRoute: typeof MainRouteWithChildren
 }
 
@@ -72,20 +54,6 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof MainRouteImport
       parentRoute: typeof rootRouteImport
     }
-    '/pazismemod': {
-      id: '/pazismemod'
-      path: '/pazismemod'
-      fullPath: '/pazismemod'
-      preLoaderRoute: typeof PazismemodRouteRouteImport
-      parentRoute: typeof rootRouteImport
-    }
-    '/pazismemod/': {
-      id: '/pazismemod/'
-      path: '/'
-      fullPath: '/pazismemod/'
-      preLoaderRoute: typeof PazismemodIndexRouteImport
-      parentRoute: typeof PazismemodRouteRoute
-    }
     '/_main/': {
       id: '/_main/'
       path: '/'
@@ -96,18 +64,6 @@ declare module '@tanstack/react-router' {
   }
 }
 
-interface PazismemodRouteRouteChildren {
-  PazismemodIndexRoute: typeof PazismemodIndexRoute
-}
-
-const PazismemodRouteRouteChildren: PazismemodRouteRouteChildren = {
-  PazismemodIndexRoute: PazismemodIndexRoute,
-}
-
-const PazismemodRouteRouteWithChildren = PazismemodRouteRoute._addFileChildren(
-  PazismemodRouteRouteChildren,
-)
-
 interface MainRouteChildren {
   MainIndexRoute: typeof MainIndexRoute
 }
@@ -119,7 +75,6 @@ const MainRouteChildren: MainRouteChildren = {
 const MainRouteWithChildren = MainRoute._addFileChildren(MainRouteChildren)
 
 const rootRouteChildren: RootRouteChildren = {
-  PazismemodRouteRoute: PazismemodRouteRouteWithChildren,
   MainRoute: MainRouteWithChildren,
 }
 export const routeTree = rootRouteImport

packages/webapp/src/routes/_main.tsx

@@ -24,7 +24,7 @@ function WIPLayout() {
     )
 }
 
-// @ts-ignore
+// @ts-expect-error
 function SharedLayout() {
     const { t, i18n } = useTranslation()
 

packages/webapp/src/routes/pazismemod/index.css

@@ -1,7 +0,0 @@
-@font-face {
-  font-family: "Coolvetica";
-  src: url("/fonts/coolvetica_rg.otf") format("opentype");
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-}

packages/webapp/src/routes/pazismemod/index.tsx

@@ -1,104 +0,0 @@
-import { createFileRoute } from "@tanstack/react-router"
-import { useEffect, useRef } from "react"
-import "./index.css"
-import screen1 from "./screen1.png"
-import song from "./we_are_charlie_kirk.mp3"
-
-
-export const Route = createFileRoute("/pazismemod/")({
-    component: RouteComponent,
-})
-
-const SONG_START_TIME = 46
-
-function RouteComponent() {
-    const audioRef = useRef<HTMLAudioElement>(null)
-
-    useEffect(() => {
-        const audio = audioRef.current
-
-        if (!audio) {
-            return
-        }
-
-        const syncStartTime = () => {
-            if (Number.isFinite(audio.duration) && audio.duration > SONG_START_TIME) {
-                audio.currentTime = SONG_START_TIME
-            }
-        }
-
-        const loopFromOffset = async () => {
-            syncStartTime()
-
-            try {
-                await audio.play()
-            }
-            catch {
-                // Ignore autoplay failures. Some embedded browsers require user interaction.
-            }
-        }
-
-        const tryAutoplay = async () => {
-            syncStartTime()
-
-            try {
-                await audio.play()
-            }
-            catch {
-                // Ignore autoplay failures. Some embedded browsers require user interaction.
-            }
-        }
-
-        const gameDetails = (
-            _servername: string,
-            _serverurl: string,
-            _mapname: string,
-            _maxplayers: string,
-            _steamid: string,
-            _gamemode: string,
-            volume: number | string,
-        ) => {
-            const parsedVolume = Number(volume)
-
-            if (Number.isFinite(parsedVolume)) {
-                audio.volume = Math.min(1, Math.max(0, parsedVolume))
-            }
-        }
-
-        audio.addEventListener("loadedmetadata", syncStartTime)
-        audio.addEventListener("ended", loopFromOffset)
-        void tryAutoplay()
-        ;(window as Window & { GameDetails?: typeof gameDetails }).GameDetails = gameDetails
-
-        return () => {
-            audio.removeEventListener("loadedmetadata", syncStartTime)
-            audio.removeEventListener("ended", loopFromOffset)
-
-            if ((window as Window & { GameDetails?: typeof gameDetails }).GameDetails === gameDetails) {
-                delete (window as Window & { GameDetails?: typeof gameDetails }).GameDetails
-            }
-        }
-    }, [])
-
-    return (
-        <div className="relative h-screen w-screen overflow-hidden bg-black">
-            <audio ref={audioRef} src={song} preload="auto" hidden />
-
-            <img
-                src={screen1}
-                alt="Pazismemod screenshot"
-                className="h-full w-full object-contain"
-            />
-
-            <h1
-                className="absolute bottom-12 left-6 leading-none text-white"
-                style={{
-                    fontFamily: "\"Coolvetica\", sans-serif",
-                    fontSize: "92px",
-                }}
-            >
-                pazisme mod
-            </h1>
-        </div>
-    )
-}

packages/webapp/src/routes/pazismemod/route.tsx

@@ -1,10 +0,0 @@
-import { createFileRoute, Outlet } from "@tanstack/react-router"
-
-
-export const Route = createFileRoute("/pazismemod")({
-    component: PazismemodLayout,
-})
-
-function PazismemodLayout() {
-    return <Outlet />
-}