create-pixi-vn 2.0.14 → 2.1.0

package/template-nqtr-react-vite-muijoy-ink/src/stores/useGameSaveScreenStore.ts

@@ -1,112 +0,0 @@
-import { create } from "zustand";
-import GameSaveData from "../models/GameSaveData";
-
-type GameSaveScreenStoreType = {
-    /**
-     * Whether the save screen is open
-     */
-    open: boolean;
-    /**
-     * Open the save screen
-     */
-    editOpen: () => void;
-    /**
-     * Set the open state of the save screen
-     */
-    setOpen: (value: boolean) => void;
-    /**
-     * The current page of the save screen
-     */
-    page: number;
-    /**
-     * Set the page of the save screen
-     */
-    setPage: (value: number) => void;
-    alert:
-        | {
-              open: false;
-              data?: any;
-              type?: string;
-              deafultName?: string;
-          }
-        | {
-              open: true;
-              data: GameSaveData & { id: number };
-              type: "load";
-          }
-        | {
-              open: true;
-              data: number;
-              type: "overwrite_save" | "save";
-              deafultName: string;
-          }
-        | {
-              open: true;
-              data: number;
-              type: "delete";
-          };
-    /**
-     * Open the load alert
-     */
-    editLoadAlert: (data: GameSaveData & { id: number }) => void;
-    /**
-     * Open the save alert
-     */
-    editSaveAlert: (data: number, deafultName?: string) => void;
-    /**
-     * Open the overwrite save alert
-     */
-    editOverwriteSaveAlert: (data: number, deafultName: string) => void;
-    /**
-     * Open the delete alert
-     */
-    editDeleteAlert: (data: number) => void;
-    /**
-     * Close the alert
-     */
-    closeAlert: () => void;
-};
-
-const useGameSaveScreenStore = create<GameSaveScreenStoreType>((set) => ({
-    page: localStorage.getItem("save_screen_page") ? parseInt(localStorage.getItem("save_screen_page") as string) : 0,
-    setPage: (value: number) => {
-        localStorage.setItem("save_screen_page", value.toString());
-        set({ page: value });
-    },
-    open: false,
-    editOpen: () => set((state) => ({ open: !state.open })),
-    setOpen: (value: boolean) => set({ open: value }),
-    alert: {
-        open: false,
-    },
-    editLoadAlert: (data: GameSaveData & { id: number }) =>
-        set((state) => {
-            if (state.alert.open) {
-                return { alert: { open: false } };
-            }
-            return { alert: { open: true, data, type: "load" } };
-        }),
-    editSaveAlert: (data: number, deafultName?: string) =>
-        set((state) => {
-            if (state.alert.open) {
-                return { alert: { open: false } };
-            }
-            return { alert: { open: true, data, type: "save", deafultName: deafultName || "" } };
-        }),
-    editOverwriteSaveAlert: (data: number, deafultName: string) =>
-        set((state) => {
-            if (state.alert.open) {
-                return { alert: { open: false } };
-            }
-            return { alert: { open: true, data, type: "overwrite_save", deafultName } };
-        }),
-    editDeleteAlert: (data: number) =>
-        set((state) => {
-            if (state.alert.open) {
-                return { alert: { open: false } };
-            }
-            return { alert: { open: true, data, type: "delete" } };
-        }),
-    closeAlert: () => set(() => ({ alert: { open: false } })),
-}));
-export default useGameSaveScreenStore;

package/template-nqtr-react-vite-muijoy-ink/src/stores/useHistoryScreenStore.ts

@@ -1,23 +0,0 @@
-import { create } from "zustand";
-
-type HistoryScreenType = {
-    /**
-     * Whether the screen is open
-     */
-    open: boolean;
-    /**
-     * Open the screen
-     */
-    editOpen: () => void;
-    /**
-     * Set the open state of the screen
-     */
-    setOpen: (value: boolean) => void;
-};
-
-const useHistoryScreenStore = create<HistoryScreenType>((set) => ({
-    open: false,
-    editOpen: () => set((state) => ({ open: !state.open })),
-    setOpen: (value: boolean) => set({ open: value }),
-}));
-export default useHistoryScreenStore;

package/template-nqtr-react-vite-muijoy-ink/src/stores/useInterfaceStore.ts

