create-pixi-vn 2.0.9 → 2.0.11

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

@@ -20,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",
@@ -61,8 +61,7 @@
     "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",
@@ -76,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/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/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/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/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/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/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/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>
     );
 }