create-pixi-vn 2.0.14 → 2.1.0

package/template-nqtr-react-vite-muijoy-tauri/src/utils/save-utility.ts

@@ -1,140 +0,0 @@
-import { canvas, Game } from "@drincs/pixi-vn";
-import { NavigateFunction } from "react-router-dom";
-import { LOADING_ROUTE, MAIN_MENU_ROUTE, NARRATION_ROUTE, REFRESH_SAVE_LOCAL_STORAGE_KEY } from "../constans";
-import GameSaveData from "../models/GameSaveData";
-import {
-    deleteRowFromIndexDB,
-    getLastRowFromIndexDB,
-    getListFromIndexDB,
-    getRowFromIndexDB,
-    INDEXED_DB_SAVE_TABLE,
-    putRowIntoIndexDB,
-} from "./indexedDB-utility";
-
-const SAVE_FILE_EXTENSION = "json";
-
-export function createGameSave(options?: { image?: string; name?: string }): GameSaveData {
-    const { image, name = "" } = options || {};
-    return {
-        saveData: Game.exportGameState(),
-        gameVersion: __APP_VERSION__,
-        date: new Date(),
-        name: name,
-        image: image,
-    };
-}
-
-export async function loadSave(saveData: GameSaveData, navigate: NavigateFunction) {
-    await navigate(LOADING_ROUTE);
-    await Game.restoreGameState(saveData.saveData, navigate);
-}
-
-export async function saveGameToIndexDB(
-    info: Partial<GameSaveData> & { id?: number } = {},
-    data = createGameSave()
-): Promise<GameSaveData & { id: number }> {
-    const { image = await canvas.extractImage(), ...rest } = info;
-    let item = {
-        ...data,
-        image: image,
-        ...rest,
-    };
-    if (item.id === undefined) {
-        let lastSave = await getLastRowFromIndexDB<GameSaveData & { id: number }>(INDEXED_DB_SAVE_TABLE);
-        if (lastSave) {
-            item.id = lastSave.id + 1;
-        } else {
-            item.id = 0;
-        }
-    }
-    await putRowIntoIndexDB(INDEXED_DB_SAVE_TABLE, item);
-    if (item.id) {
-        return item as GameSaveData & { id: number };
-    }
-    return (await getLastSaveFromIndexDB()) as GameSaveData & { id: number };
-}
-
-export async function getSaveFromIndexDB(id: number): Promise<(GameSaveData & { id: number }) | null> {
-    return await getRowFromIndexDB(INDEXED_DB_SAVE_TABLE, id);
-}
-
-export async function getLastSaveFromIndexDB(): Promise<(GameSaveData & { id: number }) | null> {
-    let list = await getListFromIndexDB<GameSaveData & { id: number }>(INDEXED_DB_SAVE_TABLE, {
-        pagination: { limit: 1, offset: 0 },
-        order: { field: "date", direction: "prev" },
-    });
-    if (list.length > 0) {
-        return list[0];
-    }
-    return null;
-}
-
-export async function deleteSaveFromIndexDB(id: number): Promise<void> {
-    return await deleteRowFromIndexDB(INDEXED_DB_SAVE_TABLE, id);
-}
-
-export function downloadGameSave(data: GameSaveData = createGameSave()) {
-    const jsonString = JSON.stringify(data);
-    // download the save data as a JSON file
-    const blob = new Blob([jsonString], { type: "application/json" });
-    // download the file
-    const url = URL.createObjectURL(blob);
-    const a = document.createElement("a");
-    a.href = url;
-    a.download = `${__APP_NAME__}-${__APP_VERSION__}-${data.name} ${data.date.toISOString()}.${SAVE_FILE_EXTENSION}`;
-    a.click();
-}
-
-export function loadGameSaveFromFile(navigate: NavigateFunction, afterLoad?: () => void) {
-    // load the save data from a JSON file
-    const input = document.createElement("input");
-    input.type = "file";
-    input.accept = `application/${SAVE_FILE_EXTENSION}`;
-    input.onchange = (e) => {
-        const file = (e.target as HTMLInputElement).files?.[0];
-        if (file) {
-            const reader = new FileReader();
-            reader.onload = (e) => {
-                const jsonString = e.target?.result as string;
-                navigate(LOADING_ROUTE);
-                let data: GameSaveData = JSON.parse(jsonString);
-                // load the save data from the JSON string
-                loadSave(data, navigate)
-                    .then(() => {
-                        afterLoad && afterLoad();
-                    })
-                    .catch(() => {
-                        navigate(NARRATION_ROUTE);
-                    });
-            };
-            reader.readAsText(file);
-        }
-    };
-    input.click();
-}
-
-export async function addRefreshSave() {
-    const data = createGameSave();
-    let jsonString = JSON.stringify(data);
-    if (jsonString) {
-        localStorage.setItem(REFRESH_SAVE_LOCAL_STORAGE_KEY, jsonString);
-    }
-}
-
-export async function loadRefreshSave(navigate: NavigateFunction) {
-    const jsonString = localStorage.getItem(REFRESH_SAVE_LOCAL_STORAGE_KEY);
-    if (jsonString) {
-        navigate(LOADING_ROUTE);
-        let data: GameSaveData = JSON.parse(jsonString);
-
-        return loadSave(data, navigate)
-            .then(() => {
-                localStorage.removeItem(REFRESH_SAVE_LOCAL_STORAGE_KEY);
-            })
-            .catch(() => {
-                navigate(MAIN_MENU_ROUTE);
-            });
-    } else {
-        navigate(MAIN_MENU_ROUTE);
-    }
-}

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