@@ -1,28 +0,0 @@
-import { create } from "zustand";
-
-type InterfaceStoreType = {
-    /**
-     * Whether the interface is hidden
-     */
-    hidden: boolean;
-    /**
-     * Toggle the interface visibility
-     */
-    editHidden: () => void;
-    /**
-     * Set the interface visibility
-     */
-    setHidden: (value: boolean) => void;
-    /**
-     * Set the interface visibility to true
-     */
-    show: () => void;
-};
-
-const useInterfaceStore = create<InterfaceStoreType>((set) => ({
-    hidden: false,
-    editHidden: () => set((state) => ({ hidden: !state.hidden })),
-    setHidden: (value: boolean) => set({ hidden: value }),
-    show: () => set(() => ({ hidden: false })),
-}));
-export default useInterfaceStore;

package/template-nqtr-react-vite-muijoy-ink/src/stores/useMasterSoundStore.ts

@@ -1,38 +0,0 @@
-import { sound } from "@drincs/pixi-vn";
-import { create } from "zustand";
-import { ChannelSoundStore } from "./createChannelSoundStore";
-
-const useMasterSoundStore = create<ChannelSoundStore>((set, get) => ({
-    volume: localStorage.getItem(`master_volume`)
-        ? parseInt(localStorage.getItem(`master_volume`)!)
-        : sound.volumeAll * 100,
-    muted: localStorage.getItem(`$master_muted`) ? localStorage.getItem(`master_muted`) === "true" : false,
-
-    setVolume: (volume: number) => {
-        if (get().muted) {
-            get().setMuted(false);
-        }
-        sound.volumeAll = volume / 100;
-        set({ volume: Math.round(volume) });
-
-        if (Math.round(volume) === 0 && !get().muted) {
-            get().setMuted(true);
-        }
-    },
-
-    setMuted: (muted: boolean) => {
-        if (muted) {
-            sound.muteAll();
-        } else {
-            sound.unmuteAll();
-        }
-        set({ muted: muted });
-    },
-
-    toggleMuted: () => {
-        const curr = sound.toggleMuteAll();
-        get().setMuted(curr);
-    },
-}));
-
-export default useMasterSoundStore;

package/template-nqtr-react-vite-muijoy-ink/src/stores/useMemoScreenStore.ts

@@ -1,23 +0,0 @@
-import { create } from "zustand";
-
-type MemoScreenStoreType = {
-    /**
-     * Whether the screen is open
-     */
-    open: boolean;
-    /**
-     * Open the screen
-     */
-    editOpen: () => void;
-    /**
-     * Set the open state of the screen
-     */
-    setOpen: (value: boolean) => void;
-};
-
-const useMemoScreenStore = create<MemoScreenStoreType>((set) => ({
-    open: false,
-    editOpen: () => set((state) => ({ open: !state.open })),
-    setOpen: (value: boolean) => set({ open: value }),
-}));
-export default useMemoScreenStore;

package/template-nqtr-react-vite-muijoy-ink/src/stores/useNetworkStore.ts

@@ -1,20 +0,0 @@
-import { create } from "zustand";
-
-type NetworkStoreType = {
-    /**
-     * Whether the user is online or not
-     */
-    isOnline: boolean;
-    /**
-     * Update the online status
-     */
-    updateOnlineStatus: () => void;
-};
-
-const useNetworkStore = create<NetworkStoreType>((set) => ({
-    isOnline: navigator.onLine,
-    updateOnlineStatus: () => {
-        set({ isOnline: navigator.onLine });
-    },
-}));
-export default useNetworkStore;

package/template-nqtr-react-vite-muijoy-ink/src/stores/useNqtrScreenStore.ts

@@ -1,12 +0,0 @@
-import { create } from "zustand";
-
-type NQTRStoreType = {
-    disabled: boolean;
-    setDisabled: (value: boolean) => void;
-};
-
-const useNqtrScreenStore = create<NQTRStoreType>((set) => ({
-    disabled: false,
-    setDisabled: (value: boolean) => set({ disabled: value }),
-}));
-export default useNqtrScreenStore;

package/template-nqtr-react-vite-muijoy-ink/src/stores/useSettingsScreenStore.ts

@@ -1,23 +0,0 @@
-import { create } from "zustand";
-
-type SettingsScreenType = {
-    /**
-     * Whether the screen is open
-     */
-    open: boolean;
-    /**
-     * Open the screen
-     */
-    editOpen: () => void;
-    /**
-     * Set the open state of the screen
-     */
-    setOpen: (value: boolean) => void;
-};
-
-const useSettingsScreenStore = create<SettingsScreenType>((set) => ({
-    open: false,
-    editOpen: () => set((state) => ({ open: !state.open })),
-    setOpen: (value: boolean) => set({ open: value }),
-}));
-export default useSettingsScreenStore;

