create-pixi-vn 2.0.14 → 2.1.0

package/template-react-vite-muijoy-tauri/src/lib/query/narration-query.ts

@@ -1,6 +1,9 @@
 import { INTERFACE_DATA_USE_QUERY_KEY } from "@/constants";
+import { TextDisplaySettings } from "@/lib/stores/text-display-settings-store";
 import { type CharacterInterface, narration, stepHistory } from "@drincs/pixi-vn";
 import { keepPreviousData, useQuery, useQueryClient } from "@tanstack/react-query";
+import { useSelector } from "@tanstack/react-store";
+import { useCallback } from "react";
 import { useTranslation } from "react-i18next";
 
 const CAN_GO_BACK_USE_QUERY_KEY = "can_go_back_use_query_key";
@@ -24,7 +27,6 @@ export function useQueryChoiceMenuOptions() {
                         ? t(option.text)
                         : option.text.map((text) => t(text)).join(" "),
             })) || [],
-        placeholderData: keepPreviousData,
     });
 }
 
@@ -45,13 +47,30 @@ type DialogueModel = {
     animatedText?: string;
     text?: string;
     character?: CharacterInterface;
+    lastText?: string;
 };
 const DIALOGUE_USE_QUERY_KEY = "dialogue_use_query_key";
 export function useQueryDialogue() {
     const { t } = useTranslation(["narration"]);
     const queryClient = useQueryClient();
+    const forceComplete = useSelector(TextDisplaySettings.store, (state) => state.forceComplete);
 
-    return useQuery<DialogueModel>({
+    const finalizeDialogue = useCallback(() => {
+        queryClient.setQueryData<DialogueModel>(
+            [INTERFACE_DATA_USE_QUERY_KEY, DIALOGUE_USE_QUERY_KEY],
+            (prev) => {
+                if (!prev) return prev;
+                const fullText = (prev.text || "") + (prev.animatedText || "");
+                return {
+                    ...prev,
+                    text: fullText || undefined,
+                    animatedText: undefined,
+                };
+            },
+        );
+    }, [queryClient]);
+
+    const query = useQuery<DialogueModel>({
         queryKey: [INTERFACE_DATA_USE_QUERY_KEY, DIALOGUE_USE_QUERY_KEY],
         queryFn: async ({ queryKey }) => {
             const dialogue = narration.dialogue;
@@ -78,6 +97,7 @@ export function useQueryDialogue() {
                 }
                 return {
                     animatedText: newText,
+                    lastText: newText,
                     text: oldText,
                     character: character,
                 };
@@ -85,11 +105,21 @@ export function useQueryDialogue() {
 
             return {
                 animatedText: text,
+                lastText: text,
                 character: character,
             };
         },
         placeholderData: keepPreviousData,
+        select: forceComplete
+            ? (data) => ({
+                  ...data,
+                  text: (data.text || "") + (data.animatedText || "") || undefined,
+                  animatedText: undefined,
+              })
+            : undefined,
     });
+
+    return { ...query, finalizeDialogue };
 }
 
 const CAN_GO_NEXT_USE_QUERY_KEY = "can_go_next_use_query_key";

package/template-react-vite-muijoy-tauri/src/lib/stores/alert-dialog-store.ts

@@ -0,0 +1,13 @@
+import { Store } from "@tanstack/store";
+
+export namespace AlertDialogState {
+    export const store = new Store<{ count: number }>({ count: 0 });
+
+    export function increment() {
+        store.setState((state) => ({ count: state.count + 1 }));
+    }
+
+    export function decrement() {
+        store.setState((state) => ({ count: Math.max(0, state.count - 1) }));
+    }
+}

package/template-react-vite-muijoy-tauri/src/lib/stores/text-display-settings-store.ts

@@ -9,6 +9,10 @@ type TextDisplayStorage = {
      * Whether the typewriter effect is in progress
      */
     inProgress: boolean;
+    /**
+     * Whether the typewriter effect should be force-completed instantly
+     */
+    forceComplete: boolean;
     /**
      * The font size in percent (100 = default)
      */
@@ -22,6 +26,7 @@ export namespace TextDisplaySettings {
     export const store = new Store<TextDisplayStorage>({
         delay: Number(localStorage.getItem("typewriter_delay_millisecond") ?? 10),
         inProgress: false,
+        forceComplete: false,
         fontSize: initialFontSize,
     });
 
@@ -57,6 +62,20 @@ export namespace TextDisplaySettings {
      * End the typewriter effect
      */
     export function end() {
-        store.setState((state) => ({ ...state, inProgress: false }));
+        store.setState((state) => ({ ...state, inProgress: false, forceComplete: false }));
+    }
+
+    /**
+     * Force the typewriter effect to complete instantly
+     */
+    export function complete() {
+        store.setState((state) => ({ ...state, forceComplete: true, inProgress: false }));
+    }
+
+    /**
+     * Clear the forceComplete flag before advancing to the next step
+     */
+    export function resetForNext() {
+        store.setState((state) => ({ ...state, forceComplete: false }));
     }
 }

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

@@ -81,6 +81,8 @@
     "menu_navigation_up_description": "Focus the previous menu item.",
     "menu_navigation_home_description": "Focus the first menu item.",
     "menu_navigation_end_description": "Focus the last menu item.",
+    "choice_navigation": "Choices",
+    "choice_navigation_description": "Use ↑ / ↓ to select an choice, then Enter to run it.",
     "success_delete": "Delete successful",
     "success_load": "Load successful",
     "success_save": "Save successful",

package/template-react-vite-muijoy-tauri/src/pixi-vn.keys.gen.ts

@@ -11,12 +11,85 @@ declare module "@drincs/pixi-vn/characters" {
 }
 declare module "@drincs/pixi-vn/narration" {
     interface PixivnLabelIds {
-        "animation_01": never;
         "second_part": never;
         "start": never;
+        "animation_01": never;
+    }
+}
+declare module "@drincs/pixi-vn/canvas" {
+    interface PixivnBundleIds {
+        "default": never;
+        "audio": never;
+        "/": never;
+        "start": never;
+        "second_part": never;
+        "fm01": never;
+        "fm02": never;
+        "m01": never;
+    }
+    interface PixivnAssetAliasIds {
+        "bgm_cheerful": never;
+        "sfx_whoosh": never;
+        "background_main_menu": never;
+        "bg01-hallway": never;
+        "bg02-dorm": never;
+        "fm01-body": never;
+        "fm01-eyes-grin": never;
+        "fm01-eyes-smile": never;
+        "fm01-eyes-soft": never;
+        "fm01-eyes-upset": never;
+        "fm01-eyes-wow": never;
+        "fm01-mouth-grin00": never;
+        "fm01-mouth-serious00": never;
+        "fm01-mouth-serious01": never;
+        "fm01-mouth-smile00": never;
+        "fm01-mouth-smile01": never;
+        "fm01-mouth-soft00": never;
+        "fm01-mouth-soft01": never;
+        "fm01-mouth-upset00": never;
+        "fm01-mouth-upset01": never;
+        "fm01-mouth-wow01": never;
+        "fm02-body": never;
+        "fm02-eyes-bawl": never;
+        "fm02-eyes-joy": never;
+        "fm02-eyes-nervous": never;
+        "fm02-eyes-smile": never;
+        "fm02-eyes-upset": never;
+        "fm02-eyes-wow": never;
+        "fm02-mouth-cry01": never;
+        "fm02-mouth-nervous00": never;
+        "fm02-mouth-nervous01": never;
+        "fm02-mouth-smile00": never;
+        "fm02-mouth-smile01": never;
+        "fm02-mouth-upset00": never;
+        "fm02-mouth-upset01": never;
+        "fm02-mouth-wow01": never;
+        "m01-body": never;
+        "m01-eyes-annoy": never;
+        "m01-eyes-concern": never;
+        "m01-eyes-cry": never;
+        "m01-eyes-grin": never;
+        "m01-eyes-smile": never;
+        "m01-eyes-wow": never;
+        "m01-mouth-annoy00": never;
+        "m01-mouth-annoy01": never;
+        "m01-mouth-concern00": never;
+        "m01-mouth-concern01": never;
+        "m01-mouth-cry00": never;
+        "m01-mouth-cry01": never;
+        "m01-mouth-grin00": never;
+        "m01-mouth-neutral00": never;
+        "m01-mouth-neutral01": never;
+        "m01-mouth-smile00": never;
+        "m01-mouth-smile01": never;
+        "m01-mouth-wow01": never;
     }
 }
 export const characterIds = ["mc","james","steph","sly"] as const;
 export const characterIdsEnum = {"mc":"mc","james":"james","steph":"steph","sly":"sly"} as const;
-export const labelIds = ["animation_01","second_part","start"] as const;
-export const labelIdsEnum = {"animation_01":"animation_01","second_part":"second_part","start":"start"} as const;
+export const labelIds = ["second_part","start","animation_01"] as const;
+export const labelIdsEnum = {"second_part":"second_part","start":"start","animation_01":"animation_01"} as const;
+export const bundleIds = ["default","audio","/","start","second_part","fm01","fm02","m01"] as const;
+export const bundleIdsEnum = {"default":"default","audio":"audio","/":"/","start":"start","second_part":"second_part","fm01":"fm01","fm02":"fm02","m01":"m01"} as const;
+export const assetAliasIds = ["bgm_cheerful","sfx_whoosh","background_main_menu","bg01-hallway","bg02-dorm","fm01-body","fm01-eyes-grin","fm01-eyes-smile","fm01-eyes-soft","fm01-eyes-upset","fm01-eyes-wow","fm01-mouth-grin00","fm01-mouth-serious00","fm01-mouth-serious01","fm01-mouth-smile00","fm01-mouth-smile01","fm01-mouth-soft00","fm01-mouth-soft01","fm01-mouth-upset00","fm01-mouth-upset01","fm01-mouth-wow01","fm02-body","fm02-eyes-bawl","fm02-eyes-joy","fm02-eyes-nervous","fm02-eyes-smile","fm02-eyes-upset","fm02-eyes-wow","fm02-mouth-cry01","fm02-mouth-nervous00","fm02-mouth-nervous01","fm02-mouth-smile00","fm02-mouth-smile01","fm02-mouth-upset00","fm02-mouth-upset01","fm02-mouth-wow01","m01-body","m01-eyes-annoy","m01-eyes-concern","m01-eyes-cry","m01-eyes-grin","m01-eyes-smile","m01-eyes-wow","m01-mouth-annoy00","m01-mouth-annoy01","m01-mouth-concern00","m01-mouth-concern01","m01-mouth-cry00","m01-mouth-cry01","m01-mouth-grin00","m01-mouth-neutral00","m01-mouth-neutral01","m01-mouth-smile00","m01-mouth-smile01","m01-mouth-wow01"] as const;
+export const assetAliasIdsEnum = {"bgm_cheerful":"bgm_cheerful","sfx_whoosh":"sfx_whoosh","background_main_menu":"background_main_menu","bg01-hallway":"bg01-hallway","bg02-dorm":"bg02-dorm","fm01-body":"fm01-body","fm01-eyes-grin":"fm01-eyes-grin","fm01-eyes-smile":"fm01-eyes-smile","fm01-eyes-soft":"fm01-eyes-soft","fm01-eyes-upset":"fm01-eyes-upset","fm01-eyes-wow":"fm01-eyes-wow","fm01-mouth-grin00":"fm01-mouth-grin00","fm01-mouth-serious00":"fm01-mouth-serious00","fm01-mouth-serious01":"fm01-mouth-serious01","fm01-mouth-smile00":"fm01-mouth-smile00","fm01-mouth-smile01":"fm01-mouth-smile01","fm01-mouth-soft00":"fm01-mouth-soft00","fm01-mouth-soft01":"fm01-mouth-soft01","fm01-mouth-upset00":"fm01-mouth-upset00","fm01-mouth-upset01":"fm01-mouth-upset01","fm01-mouth-wow01":"fm01-mouth-wow01","fm02-body":"fm02-body","fm02-eyes-bawl":"fm02-eyes-bawl","fm02-eyes-joy":"fm02-eyes-joy","fm02-eyes-nervous":"fm02-eyes-nervous","fm02-eyes-smile":"fm02-eyes-smile","fm02-eyes-upset":"fm02-eyes-upset","fm02-eyes-wow":"fm02-eyes-wow","fm02-mouth-cry01":"fm02-mouth-cry01","fm02-mouth-nervous00":"fm02-mouth-nervous00","fm02-mouth-nervous01":"fm02-mouth-nervous01","fm02-mouth-smile00":"fm02-mouth-smile00","fm02-mouth-smile01":"fm02-mouth-smile01","fm02-mouth-upset00":"fm02-mouth-upset00","fm02-mouth-upset01":"fm02-mouth-upset01","fm02-mouth-wow01":"fm02-mouth-wow01","m01-body":"m01-body","m01-eyes-annoy":"m01-eyes-annoy","m01-eyes-concern":"m01-eyes-concern","m01-eyes-cry":"m01-eyes-cry","m01-eyes-grin":"m01-eyes-grin","m01-eyes-smile":"m01-eyes-smile","m01-eyes-wow":"m01-eyes-wow","m01-mouth-annoy00":"m01-mouth-annoy00","m01-mouth-annoy01":"m01-mouth-annoy01","m01-mouth-concern00":"m01-mouth-concern00","m01-mouth-concern01":"m01-mouth-concern01","m01-mouth-cry00":"m01-mouth-cry00","m01-mouth-cry01":"m01-mouth-cry01","m01-mouth-grin00":"m01-mouth-grin00","m01-mouth-neutral00":"m01-mouth-neutral00","m01-mouth-neutral01":"m01-mouth-neutral01","m01-mouth-smile00":"m01-mouth-smile00","m01-mouth-smile01":"m01-mouth-smile01","m01-mouth-wow01":"m01-mouth-wow01"} as const;

package/template-react-vite-muijoy-tauri/src/routes/__root.tsx

@@ -11,13 +11,12 @@ import { defineAssets } from "@/lib/utils/assets-utility";
 import { initializeIndexedDB } from "@/lib/utils/db-utility";
 import { loadRefreshSave } from "@/lib/utils/save-utility";
 import type { RouterContext } from "@/router";
+import { narration } from "@drincs/pixi-vn";
 import { setupPixivnViteData } from "@drincs/pixi-vn/vite-listener";
 import { createRootRouteWithContext, ErrorComponent, Outlet } from "@tanstack/react-router";
 import { lazy, Suspense } from "react";
 
-const DevDevtools = import.meta.env.DEV
-    ? lazy(() => import("@/components/dev-devtools"))
-    : null;
+const DevDevtools = import.meta.env.DEV ? lazy(() => import("@/components/dev-devtools")) : null;
 
 export const Route = createRootRouteWithContext<RouterContext>()({
     validateSearch: (search) => SearchParams.setMany(search),
@@ -27,7 +26,7 @@ export const Route = createRootRouteWithContext<RouterContext>()({
         // Game.onNavigate(async (to) => redirect({ to }));
         await Promise.all([import("@/content"), initializeIndexedDB(), defineAssets(), useI18n()]);
         await setupPixivnViteData();
-        if (location.pathname !== "/") {
+        if (location.pathname !== "/" && narration.stepCounter === 0) {
             const isRefreshSaveExist = await loadRefreshSave();
             if (isRefreshSaveExist) {
                 await context.queryClient.invalidateQueries({

package/template-react-vite-muijoy-tauri/vite.config.ts

@@ -1,4 +1,5 @@
 import { AssetPack } from "@assetpack/core";
+import type { AssetsManifest } from "@drincs/pixi-vn/pixi.js";
 import { vitePluginPixivn } from "@drincs/pixi-vn/vite";
 import tailwindcss from "@tailwindcss/vite";
 import { devtools } from "@tanstack/devtools-vite";
@@ -38,6 +39,14 @@ export default defineConfig(({ mode }) => ({
             characters: "./src/content/characters.ts",
             labels: "./src/content/labels/*.label.ts",
             typeFilePath: "./src/pixi-vn.keys.gen.ts",
+            assetsManifest: async (ssrLoadModule) => {
+                const mod = (await ssrLoadModule("/src/assets/index.ts")) as {
+                    manifest: AssetsManifest;
+                };
+                if (!mod.manifest)
+                    throw new Error("Assets manifest not found in /src/assets/index.ts");
+                return mod.manifest;
+            },
         }),
         VitePWA({
             // generate icons with: npm run icon
@@ -90,6 +99,7 @@ export default defineConfig(({ mode }) => ({
     ],
     resolve: {
         tsconfigPaths: true,
+        preserveSymlinks: true,
     },
     define: {
         __APP_VERSION__: JSON.stringify(process.env.npm_package_version),

package/template-nqtr-react-vite-muijoy/.eslintrc.cjs

@@ -1,18 +0,0 @@
-module.exports = {
-    root: true,
-    env: { browser: true, es2020: true },
-    extends: ["eslint:recommended", "plugin:@typescript-eslint/recommended", "plugin:react-hooks/recommended"],
-    ignorePatterns: ["dist", ".eslintrc.cjs"],
-    parser: "@typescript-eslint/parser",
-    plugins: ["react-refresh"],
-    rules: {
-        "react-refresh/only-export-components": ["warn", { allowConstantExport: true }],
-    },
-    "prefer-const": [
-        "error",
-        {
-            destructuring: "all",
-            ignoreReadBeforeAssign: true,
-        },
-    ],
-};