create-pixi-vn 2.0.14 → 2.1.0

package/template-nqtr-react-vite-muijoy-tauri/src/labels/variousActionsLabels.ts

@@ -1,141 +0,0 @@
-import {
-    narration,
-    newChoiceOption,
-    newCloseChoiceOption,
-    newLabel,
-    showImage,
-    StoredChoiceInterface,
-} from "@drincs/pixi-vn";
-import { BACKGROUND_ID } from "../constans";
-import { orderProduct, takeProduct } from "../values/activities";
-import { alice, mc } from "../values/characters";
-import { aliceQuest } from "../values/quests";
-import { mcRoom, terrace } from "../values/rooms";
-import {
-    ALICE_TALK_MENU_LABEL_KEY,
-    ORDER_PRODUCT_LABEL_KEY,
-    TAKE_KEY_LABEL_KEY,
-    TALK_ALICE_QUEST_KEY,
-    TALK_SLEEP_LABEL_KEY,
-} from "./variousActionsLabelKeys";
-
-export const orderProductLabel = newLabel(ORDER_PRODUCT_LABEL_KEY, [
-    () => {
-        narration.dialogue = { character: mc, text: `OK! Let's see, let's look for a book....` };
-    },
-    (props) => {
-        narration.dialogue = { character: mc, text: `Here's R****, for $1. Just the thing for me.` };
-        mcRoom.removeActivity(orderProduct);
-        aliceQuest.continue(props);
-    },
-]);
-
-export const takeKeyLabel = newLabel(TAKE_KEY_LABEL_KEY, [
-    (props) => {
-        narration.dialogue = {
-            character: mc,
-            text: `Are these the car keys?! Well... I should try to access the car!`,
-        };
-        terrace.removeActivity(takeProduct);
-        aliceQuest.continue(props);
-    },
-]);
-
-const talkSleepResultLabel = newLabel("TalkSleepResultLabel", [
-    () => {
-        narration.dialogue = { character: alice, text: `${mc.name}!!!! What are you doing?!!` };
-    },
-    () => {
-        narration.dialogue = { character: alice, text: "Get out of here! Now!" };
-    },
-]);
-export const talkSleepLabel = newLabel(TALK_SLEEP_LABEL_KEY, [
-    async () => {
-        await showImage(BACKGROUND_ID, "alice_roomsleep0A");
-        narration.dialogue = { character: alice, text: "zZz zZz ..." };
-        narration.choices = [
-            newChoiceOption("Try waking up", talkSleepResultLabel, {}),
-            newCloseChoiceOption("Leave her alone"),
-        ];
-    },
-]);
-
-export const talkAliceQuest = newLabel(
-    TALK_ALICE_QUEST_KEY,
-    () => {
-        if (aliceQuest.currentStageIndex == 0) {
-            return [
-                async () => {
-                    narration.dialogue = { character: alice, text: "Hi, can you order me a new book from pc?" };
-                },
-                () => {
-                    narration.dialogue = { character: mc, text: "Ok" };
-                },
-                () => {
-                    narration.dialogue = { character: alice, text: "Thanks" };
-                },
-                (props) => {
-                    aliceQuest.continue(props);
-                    narration.continue(props);
-                },
-            ];
-        } else if (aliceQuest.currentStageIndex == 1) {
-            return [
-                async () => {
-                    narration.dialogue = { character: mc, text: "What book do you want me to order?" };
-                },
-                () => {
-                    narration.dialogue = { character: alice, text: "For me it is the same." };
-                },
-            ];
-        } else if (aliceQuest.currentStageIndex == 2) {
-            return [
-                async () => {
-                    narration.dialogue = { character: mc, text: "I ordered the Book, hope you enjoy it." };
-                },
-                () => {
-                    narration.dialogue = {
-                        character: alice,
-                        text: "Great, when it arrives remember to bring it to me.",
-                    };
-                },
-            ];
-        } else if (aliceQuest.currentStageIndex == 3) {
-            return [
-                async () => {
-                    narration.dialogue = { character: mc, text: "Here's your book." };
-                },
-                () => {
-                    narration.dialogue = { character: alice, text: "Thank you, I can finally read something new." };
-                },
-                (props) => {
-                    aliceQuest.continue(props);
-                    narration.continue(props);
-                },
-            ];
-        }
-        return [
-            () => {
-                narration.dialogue = { character: alice, text: "Thanks for the book." };
-            },
-        ];
-    },
-    {
-        onStepStart: async (stepIndex) => {
-            if (stepIndex == 0) {
-                await showImage(BACKGROUND_ID, "alice_terrace0At");
-            }
-        },
-    },
-);
-export const aliceTalkMenuLabel = newLabel(ALICE_TALK_MENU_LABEL_KEY, [
-    async () => {
-        await showImage(BACKGROUND_ID, "alice_terrace0At");
-        narration.dialogue = { character: alice, text: "Hi, what do you want to talk about?" };
-        let optionsMenu: StoredChoiceInterface[] = [];
-        if (aliceQuest.started) {
-            optionsMenu.push(newChoiceOption("About the book", talkAliceQuest, {}));
-        }
-        narration.choices = [...optionsMenu, newCloseChoiceOption("Cancel")];
-    },
-]);