@@ -1,106 +0,0 @@
-import { RegisteredActivities, timeTracker } from "@drincs/nqtr";
-import { narration } from "@drincs/pixi-vn";
-import BedIcon from "@mui/icons-material/Bed";
-import InventoryIcon from "@mui/icons-material/Inventory";
-import ShoppingCartIcon from "@mui/icons-material/ShoppingCart";
-import NqtrRoundIconButton from "../components/NqtrRoundIconButton";
-import { NARRATION_ROUTE } from "../constans";
-import { napLabel, sleepLabel } from "../labels/sleepNapLabels";
-import { ORDER_PRODUCT_LABEL_KEY, TAKE_KEY_LABEL_KEY } from "../labels/variousActionsLabelKeys";
-import Activity from "../models/nqtr/Activity";
-
-export const bed = new Activity(
-    "bed",
-    async (_, props) => {
-        await props.navigate(NARRATION_ROUTE);
-        if (timeTracker.nowIsBetween(5, 22)) {
-            await narration.jump(napLabel, props);
-        } else {
-            await narration.jump(sleepLabel, props);
-        }
-    },
-    {
-        name: "bed",
-        icon: (activity, props) => {
-            return (
-                <NqtrRoundIconButton
-                    disabled={activity.disabled}
-                    onClick={() => {
-                        activity.run(props);
-                    }}
-                    ariaLabel={props.uiTransition(activity.name)}
-                    variant='solid'
-                    color='primary'
-                >
-                    <BedIcon
-                        sx={{
-                            fontSize: { sx: "1.5rem", sm: "2rem", md: "2.5rem", lg: "3rem", xl: "3.5rem" },
-                        }}
-                    />
-                </NqtrRoundIconButton>
-            );
-        },
-    },
-);
-
-export const orderProduct = new Activity(
-    "order_product",
-    async (_, props) => {
-        await props.navigate(NARRATION_ROUTE);
-        await narration.jump(ORDER_PRODUCT_LABEL_KEY, props);
-    },
-    {
-        name: "order_product",
-        icon: (activity, props) => {
-            return (
-                <NqtrRoundIconButton
-                    disabled={activity.disabled}
-                    onClick={() => {
-                        activity.run(props);
-                    }}
-                    ariaLabel={props.uiTransition(activity.name)}
-                    variant='solid'
-                    color='primary'
-                >
-                    <ShoppingCartIcon
-                        sx={{
-                            fontSize: { sx: "1.5rem", sm: "2rem", md: "2.5rem", lg: "3rem", xl: "3.5rem" },
-                        }}
-                    />
-                </NqtrRoundIconButton>
-            );
-        },
-    },
-);
-
-export const takeProduct = new Activity(
-    "take_product",
-    async (_, props) => {
-        await props.navigate(NARRATION_ROUTE);
-        await narration.jump(TAKE_KEY_LABEL_KEY, props);
-    },
-    {
-        name: "take_product",
-        icon: (activity, props) => {
-            return (
-                <NqtrRoundIconButton
-                    disabled={activity.disabled}
-                    onClick={() => {
-                        activity.run(props);
-                    }}
-                    ariaLabel={props.uiTransition(activity.name)}
-                    variant='solid'
-                    color='primary'
-                >
-                    <InventoryIcon
-                        sx={{
-                            fontSize: { sx: "1.5rem", sm: "2rem", md: "2.5rem", lg: "3rem", xl: "3.5rem" },
-                        }}
-                    />
-                </NqtrRoundIconButton>
-            );
-        },
-    },
-);
-
-RegisteredActivities.add([bed, orderProduct, takeProduct]);

