@drincs/pixi-vn 0.6.5 → 0.6.7

package/dist/functions/index.d.mts

@@ -2,16 +2,19 @@ export { clearChoiceMenuOptions, clearDialogue, getChoiceMenuOptions, getDialogu
 export { getFlag, setFlag } from './FlagsUtility.mjs';
 export { clearAllGameDatas } from './GameUtility.mjs';
 export { addImage, loadImage, moveIn, moveOut, removeCanvasElement, removeWithDissolveTransition, removeWithFadeTransition, showImage, showWithDissolveTransition, showWithFadeTransition, zoomIn, zoomOut } from './ImageUtility.mjs';
+export { importPixiVNJson } from './Importer.mjs';
 export { getSaveData, getSaveJson, loadSaveData, loadSaveJson } from './SavesUtility.mjs';
 export { getTexture } from './TextureUtility.mjs';
 import '../types/ChoiceMenuOptionsType.mjs';
 import '../classes/ChoiceMenuOption.mjs';
 import '../types/LabelIdType.mjs';
 import '../types/StorageElementType.mjs';
-import '../LabelProps-CmRpvUJm.mjs';
+import '../classes/Label.mjs';
 import '../types/StepLabelType.mjs';
 import '@drincs/pixi-vn/dist/override';
+import '../classes/LabelAbstract.mjs';
 import '../types/StepHistoryDataType.mjs';
+import '../interface/LabelProps.mjs';
 import '../types/CloseType.mjs';
 import '../types/LabelRunModeType.mjs';
 import '../classes/CharacterBaseModel.mjs';
@@ -36,6 +39,8 @@ import '../types/ticker/MoveTickerProps.mjs';
 import '../interface/TickerProgrationType.mjs';
 import '../types/ticker/ZoomTickerProps.mjs';
 import '../types/ticker/TagToRemoveAfterType.mjs';
+import '../types/LabelJsonType.mjs';
+import '../types/StepLabelJsonType.mjs';
 import '../interface/ISaveData.mjs';
 import '../interface/export/ExportedCanvas.mjs';
 import '../interface/ITickersSteps.mjs';

package/dist/functions/index.d.ts

@@ -2,16 +2,19 @@ export { clearChoiceMenuOptions, clearDialogue, getChoiceMenuOptions, getDialogu
 export { getFlag, setFlag } from './FlagsUtility.js';
 export { clearAllGameDatas } from './GameUtility.js';
 export { addImage, loadImage, moveIn, moveOut, removeCanvasElement, removeWithDissolveTransition, removeWithFadeTransition, showImage, showWithDissolveTransition, showWithFadeTransition, zoomIn, zoomOut } from './ImageUtility.js';
+export { importPixiVNJson } from './Importer.js';
 export { getSaveData, getSaveJson, loadSaveData, loadSaveJson } from './SavesUtility.js';
 export { getTexture } from './TextureUtility.js';
 import '../types/ChoiceMenuOptionsType.js';
 import '../classes/ChoiceMenuOption.js';
 import '../types/LabelIdType.js';
 import '../types/StorageElementType.js';
-import '../LabelProps-CFV-zRjG.js';
+import '../classes/Label.js';
 import '../types/StepLabelType.js';
 import '@drincs/pixi-vn/dist/override';
+import '../classes/LabelAbstract.js';
 import '../types/StepHistoryDataType.js';
+import '../interface/LabelProps.js';
 import '../types/CloseType.js';
 import '../types/LabelRunModeType.js';
 import '../classes/CharacterBaseModel.js';
@@ -36,6 +39,8 @@ import '../types/ticker/MoveTickerProps.js';
 import '../interface/TickerProgrationType.js';
 import '../types/ticker/ZoomTickerProps.js';
 import '../types/ticker/TagToRemoveAfterType.js';
+import '../types/LabelJsonType.js';
+import '../types/StepLabelJsonType.js';
 import '../interface/ISaveData.js';
 import '../interface/export/ExportedCanvas.js';
 import '../interface/ITickersSteps.js';

package/dist/functions/index.js

@@ -64,16 +64,14 @@ function checkIfStepsIsEqual(step1, step2) {
   return step1 === step2;
 }
 
-// src/classes/Label.ts
-var Label = class {
+// src/classes/LabelAbstract.ts
+var LabelAbstract = class {
   /**
    * @param id is the id of the label
-   * @param steps is the list of steps that the label will perform
    * @param props is the properties of the label
    */
-  constructor(id, steps, props) {
+  constructor(id, props) {
     this._id = id;
-    this._steps = steps;
     this._onStepStart = props == null ? void 0 : props.onStepStart;
     this._onLoadStep = props == null ? void 0 : props.onLoadStep;
     this._onStepEnd = props == null ? void 0 : props.onStepEnd;
@@ -85,17 +83,6 @@ var Label = class {
   get id() {
     return this._id;
   }
-  /**
-   * Get the steps of the label.
-   * This class should be extended and the steps method should be overridden.
-   * Every time you update this list will also be updated when the other game versions load.
-   */
-  get steps() {
-    if (typeof this._steps === "function") {
-      return this._steps();
-    }
-    return this._steps;
-  }
   /**
    * Get the corresponding steps number
    * @param externalSteps
@@ -146,6 +133,28 @@ var Label = class {
   }
 };
 
+// src/classes/Label.ts
+var Label = class extends LabelAbstract {
+  /**
+   * @param id is the id of the label
+   * @param steps is the list of steps that the label will perform
+   * @param props is the properties of the label
+   */
+  constructor(id, steps, props) {
+    super(id, props);
+    this._steps = steps;
+  }
+  /**
+   * Get the steps of the label.
+   */
+  get steps() {
+    if (typeof this._steps === "function") {
+      return this._steps();
+    }
+    return this._steps;
+  }
+};
+
 // src/classes/CloseLabel.ts
 var CLOSE_LABEL_ID = "__close-label-id__";
 function newCloseLabel(choiseIndex) {
@@ -164,6 +173,9 @@ function getLabelById(id) {
   }
   return label;
 }
+function saveLabel(label) {
+  registeredLabels[label.id] = label;
+}
 
 // src/functions/ExportUtility.ts
 function createExportableElement(element) {
@@ -333,7 +345,7 @@ var TickerBase = class {
 };
 
 // src/constants.ts
-var PIXIVN_VERSION = "0.6.5";
+var PIXIVN_VERSION = "0.6.7";
 var Repeat = "repeat";
 function Pause(duration) {
   return {
@@ -2205,6 +2217,62 @@ var GameStepManager = _GameStepManager;
 var Close = "close";
 
 // src/classes/ChoiceMenuOption.ts
+var ChoiceMenuOption = class {
+  /**
+   * @param text Text to be displayed in the menu
+   * @param label Label to be opened when the option is selected or the id of the label
+   * @param props Properties to be passed to the label and olther parameters that you can use when get all the choice menu options. It be converted to a JSON string, so it cannot contain functions or classes.
+   * @param type Type of the label to be opened. @default "call"
+   */
+  constructor(text, label, props, type = "call") {
+    /**
+     * Properties to be passed to the label and olther parameters that you can use when get all the choice menu options.
+     * @example
+     * ```tsx
+     * setChoiceMenuOptions([
+     *     new ChoiceMenuOption("Hello", helloLabel, { disabled: true }),
+     * ])
+     * return <List>
+     *     {getChoiceMenuOptions()?.map((item, index) => {
+     *         return (
+     *             <ChoiceButton
+     *                 disabled={item.props.disabled}
+     *                 onClick={() => {
+     *                     afterSelectChoice(item)
+     *                 }}
+     *             >
+     *                 {item.text}
+     *             </ChoiceButton>
+     *         )
+     *     })}
+     * </List>
+     * ```
+     */
+    this.props = {};
+    this.text = text;
+    this._label = label;
+    this.type = type;
+    if (props) {
+      this.props = props;
+    }
+  }
+  /**
+   * Label to be opened when the option is selected
+   */
+  get label() {
+    let label = this._label;
+    if (typeof label === "string") {
+      let res = getLabelById(label);
+      if (res) {
+        label = res;
+      } else {
+        console.error(`Label ${label} not found, so it will be closed`);
+        label = newCloseLabel();
+      }
+    }
+    return label;
+  }
+};
 var ChoiceMenuOptionClose = class {
   /**
    * @param text Text to be displayed in the menu
@@ -2294,6 +2362,54 @@ var DialogueBaseModel = class {
   }
 };
 
+// src/classes/LabelJson.ts
+var LabelJson2 = class extends LabelAbstract {
+  /**
+   * @param id is the id of the label
+   * @param steps is the list of steps that the label will perform
+   * @param props is the properties of the label
+   */
+  constructor(id, steps, props) {
+    super(id, props);
+    this._steps = steps;
+  }
+  /**
+   * Get the steps of the label.
+   */
+  get steps() {
+    if (typeof this._steps === "function") {
+      return this._steps().map(this.stepConverter);
+    }
+    return this._steps.map(this.stepConverter);
+  }
+  stepConverter(step) {
+    return (props) => {
+      if (step.currentChoiceMenuOptions) {
+        setChoiceMenuOptions(step.currentChoiceMenuOptions);
+      } else {
+        clearChoiceMenuOptions();
+      }
+      if (step.dialog) {
+        setDialogue(step.dialog);
+      } else {
+        clearDialogue();
+      }
+      if (step.labelToOpen) {
+        if (step.labelToOpen.type === "jump") {
+          GameStepManager.jumpLabel(step.labelToOpen.labelId, props);
+        } else {
+          GameStepManager.callLabel(step.labelToOpen.labelId, props);
+        }
+      }
+      if (step.end === "game_end") {
+        console.warn("[Pixi'VN] Game end not implemented");
+      } else if (step.end === "label_end") {
+        GameStepManager.closeCurrentLabel();
+      }
+    };
+  }
+};
+
 // src/functions/DialogueUtility.ts
 function setDialogue(props) {
   let text = "";
@@ -2347,13 +2463,9 @@ function getChoiceMenuOptions() {
     d.forEach((option, index) => {
       if (option.type === Close) {
         let itemLabel = newCloseLabel(index);
-        options.push({
-          text: option.text,
-          label: itemLabel,
-          type: Close,
-          closeCurrentLabel: option.closeCurrentLabel,
-          props: {}
-        });
+        let choice = new ChoiceMenuOptionClose(option.text, option.closeCurrentLabel);
+        choice.label = itemLabel;
+        options.push(choice);
         return;
       }
       let label = getLabelById(option.label);
@@ -2362,9 +2474,7 @@ function getChoiceMenuOptions() {
           onStepStart: label.onStepStart,
           choiseIndex: index
         });
-        options.push(__spreadProps(__spreadValues({}, option), {
-          label: itemLabel
-        }));
+        options.push(new ChoiceMenuOption(option.text, itemLabel, option.props, option.type));
       }
     });
     return options;
@@ -2991,6 +3101,37 @@ function zoomOut(tag, props = { direction: "right" }, priority) {
   GameWindowManager.addTicker(tag, effect);
 }
 
+// src/functions/Importer.ts
+function importPixiVNJson(data) {
+  if (Array.isArray(data)) {
+    data.forEach((label) => {
+      importPixiVNJson(label);
+    });
+    return;
+  }
+  try {
+    if (typeof data === "string") {
+      data = JSON.parse(data);
+    }
+  } catch (e) {
+    console.error("[Pixi'VN] Error parsing imported Pixi'VN JSON", e);
+    return;
+  }
+  if (typeof data !== "object") {
+    console.error("[Pixi'VN] Error parsing imported Pixi'VN JSON: data is not an object");
+    return;
+  }
+  for (const labelId in data) {
+    try {
+      const steps = data[labelId];
+      let label = new LabelJson2(labelId, steps);
+      saveLabel(label);
+    } catch (e) {
+      console.error(`[Pixi'VN] Error creating JSON label ${labelId}`, e);
+    }
+  }
+}
+
 // src/functions/SavesUtility.ts
 function getSaveData() {
   return {
@@ -3033,6 +3174,7 @@ exports.getFlag = getFlag;
 exports.getSaveData = getSaveData;
 exports.getSaveJson = getSaveJson;
 exports.getTexture = getTexture;
+exports.importPixiVNJson = importPixiVNJson;
 exports.loadImage = loadImage;
 exports.loadSaveData = loadSaveData;
 exports.loadSaveJson = loadSaveJson;