package/template-nqtr-react-vite-muijoy-tauri/src/locales/strings_en.json

@@ -1,99 +0,0 @@
-{
-	"narration": {},
-	"ui": {
-		"allert_error_occurred": "An error occurred, please report it to the developer",
-		"attention": "Attention",
-		"auto_forward_time": "Auto Forward Time",
-		"auto_forward_time_description": "Choose the time in seconds before the dialogue auto-forwards. If \"{{textSpeedName}}\" is enabled, the auto-forward will be executed after the typewriter effect is completed. (You can edit this value if \"{{autoName}}\" is enabled)",
-		"auto_forward_time_restricted": "Auto",
-		"back": "Back",
-		"cancel": "Cancel",
-		"confirm": "Confirm",
-		"continue": "Continue",
-		"delete": "Delete",
-		"dialogues": "Dialogues",
-		"display": "Display",
-		"enter_fullscreen": "Enter Fullscreen",
-		"example": "Example",
-		"exit": "Exit",
-		"exit_fullscreen": "Exit Fullscreen",
-		"fail_delete": "Delete failed",
-		"fail_load": "Load failed",
-		"fail_save": "Save failed",
-		"fullscreen": "Fullscreen",
-		"fullscreen_description": "Toggle fullscreen mode.",
-		"hide_ui": "Hide UI",
-		"history": "History",
-		"load": "Load",
-		"load_from_file": "Load from File",
-		"load_last_save": "Load Last Save",
-		"load_last_save_restricted": "L.Load",
-		"next": "Next",
-		"off": "Off",
-		"primary_color": "Primary Color",
-		"primary_color_description": "Choose the primary color for the theme.",
-		"quick_save": "Quick Save",
-		"quick_save_restricted": "Q.Save",
-		"return_main_menu": "Return to Main Menu",
-		"save": "Save",
-		"save_as": "Save As",
-		"save_slot": "Save Slot",
-		"save_to_file": "Save to File",
-		"search": "Search",
-		"settings": "Settings",
-		"settings_restricted": "Prefs",
-		"skip": "Skip",
-		"solid_color": "Solid Color",
-		"solid_color_description": "Choose the solid color for the theme. It can be black or white and will be contrasting with the primary color. So if the primary color is dark, the solid color will be white, and a the other way around.",
-		"start": "Start",
-		"quit": "Quit",
-		"success_delete": "Delete successful",
-		"success_load": "Load successful",
-		"success_save": "Save successful",
-		"text_speed": "Text Speed",
-		"text_speed_description": "Choose the speed of the typewriter effect. If is set to 0 ( off ) the text will appear instantly.",
-		"theme_mode": "Theme Mode",
-		"theme_mode_description": "Choose between light, dark, or system theme mode.",
-		"you_sure_to_delete_save": "Are you sure you want to delete this save file?",
-		"you_sure_to_load_save": "Are you sure you want to load this save file?",
-		"you_sure_to_return_main_menu": "Are you sure you want to return to the main menu? All unsaved progress will be lost.",
-		"download_locale": "Download File to Translate",
-		"sound": "Audio",
-		"master_volume": "Master Volume",
-		"bgm_volume": "Music Volume",
-		"sfx_volume": "Sound Effects Volume",
-		"master_volume_description": "Controls the overall audio level for the game. Use this to raise or lower all sounds at once.",
-		"bgm_volume_description": "Sets the volume for background music tracks only.",
-		"sfx_volume_description": "Sets the volume for sound effects such as UI clicks and in-game actions.",
-		"morning": "Morning",
-		"afternoon": "Afternoon",
-		"evening": "Evening",
-		"night": "Night",
-		"monday": "Monday",
-		"tuesday": "Tuesday",
-		"wednesday": "Wednesday",
-		"thursday": "Thursday",
-		"friday": "Friday",
-		"saturday": "Saturday",
-		"sunday": "Sunday",
-		"nap": "Nap",
-		"sleep": "Sleep",
-		"allarm_menu_item": "{{hour}} 00",
-		"nap_menu_item": "{{hour}} hours",
-		"wait": "Wait",
-		"quests": "Quests",
-		"completed": "Completed",
-		"failed": "Failed",
-		"memo": "Memo",
-		"map": "Map",
-		"quest_completed_description": "This quest has been completed.",
-		"quest_is_in_development": "That is all for the moment. The quest is in development.",
-		"notify_quest_is_started": "The \"{{quest}}\" quest has started.",
-		"notify_quest_is_updated": "The \"{{quest}}\" quest has been updated.",
-		"bed": "Bed",
-		"order_product": "Order Products",
-		"take_product": "Take Product",
-		"cant_sleep_now": "You can't sleep now",
-		"cant_wait_now": "You can't wait anymore, you should sleep now"
-	}
-}

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

