@nice2dev/game-engine 1.0.5 → 1.0.10

package/dist/esm/dialogue/DialogueSystem.js

@@ -1,5 +1,5 @@
-import { EventBus } from '../core/EventBus.js';
 import React from 'react';
+import { EventBus } from '../core/EventBus.js';
 
 /* ────────────────────────────────────────────────────────────────
    Dialogue System — Visual Dialogue Tree Editor
@@ -19,7 +19,7 @@ class DialogueEngine {
         this.trees = new Map();
         this.globalVariables = new Map();
         this.currentState = null;
-        this.events = events !== null && events !== void 0 ? events : new EventBus();
+        this.events = events ?? new EventBus();
     }
     /* ── Tree Management ──────────────────────────────────────────── */
     registerTree(tree) {
@@ -43,10 +43,10 @@ class DialogueEngine {
         return this.globalVariables.get(name);
     }
     getVariable(variableId) {
-        var _a;
-        if (!this.currentState)
+        if (!this.currentState) {
             return this.globalVariables.get(variableId);
-        return (_a = this.currentState.variables[variableId]) !== null && _a !== void 0 ? _a : this.globalVariables.get(variableId);
+        }
+        return this.currentState.variables[variableId] ?? this.globalVariables.get(variableId);
     }
     setVariable(variableId, value, scope) {
         if (scope === 'global') {
@@ -60,8 +60,9 @@ class DialogueEngine {
     /* ── Dialogue Flow ────────────────────────────────────────────── */
     startDialogue(treeId, startLabel) {
         const tree = this.trees.get(treeId);
-        if (!tree)
+        if (!tree) {
             return false;
+        }
         // Find start node
         let startNode;
         if (startLabel) {
@@ -70,8 +71,9 @@ class DialogueEngine {
         if (!startNode) {
             startNode = tree.nodes.find((n) => n.id === tree.startNodeId);
         }
-        if (!startNode)
+        if (!startNode) {
             return false;
+        }
         // Initialize state
         const variables = {};
         for (const v of tree.variables) {
@@ -97,22 +99,25 @@ class DialogueEngine {
         return true;
     }
     endDialogue() {
-        if (!this.currentState)
+        if (!this.currentState) {
             return;
+        }
         const treeId = this.currentState.treeId;
         this.currentState.isActive = false;
         this.emitEvent('dialogue:ended', { treeId, state: { ...this.currentState } });
         this.currentState = null;
     }
     pauseDialogue() {
-        if (!this.currentState || !this.currentState.isActive)
+        if (!this.currentState || !this.currentState.isActive) {
             return;
+        }
         this.currentState.isPaused = true;
         this.emitEvent('dialogue:paused', {});
     }
     resumeDialogue() {
-        if (!this.currentState || !this.currentState.isActive)
+        if (!this.currentState || !this.currentState.isActive) {
             return;
+        }
         this.currentState.isPaused = false;
         this.emitEvent('dialogue:resumed', {});
     }
@@ -120,19 +125,21 @@ class DialogueEngine {
         return this.currentState ? { ...this.currentState } : null;
     }
     isActive() {
-        var _a, _b;
-        return (_b = (_a = this.currentState) === null || _a === void 0 ? void 0 : _a.isActive) !== null && _b !== void 0 ? _b : false;
+        return this.currentState?.isActive ?? false;
     }
     /* ── Node Navigation ──────────────────────────────────────────── */
     goToNode(nodeId) {
-        if (!this.currentState)
+        if (!this.currentState) {
             return;
+        }
         const tree = this.trees.get(this.currentState.treeId);
-        if (!tree)
+        if (!tree) {
             return;
-        const node = tree.nodes.find(n => n.id === nodeId);
-        if (!node)
+        }
+        const node = tree.nodes.find((n) => n.id === nodeId);
+        if (!node) {
             return;
+        }
         this.currentState.currentNodeId = nodeId;
         this.currentState.history.push(nodeId);
         this.emitEvent('dialogue:node-entered', { nodeId, nodeType: node.type });
@@ -141,8 +148,9 @@ class DialogueEngine {
     processNode(node, tree) {
         switch (node.type) {
             case 'start':
-                if (node.nextNode)
+                if (node.nextNode) {
                     this.goToNode(node.nextNode);
+                }
                 break;
             case 'text':
                 this.processTextNode(node, tree);
@@ -169,7 +177,7 @@ class DialogueEngine {
         }
     }
     processTextNode(node, tree) {
-        const character = tree.characters.find(c => c.id === node.characterId);
+        const character = tree.characters.find((c) => c.id === node.characterId);
         if (character && this.onTextCallback) {
             this.onTextCallback(node, character);
         }
@@ -182,12 +190,14 @@ class DialogueEngine {
     }
     processChoiceNode(node, tree) {
         // Filter valid options based on conditions
-        const validOptions = node.options.filter(opt => {
-            if (opt.disabled)
+        const validOptions = node.options.filter((opt) => {
+            if (opt.disabled) {
                 return false;
-            if (!opt.conditions || opt.conditions.length === 0)
+            }
+            if (!opt.conditions || opt.conditions.length === 0) {
                 return true;
-            return opt.conditions.every(c => this.evaluateCondition(c));
+            }
+            return opt.conditions.every((c) => this.evaluateCondition(c));
         });
         if (this.onChoiceCallback) {
             this.onChoiceCallback(node, validOptions);
@@ -196,18 +206,19 @@ class DialogueEngine {
     processBranchNode(node) {
         const result = this.evaluateConditions(node.conditions, node.logic);
         const nextNode = result ? node.trueNode : node.falseNode;
-        if (nextNode)
+        if (nextNode) {
             this.goToNode(nextNode);
+        }
     }
     processSetVariableNode(node, tree) {
-        var _a;
-        const variable = tree.variables.find(v => v.id === node.variableId);
+        const variable = tree.variables.find((v) => v.id === node.variableId);
         if (!variable) {
-            if (node.nextNode)
+            if (node.nextNode) {
                 this.goToNode(node.nextNode);
+            }
             return;
         }
-        const currentValue = (_a = this.getVariable(node.variableId)) !== null && _a !== void 0 ? _a : variable.defaultValue;
+        const currentValue = this.getVariable(node.variableId) ?? variable.defaultValue;
         let newValue;
         switch (node.operation) {
             case 'set':
@@ -232,8 +243,9 @@ class DialogueEngine {
                 newValue = node.value;
         }
         this.setVariable(node.variableId, newValue, variable.scope);
-        if (node.nextNode)
+        if (node.nextNode) {
             this.goToNode(node.nextNode);
+        }
     }
     processEventNode(node) {
         this.events.emit(node.eventType, node.eventData);
@@ -241,8 +253,9 @@ class DialogueEngine {
             eventType: node.eventType,
             eventData: node.eventData,
         });
-        if (node.nextNode)
+        if (node.nextNode) {
             this.goToNode(node.nextNode);
+        }
     }
     processRandomNode(node) {
         const totalWeight = node.outputs.reduce((sum, out) => sum + out.weight, 0);
@@ -256,8 +269,9 @@ class DialogueEngine {
         }
         // Fallback to first output
         const first = node.outputs[0];
-        if (first === null || first === void 0 ? void 0 : first.nextNode)
+        if (first?.nextNode) {
             this.goToNode(first.nextNode);
+        }
     }
     processEndNode(node) {
         // Apply final variable changes
@@ -265,7 +279,7 @@ class DialogueEngine {
             const tree = this.trees.get(this.currentState.treeId);
             if (tree) {
                 for (const sv of node.setVariables) {
-                    const variable = tree.variables.find(v => v.id === sv.variableId);
+                    const variable = tree.variables.find((v) => v.id === sv.variableId);
                     if (variable) {
                         this.setVariable(sv.variableId, sv.value, variable.scope);
                     }
@@ -279,21 +293,25 @@ class DialogueEngine {
     }
     /* ── Choice Selection ─────────────────────────────────────────── */
     selectChoice(optionId) {
-        if (!this.currentState || !this.currentState.isActive)
+        if (!this.currentState || !this.currentState.isActive) {
             return false;
+        }
         const tree = this.trees.get(this.currentState.treeId);
-        if (!tree)
+        if (!tree) {
             return false;
-        const node = tree.nodes.find(n => n.id === this.currentState.currentNodeId);
-        if (!node || node.type !== 'choice')
+        }
+        const node = tree.nodes.find((n) => n.id === this.currentState.currentNodeId);
+        if (!node || node.type !== 'choice') {
             return false;
-        const choice = node.options.find(o => o.id === optionId);
-        if (!choice)
+        }
+        const choice = node.options.find((o) => o.id === optionId);
+        if (!choice) {
             return false;
+        }
         // Apply variables from choice
         if (choice.setVariables) {
             for (const sv of choice.setVariables) {
-                const variable = tree.variables.find(v => v.id === sv.variableId);
+                const variable = tree.variables.find((v) => v.id === sv.variableId);
                 if (variable) {
                     this.setVariable(sv.variableId, sv.value, variable.scope);
                 }
@@ -316,14 +334,17 @@ class DialogueEngine {
     }
     /** Advance to next node (for text nodes) */
     advance() {
-        if (!this.currentState || !this.currentState.isActive)
+        if (!this.currentState || !this.currentState.isActive) {
             return false;
+        }
         const tree = this.trees.get(this.currentState.treeId);
-        if (!tree)
+        if (!tree) {
             return false;
-        const node = tree.nodes.find(n => n.id === this.currentState.currentNodeId);
-        if (!node)
+        }
+        const node = tree.nodes.find((n) => n.id === this.currentState.currentNodeId);
+        if (!node) {
             return false;
+        }
         if (node.type === 'text' && node.nextNode) {
             this.goToNode(node.nextNode);
             return true;
@@ -332,19 +353,21 @@ class DialogueEngine {
     }
     /* ── Condition Evaluation ─────────────────────────────────────── */
     evaluateConditions(conditions, logic) {
-        if (conditions.length === 0)
+        if (conditions.length === 0) {
             return true;
+        }
         if (logic === 'and') {
-            return conditions.every(c => this.evaluateCondition(c));
+            return conditions.every((c) => this.evaluateCondition(c));
         }
         else {
-            return conditions.some(c => this.evaluateCondition(c));
+            return conditions.some((c) => this.evaluateCondition(c));
         }
     }
     evaluateCondition(condition) {
         const varValue = this.getVariable(condition.variableId);
-        if (varValue === undefined)
+        if (varValue === undefined) {
             return false;
+        }
         const { operator, value } = condition;
         switch (operator) {
             case 'eq':
@@ -381,11 +404,10 @@ class DialogueEngine {
     }
     /* ── Events ───────────────────────────────────────────────────── */
     emitEvent(type, data) {
-        var _a, _b, _c, _d;
         this.events.emit(type, {
             type,
-            treeId: (_b = (_a = this.currentState) === null || _a === void 0 ? void 0 : _a.treeId) !== null && _b !== void 0 ? _b : '',
-            nodeId: (_d = (_c = this.currentState) === null || _c === void 0 ? void 0 : _c.currentNodeId) !== null && _d !== void 0 ? _d : undefined,
+            treeId: this.currentState?.treeId ?? '',
+            nodeId: this.currentState?.currentNodeId ?? undefined,
             data,
             timestamp: Date.now(),
         });
@@ -459,12 +481,12 @@ class DialogueTreeBuilder {
         const id = this.generateId();
         const node = { id, type: 'start', label, nextNode, position };
         this.tree.nodes.push(node);
-        if (!this.tree.startNodeId)
+        if (!this.tree.startNodeId) {
             this.tree.startNodeId = id;
+        }
         return this;
     }
     addText(characterId, text, nextNode = null, options = {}) {
-        var _a;
         const id = this.generateId();
         const node = {
             id,
@@ -472,20 +494,19 @@ class DialogueTreeBuilder {
             characterId,
             text,
             nextNode,
-            position: (_a = options.position) !== null && _a !== void 0 ? _a : { x: 100, y: 0 },
+            position: options.position ?? { x: 100, y: 0 },
             ...options,
         };
         this.tree.nodes.push(node);
         return this;
     }
     addChoice(options, settings = {}) {
-        var _a;
         const id = this.generateId();
         const node = {
             id,
             type: 'choice',
             options,
-            position: (_a = settings.position) !== null && _a !== void 0 ? _a : { x: 200, y: 0 },
+            position: settings.position ?? { x: 200, y: 0 },
             ...settings,
         };
         this.tree.nodes.push(node);
@@ -562,9 +583,8 @@ class DialogueTreeBuilder {
     }
     /** Get the ID of the last added node */
     lastNodeId() {
-        var _a;
         const lastNode = this.tree.nodes[this.tree.nodes.length - 1];
-        return (_a = lastNode === null || lastNode === void 0 ? void 0 : lastNode.id) !== null && _a !== void 0 ? _a : '';
+        return lastNode?.id ?? '';
     }
     /** Get node by index (1-based for readability) */
     nodeId(index) {
@@ -637,35 +657,37 @@ const DialogueBox = ({ text, characterName, portrait, emotion = 'neutral', textE
         onClick: handleClick,
         'data-emotion': emotion,
     }, [
-        portrait && React.createElement('div', {
-            key: 'portrait',
-            className: 'nice-dialogue-portrait',
-            style: {
-                width: '80px',
-                height: '80px',
-                flexShrink: 0,
-                borderRadius: '8px',
-                overflow: 'hidden',
-            },
-        }, React.createElement('img', {
-            src: portrait,
-            alt: characterName !== null && characterName !== void 0 ? characterName : 'Character',
-            style: { width: '100%', height: '100%', objectFit: 'cover' },
-        })),
+        portrait &&
+            React.createElement('div', {
+                key: 'portrait',
+                className: 'nice-dialogue-portrait',
+                style: {
+                    width: '80px',
+                    height: '80px',
+                    flexShrink: 0,
+                    borderRadius: '8px',
+                    overflow: 'hidden',
+                },
+            }, React.createElement('img', {
+                src: portrait,
+                alt: characterName ?? 'Character',
+                style: { width: '100%', height: '100%', objectFit: 'cover' },
+            })),
         React.createElement('div', {
             key: 'content',
             className: 'nice-dialogue-content',
             style: { flex: 1 },
         }, [
-            characterName && React.createElement('div', {
-                key: 'name',
-                className: 'nice-dialogue-name',
-                style: {
-                    fontWeight: 'bold',
-                    marginBottom: '8px',
-                    color: '#64b5f6',
-                },
-            }, characterName),
+            characterName &&
+                React.createElement('div', {
+                    key: 'name',
+                    className: 'nice-dialogue-name',
+                    style: {
+                        fontWeight: 'bold',
+                        marginBottom: '8px',
+                        color: '#64b5f6',
+                    },
+                }, characterName),
             React.createElement('div', {
                 key: 'text',
                 className: 'nice-dialogue-text',
@@ -688,20 +710,22 @@ const DialogueBox = ({ text, characterName, portrait, emotion = 'neutral', textE
  * ChoiceList component for displaying dialogue choices
  */
 const ChoiceList = ({ options, prompt, onSelect, timeout, className = '', style, }) => {
-    const [timeLeft, setTimeLeft] = React.useState(timeout !== null && timeout !== void 0 ? timeout : 0);
+    const [timeLeft, setTimeLeft] = React.useState(timeout ?? 0);
     const [selectedIndex, setSelectedIndex] = React.useState(0);
     // Timeout countdown
     React.useEffect(() => {
-        if (!timeout)
+        if (!timeout) {
             return;
+        }
         setTimeLeft(timeout);
         const interval = setInterval(() => {
-            setTimeLeft(prev => {
+            setTimeLeft((prev) => {
                 if (prev <= 100) {
                     // Auto-select first option
-                    const firstValid = options.find(o => !o.disabled);
-                    if (firstValid)
+                    const firstValid = options.find((o) => !o.disabled);
+                    if (firstValid) {
                         onSelect(firstValid.id);
+                    }
                     return 0;
                 }
                 return prev - 100;
@@ -712,15 +736,15 @@ const ChoiceList = ({ options, prompt, onSelect, timeout, className = '', style,
     // Keyboard navigation
     React.useEffect(() => {
         const handleKeyDown = (e) => {
-            const validOptions = options.filter(o => !o.disabled);
+            const validOptions = options.filter((o) => !o.disabled);
             switch (e.key) {
                 case 'ArrowUp':
                     e.preventDefault();
-                    setSelectedIndex(prev => (prev - 1 + validOptions.length) % validOptions.length);
+                    setSelectedIndex((prev) => (prev - 1 + validOptions.length) % validOptions.length);
                     break;
                 case 'ArrowDown':
                     e.preventDefault();
-                    setSelectedIndex(prev => (prev + 1) % validOptions.length);
+                    setSelectedIndex((prev) => (prev + 1) % validOptions.length);
                     break;
                 case 'Enter':
                 case ' ':
@@ -734,7 +758,7 @@ const ChoiceList = ({ options, prompt, onSelect, timeout, className = '', style,
         window.addEventListener('keydown', handleKeyDown);
         return () => window.removeEventListener('keydown', handleKeyDown);
     }, [options, selectedIndex, onSelect]);
-    const validOptions = options.filter(o => !o.disabled);
+    const validOptions = options.filter((o) => !o.disabled);
     return React.createElement('div', {
         className: `nice-choice-list ${className}`,
         style: {
@@ -745,33 +769,36 @@ const ChoiceList = ({ options, prompt, onSelect, timeout, className = '', style,
             ...style,
         },
     }, [
-        prompt && React.createElement('div', {
-            key: 'prompt',
-            className: 'nice-choice-prompt',
-            style: {
-                marginBottom: '16px',
-                fontStyle: 'italic',
-                opacity: 0.9,
-            },
-        }, prompt),
-        timeout && timeLeft > 0 && React.createElement('div', {
-            key: 'timer',
-            className: 'nice-choice-timer',
-            style: {
-                marginBottom: '8px',
-                height: '4px',
-                backgroundColor: 'rgba(255, 255, 255, 0.2)',
-                borderRadius: '2px',
-                overflow: 'hidden',
-            },
-        }, React.createElement('div', {
-            style: {
-                width: `${(timeLeft / timeout) * 100}%`,
-                height: '100%',
-                backgroundColor: timeLeft < 3000 ? '#f44336' : '#4caf50',
-                transition: 'width 0.1s linear',
-            },
-        })),
+        prompt &&
+            React.createElement('div', {
+                key: 'prompt',
+                className: 'nice-choice-prompt',
+                style: {
+                    marginBottom: '16px',
+                    fontStyle: 'italic',
+                    opacity: 0.9,
+                },
+            }, prompt),
+        timeout &&
+            timeLeft > 0 &&
+            React.createElement('div', {
+                key: 'timer',
+                className: 'nice-choice-timer',
+                style: {
+                    marginBottom: '8px',
+                    height: '4px',
+                    backgroundColor: 'rgba(255, 255, 255, 0.2)',
+                    borderRadius: '2px',
+                    overflow: 'hidden',
+                },
+            }, React.createElement('div', {
+                style: {
+                    width: `${(timeLeft / timeout) * 100}%`,
+                    height: '100%',
+                    backgroundColor: timeLeft < 3000 ? '#f44336' : '#4caf50',
+                    transition: 'width 0.1s linear',
+                },
+            })),
         React.createElement('div', {
             key: 'options',
             className: 'nice-choice-options',
@@ -837,7 +864,7 @@ function validateDialogueTree(tree) {
         throw new Error('Invalid dialogue tree: missing startNodeId');
     }
     // Validate all node connections
-    const nodeIds = new Set(t.nodes.map(n => n.id));
+    const nodeIds = new Set(t.nodes.map((n) => n.id));
     for (const node of t.nodes) {
         validateNodeConnections(node, nodeIds);
     }
@@ -881,12 +908,14 @@ function findUnreachableNodes(tree) {
     const toVisit = [tree.startNodeId];
     while (toVisit.length > 0) {
         const nodeId = toVisit.pop();
-        if (reachable.has(nodeId))
+        if (reachable.has(nodeId)) {
             continue;
+        }
         reachable.add(nodeId);
-        const node = tree.nodes.find(n => n.id === nodeId);
-        if (!node)
+        const node = tree.nodes.find((n) => n.id === nodeId);
+        if (!node) {
             continue;
+        }
         const nextIds = getNextNodeIds(node);
         for (const id of nextIds) {
             if (id && !reachable.has(id)) {
@@ -894,9 +923,7 @@ function findUnreachableNodes(tree) {
             }
         }
     }
-    return tree.nodes
-        .filter(n => !reachable.has(n.id) && n.type !== 'start')
-        .map(n => n.id);
+    return tree.nodes.filter((n) => !reachable.has(n.id) && n.type !== 'start').map((n) => n.id);
 }
 function getNextNodeIds(node) {
     switch (node.type) {
@@ -906,12 +933,12 @@ function getNextNodeIds(node) {
         case 'event':
             return [node.nextNode];
         case 'choice':
-            return node.options.map(o => o.nextNode);
+            return node.options.map((o) => o.nextNode);
         case 'branch':
         case 'check_variable':
             return [node.trueNode, node.falseNode];
         case 'random':
-            return node.outputs.map(o => o.nextNode);
+            return node.outputs.map((o) => o.nextNode);
         case 'end':
             return [];
         default:
@@ -998,10 +1025,7 @@ const EMOTION_COLORS = {
     custom: '#ffffff',
 };
 function createEmptyDialogueTree(id, name) {
-    return new DialogueTreeBuilder(id, name)
-        .addStart('main', null)
-        .addEnd('success')
-        .build();
+    return new DialogueTreeBuilder(id, name).addStart('main', null).addEnd('success').build();
 }
 
 export { ChoiceList, DEFAULT_TEXT_SPEED, DialogueBox, DialogueEngine, DialogueTreeBuilder, EMOTION_COLORS, applyLocalization, createEmptyDialogueTree, deserializeDialogueTree, extractTranslatableStrings, findUnreachableNodes, serializeDialogueTree, useTypewriter, validateDialogueTree };