package/template-nqtr-react-vite-muijoy-ink/src/stores/useSkipStore.ts

@@ -1,27 +0,0 @@
-import { create } from "zustand";
-
-type SkipStoreType = {
-    /**
-     * Whether the skip is enabled
-     */
-    enabled: boolean;
-    /**
-     * Set the skip state
-     */
-    editEnabled: () => void;
-    /**
-     * Set the skip state
-     */
-    setEnabled: (value: boolean) => void;
-};
-
-const useSkipStore = create<SkipStoreType>((set) => ({
-    enabled: false,
-    editEnabled: () => {
-        set((state) => ({ enabled: !state.enabled }));
-    },
-    setEnabled: (value: boolean) => {
-        set({ enabled: value });
-    },
-}));
-export default useSkipStore;

package/template-nqtr-react-vite-muijoy-ink/src/stores/useStepStore.ts

@@ -1,32 +0,0 @@
-import { create } from "zustand";
-
-type StepStoreType = {
-    /**
-     * If the step is loading
-     */
-    loading: boolean;
-    /**
-     * Set the loading state of the step
-     */
-    setLoading: (value: boolean) => void;
-    /**
-     * If the step is loading in the go back
-     */
-    backLoading: boolean;
-    /**
-     * Set the loading state of the step in the back
-     */
-    setBackLoading: (value: boolean) => void;
-};
-
-const useStepStore = create<StepStoreType>((set) => ({
-    loading: false,
-    setLoading: (value: boolean) => {
-        set({ loading: value });
-    },
-    backLoading: false,
-    setBackLoading: (value: boolean) => {
-        set({ backLoading: value });
-    },
-}));
-export default useStepStore;

package/template-nqtr-react-vite-muijoy-ink/src/stores/useTypewriterStore.ts

@@ -1,41 +0,0 @@
-import { create } from "zustand";
-
-type TypewriterStoreType = {
-    /**
-     * The delay in milliseconds between each character
-     */
-    delay: number;
-    /**
-     * Set the delay in milliseconds between each character
-     */
-    setDelay: (value: number) => void;
-    /**
-     * The delay in milliseconds between each character
-     */
-    inProgress: boolean;
-    /**
-     * Start the typewriter effect
-     */
-    start: () => void;
-    /**
-     * End the typewriter effect
-     */
-    end: () => void;
-};
-
-const useTypewriterStore = create<TypewriterStoreType>((set) => ({
-    delay:
-        typeof localStorage.getItem("typewriter_delay_millisecond") === "number"
-            ? parseInt(localStorage.getItem("typewriter_delay_millisecond")!)
-            : 10,
-    setDelay: (value: number) => {
-        if (typeof value === "number") {
-            localStorage.setItem("typewriter_delay_millisecond", value.toString());
-            set({ delay: value });
-        }
-    },
-    inProgress: false,
-    start: () => set({ inProgress: true }),
-    end: () => set({ inProgress: false }),
-}));
-export default useTypewriterStore;

package/template-nqtr-react-vite-muijoy-ink/src/utils/assets-utility.ts

@@ -1,33 +0,0 @@
-import { Assets, sound } from "@drincs/pixi-vn";
-import manifest from "../assets/manifest";
-import { AUDIO_BUNDLE_NAME, MAIN_MENU_ROUTE } from "../constans";
-import { mainMap } from "../values/maps";
-
-/**
- * Define all the assets that will be used in the game.
- * This function will be called before the game starts.
- * You can read more about assets management in the documentation: https://pixi-vn.web.app/start/assets-management.html
- */
-export async function defineAssets() {
-    await Assets.init({ manifest });
-
-    // The game will not start until these asserts are loaded.
-    await Assets.loadBundle(MAIN_MENU_ROUTE);
-
-    // The audio bundle will be loaded in the background, so it will be available when needed, but it won't block the game start.
-    sound.backgroundLoadBundle(AUDIO_BUNDLE_NAME);
-
-    // The game will start immediately, but these asserts will be loaded in the background.
-    Assets.backgroundLoadBundle(mainMap.id);
-}
-
-/**
- * Get the PixiJS asset from the given asset string.
- * If the asset is not a PixiAsset, it will return the asset as is.
- * @param asset - The asset string to resolve.
- * @returns The resolved PixiJS asset or the original asset string.
- */
-export function getPixiJSAsset(asset: string) {
-    // check if the asset is a PixiAsset
-    return Assets.resolver.resolve(asset).src || asset;
-}

package/template-nqtr-react-vite-muijoy-ink/src/utils/image-utility.ts

