Move package "de.grimsi.gameyfin" to "org.gameyfin"

2026-06-15 08:15:37 +00:00 · 2025-06-14 19:23:12 +02:00
parent be0ba28c54
commit d3d46b6b01
328 changed files with 710 additions and 678 deletions
@@ -0,0 +1,135 @@
+import {useRouteMetadata} from 'Frontend/util/routing.js';
+import {useEffect, useState} from 'react';
+import ProfileMenu from "Frontend/components/ProfileMenu";
+import {Button, Divider, Link, Navbar, NavbarBrand, NavbarContent, NavbarItem, Tooltip} from "@heroui/react";
+import GameyfinLogo from "Frontend/components/theming/GameyfinLogo";
+import * as PackageJson from "../../../../package.json";
+import {Outlet, useLocation, useNavigate} from "react-router";
+import {useAuth} from "Frontend/util/auth";
+import {ArrowLeft, DiceSix, Heart, House, ListMagnifyingGlass} from "@phosphor-icons/react";
+import Confetti, {ConfettiProps} from "react-confetti-boom";
+import {useTheme} from "next-themes";
+import {UserPreferenceService} from "Frontend/util/user-preference-service";
+import SearchBar from "Frontend/components/general/SearchBar";
+import {useSnapshot} from "valtio/react";
+import {gameState} from "Frontend/state/GameState";
+import {scanState} from "Frontend/state/ScanState";
+import ScanProgressPopover from "Frontend/components/general/ScanProgressPopover";
+import {isAdmin} from "Frontend/util/utils";
+
+export default function MainLayout() {
+    const navigate = useNavigate();
+    const location = useLocation();
+    const auth = useAuth();
+    const routeMetadata = useRouteMetadata();
+    const {setTheme} = useTheme();
+    const isSearchPage = location.pathname.startsWith("/search");
+    const isHomePage = location.pathname === "/";
+    const [isExploding, setIsExploding] = useState(false);
+    const games = useSnapshot(gameState).games;
+    const scans = useSnapshot(scanState);
+
+    useEffect(() => {
+        let newTitle = `Gameyfin - ${routeMetadata?.title}`;
+        window.addEventListener('popstate', () => document.title = newTitle);
+
+        UserPreferenceService.sync()
+            .then(() => loadUserTheme().catch(console.error))
+            .catch(console.error);
+    }, []);
+
+    const confettiProps: ConfettiProps = {
+        mode: 'boom',
+        x: 0.5,
+        y: 1,
+        particleCount: 1000,
+        spreadDeg: 90,
+        launchSpeed: 4,
+        effectInterval: 10000
+    }
+
+    async function loadUserTheme() {
+        let syncedTheme = await UserPreferenceService.get("preferred-theme")
+        if (syncedTheme !== undefined) {
+            setTheme(syncedTheme);
+        }
+    }
+
+    function easterEgg() {
+        if (isExploding) return;
+        setIsExploding(true);
+        if (confettiProps.mode === "boom") {
+            setTimeout(() => setIsExploding(false), confettiProps.effectInterval);
+        }
+    }
+
+    function getRandomGameId() {
+        return games[Math.floor(Math.random() * games.length)].id;
+    }
+
+    return (
+        <div className="flex flex-col min-h-screen">
+            {isExploding ? <Confetti {...confettiProps}/> : <></>}
+
+            <Navbar maxWidth="full" className="2xl:px-[12.5%]">
+                <NavbarBrand>
+                    {isHomePage ? <GameyfinLogo className="h-10 fill-foreground"/> :
+                        <div className="flex flex-row gap-2">
+                            <Button isIconOnly onPress={() => history.back()} variant="light">
+                                <ArrowLeft size={26} weight="bold"/>
+                            </Button>
+                            <Button isIconOnly onPress={() => navigate("/")} variant="light">
+                                <House size={26} weight="fill"/>
+                            </Button>
+                        </div>
+                    }
+                </NavbarBrand>
+                {!isSearchPage && <NavbarContent justify="center" className="flex-1 max-w-96">
+                    <Tooltip content="I'm feeling lucky" placement="bottom">
+                        <Button isIconOnly variant="light"
+                                onPress={() => navigate("/game/" + getRandomGameId())}
+                                isDisabled={gameState.games.length === 0}>
+                            <DiceSix/>
+                        </Button>
+                    </Tooltip>
+                    <SearchBar/>
+                    <Tooltip content="Advanced search" placement="bottom">
+                        <Button isIconOnly variant="light" onPress={() => navigate("/search")}>
+                            <ListMagnifyingGlass/>
+                        </Button>
+                    </Tooltip>
+                </NavbarContent>}
+                <NavbarContent justify="end">
+                    {isAdmin(auth) &&
+                        <NavbarItem>
+                            <ScanProgressPopover/>
+                        </NavbarItem>
+                    }
+                    <NavbarItem>
+                        <ProfileMenu/>
+                    </NavbarItem>
+                </NavbarContent>
+            </Navbar>
+
+            <div className="flex flex-col flex-grow 2xl:px-[12.5%] overflow-x-hidden mt-4">
+                <Outlet/>
+            </div>
+
+            <Divider className="mt-8"/>
+            <div className="flex flex-col w-full 2xl:px-[12.5%]">
+                <footer className="flex flex-row items-center justify-between py-4">
+                    <p>Gameyfin {PackageJson.version}</p>
+                    <p className="flex flex-row gap-1 items-baseline">
+                        Made with
+                        <Heart size={16} weight="fill" className="text-primary" onClick={easterEgg}/>
+                        by
+                        <Link href="https://github.com/grimsi" target="_blank">grimsi</Link> and
+                        <Link href="https://github.com/gameyfin/gameyfin/graphs/contributors" target="_blank">
+                            contributors
+                        </Link>
+                    </p>
+                </footer>
+            </div>
+        </div>
+    );
+}