create-pixi-vn 2.0.9 → 2.0.11

package/template-react-vite-muijoy-ink-tauri/package.json

@@ -11,12 +11,7 @@
     "build": "tsc -b && vite build",
     "build:fast": "vite build",
     "prebuild": "npm run icon",
-    "icon": "pwa-assets-generator && tauri icon public/icon.png",
-    "tauri": "tauri",
-    "tauri:dev": "tauri dev",
-    "tauri:build": "tauri build",
-    "tauri:android:dev": "tauri android dev",
-    "tauri:ios:dev": "tauri ios dev",
+    "icon": "pwa-assets-generator",
     "lint": "biome lint",
     "check": "biome check",
     "format": "biome format --write",
@@ -25,9 +20,9 @@
   "dependencies": {
     "@base-ui/react": "^1.5.0",
     "@drincs/pixi-vn": "^1.8.13",
-    "@drincs/pixi-vn-ink": "^1.0.5",
     "@drincs/pixi-vn-spine": "^0.2.1",
     "@tailwindcss/vite": "^4.3.0",
+    "@tanstack/hotkeys": "^0.8.0",
     "@tanstack/react-devtools": "^0.10.5",
     "@tanstack/react-hotkeys": "^0.10.0",
     "@tanstack/react-hotkeys-devtools": "^0.7.0",
@@ -40,8 +35,6 @@
     "@tanstack/react-store": "latest",
     "@tanstack/router-plugin": "latest",
     "@tanstack/store": "latest",
-    "@tauri-apps/api": "^2",
-    "@tauri-apps/plugin-opener": "^2",
     "@unpic/react": "^1.0.2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -68,16 +61,13 @@
     "tailwind-merge": "^3.6.0",
     "tailwindcss": "^4.3.0",
     "tw-animate-css": "^1.4.0",
-    "vaul": "^1.1.2",
-    "zod": "^4.4.3"
+    "vaul": "^1.1.2"
   },
   "devDependencies": {
     "@assetpack/core": "^1.7.0",
     "@biomejs/biome": "latest",
     "@tailwindcss/typography": "^0.5.19",
     "@tanstack/devtools-vite": "latest",
-    "@tauri-apps/cli": "^2",
-    "@tauri-apps/plugin-process": "^2.3.1",
     "@types/node": "^25.9.1",
     "@types/react": "^19.2.15",
     "@types/react-dom": "^19.2.3",
@@ -85,8 +75,8 @@
     "@vitejs/plugin-react": "^6.0.2",
     "globals": "^17.6.0",
     "typescript": "~6.0.3",
-    "vite": "^8.0.14",
-    "vite-plugin-checker": "^0.14.1",
+    "vite": "^8.0.16",
+    "vite-plugin-checker": "0.14.1",
     "vite-plugin-pwa": "^1.3.0"
   },
   "keywords": [

package/template-react-vite-muijoy-ink-tauri/src/App.tsx

@@ -1,25 +1,25 @@
-import { routeTree } from "@/routeTree.gen";
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { createRouter, RouterProvider } from "@tanstack/react-router";
-
-const queryClient = new QueryClient();
-const router = createRouter({
-    routeTree,
-    defaultPreload: "intent",
-    scrollRestoration: true,
-    context: { queryClient },
-});
-
-declare module "@tanstack/react-router" {
-    interface Register {
-        router: typeof router;
-    }
-}
-
-export default function App() {
-    return (
-        <QueryClientProvider client={queryClient}>
-            <RouterProvider router={router} />
-        </QueryClientProvider>
-    );
-}
+import { routeTree } from "@/routeTree.gen";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { createRouter, RouterProvider } from "@tanstack/react-router";
+
+const queryClient = new QueryClient();
+const router = createRouter({
+    routeTree,
+    defaultPreload: "intent",
+    scrollRestoration: true,
+    context: { queryClient },
+});
+
+declare module "@tanstack/react-router" {
+    interface Register {
+        router: typeof router;
+    }
+}
+
+export default function App() {
+    return (
+        <QueryClientProvider client={queryClient}>
+            <RouterProvider router={router} />
+        </QueryClientProvider>
+    );
+}

package/template-react-vite-muijoy-ink-tauri/src/assets/index.ts

@@ -1,5 +1,7 @@
 import generatedManifestJson from "@/assets/manifest.gen.json";
 import { AUDIO_BUNDLE_NAME } from "@/constants";
+import { secondPart } from "@/content/labels/second.label";
+import { startLabel } from "@/content/labels/start.label";
 import type { FileRouteTypes } from "@/routeTree.gen";
 import type { AssetsManifest } from "@drincs/pixi-vn";
 
@@ -35,7 +37,7 @@ export const manifest: AssetsManifest = {
         },
         // labels
         {
-            name: "start",
+            name: startLabel.id,
             assets: [
                 {
                     alias: "bg01-hallway",
@@ -44,7 +46,7 @@ export const manifest: AssetsManifest = {
             ],
         },
         {
-            name: "second_part",
+            name: secondPart.id,
             assets: [
                 {
                     alias: "bg02-dorm",

package/template-react-vite-muijoy-ink-tauri/src/assets/ink-manifest.gen.json

@@ -1,4 +1 @@
-[
-  "/ink-json/second_part.gen.json",
-  "/ink-json/start.gen.json"
-]
+[]

package/template-react-vite-muijoy-ink-tauri/src/components/loading.tsx

@@ -1,5 +1,4 @@
 import { Spinner } from "@/components/ui/spinner";
-import { motion } from "motion/react";
 
 export function PendingComponent() {
     return (
@@ -12,49 +11,11 @@ export function PendingComponent() {
 }
 
 export function AnimatedDots() {
-    const dots = [
-        { id: "dot-1", char: "." },
-        { id: "dot-2", char: "." },
-        { id: "dot-3", char: "." },
-    ]; // 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) => (
-                <motion.span
-                    key={dot.id}
-                    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.char}
-                </motion.span>
-            ))}
-        </motion.span>
+        <span className="flex pointer-events-none select-none">
+            <span className="animate-bounce [animation-delay:0s]">.</span>
+            <span className="animate-bounce [animation-delay:0.2s]">.</span>
+            <span className="animate-bounce [animation-delay:0.4s]">.</span>
+        </span>
     );
 }

package/template-react-vite-muijoy-ink-tauri/src/components/menus/main-menu.tsx

@@ -10,7 +10,6 @@ import {
 } from "@/constants";
 import { useSetSearchParamState } from "@/lib/hooks/navigation-hooks";
 import { useGameProps } from "@/lib/hooks/props-hooks";
-import { useQuit } from "@/lib/hooks/quit-hooks";
 import { useQueryLastSave } from "@/lib/query/save-query";
 import { InterfaceSettings } from "@/lib/stores/interface-settings-store";
 import { cn } from "@/lib/utils";
@@ -18,7 +17,7 @@ import { loadSave } from "@/lib/utils/save-utility";
 import { canvas, Game, ImageSprite } from "@drincs/pixi-vn";
 import { useHotkeys } from "@tanstack/react-hotkeys";
 import { useQueryClient } from "@tanstack/react-query";
-import { AlertCircle, CirclePlay, LogOut, Play, Save, Settings } from "lucide-react";
+import { AlertCircle, CirclePlay, Play, Save, Settings } from "lucide-react";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { toast } from "sonner";
@@ -34,7 +33,6 @@ export function MainMenu() {
     const setSettingsTab = useSetSearchParamState<string>("settings_tab");
     const [loading, setLoading] = useState(false);
     const menuRef = useRef<HTMLDivElement>(null);
-    const { quit, canQuit } = useQuit();
 
     /** Returns all enabled menuitem buttons inside the menu container. */
     function getMenuItems(): HTMLButtonElement[] {
@@ -188,19 +186,6 @@ export function MainMenu() {
                         {t("settings")}
                     </Button>
 
-                    {canQuit && (
-                        <Button
-                            role="menuitem"
-                            onClick={quit}
-                            disabled={loading}
-                            variant="outline"
-                            className={menuButtonClass}
-                        >
-                            <LogOut className="size-4" />
-                            {t("quit")}
-                        </Button>
-                    )}
-
                     {loading ? (
                         <div
                             className="flex items-center justify-end pt-1 text-muted-foreground"

package/template-react-vite-muijoy-ink-tauri/src/components/menus/settings/about.tsx

@@ -19,7 +19,7 @@ export function About() {
                 <span className="font-medium text-muted-foreground">
                     {t("powered_by")}{" "}
                     <a
-                        href="https://pixi-vn.web.app"
+                        href="https://pixi-vn.com"
                         target="_blank"
                         rel="noopener noreferrer"
                         className="underline hover:text-foreground"

package/template-react-vite-muijoy-ink-tauri/src/components/menus/settings/quick-menus.tsx

@@ -3,10 +3,9 @@ import { Button } from "@/components/ui/button";
 import { Kbd, KbdGroup } from "@/components/ui/kbd";
 import { Separator } from "@/components/ui/separator";
 import { useSetSearchParamState } from "@/lib/hooks/navigation-hooks";
-import { useQuit } from "@/lib/hooks/quit-hooks";
 import { Game } from "@drincs/pixi-vn";
 import { useLocation, useNavigate } from "@tanstack/react-router";
-import { Gamepad2Icon, HistoryIcon, LogOutIcon, PowerIcon, SaveIcon } from "lucide-react";
+import { Gamepad2Icon, HistoryIcon, LogOutIcon, SaveIcon } from "lucide-react";
 import { useTranslation } from "react-i18next";
 
 export function QuickMenus() {
@@ -22,7 +21,6 @@ export function QuickMenus() {
             </div>
             {isInGame && <Separator />}
             {isInGame && <ReturnMainMenuButton />}
-            <QuitButton />
         </div>
     );
 }
@@ -103,20 +101,6 @@ export function OpenHistorySettingButton() {
     );
 }
 
-export function QuitButton() {
-    const { t } = useTranslation(["ui"]);
-    const { quit, canQuit } = useQuit();
-
-    if (!canQuit) return null;
-
-    return (
-        <Button variant="destructive" onClick={quit}>
-            <PowerIcon />
-            {t("quit")}
-        </Button>
-    );
-}
-
 export function SaveLoadMenuButton() {
     const { t } = useTranslation(["ui"]);
     const setSettingsOpen = useSetSearchParamState<boolean>("settings");

package/template-react-vite-muijoy-ink-tauri/src/components/menus/settings/system-controls.tsx

@@ -20,8 +20,6 @@ import {
 import { TextDisplaySettings } from "@/lib/stores/text-display-settings-store";
 import { useQueryClient } from "@tanstack/react-query";
 import { useSelector } from "@tanstack/react-store";
-import type * as app from "@tauri-apps/api";
-import { getCurrentWindow } from "@tauri-apps/api/window";
 import {
     DownloadIcon,
     FullscreenIcon,
@@ -33,12 +31,6 @@ import {
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
 
-declare global {
-    interface Window {
-        __TAURI__: typeof app;
-    }
-}
-
 export function SystemControls() {
     return (
         <div className="flex flex-col gap-4">
@@ -162,9 +154,7 @@ export function FullScreenSettings() {
                 onClick={() => {
                     setLoading(true);
                     let promise: Promise<void>;
-                    if (window.__TAURI__) {
-                        promise = getCurrentWindow().setFullscreen(!isFullScreenMode);
-                    } else if (isFullScreenMode) {
+                    if (isFullScreenMode) {
                         promise = document.exitFullscreen();
                     } else {
                         promise = document.documentElement.requestFullscreen();

package/template-react-vite-muijoy-ink-tauri/src/components/quick-tools.tsx

@@ -27,7 +27,7 @@ export function QuickTools() {
     const autoEnabled = useSelector(AutoSettings.store, (state) => state.enabled);
     const queryClient = useQueryClient();
     const { data: lastSave = null } = useQueryLastSave();
-    const { data: canGoBack = null } = useQueryCanGoBack();
+    const { data: canGoBack = false } = useQueryCanGoBack();
     const nextStepLoading = useSelector(GameStatus.store, (state) => state.loading);
     const { goBack } = useNarrationFunctions();
     const { openAlertDialog } = useAlertDialog();

package/template-react-vite-muijoy-ink-tauri/src/components/screens/narration/narration-cards.tsx

@@ -1,6 +1,5 @@
 import { AnimatedDots } from "@/components/loading";
 import { QuickTools } from "@/components/quick-tools";
-import { AspectRatio } from "@/components/ui/aspect-ratio";
 import { Card, CardContent } from "@/components/ui/card";
 import { Image } from "@/components/ui/image";
 import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from "@/components/ui/resizable";
@@ -127,8 +126,8 @@ export function Text({ paragraphRef }: { paragraphRef: RefObject<HTMLDivElement
 
 export function CharacterIcon({ alt, icon }: { icon: string; alt: string }) {
     return (
-        <AspectRatio ratio={16 / 9}>
+        <div className="h-full w-full">
             <Image src={icon} layout="fullWidth" alt={alt} className="h-full w-full object-cover" />
-        </AspectRatio>
+        </div>
     );
 }