@@ -1,13 +0,0 @@
-import { OnRunProps } from "@drincs/nqtr";
-import TimeSlotsImage from "../models/TimeSlotsImage";
-import { PixiUIProp } from "../models/nqtr/ui-elements";
-
-export async function normalizePixiElement(element: PixiUIProp, props: OnRunProps) {
-    if (typeof element === "function") {
-        element = await element(props);
-    }
-    if (element instanceof TimeSlotsImage) {
-        element = element.src;
-    }
-    return element;
-}

package/template-nqtr-react-vite-muijoy-ink/src/utils/indexedDB-utility.ts

@@ -1,196 +0,0 @@
-const INDEXED_DB_VERSION = 2; // Increment this version number when you change the database schema
-const INDEXED_DB_NAME = "game_db";
-export const INDEXED_DB_SAVE_TABLE = "saves";
-
-export function initializeIndexedDB(): Promise<void> {
-    return new Promise((resolve, reject) => {
-        let request = indexedDB.open(INDEXED_DB_NAME, INDEXED_DB_VERSION);
-        // check if the object store exists
-        request.onupgradeneeded = function (_event) {
-            let db = request.result;
-            if (!db.objectStoreNames.contains(INDEXED_DB_SAVE_TABLE)) {
-                // create the object store
-                let objectStore = db.createObjectStore(INDEXED_DB_SAVE_TABLE, { keyPath: "id", autoIncrement: true });
-                objectStore.createIndex("id", "id", { unique: true });
-                objectStore.createIndex("date", "date", { unique: false });
-                objectStore.createIndex("name", "name", { unique: false });
-                objectStore.createIndex("gameVersion", "gameVersion", { unique: false });
-            }
-        };
-
-        request.onsuccess = function (_event) {
-            resolve();
-        };
-        request.onerror = function (event) {
-            console.error("Error opening indexDB", event);
-            reject();
-        };
-    });
-}
-
-export async function putRowIntoIndexDB<T extends {}>(tableName: string, data: T): Promise<T> {
-    return new Promise((resolve, reject) => {
-        let request = indexedDB.open(INDEXED_DB_NAME);
-
-        request.onsuccess = function (_event) {
-            let db = request.result;
-            // run onupgradeneeded before onsuccess
-            if (!db.objectStoreNames.contains(tableName)) {
-                console.error("Object store rescues does not exist");
-                reject();
-            }
-            let transaction = db.transaction([tableName], "readwrite");
-            let objectStore = transaction.objectStore(tableName);
-            let setRequest = objectStore.put(data);
-            setRequest.onsuccess = function (_event) {
-                resolve(data);
-            };
-            setRequest.onerror = function (event) {
-                console.error("Error adding save data to indexDB", event);
-                reject();
-            };
-        };
-        request.onerror = function (event) {
-            console.error("Error adding save data to indexDB", event);
-        };
-    });
-}
-
-export async function getRowFromIndexDB<T extends {}>(tableName: string, id: any): Promise<T | null> {
-    return new Promise((resolve, reject) => {
-        let request = indexedDB.open(INDEXED_DB_NAME);
-        request.onsuccess = function (_event) {
-            let db = request.result;
-            // check if the object store exists
-            if (!db.objectStoreNames.contains(tableName)) {
-                resolve(null);
-                return;
-            }
-            let transaction = db.transaction([tableName], "readwrite");
-            let objectStore = transaction.objectStore(tableName);
-            let getRequest = objectStore.get(id);
-            getRequest.onsuccess = function (_event) {
-                resolve(getRequest.result);
-            };
-            getRequest.onerror = function (event) {
-                console.error("Error getting save data from indexDB", event);
-                reject();
-            };
-        };
-        request.onerror = function (event) {
-            console.error("Error opening indexDB", event);
-            reject();
-        };
-    });
-}
-
-export async function getLastRowFromIndexDB<T extends {}>(tableName: string): Promise<T | null> {
-    return new Promise((resolve, reject) => {
-        let request = indexedDB.open(INDEXED_DB_NAME);
-        request.onsuccess = function (_event) {
-            let db = request.result;
-            // check if the object store exists
-            if (!db.objectStoreNames.contains(tableName)) {
-                resolve(null);
-                return;
-            }
-            let transaction = db.transaction([tableName], "readwrite");
-            let objectStore = transaction.objectStore(tableName);
-            let getRequest = objectStore.openCursor(null, "prev");
-            getRequest.onsuccess = function (_event) {
-                let cursor = getRequest.result;
-                if (cursor) {
-                    resolve(cursor.value);
-                } else {
-                    resolve(null);
-                }
-            };
-            getRequest.onerror = function (event) {
-                console.error("Error getting save data from indexDB", event);
-                reject();
-            };
-        };
-        request.onerror = function (event) {
-            console.error("Error opening indexDB", event);
-            reject();
-        };
-    });
-}
-
-export async function deleteRowFromIndexDB(tableName: string, id: any): Promise<void> {
-    return new Promise((resolve, reject) => {
-        let request = indexedDB.open(INDEXED_DB_NAME);
-        request.onsuccess = function (_event) {
-            let db = request.result;
-            let transaction = db.transaction([tableName], "readwrite");
-            let objectStore = transaction.objectStore(tableName);
-            let deleteRequest = objectStore.delete(id);
-            deleteRequest.onsuccess = function (_event) {
-                resolve();
-            };
-            deleteRequest.onerror = function (event) {
-                console.error("Error deleting save data from indexDB", event);
-                reject();
-            };
-        };
-        request.onerror = function (event) {
-            console.error("Error deleting save data from indexDB", event);
-        };
-    });
-}
-
-export async function getListFromIndexDB<T extends {}>(
-    tableName: string,
-    options: {
-        order?: { field: keyof T; direction: IDBCursorDirection };
-        pagination?: { offset: number; limit: number };
-    } = {}
-): Promise<T[]> {
-    return new Promise((resolve, reject) => {
-        let request = indexedDB.open(INDEXED_DB_NAME);
-        request.onsuccess = function (_event) {
-            let db = request.result;
-            // check if the object store exists
-            if (!db.objectStoreNames.contains(tableName)) {
-                resolve([]);
-                return;
-            }
-            let transaction = db.transaction([tableName], "readwrite");
-            let objectStore = transaction.objectStore(tableName);
-            let getRequest = options.order
-                ? objectStore.index(options.order.field as string).openCursor(null, options.order.direction)
-                : objectStore.openCursor();
-            let results: T[] = [];
-            let counter = 0;
-            let limit = options.pagination?.limit ?? Infinity;
-            let offset = options.pagination?.offset ?? 0;
-            let advanced = false;
-            getRequest.onsuccess = (_event) => {
-                let cursor = getRequest.result;
-                if (cursor) {
-                    if (counter >= offset) {
-                        results.push(cursor.value);
-                        if (results.length >= limit) {
-                            resolve(results);
-                            advanced = true;
-                        }
-                    }
-                    counter++;
-                    cursor.continue();
-                } else {
-                    if (!advanced) {
-                        resolve(results);
-                    }
-                }
-            };
-            getRequest.onerror = function (event) {
-                console.error("Error getting save data from indexDB", event);
-                reject();
-            };
-        };
-        request.onerror = function (event) {
-            console.error("Error opening indexDB", event);
-            reject();
-        };
-    });
-}

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

