create-pixi-vn 2.0.15 → 2.1.0

package/template-nqtr-react-vite-muijoy-tauri/public/service-worker.js

@@ -1,60 +0,0 @@
-const CACHE_NAME = "external-assets-v1";
-const MAX_AGE_DAYS = 7;
-const MAX_AGE_MS = MAX_AGE_DAYS * 24 * 60 * 60 * 1000;
-
-const lastUsed = {};
-
-// The fetch event handler below implements a simple cache-for-host strategy:
-// - It only attempts to cache responses for requests whose hostname is explicitly allowed in the switch below.
-// - Cached entries are kept in the "external-assets-v1" cache and tracked via `lastUsed` timestamps.
-// - If a cached response exists and is not older than MAX_AGE_DAYS, it is served directly.
-// - Otherwise the service worker fetches from the network, caches the successful response, and returns it.
-// - If the network fails and a cached response exists, the cached response is returned as a fallback.
-// NOTE: Add the hostnames of external asset providers you want to cache (CDNs, raw asset hosts, etc.) in the switch below.
-self.addEventListener("fetch", (event) => {
-    const request = event.request;
-    const url = new URL(request.url);
-
-    switch (url.hostname) {
-        case "raw.githubusercontent.com":
-            break;
-        // Add asset hostnames here to enable caching for them.
-        // Examples:
-        // case "raw.githubusercontent.com":
-        // case "cdn.jsdelivr.net":
-        // case "your.cdn.domain.com":
-        //     break;
-        default:
-            return;
-    }
-
-    event.respondWith(
-        (async () => {
-            const cache = await caches.open(CACHE_NAME);
-            const now = Date.now();
-            const cached = await cache.match(request);
-
-            if (cached && lastUsed[url.href]) {
-                const age = now - lastUsed[url.href];
-                if (age < MAX_AGE_MS) {
-                    lastUsed[url.href] = now;
-                    return cached;
-                }
-                await cache.delete(request);
-                delete lastUsed[url.href];
-            }
-
-            try {
-                const response = await fetch(request);
-                if (response && response.type === "cors" && response.status < 400) {
-                    await cache.put(request, response.clone());
-                    lastUsed[url.href] = now;
-                }
-                return response;
-            } catch (err) {
-                if (cached) return cached;
-                return fetch(request);
-            }
-        })()
-    );
-});

package/template-nqtr-react-vite-muijoy-tauri/src/App.css