@@ -1,20 +0,0 @@
-import { SnackbarProvider } from "notistack";
-import { BrowserRouter } from "react-router-dom";
-import MyThemeProvider from "./ThemeProvider";
-
-export default function RootProvider({ children }: { children: React.ReactNode }) {
-    return (
-        <BrowserRouter>
-            <MyThemeProvider>
-                <SnackbarProvider
-                    anchorOrigin={{
-                        vertical: "top",
-                        horizontal: "left",
-                    }}
-                >
-                    {children}
-                </SnackbarProvider>
-            </MyThemeProvider>
-        </BrowserRouter>
-    );
-}

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

@@ -1,170 +0,0 @@
-import { CssVarsProvider, extendTheme } from "@mui/joy";
-import {
-    THEME_ID as MATERIAL_THEME_ID,
-    ThemeProvider as MaterialCssVarsProvider,
-    extendTheme as materialExtendTheme,
-} from "@mui/material/styles";
-import { createContext, useContext, useMemo, useState } from "react";
-import ShadeGenerator from "shade-generator";
-
-type Iprops = {
-    children: React.ReactNode;
-};
-type SolidColorType = "black" | "white";
-
-const ColorContext = createContext<{
-    primaryColor: string;
-    setPrimaryColor: (color: string) => void;
-    solidColor: SolidColorType;
-    setSolidColor: (color: SolidColorType) => void;
-}>({
-    primaryColor: "",
-    setPrimaryColor: () => {},
-    solidColor: "white",
-    setSolidColor: () => {},
-});
-const materialTheme = materialExtendTheme();
-
-export function useEditColorProvider() {
-    const context = useContext(ColorContext);
-    if (context === undefined) {
-        throw new Error("usePrimaryColorProvider must be used within a PrimaryColorProvider");
-    }
-    return context;
-}
-
-/**
- * Get 10 shades of a color based on the color you pass in.
- * @param color
- * @example
- * If you pass in a color of '#03a9f4', you will get the following shades:
- * {
- *     "50": "#e1f5fe",
- *     "100": "#b3e5fc",
- *     "200": "#81d4fa",
- *     "300": "#4fc3f7",
- *     "400": "#29b6f6",
- *     "500": "#03a9f4",
- *     "600": "#039be5",
- *     "700": "#0288d1",
- *     "800": "#0277bd",
- *     "900": "#01579b"
- * }
- */
-function get10ColorShades(color: string) {
-    return {
-        "50": ShadeGenerator.hue(color).shade("10").hex(),
-        "100": ShadeGenerator.hue(color).shade("20").hex(),
-        "200": ShadeGenerator.hue(color).shade("40").hex(),
-        "300": ShadeGenerator.hue(color).shade("60").hex(),
-        "400": ShadeGenerator.hue(color).shade("80").hex(),
-        "500": ShadeGenerator.hue(color).shade("100").hex(),
-        "600": ShadeGenerator.hue(color).shade("200").hex(),
-        "700": ShadeGenerator.hue(color).shade("300").hex(),
-        "800": ShadeGenerator.hue(color).shade("400").hex(),
-        "900": ShadeGenerator.hue(color).shade("500").hex(),
-    };
-}
-
-export default function MyThemeProvider({ children }: Iprops) {
-    const [primaryColor, setPrimaryColor] = useState(localStorage.getItem("primaryColor") || "#1c73ff");
-    const [solidColor, setSolidColor] = useState<SolidColorType>(
-        (localStorage.getItem("solidColor") as SolidColorType) || "white"
-    );
-
-    // Build the theme: https://mui.com/joy-ui/customization/theme-builder
-    const theme = useMemo(() => {
-        localStorage.setItem("primaryColor", primaryColor);
-        localStorage.setItem("solidColor", solidColor);
-
-        let colors = get10ColorShades(primaryColor);
-        return extendTheme({
-            colorSchemes: {
-                light: {
-                    palette: {
-                        primary: {
-                            ...colors,
-                            solidColor:
-                                solidColor === "black"
-                                    ? "var(--joy-palette-common-black)"
-                                    : "var(--joy-palette-common-white)",
-                        },
-                    },
-                },
-                dark: {
-                    palette: {
-                        primary: {
-                            ...colors,
-                            solidColor:
-                                solidColor === "black"
-                                    ? "var(--joy-palette-common-black)"
-                                    : "var(--joy-palette-common-white)",
-                        },
-                    },
-                },
-            },
-            components: {
-                JoyButton: {
-                    styleOverrides: {
-                        root: {
-                            pointerEvents: "auto",
-                            userSelect: "none",
-                        },
-                    },
-                },
-                JoyLink: {
-                    styleOverrides: {
-                        root: {
-                            pointerEvents: "auto",
-                        },
-                    },
-                },
-                JoySvgIcon: {
-                    styleOverrides: {
-                        root: {
-                            pointerEvents: "auto",
-                        },
-                    },
-                },
-                MuiSvgIcon: {
-                    styleOverrides: {
-                        root: {
-                            pointerEvents: "auto",
-                        },
-                    },
-                },
-                JoyCard: {
-                    styleOverrides: {
-                        root: {
-                            pointerEvents: "auto",
-                        },
-                    },
-                },
-                JoyIconButton: {
-                    styleOverrides: {
-                        root: {
-                            pointerEvents: "auto",
-                        },
-                    },
-                },
-            },
-        });
-    }, [primaryColor, solidColor]);
-
-    return (
-        <MaterialCssVarsProvider theme={{ [MATERIAL_THEME_ID]: materialTheme }}>
-            <CssVarsProvider theme={theme}>
-                <ColorContext.Provider
-                    value={{
-                        primaryColor: primaryColor,
-                        setPrimaryColor: setPrimaryColor,
-                        solidColor: solidColor,
-                        setSolidColor: setSolidColor,
-                    }}
-                >
-                    {children}
-                </ColorContext.Provider>
-            </CssVarsProvider>
-        </MaterialCssVarsProvider>
-    );
-}

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