@@ -1,53 +0,0 @@
-import { nqtrHandler } from "@drincs/nqtr/ink";
-import { RegisteredCharacters } from "@drincs/pixi-vn";
-import {
-    convertInkText,
-    HashtagCommands,
-    importInkText,
-    onInkTranslate,
-    onReplaceTextBeforeTranslation,
-} from "@drincs/pixi-vn-ink";
-
-async function getInkText() {
-    const files = import.meta.glob<string>("../ink/*.ink", { eager: true, import: "default" });
-    return await Promise.all(
-        Object.values(files).map(async (importFile) => {
-            return importFile;
-        }),
-    );
-}
-
-export async function importAllInkLabels() {
-    let fileEntries = await getInkText();
-    await importInkText(fileEntries);
-}
-
-export async function convertInkToJson() {
-    let fileEntries = await getInkText();
-    return await Promise.all(fileEntries.map((data) => convertInkText(data)));
-}
-
-export function initializeInk(options: { t: (key: string) => string }) {
-    const { t } = options;
-    HashtagCommands.add(nqtrHandler());
-    HashtagCommands.add(async (script, props, _convertListStringToObj) => {
-        if (script.length === 2) {
-            if (script[0] === "navigate") {
-                await props.navigate(script[1]);
-                return true;
-            }
-        }
-        if (script[0] === "rename" && script.length === 3) {
-            let character = RegisteredCharacters.get(script[1]);
-            if (character) {
-                character.name = script[2];
-            }
-            return true;
-        }
-        return false;
-    });
-    onReplaceTextBeforeTranslation((key) => {
-        return `{{${key}}}`;
-    });
-    onInkTranslate(t);
-}