create-pixi-vn 1.7.1 → 1.7.3

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "create-pixi-vn",
   "description": "Create a new Pixi’VN project",
-  "version": "1.7.1",
+  "version": "1.7.3",
   "type": "module",
   "license": "GPL-3.0",
   "author": "DRincs-Productions",

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

@@ -11,8 +11,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@drincs/nqtr": "^0.5.5",
-    "@drincs/pixi-vn": "^1.3.2",
+    "@drincs/nqtr": "^0.5.7",
+    "@drincs/pixi-vn": "^1.3.13",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
     "@mui/icons-material": "^7.3.1",

package/template-nqtr-react-vite-muijoy/src/constans.ts

@@ -8,6 +8,7 @@ export const REFRESH_SAVE_LOCAL_STORAGE_KEY = "refresh_save";
 export const SELECTED_QUEST_STORAGE_KEY = "selected_quest";
 
 export const CANVAS_UI_LAYER_NAME = "ui";
+export const CANVAS_MINIGAME_LAYER_NAME = "minigame";
 
 export const SKIP_DELAY = 100;
 

package/template-nqtr-react-vite-muijoy/src/hooks/useMinigame.ts

@@ -0,0 +1,54 @@
+import { canvas, Layer, PIXI } from "@drincs/pixi-vn";
+import { useEffect, useRef } from "react";
+import { CANVAS_MINIGAME_LAYER_NAME } from "../constans";
+
+export default function useMinigame(
+    game: (layer: Layer) => void,
+    props?: {
+        onStart?: () => Promise<void>;
+        onExit?: (layer: Layer) => void;
+    }
+) {
+    const loading = useRef(false);
+
+    // Keep latest callbacks in refs to avoid effect restarts
+    const startRef = useRef<() => Promise<void>>(props?.onStart ?? (async () => {}));
+    const exitRef = useRef<(layer: Layer) => void>(props?.onExit);
+
+    // Update refs when props change, without changing effect identity
+    useEffect(() => {
+        startRef.current = props?.onStart ?? (async () => {});
+    }, [props?.onStart]);
+
+    useEffect(() => {
+        exitRef.current = props?.onExit;
+    }, [props?.onExit]);
+
+    useEffect(() => {
+        // Create the layer and start the game once
+        loading.current = true;
+        const layer = canvas.addLayer(CANVAS_MINIGAME_LAYER_NAME, new PIXI.Container());
+        if (!layer) {
+            console.error("Failed to create UI layer for minigame");
+            return;
+        }
+
+        let cancelled = false;
+
+        startRef.current().then(() => {
+            if (cancelled) return;
+            loading.current = false;
+            game(layer);
+        });
+
+        return () => {
+            cancelled = true;
+            canvas.removeLayer(CANVAS_MINIGAME_LAYER_NAME);
+            if (exitRef.current) {
+                exitRef.current(layer);
+            }
+        };
+    }, [game]);
+
+    return { loading };
+}

package/template-nqtr-react-vite-muijoy/src/hooks/useMyNavigate.ts