@@ -1,76 +0,0 @@
-import KeyboardReturnIcon from "@mui/icons-material/KeyboardReturn";
-import { Grid } from "@mui/joy";
-import { useState } from "react";
-import { useShallow } from "zustand/react/shallow";
-import ChoiceButton from "../components/ChoiceButton";
-import useDebouncedEffect from "../hooks/useDebouncedEffect";
-import useNarrationFunctions from "../hooks/useNarrationFunctions";
-import { useQueryChoiceMenuOptions } from "../hooks/useQueryInterface";
-import useInterfaceStore from "../stores/useInterfaceStore";
-import useStepStore from "../stores/useStepStore";
-import useTypewriterStore from "../stores/useTypewriterStore";
-
-export default function ChoiceMenu() {
-    const nextStepLoading = useStepStore((state) => state.loading);
-    const { data: menu = [] } = useQueryChoiceMenuOptions();
-    const typewriterInProgress = useTypewriterStore(useShallow((state) => state.inProgress));
-    const hidden = useInterfaceStore(useShallow((state) => state.hidden));
-    const { selectChoice } = useNarrationFunctions();
-    const [open, setOpen] = useState(false);
-
-    useDebouncedEffect(() => setOpen(!(hidden || menu.length == 0 || typewriterInProgress)), { delay: 100 }, [
-        hidden,
-        menu,
-        typewriterInProgress,
-    ]);
-
-    if (!open) return null;
-
-    return (
-        <Grid
-            container
-            direction='column'
-            justifyContent='center'
-            alignItems='center'
-            rowSpacing={2}
-            sx={{
-                overflow: "auto",
-                height: "100%",
-                gap: 1,
-                width: "100%",
-                pointerEvents: hidden ? "none" : "auto",
-                margin: 0,
-            }}
-            role='menu'
-        >
-            {menu.map((item, index) => (
-                <Grid
-                    key={"choice-" + index}
-                    justifyContent='center'
-                    alignItems='center'
-                    className={
-                        hidden
-                            ? "motion-opacity-out-0 motion-translate-y-out-[50%]"
-                            : `motion-opacity-in-0 motion-translate-y-in-[50%] motion-delay-[${index * 200}ms]`
-                    }
-                >
-                    <ChoiceButton
-                        loading={nextStepLoading}
-                        onClick={() =>
-                            selectChoice(item).then(() => {
-                                setOpen(false);
-                            })
-                        }
-                        sx={{
-                            left: 0,
-                            right: 0,
-                        }}
-                        startDecorator={item.type === "close" ? <KeyboardReturnIcon /> : undefined}
-                    >
-                        {item.text}
-                    </ChoiceButton>
-                </Grid>
-            ))}
-        </Grid>
-    );
-}

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