package/template-nqtr-react-vite-muijoy-tauri/src/values/characters.ts

@@ -1,15 +0,0 @@
-import { RegisteredCharacters } from "@drincs/pixi-vn";
-import Character from "../models/Character";
-
-export const mc = new Character("mc", {
-    name: "Liam",
-});
-
-export const alice = new Character("alice", {
-    name: "Alice",
-    age: 25,
-    icon: "https://raw.githubusercontent.com/DRincs-Productions/NQTR-System/refs/heads/main/game/images/icon/Alice.webp",
-    color: "#5a129e",
-});
-
-RegisteredCharacters.add([mc, alice]);

package/template-nqtr-react-vite-muijoy-tauri/src/values/index.ts

@@ -1,6 +0,0 @@
-import "./activities";
-import "./characters";
-import "./locations";
-import "./maps";
-import "./quests";
-import "./rooms";

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

@@ -1,60 +0,0 @@
-import { navigator, RegisteredLocations } from "@drincs/nqtr";
-import { Assets, Sprite, Texture } from "@drincs/pixi-vn/pixi.js";
-import { NAVIGATION_ROUTE } from "../constans";
-import Location from "../models/nqtr/Location";
-import { mainMap } from "./maps";
-
-export const mcHome = new Location("mc_home", mainMap, {
-    name: "MC Home",
-    sprite: async (location, { navigate }) => {
-        const texture = await Assets.load<Texture>("icon_location_home");
-        const icon = new Sprite({
-            texture,
-            x: 300,
-            y: 200,
-            height: 120,
-            width: 120,
-            eventMode: "static",
-            cursor: "pointer",
-        });
-        icon.on("pointerdown", () => {
-            const entrance = location.entrance;
-            if (entrance) {
-                navigator.currentRoom = entrance;
-                navigate(NAVIGATION_ROUTE);
-            }
-        });
-        return icon;
-    },
-});
-
-export const gym = new Location("gym", mainMap, {
-    name: "Gym",
-    sprite: async (location, { navigate }) => {
-        const texture = await Assets.load<Texture>("icon_location_gym");
-        const icon = new Sprite({
-            texture,
-            x: 500,
-            y: 300,
-            height: 120,
-            width: 120,
-            eventMode: "static",
-            cursor: "pointer",
-        });
-        icon.on("pointerdown", () => {
-            const entrance = location.entrance;
-            if (entrance) {
-                navigator.currentRoom = entrance;
-                navigate(NAVIGATION_ROUTE);
-            }
-        });
-        return icon;
-    },
-});
-
-export const school = new Location("school", mainMap, {
-    name: "School",
-    sprite: () => new Sprite(),
-});
-
-RegisteredLocations.add([mcHome, gym, school]);

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

@@ -1,26 +0,0 @@
-import { RegisteredMaps } from "@drincs/nqtr";
-import TimeSlotsImage from "../models/TimeSlotsImage";
-import Map from "../models/nqtr/Map";
-
-export const mainMap = new Map("main_map", {
-    name: "Main Map",
-    background: new TimeSlotsImage({
-        morning: "map-0",
-        afternoon: "map-1",
-        evening: "map-2",
-        night: "map-3",
-    }),
-    neighboringMaps: {
-        north: "nightcity_map",
-    },
-});
-
-export const nightcityMap = new Map("nightcity_map", {
-    name: "Nightcity",
-    background: "map-nightcity",
-    neighboringMaps: {
-        south: "main_map",
-    },
-});
-
-RegisteredMaps.add([mainMap, nightcityMap]);

package/template-nqtr-react-vite-muijoy-tauri/src/values/quests/aliceQuest.tsx

