Stored Label

Author: BlackRam-oss

src/label/ExempleLabel.ts

@@ -1,16 +1,18 @@
 import { Sprite } from "pixi.js";
 import { Label } from "../lib/classes/Label";
+import { labelDecorator } from "../lib/decorators/LabelDecorator";
 import { clearDialogue, setDialogue } from "../lib/functions/DialogueUtility";
 import { hideImage } from "../lib/functions/ImageUtility";
 import { GameWindowManager } from "../lib/managers/WindowManager";
 import { StepLabelType } from "../lib/types/StepLabelType";
 
+@labelDecorator()
 export class ExempleLabel extends Label {
     override get steps(): StepLabelType[] {
         return [
             () => setDialogue("Hello World!"),
             () => {
-                setDialogue("Hello World! 2")
+                setDialogue("This project have 2 parts, the first is the pixijs part, and the second is the react part.")
                 // create a new Sprite from an image path
                 const bunny = Sprite.from('https://pixijs.com/assets/bunny.png');
 
@@ -29,12 +31,9 @@ export class ExempleLabel extends Label {
                     bunny.rotation += 0.1 * delta;
                 });
             },
-            () => setDialogue("Hello World! 3"),
             () => hideImage("bunny"), // TODO: remove ticker and crete a manager for this
             () => clearDialogue(),
-            () => setDialogue("Hello World! 4"),
-            () => setDialogue("Hello World! 5"),
-            () => setDialogue("Hello World! 6"),
+            () => setDialogue("it is possible to modify the \"Labels\" in runtime. try adding a step in ExempleLabel and then save."),
         ]
     }
 }

src/lib/decorators/LabelDecorator.ts

@@ -0,0 +1,14 @@
+import { Label } from "../classes/Label"
+import { GameStepManager } from "../managers/StepManager"
+
+export function labelDecorator(name?: string) {
+    return function (target: typeof Label) {
+        if (!name) {
+            name = target.name
+        }
+        if (GameStepManager.registeredLabels[name]) {
+            console.warn(`Label ${name} already exists, it will be overwritten`)
+        }
+        GameStepManager.registeredLabels[name] = target
+    }
+}

src/lib/functions/StepLabelUtility.ts

@@ -1,5 +1,3 @@
-import { Label } from "../classes/Label"
-import { LabelHistoryDataType } from "../types/LabelHistoryDataType"
 import { StepHistoryDataType } from "../types/StepHistoryDataType"
 import { StepLabelType } from "../types/StepLabelType"
 
@@ -26,18 +24,3 @@ export function checkIfStepsIsEqual(step1: StepHistoryDataType | StepLabelType,
     }
     return step1.toLocaleLowerCase() === step2.toLocaleLowerCase()
 }
-
-export function getLabelByClassName<T extends Label>(labelData: LabelHistoryDataType): T | undefined {
-    try {
-        let label = labelData()
-        let step = label.steps
-        if (step.length = 0) {
-            console.warn("Label has no steps")
-        }
-        return label as T
-    }
-    catch (e) {
-        console.error(e)
-        return
-    }
-}

src/lib/managers/StepManager.ts

@@ -1,5 +1,6 @@
+import { Label } from "../classes/Label"
 import { HistoryLabelEventEnum } from "../enums/LabelEventEnum"
-import { convertStelLabelToStepHistoryData, getLabelByClassName } from "../functions/StepLabelUtility"
+import { convertStelLabelToStepHistoryData } from "../functions/StepLabelUtility"
 import { ExportedStep } from "../interface/ExportedStep"
 import { HistoryLabelEvent } from "../interface/HistoryLabelEvent"
 import { HistoryStep } from "../interface/HistoryStep"