@@ -1,128 +0,0 @@
-import DownloadIcon from "@mui/icons-material/Download";
-import FolderOpenIcon from "@mui/icons-material/FolderOpen";
-import { Grid, IconButton, Stack, Theme, Typography } from "@mui/joy";
-import { Pagination, Tooltip, useMediaQuery } from "@mui/material";
-import { useSnackbar } from "notistack";
-import { useTranslation } from "react-i18next";
-import { useLocation } from "react-router-dom";
-import { useShallow } from "zustand/react/shallow";
-import GameSaveSlot from "../components/GameSaveSlot";
-import ModalDialogCustom from "../components/ModalDialog";
-import { MAIN_MENU_ROUTE } from "../constans";
-import useGameProps from "../hooks/useGameProps";
-import useMyNavigate from "../hooks/useMyNavigate";
-import useGameSaveScreenStore from "../stores/useGameSaveScreenStore";
-import { downloadGameSave, loadGameSaveFromFile } from "../utils/save-utility";
-
-export default function GameSaveScreen() {
-    const {
-        setOpen,
-        open,
-        page,
-        setPage,
-        editDeleteAlert: openDeleteAlert,
-        editLoadAlert: openLoadAlert,
-        editOverwriteSaveAlert: openOverwriteSaveAlert,
-        editSaveAlert: openSaveAlert,
-    } = useGameSaveScreenStore(useShallow((state) => state));
-    const { t } = useTranslation(["ui"]);
-    const smScreen = useMediaQuery((theme: Theme) => theme.breakpoints.down("lg"));
-    const navigate = useMyNavigate();
-    const { enqueueSnackbar } = useSnackbar();
-    const gameProps = useGameProps();
-    let location = useLocation();
-
-    return (
-        <ModalDialogCustom
-            open={open}
-            setOpen={setOpen}
-            layout={smScreen ? "fullscreen" : "center"}
-            head={<Typography level='h2'>{`${t("save")}/${t("load")}`}</Typography>}
-            minWidth='80%'
-            sx={{
-                minHeight: "50%",
-                paddingBottom: 6,
-            }}
-        >
-            <Stack
-                direction={"row"}
-                sx={{
-                    position: "absolute",
-                    top: 10,
-                    right: 40,
-                }}
-            >
-                <Tooltip title={t("load_from_file")}>
-                    <span>
-                        <IconButton
-                            size='lg'
-                            onClick={() =>
-                                loadGameSaveFromFile(navigate, () => {
-                                    gameProps.invalidateInterfaceData();
-                                    enqueueSnackbar(t("success_load"), { variant: "success" });
-                                    setOpen(false);
-                                })
-                            }
-                        >
-                            <FolderOpenIcon fontSize='large' />
-                        </IconButton>
-                    </span>
-                </Tooltip>
-                <Tooltip title={t("save_to_file")}>
-                    <span>
-                        <IconButton
-                            size='lg'
-                            onClick={() => {
-                                downloadGameSave();
-                            }}
-                            disabled={location.pathname == MAIN_MENU_ROUTE}
-                        >
-                            <DownloadIcon fontSize='large' />
-                        </IconButton>
-                    </span>
-                </Tooltip>
-            </Stack>
-            <Grid container>
-                {/* for 6 element */}
-                {Array.from({ length: 6 }).map((_, index) => {
-                    let id = page * 6 + index;
-                    return (
-                        <Grid xs={12} sm={6} md={4} key={"ModalDialogCustom" + index}>
-                            <GameSaveSlot
-                                saveId={id}
-                                onSave={() => {
-                                    openSaveAlert(id);
-                                }}
-                                onOverwriteSave={(data) => {
-                                    openOverwriteSaveAlert(id, data.name);
-                                }}
-                                onLoad={(data) => {
-                                    openLoadAlert({ ...data, id: id });
-                                }}
-                                onDelete={() => {
-                                    openDeleteAlert(id);
-                                }}
-                            />
-                        </Grid>
-                    );
-                })}
-            </Grid>
-            <Pagination
-                count={999}
-                siblingCount={smScreen ? 2 : 7}
-                page={page + 1}
-                onChange={(_event, value) => setPage(value - 1)}
-                sx={{
-                    position: "absolute",
-                    bottom: 7,
-                    right: 0,
-                    left: 0,
-                    justifySelf: "center",
-                    "& .MuiPaginationItem-root": {
-                        color: "var(--joy-palette-text-primary)",
-                    },
-                }}
-            />
-        </ModalDialogCustom>
-    );
-}