@@ -1,78 +0,0 @@
-import { RegisteredCommitments, RegisteredQuests, routine } from "@drincs/nqtr";
-import { narration } from "@drincs/pixi-vn";
-import { NARRATION_ROUTE } from "../../constans";
-import { talkAliceQuest } from "../../labels/variousActionsLabels";
-import TimeSlotsImage from "../../models/TimeSlotsImage";
-import Commitment from "../../models/nqtr/Commitment";
-import Quest from "../../models/nqtr/Quest";
-import Stage from "../../models/nqtr/Stage";
-import { orderProduct, takeProduct } from "../activities";
-import { alice } from "../characters";
-import { mcRoom, terrace } from "../rooms";
-
-export const aliceQuest = new Quest(
-    "aliceQuest",
-    [
-        // stages
-        new Stage("talk_alice1", {
-            onStart: () => {
-                terrace.addCommitment(aliceQuest_talk);
-            },
-            name: "Talk to Alice",
-            description: "Talk to Alice on the terrace",
-        }),
-        new Stage("order_products", {
-            onStart: () => {
-                mcRoom.addActivity(orderProduct);
-            },
-            name: "Order products",
-            description: "Order the products with your PC",
-        }),
-        new Stage("take_products", {
-            onStart: (_, { notify }) => {
-                terrace.addActivity(takeProduct);
-                notify("You can take the products on the Terrace");
-            },
-            name: "Take products",
-            description: "Take products on the Terrace",
-            requestDescriptionToStart: "Wait for the products you ordered to arrive (2 day)",
-            deltaDateRequired: 2,
-        }),
-        new Stage("talk_alice2", {
-            name: "Talk to Alice",
-            description: "Talk to Alice on the terrace",
-        }),
-    ],
-    {
-        // props
-        name: "Help Alice",
-        description:
-            'To learn more about how the repo works, Talk to Alice. \nGoing when she is there will automatically start an "Event" (see aliceQuest.tsx to learn more). \nAfter that an action will be added to open the pc, in MC room. \n\n(during the quest you can talk to Alice and you will see her talking during the quests of the same Quest)',
-        image: "alice_terrace0A",
-        onStart: (quest, { notify, uiTransition }) => {
-            notify(uiTransition("notify_quest_is_started", { quest: quest.name }));
-        },
-        onContinue: (stage, { notify, uiTransition }) => {
-            notify(uiTransition("notify_quest_is_updated", { quest: stage.name }));
-        },
-    },
-);
-
-RegisteredQuests.add(aliceQuest);
-
-const aliceQuest_talk = new Commitment("alice_quest_talk", alice, {
-    timeSlot: {
-        from: 10,
-        to: 20,
-    },
-    image: new TimeSlotsImage("alice_terrace0A"),
-    executionType: "automatic",
-    priority: 1,
-    onRun: async (_, props) => {
-        await props.navigate(NARRATION_ROUTE);
-        await narration.jump(talkAliceQuest, props);
-        routine.remove(aliceQuest_talk);
-    },
-});
-
-RegisteredCommitments.add(aliceQuest_talk);

package/template-nqtr-react-vite-muijoy-tauri/src/values/quests/index.ts

@@ -1 +0,0 @@
-export { aliceQuest } from "./aliceQuest";

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