@@ -1,45 +0,0 @@
-#root {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
-  text-align: center;
-}
-
-.logo {
-  height: 6em;
-  padding: 1.5em;
-  will-change: filter;
-  transition: filter 300ms;
-}
-
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-
-.logo.react:hover {
-  filter: drop-shadow(0 0 2em #61dafbaa);
-}
-
-@keyframes logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-@media (prefers-reduced-motion: no-preference) {
-  a:nth-of-type(2) .logo {
-    animation: logo-spin infinite 20s linear;
-  }
-}
-
-.card {
-  padding: 2em;
-}
-
-.read-the-docs {
-  color: #888;
-}

package/template-nqtr-react-vite-muijoy-tauri/src/AppRoutes.tsx

@@ -1,77 +0,0 @@
-import { Game } from "@drincs/pixi-vn";
-import { useEffect } from "react";
-import { Route, Routes, useNavigate } from "react-router-dom";
-import NextButton from "./components/NextButton";
-import VisibilityButton from "./components/VisibilityButton";
-import { LOADING_ROUTE, MAIN_MENU_ROUTE, MAP_ROUTE, NARRATION_ROUTE, NAVIGATION_ROUTE } from "./constans";
-import useNQTRDetector from "./hooks/useNQTRDetector";
-import useSkipAutoDetector from "./hooks/useSkipAutoDetector";
-import HistoryScreen from "./screens/HistoryScreen";
-import LoadingScreen from "./screens/LoadingScreen";
-import MainMenu from "./screens/MainMenu";
-import TextInput from "./screens/modals/TextInput";
-import NarrationScreen from "./screens/NarrationScreen";
-import MapScreen from "./screens/nqtr/MapScreen";
-import MemoScreen from "./screens/nqtr/MemoScreen";
-import NqtrQuickTools from "./screens/nqtr/NqtrQuickTools";
-import QuickActivities from "./screens/nqtr/QuickActivities";
-import QuickRooms from "./screens/nqtr/QuickRooms";
-import TimeScreen from "./screens/nqtr/TimeScreen";
-import QuickTools from "./screens/QuickTools";
-
-export default function AppRoutes() {
-    const navigate = useNavigate();
-    useEffect(() => {
-        Game.onNavigate(navigate);
-    }, []);
-
-    return (
-        <Routes>
-            <Route key={"main_menu"} path={MAIN_MENU_ROUTE} element={<MainMenu />} />
-            <Route key={"loading"} path={LOADING_ROUTE} element={<LoadingScreen />} />
-            <Route key={"narration"} path={NARRATION_ROUTE} element={<NarrationElement />} />
-            <Route key={"navigation"} path={NAVIGATION_ROUTE} element={<NavigationElement />} />
-            <Route key={"map"} path={MAP_ROUTE} element={<MapScreen />} />
-            <Route path='*' element={<MainMenu />} />
-        </Routes>
-    );
-}
-
-function NarrationElement() {
-    return (
-        <>
-            <HistoryScreen />
-            <NarrationScreen />
-            <QuickTools />
-            <TextInput />
-            <NextButton />
-            <NarrationDetectors />
-            <VisibilityButton />
-        </>
-    );
-}
-
-function NavigationElement() {
-    NavigationDetectors();
-    return (
-        <>
-            <HistoryScreen />
-            <MemoScreen />
-            <QuickActivities />
-            <QuickRooms />
-            <TimeScreen />
-            <NqtrQuickTools />
-            <VisibilityButton />
-        </>
-    );
-}
-
-function NarrationDetectors() {
-    useSkipAutoDetector();
-    return <></>;
-}
-
-function NavigationDetectors() {
-    useNQTRDetector();
-    return <></>;
-}

package/template-nqtr-react-vite-muijoy-tauri/src/Home.tsx

@@ -1,48 +0,0 @@
-import { Box } from "@mui/joy";
-import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
-import Routes from "./AppRoutes";
-import useClosePageDetector from "./hooks/useClosePageDetector";
-import useKeyboardDetector from "./hooks/useKeyboardDetector";
-import useEventListener from "./hooks/useKeyDetector";
-import RootProvider from "./providers/RootProvider";
-import GameSaveScreen from "./screens/GameSaveScreen";
-import SaveLoadAlert from "./screens/modals/SaveLoadAlert";
-import OfflineScreen from "./screens/OfflineScreen";
-import Settings from "./screens/Settings";
-
-function HomeChild() {
-    useKeyboardDetector();
-    useClosePageDetector();
-    // Prevent the user from going back to the previous page
-    useEventListener({
-        type: "popstate",
-        listener: () => {
-            window.history.forward();
-        },
-    });
-
-    return (
-        <>
-            <Routes />
-            <Settings />
-            <GameSaveScreen />
-            <SaveLoadAlert />
-            <OfflineScreen />
-            <Box
-                sx={{
-                    pointerEvents: "auto",
-                }}
-            >
-                <ReactQueryDevtools initialIsOpen={false} />
-            </Box>
-        </>
-    );
-}
-
-export default function Home() {
-    return (
-        <RootProvider>
-            <HomeChild />
-        </RootProvider>
-    );
-}

package/template-nqtr-react-vite-muijoy-tauri/src/assets/manifest.ts

@@ -1,220 +0,0 @@
-import { AssetsManifest } from "@drincs/pixi-vn";
-import { AUDIO_BUNDLE_NAME, MAIN_MENU_ROUTE } from "../constans";
-import { mainMap, nightcityMap } from "../values/maps";
-import { aliceRoom, annRoom, bathroom, gymRoom, lounge, mcRoom, terrace } from "../values/rooms";
-
-/**
- * Manifest for the assets used in the game.
- * You can read more about the manifest here: https://pixijs.com/8.x/guides/components/assets#loading-multiple-assets
- */
-const manifest: AssetsManifest = {
-    bundles: [
-        {
-            name: AUDIO_BUNDLE_NAME,
-            assets: [
-                {
-                    alias: "bgm_cheerful",
-                    src: "https://raw.githubusercontent.com/DRincs-Productions/pixi-vn-bucket/refs/heads/main/audio/bgm_cheerful.wav",
-                },
-                {
-                    alias: "sfx_whoosh",
-                    src: "https://raw.githubusercontent.com/DRincs-Productions/pixi-vn-bucket/refs/heads/main/audio/sfx_whoosh.wav",
-                },
-            ],
-        },
-        // screens
-        {
-            name: MAIN_MENU_ROUTE,
-            assets: [
-                {
-                    alias: "background_main_menu",
-                    src: "https://raw.githubusercontent.com/DRincs-Productions/pixi-vn-bucket/refs/heads/main/main-menu.png",
-                },
-            ],
-        },
-        // labels
-        // characters
-        // map
-        {
-            name: mainMap.id,
-            assets: [
-                {
-                    alias: "map-0",
-                    src: "https://raw.githubusercontent.com/DRincs-Productions/NQTR-System/refs/heads/main/game/images/location/map-0.webp",
-                },
-                {
-                    alias: "map-1",
-                    src: "https://raw.githubusercontent.com/DRincs-Productions/NQTR-System/refs/heads/main/game/images/location/map-1.webp",
-                },
-                {
-                    alias: "map-2",
-                    src: "https://raw.githubusercontent.com/DRincs-Productions/NQTR-System/refs/heads/main/game/images/location/map-2.webp",
-                },
-                {
-                    alias: "map-3",
-                    src: "https://raw.githubusercontent.com/DRincs-Productions/NQTR-System/refs/heads/main/game/images/location/map-3.webp",
-                },
-                {
-                    alias: "icon_location_home",
-                    src: "https://raw.githubusercontent.com/DRincs-Productions/NQTR-System/refs/heads/main/game/nqtr_interface/home-00.webp",
-                },
-                {
-                    alias: "icon_location_gym",
-                    src: "https://raw.githubusercontent.com/DRincs-Productions/NQTR-System/refs/heads/main/game/nqtr_interface/gym.webp",
-                },
-            ],
-        },
-        {
-            name: nightcityMap.id,
-            assets: [
-                {
-                    alias: "map-nightcity",
-                    src: "https://raw.githubusercontent.com/DRincs-Productions/NQTR-System/refs/heads/main/game/images/location/nightcity.webp",
-                },
-            ],
-        },
-        // rooms
-        {
-            name: mcRoom.id,
-            assets: [
-                {
-                    alias: "location_myroom-0",
-                    src: "https://raw.githubusercontent.com/DRincs-Productions/NQTR-System/main/game/images/location/myroom-0.webp",
-                },
-                {
-                    alias: "location_myroom-1",
-                    src: "https://raw.githubusercontent.com/DRincs-Productions/NQTR-System/main/game/images/location/myroom-1.webp",
-                },
-                {
-                    alias: "location_myroom-2",
-                    src: "https://raw.githubusercontent.com/DRincs-Productions/NQTR-System/main/game/images/location/myroom-2.webp",
-                },
-                {
-                    alias: "location_myroom-3",
-                    src: "https://raw.githubusercontent.com/DRincs-Productions/NQTR-System/main/game/images/location/myroom-3.webp",
-                },
-            ],
-        },
-        {
-            name: aliceRoom.id,
-            assets: [
-                {
-                    alias: "location_aliceroom-0",
-                    src: "https://raw.githubusercontent.com/DRincs-Productions/NQTR-System/main/game/images/location/aliceroom-0.webp",
-                },
-                {
-                    alias: "location_aliceroom-1",
-                    src: "https://raw.githubusercontent.com/DRincs-Productions/NQTR-System/main/game/images/location/aliceroom-1.webp",
-                },
-                {
-                    alias: "location_aliceroom-2",
-                    src: "https://raw.githubusercontent.com/DRincs-Productions/NQTR-System/main/game/images/location/aliceroom-2.webp",
-                },
-                {
-                    alias: "location_aliceroom-3",
-                    src: "https://raw.githubusercontent.com/DRincs-Productions/NQTR-System/main/game/images/location/aliceroom-3.webp",
-                },
-            ],
-        },
-        {
-            name: annRoom.id,
-            assets: [
-                {
-                    alias: "location_annroom-0",
-                    src: "https://raw.githubusercontent.com/DRincs-Productions/NQTR-System/main/game/images/location/annroom-0.webp",
-                },
-                {
-                    alias: "location_annroom-1",
-                    src: "https://raw.githubusercontent.com/DRincs-Productions/NQTR-System/main/game/images/location/annroom-1.webp",
-                },
-                {
-                    alias: "location_annroom-2",
-                    src: "https://raw.githubusercontent.com/DRincs-Productions/NQTR-System/main/game/images/location/annroom-2.webp",
-                },
-                {
-                    alias: "location_annroom-3",
-                    src: "https://raw.githubusercontent.com/DRincs-Productions/NQTR-System/main/game/images/location/annroom-3.webp",
-                },
-            ],
-        },
-        {
-            name: bathroom.id,
-            assets: [
-                {
-                    alias: "location_bathroom",
-                    src: "https://raw.githubusercontent.com/DRincs-Productions/NQTR-System/main/game/images/location/bathroom.webp",
-                },
-            ],
-        },
-        {
-            name: lounge.id,
-            assets: [
-                {
-                    alias: "location_lounge-0",
-                    src: "https://raw.githubusercontent.com/DRincs-Productions/NQTR-System/main/game/images/location/lounge-0.webp",
-                },
-                {
-                    alias: "location_lounge-1",
-                    src: "https://raw.githubusercontent.com/DRincs-Productions/NQTR-System/main/game/images/location/lounge-1.webp",
-                },
-                {
-                    alias: "location_lounge-2",
-                    src: "https://raw.githubusercontent.com/DRincs-Productions/NQTR-System/main/game/images/location/lounge-2.webp",
-                },
-                {
-                    alias: "location_lounge-3",
-                    src: "https://raw.githubusercontent.com/DRincs-Productions/NQTR-System/main/game/images/location/lounge-3.webp",
-                },
-            ],
-        },
-        {
-            name: terrace.id,
-            assets: [
-                {
-                    alias: "location_terrace-0",
-                    src: "https://raw.githubusercontent.com/DRincs-Productions/NQTR-System/main/game/images/location/terrace-0.webp",
-                },
-                {
-                    alias: "location_terrace-1",
-                    src: "https://raw.githubusercontent.com/DRincs-Productions/NQTR-System/main/game/images/location/terrace-1.webp",
-                },
-                {
-                    alias: "location_terrace-2",
-                    src: "https://raw.githubusercontent.com/DRincs-Productions/NQTR-System/main/game/images/location/terrace-2.webp",
-                },
-                {
-                    alias: "location_terrace-3",
-                    src: "https://raw.githubusercontent.com/DRincs-Productions/NQTR-System/main/game/images/location/terrace-3.webp",
-                },
-            ],
-        },
-        {
-            name: gymRoom.id,
-            assets: [
-                {
-                    alias: "location_gym",
-                    src: "https://raw.githubusercontent.com/DRincs-Productions/NQTR-System/main/game/images/location/gym.webp",
-                },
-            ],
-        },
-        // alice
-        {
-            name: "alice",
-            assets: [
-                {
-                    alias: "alice_terrace0A",
-                    src: "https://raw.githubusercontent.com/DRincs-Productions/NQTR-System/main/game/images/Alice/terrace0A.webp",
-                },
-                {
-                    alias: "alice_terrace0At",
-                    src: "https://raw.githubusercontent.com/DRincs-Productions/NQTR-System/main/game/images/Alice/terrace0At.webp",
-                },
-                {
-                    alias: "alice_roomsleep0A",
-                    src: "https://raw.githubusercontent.com/DRincs-Productions/NQTR-System/main/game/images/Alice/roomsleep0A.webp",
-                },
-            ],
-        },
-    ],
-};
-export default manifest;

package/template-nqtr-react-vite-muijoy-tauri/src/components/AnimatedDots.tsx

@@ -1,45 +0,0 @@
-import { motion } from "motion/react";
-
-export default function AnimatedDots() {
-    const dots = [".", ".", "."]; // I caratteri da animare
-
-    return (
-        <motion.span
-            style={{ display: "flex", pointerEvents: "none", userSelect: "none" }}
-            transition={{
-                staggerChildren: 0.2,
-            }}
-            initial='closed'
-            animate='open'
-        >
-            {dots.map((dot, index) => (
-                <motion.span
-                    key={index}
-                    initial={{ y: 0 }}
-                    variants={{
-                        open: {
-                            y: 5,
-                            transition: {
-                                repeat: Infinity,
-                                duration: 0.5,
-                                ease: "easeInOut",
-                                repeatType: "reverse",
-                            },
-                        },
-                        closed: {
-                            y: 0,
-                            transition: {
-                                repeat: Infinity,
-                                duration: 0.5,
-                                ease: "easeInOut",
-                                repeatType: "reverse",
-                            },
-                        },
-                    }}
-                >
-                    {dot}
-                </motion.span>
-            ))}
-        </motion.span>
-    );
-}

package/template-nqtr-react-vite-muijoy-tauri/src/components/ChoiceButton.tsx

@@ -1,15 +0,0 @@
-import { Button, ButtonProps, ButtonTypeMap } from "@mui/joy";
-
-interface Props
-    extends ButtonProps<
-        ButtonTypeMap["defaultComponent"],
-        {
-            component?: React.ElementType;
-        }
-    > {}
-
-export default function ChoiceButton(props: Props) {
-    const { sx, ...rest } = props;
-
-    return <Button size='sm' {...rest} />;
-}

package/template-nqtr-react-vite-muijoy-tauri/src/components/GameSaveSlot.tsx

@@ -1,140 +0,0 @@
-import DeleteIcon from "@mui/icons-material/Delete";
-import DownloadIcon from "@mui/icons-material/Download";
-import SaveAsIcon from "@mui/icons-material/SaveAs";
-import UnarchiveIcon from "@mui/icons-material/Unarchive";
-import { AspectRatio, IconButton, Skeleton, Stack, useTheme } from "@mui/joy";
-import { useTranslation } from "react-i18next";
-import { useLocation } from "react-router-dom";
-import TypographyShadow from "../components/TypographyShadow";
-import { MAIN_MENU_ROUTE } from "../constans";
-import useQuerySaves from "../hooks/useQuerySaves";
-import GameSaveData from "../models/GameSaveData";
-import { downloadGameSave } from "../utils/save-utility";
-
-export default function GameSaveSlot({
-    saveId,
-    onDelete,
-    onLoad,
-    onOverwriteSave,
-    onSave,
-}: {
-    saveId: number;
-    onDelete: () => Promise<void> | void;
-    onSave: () => Promise<void> | void;
-    onOverwriteSave: (data: GameSaveData) => Promise<void> | void;
-    onLoad: (saveData: GameSaveData) => Promise<void> | void;
-}) {
-    const { t } = useTranslation(["ui"]);
-    const { isLoading, data: saveData, isError } = useQuerySaves({ id: saveId });
-    let location = useLocation();
-
-    if (isLoading) {
-        return (
-            <AspectRatio
-                sx={{
-                    borderRadius: 10,
-                    margin: { xs: 1, sm: 2, md: 1, lg: 2 },
-                }}
-            >
-                <Skeleton />
-            </AspectRatio>
-        );
-    }
-
-    if (!saveData || isError) {
-        return (
-            <AspectRatio
-                sx={{
-                    borderRadius: 10,
-                    margin: { xs: 1, sm: 2, md: 1, lg: 2 },
-                }}
-            >
-                <IconButton
-                    variant='soft'
-                    sx={{
-                        height: "100%",
-                        width: "100%",
-                    }}
-                    onClick={onSave}
-                    disabled={location.pathname == MAIN_MENU_ROUTE}
-                >
-                    <SaveAsIcon sx={{ fontSize: "3rem", opacity: 0.2 }} />
-                </IconButton>
-            </AspectRatio>
-        );
-    }
-
-    return (
-        <AspectRatio
-            objectFit='contain'
-            sx={{
-                borderRadius: 10,
-                margin: { xs: 1, sm: 2, md: 1, lg: 2 },
-            }}
-        >
-            <img
-                src={saveData.image}
-                style={{
-                    backgroundColor: "#303030",
-                    pointerEvents: "none",
-                    userSelect: "none",
-                }}
-            />
-            <Stack
-                position={"absolute"}
-                top={10}
-                left={10}
-                sx={{
-                    pointerEvents: "none",
-                    userSelect: "none",
-                }}
-            >
-                <TypographyShadow level='h2'>{saveData.name}</TypographyShadow>
-                <TypographyShadow>{saveData.date.toLocaleDateString()}</TypographyShadow>
-                <TypographyShadow>{saveData.date.toLocaleTimeString()}</TypographyShadow>
-                <TypographyShadow>{`${t("save_slot")} ${saveId + 1}`}</TypographyShadow>
-            </Stack>
-            <Stack direction={"row"} position={"absolute"} bottom={10} right={10}>
-                <IconButton
-                    onClick={() => {
-                        downloadGameSave(saveData);
-                    }}
-                >
-                    <DownloadIcon
-                        fontSize={"large"}
-                        sx={{
-                            color: useTheme().palette.neutral[300],
-                        }}
-                    />
-                </IconButton>
-                {location.pathname !== MAIN_MENU_ROUTE && (
-                    <IconButton onClick={() => onOverwriteSave(saveData)}>
-                        <SaveAsIcon
-                            fontSize={"large"}
-                            sx={{
-                                color: useTheme().palette.neutral[300],
-                            }}
-                        />
-                    </IconButton>
-                )}
-                <IconButton
-                    onClick={() => {
-                        onLoad(saveData);
-                    }}
-                >
-                    <UnarchiveIcon
-                        fontSize={"large"}
-                        sx={{
-                            color: useTheme().palette.neutral[300],
-                        }}
-                    />
-                </IconButton>
-            </Stack>
-            <Stack direction={"row"} position={"absolute"} top={10} right={10}>
-                <IconButton color='danger' size='md' onClick={onDelete}>
-                    <DeleteIcon fontSize={"large"} />
-                </IconButton>
-            </Stack>
-        </AspectRatio>
-    );
-}