@@ -18,6 +19,7 @@ export class GameStepManager {
      */
     public static stepsHistory: (HistoryLabelEvent | HistoryStep)[] = []
     private static openedLabels: LabelHistoryDataType[] = []
+    public static registeredLabels: { [key: LabelHistoryDataType]: typeof Label } = {}
     /**
      * currentLabel is the current label that occurred during the progression of the steps.
      */
@@ -38,7 +40,7 @@ export class GameStepManager {
             // TODO: implement
             return
         }
-        let currentLabel = getLabelByClassName(GameStepManager.currentLabel)
+        let currentLabel = GameStepManager.getLabelByClassName(GameStepManager.currentLabel)
         if (!currentLabel) {
             console.error("Label not found")
             return
@@ -107,7 +109,7 @@ export class GameStepManager {
     public static async runNextStep() {
         let lasteStepsLength = GameStepManager.stepsAfterLastHistoryLabel.length
         if (GameStepManager.currentLabel) {
-            let currentLabel = getLabelByClassName(GameStepManager.currentLabel)
+            let currentLabel = GameStepManager.getLabelByClassName(GameStepManager.currentLabel)
             if (!currentLabel) {
                 console.error("Label not found")
                 return
@@ -127,15 +129,24 @@ export class GameStepManager {
         }
         console.warn("No next step")
     }
-    public static async runLabel(label: LabelHistoryDataType) {
-        GameStepManager.openLabel(label)
+    public static async runLabel(label: typeof Label | Label) {
+        try {
+            if (label instanceof Label) {
+                label = label.constructor as typeof Label
+            }
+            let labelName = label.name
+            GameStepManager.openLabel(labelName)
+        }
+        catch (e) {
+            console.error(e)
+            return
+        }
         await GameStepManager.runNextStep()
     }
-    private static openLabel(label: LabelHistoryDataType) {
-        let currentLabel = getLabelByClassName(label)
+    private static openLabel(label: string) {
+        let currentLabel = GameStepManager.getLabelByClassName(label)
         if (!currentLabel) {
-            console.error("Label not found")
-            return
+            throw new Error("Label not found")
         }
         let historyLabel: HistoryLabelEvent = {
             label: label,
@@ -150,7 +161,7 @@ export class GameStepManager {
             console.warn("No label to close")
             return
         }
-        let currentLabel = getLabelByClassName(GameStepManager.currentLabel)
+        let currentLabel = GameStepManager.getLabelByClassName(GameStepManager.currentLabel)
         if (!currentLabel) {
             console.error("Label not found")
             return
@@ -195,4 +206,23 @@ export class GameStepManager {
             console.error("Error importing data", e)
         }
     }
+    private static getLabelByClassName<T extends Label>(labelName: LabelHistoryDataType): T | undefined {
+        try {
+            let labelType = GameStepManager.registeredLabels[labelName]
+            if (!labelType) {
+                console.error("Label not found")
+                return
+            }
+            let label = new labelType()
+            let step = label.steps
+            if (step.length = 0) {
+                console.warn("Label has no steps")
+            }
+            return label as T
+        }
+        catch (e) {
+            console.error(e)
+            return
+        }
+    }
 }

src/lib/types/LabelHistoryDataType.ts

@@ -1,3 +1 @@
-import { Label } from "../classes/Label";
-
-export type LabelHistoryDataType = () => Label
+export type LabelHistoryDataType = string

src/menu/MainMenu.tsx

@@ -42,7 +42,7 @@ export default function MainMenu() {
                 <MenuButton
                     onClick={() => {
                         GameWindowManager.removeChildren()
-                        GameStepManager.runLabel(() => new ExempleLabel())
+                        GameStepManager.runLabel(ExempleLabel)
                         navigate("/game")
                     }}
                 >

tsconfig.json

@@ -1,6 +1,7 @@
 {
   "compilerOptions": {
     "target": "ESNext",
+    "experimentalDecorators": true,
     "useDefineForClassFields": true,
     "lib": ["ESNext", "DOM", "DOM.Iterable"],
     "allowSyntheticDefaultImports": true,