@@ -2,7 +2,7 @@ import { Assets } from "@drincs/pixi-vn";
 import { NavigateFunction, NavigateOptions, To, useNavigate } from "react-router-dom";
 
 /**
- * https://pixi-vn.web.app/advanced/intercept-events.html#back-and-forward-buttons
+ * https://pixi-vn.web.app/it/start/interface-navigate#block-back-forward
  */
 export default function useMyNavigate(): NavigateFunction {
     const navigate = useNavigate();

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

@@ -207,7 +207,10 @@ function NarrationScreenText({ paragraphRef }: { paragraphRef: RefObject<HTMLDiv
     }, []);
 
     return (
-        <p className={`prose ${mode === "dark" ? "dark:prose-invert" : ""}`} style={{ margin: 0, padding: 0 }}>
+        <p
+            className={`prose ${mode === "dark" ? "dark:prose-invert" : ""}`}
+            style={{ margin: 0, padding: 0, maxWidth: "100%" }}
+        >
             <span>
                 <Markdown
                     remarkPlugins={[remarkGfm]}

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

@@ -11,8 +11,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@drincs/nqtr": "^0.5.5",
-    "@drincs/pixi-vn": "^1.3.2",
+    "@drincs/nqtr": "^0.5.7",
+    "@drincs/pixi-vn": "^1.3.13",
     "@drincs/pixi-vn-ink": "^0.8.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",

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

@@ -8,6 +8,7 @@ export const REFRESH_SAVE_LOCAL_STORAGE_KEY = "refresh_save";
 export const SELECTED_QUEST_STORAGE_KEY = "selected_quest";
 
 export const CANVAS_UI_LAYER_NAME = "ui";
+export const CANVAS_MINIGAME_LAYER_NAME = "minigame";
 
 export const SKIP_DELAY = 100;
 

package/template-nqtr-react-vite-muijoy-ink/src/hooks/useMinigame.ts

@@ -0,0 +1,54 @@
+import { canvas, Layer, PIXI } from "@drincs/pixi-vn";
+import { useEffect, useRef } from "react";
+import { CANVAS_MINIGAME_LAYER_NAME } from "../constans";
+
+export default function useMinigame(
+    game: (layer: Layer) => void,
+    props?: {
+        onStart?: () => Promise<void>;
+        onExit?: (layer: Layer) => void;
+    }
+) {
+    const loading = useRef(false);
+
+    // Keep latest callbacks in refs to avoid effect restarts
+    const startRef = useRef<() => Promise<void>>(props?.onStart ?? (async () => {}));
+    const exitRef = useRef<(layer: Layer) => void>(props?.onExit);
+
+    // Update refs when props change, without changing effect identity
+    useEffect(() => {
+        startRef.current = props?.onStart ?? (async () => {});
+    }, [props?.onStart]);
+
+    useEffect(() => {
+        exitRef.current = props?.onExit;
+    }, [props?.onExit]);
+
+    useEffect(() => {
+        // Create the layer and start the game once
+        loading.current = true;
+        const layer = canvas.addLayer(CANVAS_MINIGAME_LAYER_NAME, new PIXI.Container());
+        if (!layer) {
+            console.error("Failed to create UI layer for minigame");
+            return;
+        }
+
+        let cancelled = false;
+
+        startRef.current().then(() => {
+            if (cancelled) return;
+            loading.current = false;
+            game(layer);
+        });
+
+        return () => {
+            cancelled = true;
+            canvas.removeLayer(CANVAS_MINIGAME_LAYER_NAME);
+            if (exitRef.current) {
+                exitRef.current(layer);
+            }
+        };
+    }, [game]);
+
+    return { loading };
+}

package/template-nqtr-react-vite-muijoy-ink/src/hooks/useMyNavigate.ts

@@ -2,7 +2,7 @@ import { Assets } from "@drincs/pixi-vn";
 import { NavigateFunction, NavigateOptions, To, useNavigate } from "react-router-dom";
 
 /**
- * https://pixi-vn.web.app/advanced/intercept-events.html#back-and-forward-buttons
+ * https://pixi-vn.web.app/it/start/interface-navigate#block-back-forward
  */
 export default function useMyNavigate(): NavigateFunction {
     const navigate = useNavigate();

package/template-nqtr-react-vite-muijoy-ink/src/screens/NarrationScreen.tsx

@@ -207,7 +207,10 @@ function NarrationScreenText({ paragraphRef }: { paragraphRef: RefObject<HTMLDiv
     }, []);
 
     return (
-        <p className={`prose ${mode === "dark" ? "dark:prose-invert" : ""}`} style={{ margin: 0, padding: 0 }}>
+        <p
+            className={`prose ${mode === "dark" ? "dark:prose-invert" : ""}`}
+            style={{ margin: 0, padding: 0, maxWidth: "100%" }}
+        >
             <span>
                 <Markdown
                     remarkPlugins={[remarkGfm]}

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

@@ -12,8 +12,8 @@
 	  "tauri": "tauri"
   },
   "dependencies": {
-    "@drincs/nqtr": "^0.5.5",
-    "@drincs/pixi-vn": "^1.3.2",
+    "@drincs/nqtr": "^0.5.7",
+    "@drincs/pixi-vn": "^1.3.13",
     "@drincs/pixi-vn-ink": "^0.8.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",

package/template-nqtr-react-vite-muijoy-ink-tauri/src/constans.ts

@@ -8,6 +8,7 @@ export const REFRESH_SAVE_LOCAL_STORAGE_KEY = "refresh_save";
 export const SELECTED_QUEST_STORAGE_KEY = "selected_quest";
 
 export const CANVAS_UI_LAYER_NAME = "ui";
+export const CANVAS_MINIGAME_LAYER_NAME = "minigame";
 
 export const SKIP_DELAY = 100;
 

package/template-nqtr-react-vite-muijoy-ink-tauri/src/hooks/useMinigame.ts

@@ -0,0 +1,54 @@
+import { canvas, Layer, PIXI } from "@drincs/pixi-vn";
+import { useEffect, useRef } from "react";
+import { CANVAS_MINIGAME_LAYER_NAME } from "../constans";
+
+export default function useMinigame(
+    game: (layer: Layer) => void,
+    props?: {
+        onStart?: () => Promise<void>;
+        onExit?: (layer: Layer) => void;
+    }
+) {
+    const loading = useRef(false);
+
+    // Keep latest callbacks in refs to avoid effect restarts
+    const startRef = useRef<() => Promise<void>>(props?.onStart ?? (async () => {}));
+    const exitRef = useRef<(layer: Layer) => void>(props?.onExit);
+
+    // Update refs when props change, without changing effect identity
+    useEffect(() => {
+        startRef.current = props?.onStart ?? (async () => {});
+    }, [props?.onStart]);
+
+    useEffect(() => {
+        exitRef.current = props?.onExit;
+    }, [props?.onExit]);
+
+    useEffect(() => {
+        // Create the layer and start the game once
+        loading.current = true;
+        const layer = canvas.addLayer(CANVAS_MINIGAME_LAYER_NAME, new PIXI.Container());
+        if (!layer) {
+            console.error("Failed to create UI layer for minigame");
+            return;
+        }
+
+        let cancelled = false;
+
+        startRef.current().then(() => {
+            if (cancelled) return;
+            loading.current = false;
+            game(layer);
+        });
+
+        return () => {
+            cancelled = true;
+            canvas.removeLayer(CANVAS_MINIGAME_LAYER_NAME);
+            if (exitRef.current) {
+                exitRef.current(layer);
+            }
+        };
+    }, [game]);
+
+    return { loading };
+}

package/template-nqtr-react-vite-muijoy-ink-tauri/src/hooks/useMyNavigate.ts

@@ -2,7 +2,7 @@ import { Assets } from "@drincs/pixi-vn";
 import { NavigateFunction, NavigateOptions, To, useNavigate } from "react-router-dom";
 
 /**
- * https://pixi-vn.web.app/advanced/intercept-events.html#back-and-forward-buttons
+ * https://pixi-vn.web.app/it/start/interface-navigate#block-back-forward
  */
 export default function useMyNavigate(): NavigateFunction {
     const navigate = useNavigate();

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

@@ -207,7 +207,10 @@ function NarrationScreenText({ paragraphRef }: { paragraphRef: RefObject<HTMLDiv
     }, []);
 
     return (
-        <p className={`prose ${mode === "dark" ? "dark:prose-invert" : ""}`} style={{ margin: 0, padding: 0 }}>
+        <p
+            className={`prose ${mode === "dark" ? "dark:prose-invert" : ""}`}
+            style={{ margin: 0, padding: 0, maxWidth: "100%" }}
+        >
             <span>
                 <Markdown
                     remarkPlugins={[remarkGfm]}

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

@@ -12,8 +12,8 @@
     "tauri": "tauri"
   },
   "dependencies": {
-    "@drincs/nqtr": "^0.5.5",
-    "@drincs/pixi-vn": "^1.3.2",
+    "@drincs/nqtr": "^0.5.7",
+    "@drincs/pixi-vn": "^1.3.13",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
     "@mui/icons-material": "^7.3.1",

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

@@ -8,6 +8,7 @@ export const REFRESH_SAVE_LOCAL_STORAGE_KEY = "refresh_save";
 export const SELECTED_QUEST_STORAGE_KEY = "selected_quest";
 
 export const CANVAS_UI_LAYER_NAME = "ui";
+export const CANVAS_MINIGAME_LAYER_NAME = "minigame";
 
 export const SKIP_DELAY = 100;
 

package/template-nqtr-react-vite-muijoy-tauri/src/hooks/useMinigame.ts

@@ -0,0 +1,54 @@
+import { canvas, Layer, PIXI } from "@drincs/pixi-vn";
+import { useEffect, useRef } from "react";
+import { CANVAS_MINIGAME_LAYER_NAME } from "../constans";
+
+export default function useMinigame(
+    game: (layer: Layer) => void,
+    props?: {
+        onStart?: () => Promise<void>;
+        onExit?: (layer: Layer) => void;
+    }
+) {
+    const loading = useRef(false);
+
+    // Keep latest callbacks in refs to avoid effect restarts
+    const startRef = useRef<() => Promise<void>>(props?.onStart ?? (async () => {}));
+    const exitRef = useRef<(layer: Layer) => void>(props?.onExit);
+
+    // Update refs when props change, without changing effect identity
+    useEffect(() => {
+        startRef.current = props?.onStart ?? (async () => {});
+    }, [props?.onStart]);
+
+    useEffect(() => {
+        exitRef.current = props?.onExit;
+    }, [props?.onExit]);
+
+    useEffect(() => {
+        // Create the layer and start the game once
+        loading.current = true;
+        const layer = canvas.addLayer(CANVAS_MINIGAME_LAYER_NAME, new PIXI.Container());
+        if (!layer) {
+            console.error("Failed to create UI layer for minigame");
+            return;
+        }
+
+        let cancelled = false;
+
+        startRef.current().then(() => {
+            if (cancelled) return;
+            loading.current = false;
+            game(layer);
+        });
+
+        return () => {
+            cancelled = true;
+            canvas.removeLayer(CANVAS_MINIGAME_LAYER_NAME);
+            if (exitRef.current) {
+                exitRef.current(layer);
+            }
+        };
+    }, [game]);
+
+    return { loading };
+}

package/template-nqtr-react-vite-muijoy-tauri/src/hooks/useMyNavigate.ts

@@ -2,7 +2,7 @@ import { Assets } from "@drincs/pixi-vn";
 import { NavigateFunction, NavigateOptions, To, useNavigate } from "react-router-dom";
 
 /**
- * https://pixi-vn.web.app/advanced/intercept-events.html#back-and-forward-buttons
+ * https://pixi-vn.web.app/it/start/interface-navigate#block-back-forward
  */
 export default function useMyNavigate(): NavigateFunction {
     const navigate = useNavigate();

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

@@ -207,7 +207,10 @@ function NarrationScreenText({ paragraphRef }: { paragraphRef: RefObject<HTMLDiv
     }, []);
 
     return (
-        <p className={`prose ${mode === "dark" ? "dark:prose-invert" : ""}`} style={{ margin: 0, padding: 0 }}>
+        <p
+            className={`prose ${mode === "dark" ? "dark:prose-invert" : ""}`}
+            style={{ margin: 0, padding: 0, maxWidth: "100%" }}
+        >
             <span>
                 <Markdown
                     remarkPlugins={[remarkGfm]}

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

@@ -11,7 +11,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@drincs/pixi-vn": "^1.3.2",
+    "@drincs/pixi-vn": "^1.3.13",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
     "@mui/icons-material": "^7.3.1",

package/template-react-vite-muijoy/src/constans.ts

@@ -5,5 +5,6 @@ export const NARRATION_ROUTE = "/narration";
 export const REFRESH_SAVE_LOCAL_STORAGE_KEY = "refresh_save";
 
 export const CANVAS_UI_LAYER_NAME = "ui";
+export const CANVAS_MINIGAME_LAYER_NAME = "minigame";
 
 export const SKIP_DELAY = 100;

package/template-react-vite-muijoy/src/hooks/useMinigame.ts

@@ -0,0 +1,54 @@
+import { canvas, Layer, PIXI } from "@drincs/pixi-vn";
+import { useEffect, useRef } from "react";
+import { CANVAS_MINIGAME_LAYER_NAME } from "../constans";
+
+export default function useMinigame(
+    game: (layer: Layer) => void,
+    props?: {
+        onStart?: () => Promise<void>;
+        onExit?: (layer: Layer) => void;
+    }
+) {
+    const loading = useRef(false);
+
+    // Keep latest callbacks in refs to avoid effect restarts
+    const startRef = useRef<() => Promise<void>>(props?.onStart ?? (async () => {}));
+    const exitRef = useRef<(layer: Layer) => void>(props?.onExit);
+
+    // Update refs when props change, without changing effect identity
+    useEffect(() => {
+        startRef.current = props?.onStart ?? (async () => {});
+    }, [props?.onStart]);
+
+    useEffect(() => {
+        exitRef.current = props?.onExit;
+    }, [props?.onExit]);
+
+    useEffect(() => {
+        // Create the layer and start the game once
+        loading.current = true;
+        const layer = canvas.addLayer(CANVAS_MINIGAME_LAYER_NAME, new PIXI.Container());
+        if (!layer) {
+            console.error("Failed to create UI layer for minigame");
+            return;
+        }
+
+        let cancelled = false;
+
+        startRef.current().then(() => {
+            if (cancelled) return;
+            loading.current = false;
+            game(layer);
+        });
+
+        return () => {
+            cancelled = true;
+            canvas.removeLayer(CANVAS_MINIGAME_LAYER_NAME);
+            if (exitRef.current) {
+                exitRef.current(layer);
+            }
+        };
+    }, [game]);
+
+    return { loading };
+}

package/template-react-vite-muijoy/src/hooks/useMyNavigate.ts

@@ -2,7 +2,7 @@ import { Assets } from "@drincs/pixi-vn";
 import { NavigateFunction, NavigateOptions, To, useNavigate } from "react-router-dom";
 
 /**
- * https://pixi-vn.web.app/advanced/intercept-events.html#back-and-forward-buttons
+ * https://pixi-vn.web.app/it/start/interface-navigate#block-back-forward
  */
 export default function useMyNavigate(): NavigateFunction {
     const navigate = useNavigate();

package/template-react-vite-muijoy/src/screens/NarrationScreen.tsx

@@ -207,7 +207,10 @@ function NarrationScreenText({ paragraphRef }: { paragraphRef: RefObject<HTMLDiv
     }, []);
 
     return (
-        <p className={`prose ${mode === "dark" ? "dark:prose-invert" : ""}`} style={{ margin: 0, padding: 0 }}>
+        <p
+            className={`prose ${mode === "dark" ? "dark:prose-invert" : ""}`}
+            style={{ margin: 0, padding: 0, maxWidth: "100%" }}
+        >
             <span>
                 <Markdown
                     remarkPlugins={[remarkGfm]}

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

@@ -11,7 +11,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@drincs/pixi-vn": "^1.3.2",
+    "@drincs/pixi-vn": "^1.3.13",
     "@drincs/pixi-vn-ink": "^0.8.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",

package/template-react-vite-muijoy-ink/src/constans.ts

@@ -5,5 +5,6 @@ export const NARRATION_ROUTE = "/narration";
 export const REFRESH_SAVE_LOCAL_STORAGE_KEY = "refresh_save";
 
 export const CANVAS_UI_LAYER_NAME = "ui";
+export const CANVAS_MINIGAME_LAYER_NAME = "minigame";
 
 export const SKIP_DELAY = 100;

package/template-react-vite-muijoy-ink/src/hooks/useMinigame.ts

@@ -0,0 +1,54 @@
+import { canvas, Layer, PIXI } from "@drincs/pixi-vn";
+import { useEffect, useRef } from "react";
+import { CANVAS_MINIGAME_LAYER_NAME } from "../constans";
+
+export default function useMinigame(
+    game: (layer: Layer) => void,
+    props?: {
+        onStart?: () => Promise<void>;
+        onExit?: (layer: Layer) => void;
+    }
+) {
+    const loading = useRef(false);
+
+    // Keep latest callbacks in refs to avoid effect restarts
+    const startRef = useRef<() => Promise<void>>(props?.onStart ?? (async () => {}));
+    const exitRef = useRef<(layer: Layer) => void>(props?.onExit);
+
+    // Update refs when props change, without changing effect identity
+    useEffect(() => {
+        startRef.current = props?.onStart ?? (async () => {});
+    }, [props?.onStart]);
+
+    useEffect(() => {
+        exitRef.current = props?.onExit;
+    }, [props?.onExit]);
+
+    useEffect(() => {
+        // Create the layer and start the game once
+        loading.current = true;
+        const layer = canvas.addLayer(CANVAS_MINIGAME_LAYER_NAME, new PIXI.Container());
+        if (!layer) {
+            console.error("Failed to create UI layer for minigame");
+            return;
+        }
+
+        let cancelled = false;
+
+        startRef.current().then(() => {
+            if (cancelled) return;
+            loading.current = false;
+            game(layer);
+        });
+
+        return () => {
+            cancelled = true;
+            canvas.removeLayer(CANVAS_MINIGAME_LAYER_NAME);
+            if (exitRef.current) {
+                exitRef.current(layer);
+            }
+        };
+    }, [game]);
+
+    return { loading };
+}

package/template-react-vite-muijoy-ink/src/hooks/useMyNavigate.ts

@@ -2,7 +2,7 @@ import { Assets } from "@drincs/pixi-vn";
 import { NavigateFunction, NavigateOptions, To, useNavigate } from "react-router-dom";
 
 /**
- * https://pixi-vn.web.app/advanced/intercept-events.html#back-and-forward-buttons
+ * https://pixi-vn.web.app/it/start/interface-navigate#block-back-forward
  */
 export default function useMyNavigate(): NavigateFunction {
     const navigate = useNavigate();

package/template-react-vite-muijoy-ink/src/labels/animations-labels.ts

@@ -7,7 +7,7 @@ export const animation01 = newLabel("animation_01", [
             {
                 scaleX: 1,
             },
-            { autoplay: false }
+            { autoplay: false, forceCompleteBeforeNext: true }
         );
 
         await moveIn(

package/template-react-vite-muijoy-ink/src/screens/NarrationScreen.tsx

@@ -207,7 +207,10 @@ function NarrationScreenText({ paragraphRef }: { paragraphRef: RefObject<HTMLDiv
     }, []);
 
     return (
-        <p className={`prose ${mode === "dark" ? "dark:prose-invert" : ""}`} style={{ margin: 0, padding: 0 }}>
+        <p
+            className={`prose ${mode === "dark" ? "dark:prose-invert" : ""}`}
+            style={{ margin: 0, padding: 0, maxWidth: "100%" }}
+        >
             <span>
                 <Markdown
                     remarkPlugins={[remarkGfm]}

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

@@ -12,7 +12,7 @@
 	  "tauri": "tauri"
   },
   "dependencies": {
-    "@drincs/pixi-vn": "^1.3.2",
+    "@drincs/pixi-vn": "^1.3.13",
     "@drincs/pixi-vn-ink": "^0.8.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",

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

@@ -5,5 +5,6 @@ export const NARRATION_ROUTE = "/narration";
 export const REFRESH_SAVE_LOCAL_STORAGE_KEY = "refresh_save";
 
 export const CANVAS_UI_LAYER_NAME = "ui";
+export const CANVAS_MINIGAME_LAYER_NAME = "minigame";
 
 export const SKIP_DELAY = 100;