@@ -1,79 +0,0 @@
-import { RegisteredRooms } from "@drincs/nqtr";
-import TimeSlotsImage from "../models/TimeSlotsImage";
-import Room from "../models/nqtr/Room";
-import { bed } from "./activities";
-import { gym, mcHome, school } from "./locations";
-import { aliceGoSchool, aliceSleep, aliceSmokes } from "./routine";
-
-export const mcRoomBackground = new TimeSlotsImage({
-    morning: "location_myroom-0",
-    afternoon: "location_myroom-1",
-    evening: "location_myroom-2",
-    night: "location_myroom-3",
-});
-export const mcRoom = new Room("mc_room", mcHome, {
-    name: "MC room",
-    background: mcRoomBackground,
-    activities: [bed],
-});
-
-export const aliceRoom = new Room("alice_room", mcHome, {
-    name: "Alice room",
-    background: new TimeSlotsImage({
-        morning: "location_aliceroom-0",
-        afternoon: "location_aliceroom-1",
-        evening: "location_aliceroom-2",
-        night: "location_aliceroom-3",
-    }),
-    routine: [aliceSleep],
-});
-
-export const annRoom = new Room("ann_room", mcHome, {
-    name: "Ann room",
-    background: new TimeSlotsImage({
-        morning: "location_annroom-0",
-        afternoon: "location_annroom-1",
-        evening: "location_annroom-2",
-        night: "location_annroom-3",
-    }),
-});
-
-export const bathroom = new Room("bathroom", mcHome, {
-    name: "Bathroom",
-    background: "location_bathroom",
-});
-
-export const lounge = new Room("lounge", mcHome, {
-    name: "Lounge",
-    background: new TimeSlotsImage({
-        morning: "location_lounge-0",
-        afternoon: "location_lounge-1",
-        evening: "location_lounge-2",
-        night: "location_lounge-3",
-    }),
-});
-
-export const terrace = new Room("terrace", mcHome, {
-    name: "Terrace",
-    isEntrance: true,
-    background: new TimeSlotsImage({
-        morning: "location_terrace-0",
-        afternoon: "location_terrace-1",
-        evening: "location_terrace-2",
-        night: "location_terrace-3",
-    }),
-    routine: [aliceSmokes],
-});
-
-export const gymRoom = new Room("gym_room", gym, {
-    name: "Gym",
-    background: "location_gym",
-});
-
-export const classRoom = new Room("class_room", school, {
-    name: "School",
-    background: "",
-    routine: [aliceGoSchool],
-});
-
-RegisteredRooms.add([mcRoom, aliceRoom, annRoom, bathroom, lounge, terrace, gymRoom, classRoom]);

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

@@ -1,87 +0,0 @@
-import { RegisteredCommitments, timeTracker } from "@drincs/nqtr";
-import { narration } from "@drincs/pixi-vn";
-import QuestionAnswerIcon from "@mui/icons-material/QuestionAnswer";
-import NqtrRoundIconButton from "../components/NqtrRoundIconButton";
-import { NARRATION_ROUTE } from "../constans";
-import { TALK_SLEEP_LABEL_KEY } from "../labels/variousActionsLabelKeys";
-import { aliceTalkMenuLabel } from "../labels/variousActionsLabels";
-import Commitment from "../models/nqtr/Commitment";
-import { alice } from "./characters";
-
-export const aliceSleep = new Commitment("alice_sleep", alice, {
-    priority: 1,
-    timeSlot: {
-        from: 20,
-        to: 10,
-    },
-    background: "alice_roomsleep0A",
-    icon: (commitment, props) => {
-        return (
-            <NqtrRoundIconButton
-                disabled={commitment.disabled}
-                onClick={() => {
-                    if (commitment.run) {
-                        commitment.run(props);
-                    }
-                }}
-                ariaLabel={commitment.name}
-                variant='solid'
-                color='primary'
-            >
-                <QuestionAnswerIcon
-                    sx={{
-                        fontSize: { sx: "1.5rem", sm: "2rem", md: "2.5rem", lg: "3rem", xl: "3.5rem" },
-                    }}
-                />
-            </NqtrRoundIconButton>
-        );
-    },
-    onRun: async (_, event) => {
-        await event.navigate(NARRATION_ROUTE);
-        await narration.jump(TALK_SLEEP_LABEL_KEY, event);
-    },
-});
-
-export const aliceGoSchool = new Commitment("alice_go_school", alice, {
-    timeSlot: {
-        from: 8,
-        to: 14,
-    },
-    hidden: () => timeTracker.isWeekend,
-    priority: 2,
-});
-
-export const aliceSmokes = new Commitment("alice_smokes", alice, {
-    timeSlot: {
-        from: 10,
-        to: 20,
-    },
-    background: "alice_terrace0A",
-    icon: (commitment, props) => {
-        return (
-            <NqtrRoundIconButton
-                disabled={commitment.disabled}
-                onClick={() => {
-                    if (commitment.run) {
-                        commitment.run(props);
-                    }
-                }}
-                ariaLabel={commitment.name}
-                variant='solid'
-                color='primary'
-            >
-                <QuestionAnswerIcon
-                    sx={{
-                        fontSize: { sx: "1.5rem", sm: "2rem", md: "2.5rem", lg: "3rem", xl: "3.5rem" },
-                    }}
-                />
-            </NqtrRoundIconButton>
-        );
-    },
-    onRun: async (_, event) => {
-        await event.navigate(NARRATION_ROUTE);
-        await narration.jump(aliceTalkMenuLabel, event);
-    },
-});
-
-RegisteredCommitments.add([aliceSleep, aliceGoSchool, aliceSmokes]);