@magicborn/dialogue-forge 0.1.2 → 0.1.4

package/dist/esm/components/ScenePlayer.js

@@ -64,11 +64,9 @@ export function ScenePlayer({ dialogue, gameState, startNodeId, onComplete, onFl
                 setIsTyping(false);
                 // Call onNodeExit before moving to next
                 onNodeExit?.(currentNodeId, node);
-                // Auto-advance if there's a next node
-                if (node.nextNodeId) {
-                    setTimeout(() => setCurrentNodeId(node.nextNodeId), 300);
-                }
-                else {
+                // For NPC-only linear stories: don't auto-advance, wait for user input (Enter key or Continue button)
+                // Only auto-advance if there's no next node (dialogue complete)
+                if (!node.nextNodeId) {
                     // Dialogue complete
                     onDialogueEnd?.();
                     onComplete({
@@ -77,6 +75,7 @@ export function ScenePlayer({ dialogue, gameState, startNodeId, onComplete, onFl
                         completedNodeIds: Array.from(visitedNodes)
                     });
                 }
+                // If there's a nextNodeId, we'll wait for user to press Enter or click Continue
             }, 500);
             return () => clearTimeout(timer);
         }
@@ -95,6 +94,26 @@ export function ScenePlayer({ dialogue, gameState, startNodeId, onComplete, onFl
             return cond.operator === 'is_set' ? hasFlag : !hasFlag;
         });
     }) || [];
+    // Handle Enter key for advancing NPC-only dialogues
+    useEffect(() => {
+        const handleKeyDown = (e) => {
+            // Only handle Enter key when:
+            // 1. Not typing
+            // 2. Current node is NPC
+            // 3. There's a next node to advance to
+            // 4. Not waiting for player choice
+            if (e.key === 'Enter' &&
+                !isTyping &&
+                currentNode?.type === 'npc' &&
+                currentNode.nextNodeId &&
+                availableChoices.length === 0) {
+                e.preventDefault();
+                setCurrentNodeId(currentNode.nextNodeId);
+            }
+        };
+        window.addEventListener('keydown', handleKeyDown);
+        return () => window.removeEventListener('keydown', handleKeyDown);
+    }, [isTyping, currentNode, availableChoices, setCurrentNodeId]);
     const handleChoice = (choice) => {
         const currentNode = dialogue.nodes[currentNodeId];
         // Call onChoiceSelect hook
@@ -128,6 +147,15 @@ export function ScenePlayer({ dialogue, gameState, startNodeId, onComplete, onFl
             });
         }
     };
+    console.log("isnpc", currentNode?.type === 'npc');
+    console.log("isplayer", currentNode?.type === 'player');
+    console.log("isTyping", isTyping);
+    console.log("availableChoices", availableChoices);
+    console.log("visitedNodes", visitedNodes);
+    console.log("flags", flags);
+    console.log("history", history);
+    console.log("currentNodeId", currentNodeId);
+    console.log("dialogue", dialogue);
     return (React.createElement("div", { className: "flex-1 flex flex-col" },
         React.createElement("div", { className: "flex-1 overflow-y-auto p-4" },
             React.createElement("div", { className: "max-w-2xl mx-auto space-y-4" },
@@ -156,5 +184,12 @@ export function ScenePlayer({ dialogue, gameState, startNodeId, onComplete, onFl
                         updatedFlags: flags,
                         dialogueTree: dialogue,
                         completedNodeIds: Array.from(visitedNodes)
-                    }), className: "px-4 py-2 bg-[#e94560] hover:bg-[#d63850] text-white rounded-lg transition-colors" }, "Close"))))));
+                    }), className: "px-4 py-2 bg-[#e94560] hover:bg-[#d63850] text-white rounded-lg transition-colors" }, "Close")))),
+        currentNode?.type === 'npc' && currentNode.nextNodeId && !isTyping && (React.createElement("div", { className: "border-t border-[#1a1a2e] bg-[#0d0d14]/80 backdrop-blur-sm p-4 sticky bottom-0 z-10" },
+            React.createElement("div", { className: "max-w-2xl mx-auto text-center" },
+                React.createElement("p", { className: "text-xs text-gray-400 mb-3" },
+                    "Press ",
+                    React.createElement("kbd", { className: "px-2 py-1 bg-[#1a1a2e] border border-[#2a2a3e] rounded text-xs" }, "Enter"),
+                    " to continue"),
+                React.createElement("button", { onClick: () => setCurrentNodeId(currentNode.nextNodeId), className: "px-6 py-3 bg-[#e94560] hover:bg-[#d63850] text-white rounded-lg transition-colors font-medium shadow-lg hover:shadow-xl transform hover:scale-105 active:scale-95", autoFocus: true }, "Continue \u2192"))))));
 }

