create-pixi-vn 1.7.6 → 1.7.7

package/package.json

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

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

@@ -1,7 +1,6 @@
 import { CharacterInterface, narration, stepHistory } from "@drincs/pixi-vn";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { useTranslation } from "react-i18next";
-import Character from "../models/Character";
 
 export const INTERFACE_DATA_USE_QUEY_KEY = "interface_data_use_quey_key";
 
@@ -60,7 +59,10 @@ export function useQueryDialogue() {
             }
             let character = dialogue?.character;
             if (typeof character === "string") {
-                character = new Character(character, { name: t(character) });
+                character = {
+                    id: character,
+                    name: t(character),
+                } as CharacterInterface;
             }
 
             let prevData = queryClient.getQueryData<DialogueModel>(queryKey) || {};
@@ -102,8 +104,15 @@ export function useQueryNarrativeHistory({ searchString }: { searchString?: stri
         queryFn: async () => {
             const promises = stepHistory.narrativeHistory.map(async (step) => {
                 let character = step.dialogue?.character;
+                let icon: string | undefined;
+                let characterName: string | undefined;
                 if (typeof character === "string") {
-                    character = new Character(character, { name: t(character) });
+                    characterName = t(character);
+                } else {
+                    characterName = character?.name
+                        ? character.name + (character.surname ? " " + character.surname : "")
+                        : undefined;
+                    icon = character?.icon;
                 }
                 let text = step.dialogue?.text;
                 if (Array.isArray(text)) {
@@ -112,11 +121,9 @@ export function useQueryNarrativeHistory({ searchString }: { searchString?: stri
                     text = t(text);
                 }
                 return {
-                    character: character?.name
-                        ? character.name + (character.surname ? " " + character.surname : "")
-                        : undefined,
+                    character: characterName,
                     text: text || "",
-                    icon: character?.icon,
+                    icon: icon,
                     choices: step.choices,
                     inputValue: step.inputValue,
                 };

package/template-nqtr-react-vite-muijoy/src/labels/variousActionsLabels.ts

@@ -26,7 +26,7 @@ export const orderProductLabel = newLabel(ORDER_PRODUCT_LABEL_KEY, [
     (props) => {
         narration.dialogue = { character: mc, text: `Here's R****, for $1. Just the thing for me.` };
         mcRoom.removeActivity(orderProduct);
-        aliceQuest.completeCurrentStageAndGoNext(props);
+        aliceQuest.goNext(props);
     },
 ]);
 
@@ -37,7 +37,7 @@ export const takeKeyLabel = newLabel(TAKE_KEY_LABEL_KEY, [
             text: `Are these the car keys?! Well... I should try to access the car!`,
         };
         terrace.removeActivity(takeProduct);
-        aliceQuest.completeCurrentStageAndGoNext(props);
+        aliceQuest.goNext(props);
     },
 ]);
 
@@ -75,7 +75,7 @@ export const talkAliceQuest = newLabel(
                     narration.dialogue = { character: alice, text: "Thanks" };
                 },
                 (props) => {
-                    aliceQuest.completeCurrentStageAndGoNext(props);
+                    aliceQuest.goNext(props);
                     narration.goNext(props);
                 },
             ];
@@ -109,7 +109,7 @@ export const talkAliceQuest = newLabel(
                     narration.dialogue = { character: alice, text: "Thank you, I can finally read something new." };
                 },
                 (props) => {
-                    aliceQuest.completeCurrentStageAndGoNext(props);
+                    aliceQuest.goNext(props);
                     narration.goNext(props);
                 },
             ];

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

@@ -55,6 +55,11 @@
         "javascriptreact",
         "typescriptreact",
     ],
+    // ink
+    "ink.mainFile": "start.ink",
+    "ink.rootFolder": "src/ink",
+    "ink.markup": "Markdown",
+    "ink.engine": "pixi-vn",
     // olther
     "extensions.ignoreRecommendations": false,
     "workbench.editor.enablePreview": true,

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

@@ -1,7 +1,6 @@
 import { CharacterInterface, narration, stepHistory } from "@drincs/pixi-vn";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { useTranslation } from "react-i18next";
-import Character from "../models/Character";
 
 export const INTERFACE_DATA_USE_QUEY_KEY = "interface_data_use_quey_key";
 
@@ -60,7 +59,10 @@ export function useQueryDialogue() {
             }
             let character = dialogue?.character;
             if (typeof character === "string") {
-                character = new Character(character, { name: t(character) });
+                character = {
+                    id: character,
+                    name: t(character),
+                } as CharacterInterface;
             }
 
             let prevData = queryClient.getQueryData<DialogueModel>(queryKey) || {};
@@ -102,8 +104,15 @@ export function useQueryNarrativeHistory({ searchString }: { searchString?: stri
         queryFn: async () => {
             const promises = stepHistory.narrativeHistory.map(async (step) => {
                 let character = step.dialogue?.character;
+                let icon: string | undefined;
+                let characterName: string | undefined;
                 if (typeof character === "string") {
-                    character = new Character(character, { name: t(character) });
+                    characterName = t(character);
+                } else {
+                    characterName = character?.name
+                        ? character.name + (character.surname ? " " + character.surname : "")
+                        : undefined;
+                    icon = character?.icon;
                 }
                 let text = step.dialogue?.text;
                 if (Array.isArray(text)) {
@@ -112,11 +121,9 @@ export function useQueryNarrativeHistory({ searchString }: { searchString?: stri
                     text = t(text);
                 }
                 return {
-                    character: character?.name
-                        ? character.name + (character.surname ? " " + character.surname : "")
-                        : undefined,
+                    character: characterName,
                     text: text || "",
-                    icon: character?.icon,
+                    icon: icon,
                     choices: step.choices,
                     inputValue: step.inputValue,
                 };

package/template-nqtr-react-vite-muijoy-ink/src/ink/variousActionsLabels.ink

@@ -9,6 +9,7 @@ alice: zZz zZz ...
 + Try waking up
 	alice: [mc]!!!! What are you doing?!!
 	alice: Get out of here! Now!
+	-> DONE
 + Leave her alone
 	-> DONE
 
@@ -17,8 +18,10 @@ mc: OK! Let's see, let's look for a book....
 mc: Here's R****, for $1. Just the thing for me.
 # remove activity order_product room mc_room
 # complete queststage aliceQuest
+-> DONE
 
 === TakeKeyLabel ===
 mc: Are these the car keys?! Well... I should try to access the car!
 # remove activity take_product room terrace
 # complete queststage aliceQuest
+-> DONE

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

@@ -26,7 +26,7 @@ export const talkAliceQuest = newLabel(
                     narration.dialogue = { character: alice, text: "Thanks" };
                 },
                 (props) => {
-                    aliceQuest.completeCurrentStageAndGoNext(props);
+                    aliceQuest.goNext(props);
                     narration.goNext(props);
                 },
             ];
@@ -60,7 +60,7 @@ export const talkAliceQuest = newLabel(
                     narration.dialogue = { character: alice, text: "Thank you, I can finally read something new." };
                 },
                 (props) => {
-                    aliceQuest.completeCurrentStageAndGoNext(props);
+                    aliceQuest.goNext(props);
                     narration.goNext(props);
                 },
             ];

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

@@ -55,6 +55,11 @@
         "javascriptreact",
         "typescriptreact",
     ],
+    // ink
+    "ink.mainFile": "start.ink",
+    "ink.rootFolder": "src/ink",
+    "ink.markup": "Markdown",
+    "ink.engine": "pixi-vn",
     // olther
     "extensions.ignoreRecommendations": false,
     "workbench.editor.enablePreview": true,

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

@@ -1,7 +1,6 @@
 import { CharacterInterface, narration, stepHistory } from "@drincs/pixi-vn";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { useTranslation } from "react-i18next";
-import Character from "../models/Character";
 
 export const INTERFACE_DATA_USE_QUEY_KEY = "interface_data_use_quey_key";
 
@@ -60,7 +59,10 @@ export function useQueryDialogue() {
             }
             let character = dialogue?.character;
             if (typeof character === "string") {
-                character = new Character(character, { name: t(character) });
+                character = {
+                    id: character,
+                    name: t(character),
+                } as CharacterInterface;
             }
 
             let prevData = queryClient.getQueryData<DialogueModel>(queryKey) || {};
@@ -102,8 +104,15 @@ export function useQueryNarrativeHistory({ searchString }: { searchString?: stri
         queryFn: async () => {
             const promises = stepHistory.narrativeHistory.map(async (step) => {
                 let character = step.dialogue?.character;
+                let icon: string | undefined;
+                let characterName: string | undefined;
                 if (typeof character === "string") {
-                    character = new Character(character, { name: t(character) });
+                    characterName = t(character);
+                } else {
+                    characterName = character?.name
+                        ? character.name + (character.surname ? " " + character.surname : "")
+                        : undefined;
+                    icon = character?.icon;
                 }
                 let text = step.dialogue?.text;
                 if (Array.isArray(text)) {
@@ -112,11 +121,9 @@ export function useQueryNarrativeHistory({ searchString }: { searchString?: stri
                     text = t(text);
                 }
                 return {
-                    character: character?.name
-                        ? character.name + (character.surname ? " " + character.surname : "")
-                        : undefined,
+                    character: characterName,
                     text: text || "",
-                    icon: character?.icon,
+                    icon: icon,
                     choices: step.choices,
                     inputValue: step.inputValue,
                 };

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

@@ -9,6 +9,7 @@ alice: zZz zZz ...
 + Try waking up
 	alice: [mc]!!!! What are you doing?!!
 	alice: Get out of here! Now!
+	-> DONE
 + Leave her alone
 	-> DONE
 
@@ -17,8 +18,10 @@ mc: OK! Let's see, let's look for a book....
 mc: Here's R****, for $1. Just the thing for me.
 # remove activity order_product room mc_room
 # complete queststage aliceQuest
+-> DONE
 
 === TakeKeyLabel ===
 mc: Are these the car keys?! Well... I should try to access the car!
 # remove activity take_product room terrace
 # complete queststage aliceQuest
+-> DONE

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

@@ -26,7 +26,7 @@ export const talkAliceQuest = newLabel(
                     narration.dialogue = { character: alice, text: "Thanks" };
                 },
                 (props) => {
-                    aliceQuest.completeCurrentStageAndGoNext(props);
+                    aliceQuest.goNext(props);
                     narration.goNext(props);
                 },
             ];
@@ -60,7 +60,7 @@ export const talkAliceQuest = newLabel(
                     narration.dialogue = { character: alice, text: "Thank you, I can finally read something new." };
                 },
                 (props) => {
-                    aliceQuest.completeCurrentStageAndGoNext(props);
+                    aliceQuest.goNext(props);
                     narration.goNext(props);
                 },
             ];

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

@@ -1,7 +1,6 @@
 import { CharacterInterface, narration, stepHistory } from "@drincs/pixi-vn";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { useTranslation } from "react-i18next";
-import Character from "../models/Character";
 
 export const INTERFACE_DATA_USE_QUEY_KEY = "interface_data_use_quey_key";
 
@@ -60,7 +59,10 @@ export function useQueryDialogue() {
             }
             let character = dialogue?.character;
             if (typeof character === "string") {
-                character = new Character(character, { name: t(character) });
+                character = {
+                    id: character,
+                    name: t(character),
+                } as CharacterInterface;
             }
 
             let prevData = queryClient.getQueryData<DialogueModel>(queryKey) || {};
@@ -102,8 +104,15 @@ export function useQueryNarrativeHistory({ searchString }: { searchString?: stri
         queryFn: async () => {
             const promises = stepHistory.narrativeHistory.map(async (step) => {
                 let character = step.dialogue?.character;
+                let icon: string | undefined;
+                let characterName: string | undefined;
                 if (typeof character === "string") {
-                    character = new Character(character, { name: t(character) });
+                    characterName = t(character);
+                } else {
+                    characterName = character?.name
+                        ? character.name + (character.surname ? " " + character.surname : "")
+                        : undefined;
+                    icon = character?.icon;
                 }
                 let text = step.dialogue?.text;
                 if (Array.isArray(text)) {
@@ -112,11 +121,9 @@ export function useQueryNarrativeHistory({ searchString }: { searchString?: stri
                     text = t(text);
                 }
                 return {
-                    character: character?.name
-                        ? character.name + (character.surname ? " " + character.surname : "")
-                        : undefined,
+                    character: characterName,
                     text: text || "",
-                    icon: character?.icon,
+                    icon: icon,
                     choices: step.choices,
                     inputValue: step.inputValue,
                 };

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

@@ -26,7 +26,7 @@ export const orderProductLabel = newLabel(ORDER_PRODUCT_LABEL_KEY, [
     (props) => {
         narration.dialogue = { character: mc, text: `Here's R****, for $1. Just the thing for me.` };
         mcRoom.removeActivity(orderProduct);
-        aliceQuest.completeCurrentStageAndGoNext(props);
+        aliceQuest.goNext(props);
     },
 ]);
 
@@ -37,7 +37,7 @@ export const takeKeyLabel = newLabel(TAKE_KEY_LABEL_KEY, [
             text: `Are these the car keys?! Well... I should try to access the car!`,
         };
         terrace.removeActivity(takeProduct);
-        aliceQuest.completeCurrentStageAndGoNext(props);
+        aliceQuest.goNext(props);
     },
 ]);
 
@@ -75,7 +75,7 @@ export const talkAliceQuest = newLabel(
                     narration.dialogue = { character: alice, text: "Thanks" };
                 },
                 (props) => {
-                    aliceQuest.completeCurrentStageAndGoNext(props);
+                    aliceQuest.goNext(props);
                     narration.goNext(props);
                 },
             ];
@@ -109,7 +109,7 @@ export const talkAliceQuest = newLabel(
                     narration.dialogue = { character: alice, text: "Thank you, I can finally read something new." };
                 },
                 (props) => {
-                    aliceQuest.completeCurrentStageAndGoNext(props);
+                    aliceQuest.goNext(props);
                     narration.goNext(props);
                 },
             ];

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

@@ -1,7 +1,6 @@
 import { CharacterInterface, narration, stepHistory } from "@drincs/pixi-vn";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { useTranslation } from "react-i18next";
-import Character from "../models/Character";
 
 export const INTERFACE_DATA_USE_QUEY_KEY = "interface_data_use_quey_key";
 
@@ -60,7 +59,10 @@ export function useQueryDialogue() {
             }
             let character = dialogue?.character;
             if (typeof character === "string") {
-                character = new Character(character, { name: t(character) });
+                character = {
+                    id: character,
+                    name: t(character),
+                } as CharacterInterface;
             }
 
             let prevData = queryClient.getQueryData<DialogueModel>(queryKey) || {};
@@ -102,8 +104,15 @@ export function useQueryNarrativeHistory({ searchString }: { searchString?: stri
         queryFn: async () => {
             const promises = stepHistory.narrativeHistory.map(async (step) => {
                 let character = step.dialogue?.character;
+                let icon: string | undefined;
+                let characterName: string | undefined;
                 if (typeof character === "string") {
-                    character = new Character(character, { name: t(character) });
+                    characterName = t(character);
+                } else {
+                    characterName = character?.name
+                        ? character.name + (character.surname ? " " + character.surname : "")
+                        : undefined;
+                    icon = character?.icon;
                 }
                 let text = step.dialogue?.text;
                 if (Array.isArray(text)) {
@@ -112,11 +121,9 @@ export function useQueryNarrativeHistory({ searchString }: { searchString?: stri
                     text = t(text);
                 }
                 return {
-                    character: character?.name
-                        ? character.name + (character.surname ? " " + character.surname : "")
-                        : undefined,
+                    character: characterName,
                     text: text || "",
-                    icon: character?.icon,
+                    icon: icon,
                     choices: step.choices,
                     inputValue: step.inputValue,
                 };

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

@@ -55,6 +55,11 @@
         "javascriptreact",
         "typescriptreact",
     ],
+    // ink
+    "ink.mainFile": "start.ink",
+    "ink.rootFolder": "src/ink",
+    "ink.markup": "Markdown",
+    "ink.engine": "pixi-vn",
     // olther
     "extensions.ignoreRecommendations": false,
     "workbench.editor.enablePreview": true,

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

@@ -1,7 +1,6 @@
 import { CharacterInterface, narration, stepHistory } from "@drincs/pixi-vn";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { useTranslation } from "react-i18next";
-import Character from "../models/Character";
 
 export const INTERFACE_DATA_USE_QUEY_KEY = "interface_data_use_quey_key";
 
@@ -60,7 +59,10 @@ export function useQueryDialogue() {
             }
             let character = dialogue?.character;
             if (typeof character === "string") {
-                character = new Character(character, { name: t(character) });
+                character = {
+                    id: character,
+                    name: t(character),
+                } as CharacterInterface;
             }
 
             let prevData = queryClient.getQueryData<DialogueModel>(queryKey) || {};
@@ -102,8 +104,15 @@ export function useQueryNarrativeHistory({ searchString }: { searchString?: stri
         queryFn: async () => {
             const promises = stepHistory.narrativeHistory.map(async (step) => {
                 let character = step.dialogue?.character;
+                let icon: string | undefined;
+                let characterName: string | undefined;
                 if (typeof character === "string") {
-                    character = new Character(character, { name: t(character) });
+                    characterName = t(character);
+                } else {
+                    characterName = character?.name
+                        ? character.name + (character.surname ? " " + character.surname : "")
+                        : undefined;
+                    icon = character?.icon;
                 }
                 let text = step.dialogue?.text;
                 if (Array.isArray(text)) {
@@ -112,11 +121,9 @@ export function useQueryNarrativeHistory({ searchString }: { searchString?: stri
                     text = t(text);
                 }
                 return {
-                    character: character?.name
-                        ? character.name + (character.surname ? " " + character.surname : "")
-                        : undefined,
+                    character: characterName,
                     text: text || "",
-                    icon: character?.icon,
+                    icon: icon,
                     choices: step.choices,
                     inputValue: step.inputValue,
                 };

package/template-react-vite-muijoy-ink/src/ink/start.ink

@@ -1,3 +1,4 @@
+-> start
 === start ===
 # lazyload bundle m01 fm01 fm02
 
@@ -40,7 +41,7 @@ james: I know you're both watching, come on out already!
 # show imagecontainer steph [fm02-body fm02-eyes-nervous fm02-mouth-nervous00] xAlign 0.8 yAlign 1 with movein direction left ease easeInOut
 sly: I just wanted to see what the new guy was like.
 # show imagecontainer sly [fm01-body fm01-eyes-upset fm01-mouth-smile01]
-<><span class="inline-block motion-translate-y-loop-25">Hey</span>, you, [mc]- be nice to our little brother,
+<><span className="inline-block motion-translate-y-loop-25">Hey</span>, you, [mc]- be nice to our little brother,
 # show imagecontainer sly [fm01-body fm01-eyes-smile fm01-mouth-grin00]
 <>or you'll have to deal with *us*.
 # show imagecontainer james [m01-body m01-eyes-smile m01-mouth-neutral00]
@@ -97,7 +98,7 @@ sly: It's just a handshake...
 # show imagecontainer james [m01-body m01-eyes-smile m01-mouth-grin00]
 # show imagecontainer sly [fm01-body fm01-eyes-upset fm01-mouth-serious00]
 # show imagecontainer steph [fm02-body fm02-eyes-upset fm02-mouth-upset01]
-steph: <span class="inline-block animate-wave">Then just give it to him!</span>
+steph: <span className="inline-block animate-wave">Then just give it to him!</span>
 # show imagecontainer james [m01-body m01-eyes-concern m01-mouth-smile01]
 # show imagecontainer sly [fm01-body fm01-eyes-smile fm01-mouth-serious00]
 # show imagecontainer steph [fm02-body fm02-eyes-upset fm02-mouth-upset00]
@@ -174,7 +175,7 @@ steph: [sly]!
 # show imagecontainer steph [fm02-body fm02-eyes-upset fm02-mouth-nervous00]
 # remove image steph with moveout direction left ease easeInOut
 [steph_fullname] goes through the opposite door,
-# call animation_01
+<- animation_01
 <>and returns with a HUGE tinfoil-covered platter.
 
 # show imagecontainer james [m01-body m01-eyes-concern m01-mouth-smile01]

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

@@ -55,6 +55,11 @@
         "javascriptreact",
         "typescriptreact",
     ],
+    // ink
+    "ink.mainFile": "start.ink",
+    "ink.rootFolder": "src/ink",
+    "ink.markup": "Markdown",
+    "ink.engine": "pixi-vn",
     // olther
     "extensions.ignoreRecommendations": false,
     "workbench.editor.enablePreview": true,

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

@@ -1,7 +1,6 @@
 import { CharacterInterface, narration, stepHistory } from "@drincs/pixi-vn";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { useTranslation } from "react-i18next";
-import Character from "../models/Character";
 
 export const INTERFACE_DATA_USE_QUEY_KEY = "interface_data_use_quey_key";
 
@@ -60,7 +59,10 @@ export function useQueryDialogue() {
             }
             let character = dialogue?.character;
             if (typeof character === "string") {
-                character = new Character(character, { name: t(character) });
+                character = {
+                    id: character,
+                    name: t(character),
+                } as CharacterInterface;
             }
 
             let prevData = queryClient.getQueryData<DialogueModel>(queryKey) || {};
@@ -102,8 +104,15 @@ export function useQueryNarrativeHistory({ searchString }: { searchString?: stri
         queryFn: async () => {
             const promises = stepHistory.narrativeHistory.map(async (step) => {
                 let character = step.dialogue?.character;
+                let icon: string | undefined;
+                let characterName: string | undefined;
                 if (typeof character === "string") {
-                    character = new Character(character, { name: t(character) });
+                    characterName = t(character);
+                } else {
+                    characterName = character?.name
+                        ? character.name + (character.surname ? " " + character.surname : "")
+                        : undefined;
+                    icon = character?.icon;
                 }
                 let text = step.dialogue?.text;
                 if (Array.isArray(text)) {
@@ -112,11 +121,9 @@ export function useQueryNarrativeHistory({ searchString }: { searchString?: stri
                     text = t(text);
                 }
                 return {
-                    character: character?.name
-                        ? character.name + (character.surname ? " " + character.surname : "")
-                        : undefined,
+                    character: characterName,
                     text: text || "",
-                    icon: character?.icon,
+                    icon: icon,
                     choices: step.choices,
                     inputValue: step.inputValue,
                 };

package/template-react-vite-muijoy-ink-tauri/src/ink/start.ink

@@ -1,3 +1,4 @@
+-> start
 === start ===
 # lazyload bundle m01 fm01 fm02
 
@@ -40,7 +41,7 @@ james: I know you're both watching, come on out already!
 # show imagecontainer steph [fm02-body fm02-eyes-nervous fm02-mouth-nervous00] xAlign 0.8 yAlign 1 with movein direction left ease easeInOut
 sly: I just wanted to see what the new guy was like.
 # show imagecontainer sly [fm01-body fm01-eyes-upset fm01-mouth-smile01]
-<><span class="inline-block motion-translate-y-loop-25">Hey</span>, you, [mc]- be nice to our little brother,
+<><span className="inline-block motion-translate-y-loop-25">Hey</span>, you, [mc]- be nice to our little brother,
 # show imagecontainer sly [fm01-body fm01-eyes-smile fm01-mouth-grin00]
 <>or you'll have to deal with *us*.
 # show imagecontainer james [m01-body m01-eyes-smile m01-mouth-neutral00]
@@ -97,7 +98,7 @@ sly: It's just a handshake...
 # show imagecontainer james [m01-body m01-eyes-smile m01-mouth-grin00]
 # show imagecontainer sly [fm01-body fm01-eyes-upset fm01-mouth-serious00]
 # show imagecontainer steph [fm02-body fm02-eyes-upset fm02-mouth-upset01]
-steph: <span class="inline-block animate-wave">Then just give it to him!</span>
+steph: <span className="inline-block animate-wave">Then just give it to him!</span>
 # show imagecontainer james [m01-body m01-eyes-concern m01-mouth-smile01]
 # show imagecontainer sly [fm01-body fm01-eyes-smile fm01-mouth-serious00]
 # show imagecontainer steph [fm02-body fm02-eyes-upset fm02-mouth-upset00]
@@ -174,7 +175,7 @@ steph: [sly]!
 # show imagecontainer steph [fm02-body fm02-eyes-upset fm02-mouth-nervous00]
 # remove image steph with moveout direction left ease easeInOut
 [steph_fullname] goes through the opposite door,
-# call animation_01
+<- animation_01
 <>and returns with a HUGE tinfoil-covered platter.
 
 # show imagecontainer james [m01-body m01-eyes-concern m01-mouth-smile01]

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

@@ -1,7 +1,6 @@
 import { CharacterInterface, narration, stepHistory } from "@drincs/pixi-vn";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { useTranslation } from "react-i18next";
-import Character from "../models/Character";
 
 export const INTERFACE_DATA_USE_QUEY_KEY = "interface_data_use_quey_key";
 
@@ -60,7 +59,10 @@ export function useQueryDialogue() {
             }
             let character = dialogue?.character;
             if (typeof character === "string") {
-                character = new Character(character, { name: t(character) });
+                character = {
+                    id: character,
+                    name: t(character),
+                } as CharacterInterface;
             }
 
             let prevData = queryClient.getQueryData<DialogueModel>(queryKey) || {};
@@ -102,8 +104,15 @@ export function useQueryNarrativeHistory({ searchString }: { searchString?: stri
         queryFn: async () => {
             const promises = stepHistory.narrativeHistory.map(async (step) => {
                 let character = step.dialogue?.character;
+                let icon: string | undefined;
+                let characterName: string | undefined;
                 if (typeof character === "string") {
-                    character = new Character(character, { name: t(character) });
+                    characterName = t(character);
+                } else {
+                    characterName = character?.name
+                        ? character.name + (character.surname ? " " + character.surname : "")
+                        : undefined;
+                    icon = character?.icon;
                 }
                 let text = step.dialogue?.text;
                 if (Array.isArray(text)) {
@@ -112,11 +121,9 @@ export function useQueryNarrativeHistory({ searchString }: { searchString?: stri
                     text = t(text);
                 }
                 return {
-                    character: character?.name
-                        ? character.name + (character.surname ? " " + character.surname : "")
-                        : undefined,
+                    character: characterName,
                     text: text || "",
-                    icon: character?.icon,
+                    icon: icon,
                     choices: step.choices,
                     inputValue: step.inputValue,
                 };

package/template-story-react-vite-muijoy/src/hooks/useQueryInterface.ts

@@ -1,7 +1,6 @@
 import { CharacterInterface, narration, stepHistory } from "@drincs/pixi-vn";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { useTranslation } from "react-i18next";
-import Character from "../models/Character";
 
 export const INTERFACE_DATA_USE_QUEY_KEY = "interface_data_use_quey_key";
 
@@ -60,7 +59,10 @@ export function useQueryDialogue() {
             }
             let character = dialogue?.character;
             if (typeof character === "string") {
-                character = new Character(character, { name: t(character) });
+                character = {
+                    id: character,
+                    name: t(character),
+                } as CharacterInterface;
             }
 
             let prevData = queryClient.getQueryData<DialogueModel>(queryKey) || {};
@@ -140,8 +142,15 @@ export function useQueryNarrativeHistory({ searchString }: { searchString?: stri
         queryFn: async () => {
             const promises = stepHistory.narrativeHistory.map(async (step) => {
                 let character = step.dialogue?.character;
+                let icon: string | undefined;
+                let characterName: string | undefined;
                 if (typeof character === "string") {
-                    character = new Character(character, { name: t(character) });
+                    characterName = t(character);
+                } else {
+                    characterName = character?.name
+                        ? character.name + (character.surname ? " " + character.surname : "")
+                        : undefined;
+                    icon = character?.icon;
                 }
                 let text = step.dialogue?.text;
                 if (Array.isArray(text)) {
@@ -150,11 +159,9 @@ export function useQueryNarrativeHistory({ searchString }: { searchString?: stri
                     text = t(text);
                 }
                 return {
-                    character: character?.name
-                        ? character.name + (character.surname ? " " + character.surname : "")
-                        : undefined,
+                    character: characterName,
                     text: text || "",
-                    icon: character?.icon,
+                    icon: icon,
                     choices: step.choices,
                     inputValue: step.inputValue,
                 };

package/template-story-react-vite-muijoy-ink/.vscode/settings.json

@@ -55,6 +55,11 @@
         "javascriptreact",
         "typescriptreact",
     ],
+    // ink
+    "ink.mainFile": "start.ink",
+    "ink.rootFolder": "src/ink",
+    "ink.markup": "Markdown",
+    "ink.engine": "pixi-vn",
     // olther
     "extensions.ignoreRecommendations": false,
     "workbench.editor.enablePreview": true,

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

@@ -1,7 +1,6 @@
 import { CharacterInterface, narration, stepHistory } from "@drincs/pixi-vn";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { useTranslation } from "react-i18next";
-import Character from "../models/Character";
 
 export const INTERFACE_DATA_USE_QUEY_KEY = "interface_data_use_quey_key";
 
@@ -60,7 +59,10 @@ export function useQueryDialogue() {
             }
             let character = dialogue?.character;
             if (typeof character === "string") {
-                character = new Character(character, { name: t(character) });
+                character = {
+                    id: character,
+                    name: t(character),
+                } as CharacterInterface;
             }
 
             let prevData = queryClient.getQueryData<DialogueModel>(queryKey) || {};
@@ -140,8 +142,15 @@ export function useQueryNarrativeHistory({ searchString }: { searchString?: stri
         queryFn: async () => {
             const promises = stepHistory.narrativeHistory.map(async (step) => {
                 let character = step.dialogue?.character;
+                let icon: string | undefined;
+                let characterName: string | undefined;
                 if (typeof character === "string") {
-                    character = new Character(character, { name: t(character) });
+                    characterName = t(character);
+                } else {
+                    characterName = character?.name
+                        ? character.name + (character.surname ? " " + character.surname : "")
+                        : undefined;
+                    icon = character?.icon;
                 }
                 let text = step.dialogue?.text;
                 if (Array.isArray(text)) {
@@ -150,11 +159,9 @@ export function useQueryNarrativeHistory({ searchString }: { searchString?: stri
                     text = t(text);
                 }
                 return {
-                    character: character?.name
-                        ? character.name + (character.surname ? " " + character.surname : "")
-                        : undefined,
+                    character: characterName,
                     text: text || "",
-                    icon: character?.icon,
+                    icon: icon,
                     choices: step.choices,
                     inputValue: step.inputValue,
                 };

package/template-story-react-vite-muijoy-ink/src/ink/start.ink

@@ -1,3 +1,4 @@
+-> start
 === start ===
 # lazyload bundle m01 fm01 fm02
 
@@ -40,7 +41,7 @@ james: I know you're both watching, come on out already!
 # show imagecontainer steph [fm02-body fm02-eyes-nervous fm02-mouth-nervous00] xAlign 0.8 yAlign 1 with movein direction left ease easeInOut
 sly: I just wanted to see what the new guy was like.
 # show imagecontainer sly [fm01-body fm01-eyes-upset fm01-mouth-smile01]
-<><span class="inline-block motion-translate-y-loop-25">Hey</span>, you, [mc]- be nice to our little brother,
+<><span className="inline-block motion-translate-y-loop-25">Hey</span>, you, [mc]- be nice to our little brother,
 # show imagecontainer sly [fm01-body fm01-eyes-smile fm01-mouth-grin00]
 <>or you'll have to deal with *us*.
 # show imagecontainer james [m01-body m01-eyes-smile m01-mouth-neutral00]
@@ -97,7 +98,7 @@ sly: It's just a handshake...
 # show imagecontainer james [m01-body m01-eyes-smile m01-mouth-grin00]
 # show imagecontainer sly [fm01-body fm01-eyes-upset fm01-mouth-serious00]
 # show imagecontainer steph [fm02-body fm02-eyes-upset fm02-mouth-upset01]
-steph: <span class="inline-block animate-wave">Then just give it to him!</span>
+steph: <span className="inline-block animate-wave">Then just give it to him!</span>
 # show imagecontainer james [m01-body m01-eyes-concern m01-mouth-smile01]
 # show imagecontainer sly [fm01-body fm01-eyes-smile fm01-mouth-serious00]
 # show imagecontainer steph [fm02-body fm02-eyes-upset fm02-mouth-upset00]
@@ -174,7 +175,7 @@ steph: [sly]!
 # show imagecontainer steph [fm02-body fm02-eyes-upset fm02-mouth-nervous00]
 # remove image steph with moveout direction left ease easeInOut
 [steph_fullname] goes through the opposite door,
-# call animation_01
+<- animation_01
 <>and returns with a HUGE tinfoil-covered platter.
 
 # show imagecontainer james [m01-body m01-eyes-concern m01-mouth-smile01]

package/template-story-react-vite-muijoy-ink-tauri/.vscode/settings.json

@@ -55,6 +55,11 @@
         "javascriptreact",
         "typescriptreact",
     ],
+    // ink
+    "ink.mainFile": "start.ink",
+    "ink.rootFolder": "src/ink",
+    "ink.markup": "Markdown",
+    "ink.engine": "pixi-vn",
     // olther
     "extensions.ignoreRecommendations": false,
     "workbench.editor.enablePreview": true,

package/template-story-react-vite-muijoy-ink-tauri/src/hooks/useQueryInterface.ts

@@ -1,7 +1,6 @@
 import { CharacterInterface, narration, stepHistory } from "@drincs/pixi-vn";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { useTranslation } from "react-i18next";
-import Character from "../models/Character";
 
 export const INTERFACE_DATA_USE_QUEY_KEY = "interface_data_use_quey_key";
 
@@ -60,7 +59,10 @@ export function useQueryDialogue() {
             }
             let character = dialogue?.character;
             if (typeof character === "string") {
-                character = new Character(character, { name: t(character) });
+                character = {
+                    id: character,
+                    name: t(character),
+                } as CharacterInterface;
             }
 
             let prevData = queryClient.getQueryData<DialogueModel>(queryKey) || {};
@@ -140,8 +142,15 @@ export function useQueryNarrativeHistory({ searchString }: { searchString?: stri
         queryFn: async () => {
             const promises = stepHistory.narrativeHistory.map(async (step) => {
                 let character = step.dialogue?.character;
+                let icon: string | undefined;
+                let characterName: string | undefined;
                 if (typeof character === "string") {
-                    character = new Character(character, { name: t(character) });
+                    characterName = t(character);
+                } else {
+                    characterName = character?.name
+                        ? character.name + (character.surname ? " " + character.surname : "")
+                        : undefined;
+                    icon = character?.icon;
                 }
                 let text = step.dialogue?.text;
                 if (Array.isArray(text)) {
@@ -150,11 +159,9 @@ export function useQueryNarrativeHistory({ searchString }: { searchString?: stri
                     text = t(text);
                 }
                 return {
-                    character: character?.name
-                        ? character.name + (character.surname ? " " + character.surname : "")
-                        : undefined,
+                    character: characterName,
                     text: text || "",
-                    icon: character?.icon,
+                    icon: icon,
                     choices: step.choices,
                     inputValue: step.inputValue,
                 };

package/template-story-react-vite-muijoy-ink-tauri/src/ink/start.ink

@@ -1,3 +1,4 @@
+-> start
 === start ===
 # lazyload bundle m01 fm01 fm02
 
@@ -40,7 +41,7 @@ james: I know you're both watching, come on out already!
 # show imagecontainer steph [fm02-body fm02-eyes-nervous fm02-mouth-nervous00] xAlign 0.8 yAlign 1 with movein direction left ease easeInOut
 sly: I just wanted to see what the new guy was like.
 # show imagecontainer sly [fm01-body fm01-eyes-upset fm01-mouth-smile01]
-<><span class="inline-block motion-translate-y-loop-25">Hey</span>, you, [mc]- be nice to our little brother,
+<><span className="inline-block motion-translate-y-loop-25">Hey</span>, you, [mc]- be nice to our little brother,
 # show imagecontainer sly [fm01-body fm01-eyes-smile fm01-mouth-grin00]
 <>or you'll have to deal with *us*.
 # show imagecontainer james [m01-body m01-eyes-smile m01-mouth-neutral00]
@@ -97,7 +98,7 @@ sly: It's just a handshake...
 # show imagecontainer james [m01-body m01-eyes-smile m01-mouth-grin00]
 # show imagecontainer sly [fm01-body fm01-eyes-upset fm01-mouth-serious00]
 # show imagecontainer steph [fm02-body fm02-eyes-upset fm02-mouth-upset01]
-steph: <span class="inline-block animate-wave">Then just give it to him!</span>
+steph: <span className="inline-block animate-wave">Then just give it to him!</span>
 # show imagecontainer james [m01-body m01-eyes-concern m01-mouth-smile01]
 # show imagecontainer sly [fm01-body fm01-eyes-smile fm01-mouth-serious00]
 # show imagecontainer steph [fm02-body fm02-eyes-upset fm02-mouth-upset00]
@@ -174,7 +175,7 @@ steph: [sly]!
 # show imagecontainer steph [fm02-body fm02-eyes-upset fm02-mouth-nervous00]
 # remove image steph with moveout direction left ease easeInOut
 [steph_fullname] goes through the opposite door,
-# call animation_01
+<- animation_01
 <>and returns with a HUGE tinfoil-covered platter.
 
 # show imagecontainer james [m01-body m01-eyes-concern m01-mouth-smile01]

package/template-story-react-vite-muijoy-tauri/src/hooks/useQueryInterface.ts

@@ -1,7 +1,6 @@
 import { CharacterInterface, narration, stepHistory } from "@drincs/pixi-vn";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { useTranslation } from "react-i18next";
-import Character from "../models/Character";
 
 export const INTERFACE_DATA_USE_QUEY_KEY = "interface_data_use_quey_key";
 
@@ -60,7 +59,10 @@ export function useQueryDialogue() {
             }
             let character = dialogue?.character;
             if (typeof character === "string") {
-                character = new Character(character, { name: t(character) });
+                character = {
+                    id: character,
+                    name: t(character),
+                } as CharacterInterface;
             }
 
             let prevData = queryClient.getQueryData<DialogueModel>(queryKey) || {};
@@ -140,8 +142,15 @@ export function useQueryNarrativeHistory({ searchString }: { searchString?: stri
         queryFn: async () => {
             const promises = stepHistory.narrativeHistory.map(async (step) => {
                 let character = step.dialogue?.character;
+                let icon: string | undefined;
+                let characterName: string | undefined;
                 if (typeof character === "string") {
-                    character = new Character(character, { name: t(character) });
+                    characterName = t(character);
+                } else {
+                    characterName = character?.name
+                        ? character.name + (character.surname ? " " + character.surname : "")
+                        : undefined;
+                    icon = character?.icon;
                 }
                 let text = step.dialogue?.text;
                 if (Array.isArray(text)) {
@@ -150,11 +159,9 @@ export function useQueryNarrativeHistory({ searchString }: { searchString?: stri
                     text = t(text);
                 }
                 return {
-                    character: character?.name
-                        ? character.name + (character.surname ? " " + character.surname : "")
-                        : undefined,
+                    character: characterName,
                     text: text || "",
-                    icon: character?.icon,
+                    icon: icon,
                     choices: step.choices,
                     inputValue: step.inputValue,
                 };

package/template-nqtr-react-vite-muijoy-ink/src/main.ink

@@ -1,2 +0,0 @@
-INCLUDE ink/start.ink
--> start

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

@@ -1,2 +0,0 @@
-INCLUDE ink/start.ink
--> start

package/template-react-vite-muijoy-ink/src/main.ink

@@ -1,2 +0,0 @@
-INCLUDE ink/start.ink
--> start

package/template-react-vite-muijoy-ink-tauri/src/main.ink

@@ -1,2 +0,0 @@
-INCLUDE ink/start.ink
--> start

package/template-story-react-vite-muijoy-ink/src/main.ink

@@ -1,2 +0,0 @@
-INCLUDE ink/start.ink
--> start

package/template-story-react-vite-muijoy-ink-tauri/src/main.ink

@@ -1,2 +0,0 @@
-INCLUDE ink/start.ink
--> start