package/dist/esm/examples/examples-registry.js

@@ -43,6 +43,14 @@ export const examplesRegistry = [
         filename: 'variable-operations-example.yarn',
         flagSchemaId: 'rpg',
         features: ['variable-operations', 'variable-interpolation', 'numeric-calculations', 'string-variables']
+    },
+    {
+        id: 'linear-story',
+        title: 'Linear Story Example',
+        description: 'A linear narrative with no branching—just NPCs telling a story. Press Enter to continue.',
+        filename: 'linear-story.yarn',
+        flagSchemaId: 'basic',
+        features: ['linear-narrative', 'npc-only', 'story-driven']
     }
 ];
 /**

package/dist/esm/examples/yarn-examples.js

@@ -103,6 +103,77 @@ NPC: I've greeted you {$greeting_count} times now.
 title: end
 ---
 ===
+`,
+    'linear-story': `title: opening
+---
+Narrator: The old lighthouse stood silent against the storm, its beacon long extinguished.
+Narrator: You've been searching for three days, following the map your grandfather left behind.
+Narrator: The key to the lighthouse door feels cold in your hand, heavy with purpose.
+<<jump lighthouse_entrance>>
+===
+
+title: lighthouse_entrance
+---
+Narrator: The door creaks open with a sound that echoes through the empty tower.
+Narrator: Dust motes dance in the beam of your flashlight as you step inside.
+Narrator: The air is still, thick with the scent of salt and old wood.
+<<jump climbing_stairs>>
+===
+
+title: climbing_stairs
+---
+Narrator: Your footsteps echo on the spiral staircase as you climb.
+Narrator: Each step feels like a journey through time, the wood groaning under your weight.
+Narrator: You count the steps: twenty, thirty, forty... the tower seems endless.
+<<jump lantern_room>>
+===
+
+title: lantern_room
+---
+Narrator: At the top, you find the lantern room—the heart of the lighthouse.
+Narrator: The great lens sits dark and still, its glass covered in years of grime.
+Narrator: But something catches your eye: a small wooden box on the windowsill.
+<<jump finding_box>>
+===
+
+title: finding_box
+---
+Narrator: You approach the box carefully, your heart racing.
+Narrator: Carved into its lid are words you recognize: "For when the light returns."
+Narrator: Inside, you find a letter, yellowed with age, and a single match.
+<<jump reading_letter>>
+===
+
+title: reading_letter
+---
+Narrator: The letter is in your grandfather's handwriting, dated fifty years ago.
+Narrator: "If you're reading this, you've found your way home. Light the beacon."
+Narrator: "The world needs its light again. Trust in what you know to be true."
+<<jump lighting_beacon>>
+===
+
+title: lighting_beacon
+---
+Narrator: You strike the match, its flame dancing in the darkness.
+Narrator: As you light the old lantern, the lens begins to turn, slowly at first.
+Narrator: Light spills across the sea, cutting through the storm like a blade.
+<<jump beacon_awakened>>
+===
+
+title: beacon_awakened
+---
+Narrator: The lighthouse awakens, its beam reaching far across the waters.
+Narrator: In the distance, you see something impossible: ships, long thought lost, returning home.
+Narrator: Your grandfather's promise fulfilled, the light guides them safely to shore.
+<<jump epilogue>>
+===
+
+title: epilogue
+---
+Narrator: The storm breaks, and dawn paints the sky in shades of gold and rose.
+Narrator: You stand at the top of the lighthouse, watching the ships come home.
+Narrator: The beacon burns bright once more, and you know—this is where you belong.
+===
 `,
     // Add more examples here as they're converted to Yarn format
 };

package/dist/esm/types/index.d.ts

@@ -43,6 +43,7 @@ export interface DialogueTree {
     nodes: Record<string, DialogueNode>;
 }
 import { FlagSchema } from './flags';
+export type ViewMode = 'graph' | 'yarn' | 'play';
 export interface DialogueEditorProps {
     dialogue: DialogueTree | null;
     onChange: (dialogue: DialogueTree) => void;

package/dist/examples/examples-registry.js

@@ -50,6 +50,14 @@ exports.examplesRegistry = [
         filename: 'variable-operations-example.yarn',
         flagSchemaId: 'rpg',
         features: ['variable-operations', 'variable-interpolation', 'numeric-calculations', 'string-variables']
+    },
+    {
+        id: 'linear-story',
+        title: 'Linear Story Example',
+        description: 'A linear narrative with no branching—just NPCs telling a story. Press Enter to continue.',
+        filename: 'linear-story.yarn',
+        flagSchemaId: 'basic',
+        features: ['linear-narrative', 'npc-only', 'story-driven']
     }
 ];
 /**

package/dist/examples/yarn-examples.js

@@ -111,6 +111,77 @@ NPC: I've greeted you {$greeting_count} times now.
 title: end
 ---
 ===
+`,
+    'linear-story': `title: opening
+---
+Narrator: The old lighthouse stood silent against the storm, its beacon long extinguished.
+Narrator: You've been searching for three days, following the map your grandfather left behind.
+Narrator: The key to the lighthouse door feels cold in your hand, heavy with purpose.
+<<jump lighthouse_entrance>>
+===
+
+title: lighthouse_entrance
+---
+Narrator: The door creaks open with a sound that echoes through the empty tower.
+Narrator: Dust motes dance in the beam of your flashlight as you step inside.
+Narrator: The air is still, thick with the scent of salt and old wood.
+<<jump climbing_stairs>>
+===
+
+title: climbing_stairs
+---
+Narrator: Your footsteps echo on the spiral staircase as you climb.
+Narrator: Each step feels like a journey through time, the wood groaning under your weight.
+Narrator: You count the steps: twenty, thirty, forty... the tower seems endless.
+<<jump lantern_room>>
+===
+
+title: lantern_room
+---
+Narrator: At the top, you find the lantern room—the heart of the lighthouse.
+Narrator: The great lens sits dark and still, its glass covered in years of grime.
+Narrator: But something catches your eye: a small wooden box on the windowsill.
+<<jump finding_box>>
+===
+
+title: finding_box
+---
+Narrator: You approach the box carefully, your heart racing.
+Narrator: Carved into its lid are words you recognize: "For when the light returns."
+Narrator: Inside, you find a letter, yellowed with age, and a single match.
+<<jump reading_letter>>
+===
+
+title: reading_letter
+---
+Narrator: The letter is in your grandfather's handwriting, dated fifty years ago.
+Narrator: "If you're reading this, you've found your way home. Light the beacon."
+Narrator: "The world needs its light again. Trust in what you know to be true."
+<<jump lighting_beacon>>
+===
+
+title: lighting_beacon
+---
+Narrator: You strike the match, its flame dancing in the darkness.
+Narrator: As you light the old lantern, the lens begins to turn, slowly at first.
+Narrator: Light spills across the sea, cutting through the storm like a blade.
+<<jump beacon_awakened>>
+===
+
+title: beacon_awakened
+---
+Narrator: The lighthouse awakens, its beam reaching far across the waters.
+Narrator: In the distance, you see something impossible: ships, long thought lost, returning home.
+Narrator: Your grandfather's promise fulfilled, the light guides them safely to shore.
+<<jump epilogue>>
+===
+
+title: epilogue
+---
+Narrator: The storm breaks, and dawn paints the sky in shades of gold and rose.
+Narrator: You stand at the top of the lighthouse, watching the ships come home.
+Narrator: The beacon burns bright once more, and you know—this is where you belong.
+===
 `,
     // Add more examples here as they're converted to Yarn format
 };

package/dist/types/index.d.ts

@@ -43,6 +43,7 @@ export interface DialogueTree {
     nodes: Record<string, DialogueNode>;
 }
 import { FlagSchema } from './flags';
+export type ViewMode = 'graph' | 'yarn' | 'play';
 export interface DialogueEditorProps {
     dialogue: DialogueTree | null;
     onChange: (dialogue: DialogueTree) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magicborn/dialogue-forge",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "Visual node-based dialogue editor with Yarn Spinner support",
   "author": "Ben Garrard <b2gdevs@gmail.com>",
   "license": "MIT",