yarn-spinner-runner-ts 0.1.2 → 0.1.4-a

package/dist/react/DialogueScene.d.ts

@@ -4,8 +4,9 @@ export interface DialogueSceneProps {
     speaker?: string;
     scenes: SceneCollection;
     className?: string;
+    actorTransitionDuration?: number;
 }
 /**
  * Visual scene component that displays background and actor images
  */
-export declare function DialogueScene({ sceneName, speaker, scenes, className }: DialogueSceneProps): import("react/jsx-runtime").JSX.Element;
+export declare function DialogueScene({ sceneName, speaker, scenes, className, actorTransitionDuration, }: DialogueSceneProps): import("react/jsx-runtime").JSX.Element;

package/dist/react/DialogueScene.js

@@ -1,20 +1,39 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
+import { useState, useEffect, useMemo, useRef } from "react";
 /**
  * Visual scene component that displays background and actor images
  */
-export function DialogueScene({ sceneName, speaker, scenes, className }) {
+export function DialogueScene({ sceneName, speaker, scenes, className, actorTransitionDuration = 350, }) {
     const [currentBackground, setCurrentBackground] = useState(null);
     const [backgroundOpacity, setBackgroundOpacity] = useState(1);
     const [nextBackground, setNextBackground] = useState(null);
     const [lastSceneName, setLastSceneName] = useState(undefined);
     const [lastSpeaker, setLastSpeaker] = useState(undefined);
+    const [activeActor, setActiveActor] = useState(null);
+    const [previousActor, setPreviousActor] = useState(null);
+    const [currentActorVisible, setCurrentActorVisible] = useState(false);
+    const [previousActorVisible, setPreviousActorVisible] = useState(false);
+    const previousActorTimeoutRef = useRef(null);
     // Get scene config - use last scene if current node has no scene
     const activeSceneName = sceneName || lastSceneName;
     const sceneConfig = activeSceneName ? scenes.scenes[activeSceneName] : undefined;
     const backgroundImage = sceneConfig?.background;
-    // Get all actors from the current scene
-    const sceneActors = sceneConfig ? Object.keys(sceneConfig.actors) : [];
+    const activeSpeakerName = speaker || lastSpeaker;
+    const resolvedActor = useMemo(() => {
+        if (!sceneConfig || !activeSpeakerName) {
+            return null;
+        }
+        const actorEntries = Object.entries(sceneConfig.actors);
+        const matchingActor = actorEntries.find(([actorName]) => actorName.toLowerCase() === activeSpeakerName.toLowerCase());
+        if (!matchingActor) {
+            return null;
+        }
+        const [actorName, actorConfig] = matchingActor;
+        if (!actorConfig?.image) {
+            return null;
+        }
+        return { name: actorName, image: actorConfig.image };
+    }, [sceneConfig, activeSpeakerName]);
     // Track last speaker - update when speaker is provided, keep when undefined
     useEffect(() => {
         if (speaker) {
@@ -53,31 +72,81 @@ export function DialogueScene({ sceneName, speaker, scenes, className }) {
         }
         // Never clear background - keep it until a new one is explicitly set
     }, [backgroundImage, currentBackground, sceneName, lastSceneName]);
+    // Handle actor portrait transitions (cross-fade between speakers)
+    useEffect(() => {
+        let fadeOutTimeout = null;
+        setActiveActor((currentActor) => {
+            const currentImage = currentActor?.image ?? null;
+            const currentName = currentActor?.name ?? null;
+            const nextImage = resolvedActor?.image ?? null;
+            const nextName = resolvedActor?.name ?? null;
+            if (currentImage === nextImage && currentName === nextName) {
+                return currentActor;
+            }
+            if (currentActor) {
+                setPreviousActor(currentActor);
+                setPreviousActorVisible(true);
+                fadeOutTimeout = setTimeout(() => {
+                    setPreviousActorVisible(false);
+                }, 0);
+            }
+            else {
+                setPreviousActor(null);
+                setPreviousActorVisible(false);
+            }
+            setCurrentActorVisible(false);
+            return resolvedActor;
+        });
+        return () => {
+            if (fadeOutTimeout !== null) {
+                clearTimeout(fadeOutTimeout);
+            }
+        };
+    }, [resolvedActor]);
+    useEffect(() => {
+        if (!activeActor) {
+            return;
+        }
+        const fadeInTimeout = setTimeout(() => {
+            setCurrentActorVisible(true);
+        }, 0);
+        return () => {
+            clearTimeout(fadeInTimeout);
+        };
+    }, [activeActor]);
+    // Remove previous actor once fade-out completes
+    useEffect(() => {
+        if (!previousActor) {
+            return;
+        }
+        if (previousActorTimeoutRef.current) {
+            clearTimeout(previousActorTimeoutRef.current);
+        }
+        previousActorTimeoutRef.current = setTimeout(() => {
+            setPreviousActor(null);
+            previousActorTimeoutRef.current = null;
+        }, actorTransitionDuration);
+        return () => {
+            if (previousActorTimeoutRef.current) {
+                clearTimeout(previousActorTimeoutRef.current);
+                previousActorTimeoutRef.current = null;
+            }
+        };
+    }, [previousActor, actorTransitionDuration]);
     // Default background color when no scene
     const defaultBgColor = "rgba(26, 26, 46, 1)"; // Dark blue-purple
-    return (_jsxs("div", { className: `yd-scene ${className || ""}`, style: {
-            backgroundColor: currentBackground ? undefined : defaultBgColor,
-            backgroundImage: currentBackground ? `url(${currentBackground})` : undefined,
-            opacity: backgroundOpacity,
-        }, children: [nextBackground && (_jsx("div", { className: "yd-scene-next", style: {
+    const handleActorImageError = (actorName, imageUrl) => () => {
+        console.error(`Failed to load actor image for ${actorName}:`, imageUrl);
+    };
+    const sceneStyle = {
+        backgroundColor: currentBackground ? undefined : defaultBgColor,
+        backgroundImage: currentBackground ? `url(${currentBackground})` : undefined,
+        opacity: backgroundOpacity,
+        ["--yd-actor-transition"]: `${Math.max(actorTransitionDuration, 0)}ms`,
+    };
+    return (_jsxs("div", { className: `yd-scene ${className || ""}`, style: sceneStyle, children: [nextBackground && (_jsx("div", { className: "yd-scene-next", style: {
                     backgroundImage: `url(${nextBackground})`,
                     opacity: 1 - backgroundOpacity,
-                } })), sceneConfig && (speaker || lastSpeaker) && (() => {
-                // Use current speaker if available, otherwise use last speaker to keep image visible
-                const activeSpeaker = speaker || lastSpeaker;
-                // Type guard: ensure activeSpeaker is defined
-                if (!activeSpeaker)
-                    return null;
-                // Find the actor that matches the speaker (case-insensitive)
-                const speakingActorName = sceneActors.find(actorName => actorName.toLowerCase() === activeSpeaker.toLowerCase());
-                if (!speakingActorName)
-                    return null;
-                const actorConfig = sceneConfig.actors[speakingActorName];
-                if (!actorConfig?.image)
-                    return null;
-                return (_jsx("img", { className: "yd-actor", src: actorConfig.image, alt: speakingActorName, onError: (e) => {
-                        console.error(`Failed to load actor image for ${speakingActorName}:`, actorConfig.image, e);
-                    } }, speakingActorName));
-            })()] }));
+                } })), previousActor && (_jsx("img", { className: `yd-actor yd-actor--previous ${previousActorVisible ? "yd-actor--visible" : ""}`, src: previousActor.image, alt: previousActor.name, onError: handleActorImageError(previousActor.name, previousActor.image) }, `${previousActor.name}-previous`)), activeActor && (_jsx("img", { className: `yd-actor yd-actor--current ${currentActorVisible ? "yd-actor--visible" : ""}`, src: activeActor.image, alt: activeActor.name, onError: handleActorImageError(activeActor.name, activeActor.image) }, `${activeActor.name}-current`))] }));
 }
 //# sourceMappingURL=DialogueScene.js.map

package/dist/react/DialogueScene.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogueScene.js","sourceRoot":"","sources":["../../src/react/DialogueScene.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DialogueScene.js","sourceRoot":"","sources":["../../src/react/DialogueScene.tsx"],"names":[],"mappings":"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"}

package/dist/react/DialogueView.d.ts

@@ -1,9 +1,23 @@
-import type { RuntimeResult } from "../runtime/results.js";
 import type { SceneCollection } from "../scene/types.js";
+import type { IRProgram } from "../compile/ir.js";
 export interface DialogueViewProps {
-    result: RuntimeResult | null;
-    onAdvance: (optionIndex?: number) => void;
+    program: IRProgram;
+    startNode?: string;
     className?: string;
     scenes?: SceneCollection;
+    actorTransitionDuration?: number;
+    functions?: Record<string, (...args: unknown[]) => unknown>;
+    onStoryEnd?: (info: {
+        variables: Readonly<Record<string, unknown>>;
+        storyEnd: true;
+    }) => void;
+    enableTypingAnimation?: boolean;
+    typingSpeed?: number;
+    showTypingCursor?: boolean;
+    cursorCharacter?: string;
+    autoAdvanceAfterTyping?: boolean;
+    autoAdvanceDelay?: number;
+    pauseBeforeAdvance?: number;
 }
-export declare function DialogueView({ result, onAdvance, className, scenes }: DialogueViewProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function DialogueView({ program, startNode, className, scenes, actorTransitionDuration, functions, onStoryEnd, enableTypingAnimation, typingSpeed, // Characters per second (50 cps = ~20ms per character)
+showTypingCursor, cursorCharacter, autoAdvanceAfterTyping, autoAdvanceDelay, pauseBeforeAdvance, }: DialogueViewProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/react/DialogueView.js

@@ -1,6 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
+import React, { useRef, useEffect, useState } from "react";
 import { DialogueScene } from "./DialogueScene.js";
+import { TypingText } from "./TypingText.js";
+import { useYarnRunner } from "./useYarnRunner.js";
+import { MarkupRenderer } from "./MarkupRenderer.js";
 // Helper to parse CSS string into object
 function parseCss(cssStr) {
     if (!cssStr)
@@ -62,31 +65,105 @@ function parseCss(cssStr) {
     });
     return styles;
 }
-export function DialogueView({ result, onAdvance, className, scenes }) {
+export function DialogueView({ program, startNode = "Start", className, scenes, actorTransitionDuration = 350, functions, onStoryEnd, enableTypingAnimation = false, typingSpeed = 50, // Characters per second (50 cps = ~20ms per character)
+showTypingCursor = true, cursorCharacter = "|", autoAdvanceAfterTyping = false, autoAdvanceDelay = 500, pauseBeforeAdvance = 0, }) {
+    const { result, advance } = useYarnRunner(program, {
+        startAt: startNode,
+        functions,
+        variables: {},
+        onStoryEnd,
+    });
     const sceneName = result?.type === "text" || result?.type === "options" ? result.scene : undefined;
     const speaker = result?.type === "text" ? result.speaker : undefined;
     const sceneCollection = scenes || { scenes: {} };
+    const [typingComplete, setTypingComplete] = useState(false);
+    const [currentTextKey, setCurrentTextKey] = useState(0);
+    const [skipTyping, setSkipTyping] = useState(false);
+    const advanceTimeoutRef = useRef(null);
+    // Reset typing completion when text changes
+    useEffect(() => {
+        if (result?.type === "text") {
+            setTypingComplete(false);
+            setSkipTyping(false);
+            setCurrentTextKey((prev) => prev + 1); // Force re-render of TypingText
+        }
+        // Cleanup any pending advance timeouts when text changes
+        return () => {
+            if (advanceTimeoutRef.current) {
+                clearTimeout(advanceTimeoutRef.current);
+                advanceTimeoutRef.current = null;
+            }
+        };
+    }, [result?.type === "text" ? result.text : null]);
+    // Handle auto-advance after typing completes
+    useEffect(() => {
+        if (autoAdvanceAfterTyping &&
+            typingComplete &&
+            result?.type === "text" &&
+            !result.isDialogueEnd) {
+            const timer = setTimeout(() => {
+                advance();
+            }, autoAdvanceDelay);
+            return () => clearTimeout(timer);
+        }
+    }, [autoAdvanceAfterTyping, typingComplete, result, advance, autoAdvanceDelay]);
     if (!result) {
         return (_jsx("div", { className: `yd-empty ${className || ""}`, children: _jsx("p", { children: "Dialogue ended or not started." }) }));
     }
     if (result.type === "text") {
         const nodeStyles = parseCss(result.nodeCss);
-        return (_jsxs("div", { className: "yd-container", children: [_jsx(DialogueScene, { sceneName: sceneName, speaker: speaker, scenes: sceneCollection }), _jsx("div", { className: `yd-dialogue-box ${result.isDialogueEnd ? "yd-text-box-end" : ""} ${className || ""}`, style: nodeStyles, onClick: () => !result.isDialogueEnd && onAdvance(), children: _jsxs("div", { className: "yd-text-box", children: [result.speaker && (_jsx("div", { className: "yd-speaker", children: result.speaker })), _jsx("p", { className: `yd-text ${result.speaker ? "yd-text-with-speaker" : ""}`, children: result.text || "\u00A0" }), !result.isDialogueEnd && (_jsx("div", { className: "yd-continue", children: "\u25BC" }))] }) })] }));
+        const displayText = result.text || "\u00A0";
+        const shouldShowContinue = !result.isDialogueEnd && !enableTypingAnimation;
+        // Handle story end and call onStoryEnd if provided
+        if (result.isDialogueEnd && onStoryEnd && 'variables' in result) {
+            onStoryEnd({
+                variables: result.variables,
+                storyEnd: true
+            });
+        }
+        const handleClick = () => {
+            if (result.isDialogueEnd)
+                return;
+            // If typing is in progress, skip it; otherwise advance
+            if (enableTypingAnimation && !typingComplete) {
+                // Skip typing animation
+                setSkipTyping(true);
+                setTypingComplete(true);
+            }
+            else {
+                // Clear any pending timeout
+                if (advanceTimeoutRef.current) {
+                    clearTimeout(advanceTimeoutRef.current);
+                    advanceTimeoutRef.current = null;
+                }
+                // Apply pause before advance if configured
+                if (pauseBeforeAdvance > 0) {
+                    advanceTimeoutRef.current = setTimeout(() => {
+                        advance();
+                        advanceTimeoutRef.current = null;
+                    }, pauseBeforeAdvance);
+                }
+                else {
+                    advance();
+                }
+            }
+        };
+        return (_jsxs("div", { className: "yd-container", children: [_jsx(DialogueScene, { sceneName: sceneName, speaker: speaker, scenes: sceneCollection, actorTransitionDuration: actorTransitionDuration }), _jsx("div", { className: `yd-dialogue-box ${result.isDialogueEnd ? "yd-text-box-end" : ""} ${className || ""}`, style: nodeStyles, onClick: handleClick, children: _jsxs("div", { className: "yd-text-box", children: [result.speaker && (_jsx("div", { className: "yd-speaker", children: result.speaker })), _jsx("p", { className: `yd-text ${result.speaker ? "yd-text-with-speaker" : ""}`, children: enableTypingAnimation ? (_jsx(TypingText, { text: displayText, markup: result.markup, typingSpeed: typingSpeed, showCursor: showTypingCursor, cursorCharacter: cursorCharacter, disabled: skipTyping, onComplete: () => setTypingComplete(true) }, currentTextKey)) : (_jsx(MarkupRenderer, { text: displayText, markup: result.markup })) }), shouldShowContinue && (_jsx("div", { className: "yd-continue", children: "\u25BC" }))] }) })] }));
     }
     if (result.type === "options") {
         const nodeStyles = parseCss(result.nodeCss);
-        return (_jsxs("div", { className: "yd-container", children: [_jsx(DialogueScene, { sceneName: sceneName, speaker: speaker, scenes: sceneCollection }), _jsx("div", { className: `yd-options-container ${className || ""}`, children: _jsxs("div", { className: "yd-options-box", style: nodeStyles, children: [_jsx("div", { className: "yd-options-title", children: "Choose an option:" }), _jsx("div", { className: "yd-options-list", children: result.options.map((option, index) => {
+        return (_jsxs("div", { className: "yd-container", children: [_jsx(DialogueScene, { sceneName: sceneName, speaker: speaker, scenes: sceneCollection, actorTransitionDuration: actorTransitionDuration }), _jsx("div", { className: `yd-options-container ${className || ""}`, children: _jsxs("div", { className: "yd-options-box", style: nodeStyles, children: [_jsx("div", { className: "yd-options-title", children: "Choose an option:" }), _jsx("div", { className: "yd-options-list", children: result.options.map((option, index) => {
                                     const optionStyles = parseCss(option.css);
-                                    return (_jsx("button", { className: "yd-option-button", onClick: () => onAdvance(index), style: optionStyles, children: option.text }, index));
+                                    return (_jsx("button", { className: "yd-option-button", onClick: () => advance(index), style: optionStyles, children: _jsx(MarkupRenderer, { text: option.text, markup: option.markup }) }, index));
                                 }) })] }) })] }));
     }
     // Command result - auto-advance
     if (result.type === "command") {
         // Auto-advance commands after a brief moment
         React.useEffect(() => {
-            const timer = setTimeout(() => onAdvance(), 50);
+            const timer = setTimeout(() => advance(), 50);
             return () => clearTimeout(timer);
-        }, [result.command, onAdvance]);
+        }, [result.command, advance]);
         return (_jsx("div", { className: `yd-command ${className || ""}`, children: _jsxs("p", { children: ["Executing: ", result.command] }) }));
     }
     return null;

package/dist/react/DialogueView.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogueView.js","sourceRoot":"","sources":["../../src/react/DialogueView.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAYnD,yCAAyC;AACzC,SAAS,QAAQ,CAAC,MAA0B;IAC1C,IAAI,CAAC,MAAM;QAAE,OAAO,EAAE,CAAC;IACvB,MAAM,MAAM,GAAwB,EAAE,CAAC;IACvC,oDAAoD;IACpD,kDAAkD;IAClD,MAAM,KAAK,GAAa,EAAE,CAAC;IAC3B,IAAI,WAAW,GAAG,EAAE,CAAC;IACrB,IAAI,QAAQ,GAAG,KAAK,CAAC;IACrB,IAAI,SAAS,GAAG,EAAE,CAAC;IAEnB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACvC,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;QACvB,IAAI,CAAC,IAAI,KAAK,GAAG,IAAI,IAAI,KAAK,GAAG,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChD,QAAQ,GAAG,IAAI,CAAC;YAChB,SAAS,GAAG,IAAI,CAAC;YACjB,WAAW,IAAI,IAAI,CAAC;QACtB,CAAC;aAAM,IAAI,IAAI,KAAK,SAAS,IAAI,QAAQ,EAAE,CAAC;YAC1C,QAAQ,GAAG,KAAK,CAAC;YACjB,SAAS,GAAG,EAAE,CAAC;YACf,WAAW,IAAI,IAAI,CAAC;QACtB,CAAC;aAAM,IAAI,IAAI,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;YACrC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC;YAC/B,WAAW,GAAG,EAAE,CAAC;QACnB,CAAC;aAAM,CAAC;YACN,WAAW,IAAI,IAAI,CAAC;QACtB,CAAC;IACH,CAAC;IACD,IAAI,WAAW,CAAC,IAAI,EAAE,EAAE,CAAC;QACvB,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC;IACjC,CAAC;IAED,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;QACrB,IAAI,CAAC,IAAI;YAAE,OAAO;QAClB,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QACrC,IAAI,UAAU,KAAK,CAAC,CAAC;YAAE,OAAO;QAC9B,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,IAAI,EAAE,CAAC;QAC9C,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;QAChD,IAAI,IAAI,IAAI,KAAK,EAAE,CAAC;YAClB,kCAAkC;YAClC,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;YACvE,uFAAuF;YACvF,IAAI,UAAU,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;YAC9B,IAAI,UAAU,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC;gBACtC,UAAU,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;YAC/C,CAAC;YACD,IAAI,UAAU,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;gBAC3D,UAAU,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;YACvC,CAAC;iBAAM,IAAI,UAAU,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;gBAClE,UAAU,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;YACvC,CAAC;YACA,MAAc,CAAC,SAAS,CAAC,GAAG,UAAU,CAAC;QAC1C,CAAC;IACH,CAAC,CAAC,CAAC;IACH,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAqB;IACtF,MAAM,SAAS,GAAG,MAAM,EAAE,IAAI,KAAK,MAAM,IAAI,MAAM,EAAE,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;IACnG,MAAM,OAAO,GAAG,MAAM,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;IACrE,MAAM,eAAe,GAAG,MAAM,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;IAEjD,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,CACL,cAAK,SAAS,EAAE,YAAY,SAAS,IAAI,EAAE,EAAE,YAC3C,yDAAqC,GACjC,CACP,CAAC;IACJ,CAAC;IAED,IAAI,MAAM,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;QAC3B,MAAM,UAAU,GAAG,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QAC5C,OAAO,CACL,eAAK,SAAS,EAAC,cAAc,aAC3B,KAAC,aAAa,IAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,eAAe,GAAI,EAClF,cACE,SAAS,EAAE,mBAAmB,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,IAAI,EAAE,EAAE,EAChG,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,aAAa,IAAI,SAAS,EAAE,YAEnD,eAAK,SAAS,EAAC,aAAa,aACzB,MAAM,CAAC,OAAO,IAAI,CACjB,cAAK,SAAS,EAAC,YAAY,YACxB,MAAM,CAAC,OAAO,GACX,CACP,EACD,YAAG,SAAS,EAAE,WAAW,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,EAAE,YACpE,MAAM,CAAC,IAAI,IAAI,QAAQ,GACtB,EACH,CAAC,MAAM,CAAC,aAAa,IAAI,CACxB,cAAK,SAAS,EAAC,aAAa,uBAEtB,CACP,IACG,GACF,IACF,CACP,CAAC;IACJ,CAAC;IAED,IAAI,MAAM,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;QAC9B,MAAM,UAAU,GAAG,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QAC5C,OAAO,CACL,eAAK,SAAS,EAAC,cAAc,aAC3B,KAAC,aAAa,IAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,eAAe,GAAI,EAClF,cAAK,SAAS,EAAE,wBAAwB,SAAS,IAAI,EAAE,EAAE,YACvD,eAAK,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAE,UAAU,aAC/C,cAAK,SAAS,EAAC,kBAAkB,kCAAwB,EACzD,cAAK,SAAS,EAAC,iBAAiB,YAC7B,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;oCACpC,MAAM,YAAY,GAAG,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;oCAC1C,OAAO,CACL,iBAEE,SAAS,EAAC,kBAAkB,EAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAC/B,KAAK,EAAE,YAAY,YAElB,MAAM,CAAC,IAAI,IALP,KAAK,CAMH,CACV,CAAC;gCACJ,CAAC,CAAC,GACE,IACF,GACF,IACF,CACP,CAAC;IACJ,CAAC;IAED,gCAAgC;IAChC,IAAI,MAAM,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;QAC9B,6CAA6C;QAC7C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;YACnB,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC;YAChD,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QACnC,CAAC,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;QAEhC,OAAO,CACL,cAAK,SAAS,EAAE,cAAc,SAAS,IAAI,EAAE,EAAE,YAC7C,uCAAe,MAAM,CAAC,OAAO,IAAK,GAC9B,CACP,CAAC;IACJ,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC"}
+{"version":3,"file":"DialogueView.js","sourceRoot":"","sources":["../../src/react/DialogueView.tsx"],"names":[],"mappings":"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"}

package/dist/react/MarkupRenderer.d.ts

@@ -0,0 +1,8 @@
+import type { MarkupParseResult } from "../markup/types.js";
+interface MarkupRendererProps {
+    text: string;
+    markup?: MarkupParseResult;
+    length?: number;
+}
+export declare function MarkupRenderer({ text, markup, length }: MarkupRendererProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/react/MarkupRenderer.js

@@ -0,0 +1,64 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+const DEFAULT_HTML_TAGS = new Set(["b", "em", "small", "strong", "sub", "sup", "ins", "del", "mark"]);
+export function MarkupRenderer({ text, markup, length }) {
+    const maxLength = length ?? text.length;
+    if (!markup || markup.segments.length === 0) {
+        return _jsx(_Fragment, { children: text.slice(0, maxLength) });
+    }
+    const pieces = [];
+    const limit = Math.max(0, Math.min(maxLength, markup.text.length));
+    markup.segments.forEach((segment, index) => {
+        if (segment.selfClosing) {
+            if (segment.start <= limit) {
+                pieces.push({
+                    text: "",
+                    wrappers: segment.wrappers,
+                    selfClosing: true,
+                    key: `self-${index}`,
+                });
+            }
+            return;
+        }
+        const start = Math.max(0, Math.min(segment.start, limit));
+        const end = Math.max(start, Math.min(segment.end, limit));
+        if (end <= start) {
+            return;
+        }
+        const segmentText = markup.text.slice(start, end);
+        pieces.push({
+            text: segmentText,
+            wrappers: segment.wrappers,
+            key: `seg-${index}-${start}-${end}`,
+        });
+    });
+    if (pieces.length === 0) {
+        return _jsx(_Fragment, { children: text.slice(0, maxLength) });
+    }
+    return (_jsx(_Fragment, { children: pieces.map((piece, pieceIndex) => renderPiece(piece, pieceIndex)) }));
+}
+function renderPiece(piece, pieceIndex) {
+    const baseKey = `${piece.key}-${pieceIndex}`;
+    if (piece.selfClosing) {
+        return piece.wrappers.reduceRight((child, wrapper, wrapperIndex) => createWrapperElement(wrapper, `${baseKey}-wrapper-${wrapperIndex}`, child), null);
+    }
+    const content = piece.wrappers.reduceRight((child, wrapper, wrapperIndex) => createWrapperElement(wrapper, `${baseKey}-wrapper-${wrapperIndex}`, child), piece.text);
+    return _jsx(React.Fragment, { children: content }, baseKey);
+}
+function createWrapperElement(wrapper, key, children) {
+    const tagName = DEFAULT_HTML_TAGS.has(wrapper.name) ? wrapper.name : "span";
+    const className = wrapper.type === "custom" ? `yd-markup-${sanitizeClassName(wrapper.name)}` : undefined;
+    const dataAttributes = {};
+    for (const [propertyName, value] of Object.entries(wrapper.properties)) {
+        dataAttributes[`data-markup-${propertyName}`] = String(value);
+    }
+    return React.createElement(tagName, {
+        key,
+        className,
+        ...dataAttributes,
+    }, children);
+}
+function sanitizeClassName(name) {
+    return name.toLowerCase().replace(/[^a-z0-9_-]/g, "-");
+}
+//# sourceMappingURL=MarkupRenderer.js.map

package/dist/react/MarkupRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkupRenderer.js","sourceRoot":"","sources":["../../src/react/MarkupRenderer.tsx"],"names":[],"mappings":"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"}

package/dist/react/TypingText.d.ts

@@ -0,0 +1,14 @@
+import type { MarkupParseResult } from "../markup/types.js";
+export interface TypingTextProps {
+    text: string;
+    markup?: MarkupParseResult;
+    typingSpeed?: number;
+    showCursor?: boolean;
+    cursorCharacter?: string;
+    cursorBlinkDuration?: number;
+    cursorClassName?: string;
+    className?: string;
+    onComplete?: () => void;
+    disabled?: boolean;
+}
+export declare function TypingText({ text, markup, typingSpeed, showCursor, cursorCharacter, cursorBlinkDuration, cursorClassName, className, onComplete, disabled, }: TypingTextProps): import("react/jsx-runtime").JSX.Element;

package/dist/react/TypingText.js

@@ -0,0 +1,78 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from "react";
+import { MarkupRenderer } from "./MarkupRenderer.js";
+export function TypingText({ text, markup, typingSpeed = 100, showCursor = true, cursorCharacter = "|", cursorBlinkDuration = 530, cursorClassName = "", className = "", onComplete, disabled = false, }) {
+    const [displayedLength, setDisplayedLength] = useState(disabled ? text.length : 0);
+    const [cursorVisible, setCursorVisible] = useState(true);
+    const cursorIntervalRef = useRef(null);
+    const typingTimeoutRef = useRef(null);
+    const onCompleteRef = useRef(onComplete);
+    useEffect(() => {
+        onCompleteRef.current = onComplete;
+    }, [onComplete]);
+    // Handle cursor blinking
+    useEffect(() => {
+        if (!showCursor || disabled) {
+            return;
+        }
+        cursorIntervalRef.current = setInterval(() => {
+            setCursorVisible((prev) => !prev);
+        }, cursorBlinkDuration);
+        return () => {
+            if (cursorIntervalRef.current) {
+                clearInterval(cursorIntervalRef.current);
+            }
+        };
+    }, [showCursor, cursorBlinkDuration, disabled]);
+    // Handle typing animation
+    useEffect(() => {
+        if (disabled) {
+            setDisplayedLength(text.length);
+            if (onCompleteRef.current && text.length > 0) {
+                onCompleteRef.current();
+            }
+            return;
+        }
+        // Reset when text changes
+        setDisplayedLength(0);
+        if (text.length === 0) {
+            if (onCompleteRef.current) {
+                onCompleteRef.current();
+            }
+            return;
+        }
+        let index = 0;
+        const typeNextCharacter = () => {
+            if (index < text.length) {
+                index += 1;
+                setDisplayedLength(index);
+                if (typingSpeed <= 0) {
+                    requestAnimationFrame(typeNextCharacter);
+                }
+                else {
+                    typingTimeoutRef.current = setTimeout(typeNextCharacter, typingSpeed);
+                }
+            }
+            else if (onCompleteRef.current) {
+                onCompleteRef.current();
+            }
+        };
+        if (typingSpeed <= 0) {
+            requestAnimationFrame(typeNextCharacter);
+        }
+        else {
+            typingTimeoutRef.current = setTimeout(typeNextCharacter, typingSpeed);
+        }
+        return () => {
+            if (typingTimeoutRef.current) {
+                clearTimeout(typingTimeoutRef.current);
+            }
+        };
+    }, [text, disabled, typingSpeed]);
+    const visibleLength = markup ? Math.min(displayedLength, markup.text.length) : Math.min(displayedLength, text.length);
+    return (_jsxs("span", { className: className, children: [_jsx("span", { children: markup ? (_jsx(MarkupRenderer, { text: text, markup: markup, length: visibleLength })) : (text.slice(0, visibleLength)) }), showCursor && !disabled && (_jsx("span", { className: `yd-typing-cursor ${cursorClassName}`, style: {
+                    opacity: cursorVisible ? 1 : 0,
+                    transition: `opacity ${cursorBlinkDuration / 2}ms ease-in-out`,
+                }, children: cursorCharacter }))] }));
+}
+//# sourceMappingURL=TypingText.js.map

package/dist/react/TypingText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TypingText.js","sourceRoot":"","sources":["../../src/react/TypingText.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAerD,MAAM,UAAU,UAAU,CAAC,EACzB,IAAI,EACJ,MAAM,EACN,WAAW,GAAG,GAAG,EACjB,UAAU,GAAG,IAAI,EACjB,eAAe,GAAG,GAAG,EACrB,mBAAmB,GAAG,GAAG,EACzB,eAAe,GAAG,EAAE,EACpB,SAAS,GAAG,EAAE,EACd,UAAU,EACV,QAAQ,GAAG,KAAK,GACA;IAChB,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACnF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACzD,MAAM,iBAAiB,GAAG,MAAM,CAAwC,IAAI,CAAC,CAAC;IAC9E,MAAM,gBAAgB,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;IAC5E,MAAM,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAEzC,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,OAAO,GAAG,UAAU,CAAC;IACrC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,yBAAyB;IACzB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,UAAU,IAAI,QAAQ,EAAE,CAAC;YAC5B,OAAO;QACT,CAAC;QACD,iBAAiB,CAAC,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;YAC3C,gBAAgB,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;QACpC,CAAC,EAAE,mBAAmB,CAAC,CAAC;QACxB,OAAO,GAAG,EAAE;YACV,IAAI,iBAAiB,CAAC,OAAO,EAAE,CAAC;gBAC9B,aAAa,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;YAC3C,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,EAAE,mBAAmB,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEhD,0BAA0B;IAC1B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,EAAE,CAAC;YACb,kBAAkB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YAChC,IAAI,aAAa,CAAC,OAAO,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC7C,aAAa,CAAC,OAAO,EAAE,CAAC;YAC1B,CAAC;YACD,OAAO;QACT,CAAC;QAED,0BAA0B;QAC1B,kBAAkB,CAAC,CAAC,CAAC,CAAC;QAEtB,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACtB,IAAI,aAAa,CAAC,OAAO,EAAE,CAAC;gBAC1B,aAAa,CAAC,OAAO,EAAE,CAAC;YAC1B,CAAC;YACD,OAAO;QACT,CAAC;QAED,IAAI,KAAK,GAAG,CAAC,CAAC;QACd,MAAM,iBAAiB,GAAG,GAAG,EAAE;YAC7B,IAAI,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;gBACxB,KAAK,IAAI,CAAC,CAAC;gBACX,kBAAkB,CAAC,KAAK,CAAC,CAAC;gBAC1B,IAAI,WAAW,IAAI,CAAC,EAAE,CAAC;oBACrB,qBAAqB,CAAC,iBAAiB,CAAC,CAAC;gBAC3C,CAAC;qBAAM,CAAC;oBACN,gBAAgB,CAAC,OAAO,GAAG,UAAU,CAAC,iBAAiB,EAAE,WAAW,CAAC,CAAC;gBACxE,CAAC;YACH,CAAC;iBAAM,IAAI,aAAa,CAAC,OAAO,EAAE,CAAC;gBACjC,aAAa,CAAC,OAAO,EAAE,CAAC;YAC1B,CAAC;QACH,CAAC,CAAC;QAEF,IAAI,WAAW,IAAI,CAAC,EAAE,CAAC;YACrB,qBAAqB,CAAC,iBAAiB,CAAC,CAAC;QAC3C,CAAC;aAAM,CAAC;YACN,gBAAgB,CAAC,OAAO,GAAG,UAAU,CAAC,iBAAiB,EAAE,WAAW,CAAC,CAAC;QACxE,CAAC;QAED,OAAO,GAAG,EAAE;YACV,IAAI,gBAAgB,CAAC,OAAO,EAAE,CAAC;gBAC7B,YAAY,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;YACzC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAElC,MAAM,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IAEtH,OAAO,CACL,gBAAM,SAAS,EAAE,SAAS,aACxB,yBACG,MAAM,CAAC,CAAC,CAAC,CACR,KAAC,cAAc,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,GAAI,CACtE,CAAC,CAAC,CAAC,CACF,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,aAAa,CAAC,CAC7B,GACI,EACN,UAAU,IAAI,CAAC,QAAQ,IAAI,CAC1B,eACE,SAAS,EAAE,oBAAoB,eAAe,EAAE,EAChD,KAAK,EAAE;oBACL,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBAC9B,UAAU,EAAE,WAAW,mBAAmB,GAAG,CAAC,gBAAgB;iBAC/D,YAEA,eAAe,GACX,CACR,IACI,CACR,CAAC;AACJ,CAAC"}

package/dist/react/useYarnRunner.js

@@ -3,10 +3,19 @@ import { YarnRunner } from "../runtime/runner.js";
 export function useYarnRunner(program, options) {
     const runnerRef = useRef(null);
     const [result, setResult] = useState(null);
-    // Initialize runner only once
+    const optionsRef = useRef(options);
+    // Update runner if functions change
+    if (runnerRef.current &&
+        JSON.stringify(optionsRef.current.functions) !== JSON.stringify(options.functions)) {
+        runnerRef.current = new YarnRunner(program, options);
+        setResult(runnerRef.current.currentResult);
+        optionsRef.current = options;
+    }
+    // Initialize runner if not exists
     if (!runnerRef.current) {
         runnerRef.current = new YarnRunner(program, options);
         setResult(runnerRef.current.currentResult);
+        optionsRef.current = options;
     }
     const runner = runnerRef.current;
     const advance = useCallback((optionIndex) => {

package/dist/react/useYarnRunner.js.map

@@ -1 +1 @@
-{"version":3,"file":"useYarnRunner.js","sourceRoot":"","sources":["../../src/react/useYarnRunner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,UAAU,EAAsB,MAAM,sBAAsB,CAAC;AAItE,MAAM,UAAU,aAAa,CAC3B,OAAkB,EAClB,OAAsB;IAMtB,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAuB,IAAI,CAAC,CAAC;IAEjE,8BAA8B;IAC9B,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;QACvB,SAAS,CAAC,OAAO,GAAG,IAAI,UAAU,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QACrD,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;IAC7C,CAAC;IAED,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;IAEjC,MAAM,OAAO,GAAG,WAAW,CACzB,CAAC,WAAoB,EAAE,EAAE;QACvB,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QAC5B,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;IAClC,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;AACrC,CAAC"}
+{"version":3,"file":"useYarnRunner.js","sourceRoot":"","sources":["../../src/react/useYarnRunner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,UAAU,EAAsB,MAAM,sBAAsB,CAAC;AAItE,MAAM,UAAU,aAAa,CAC3B,OAAkB,EAClB,OAAsB;IAMtB,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAuB,IAAI,CAAC,CAAC;IACjE,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IAEnC,oCAAoC;IACpC,IACE,SAAS,CAAC,OAAO;QACjB,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,EAClF,CAAC;QACD,SAAS,CAAC,OAAO,GAAG,IAAI,UAAU,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QACrD,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;QAC3C,UAAU,CAAC,OAAO,GAAG,OAAO,CAAC;IAC/B,CAAC;IAED,kCAAkC;IAClC,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;QACvB,SAAS,CAAC,OAAO,GAAG,IAAI,UAAU,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QACrD,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;QAC3C,UAAU,CAAC,OAAO,GAAG,OAAO,CAAC;IAC/B,CAAC;IAED,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;IAEjC,MAAM,OAAO,GAAG,WAAW,CACzB,CAAC,WAAoB,EAAE,EAAE;QACvB,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QAC5B,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;IAClC,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;AACrC,CAAC"}

package/dist/runtime/commands.js

@@ -17,14 +17,25 @@ export function parseCommand(content) {
     for (let i = 0; i < trimmed.length; i++) {
         const char = trimmed[i];
         if ((char === '"' || char === "'") && !inQuotes) {
+            // If we have accumulated non-quoted content (e.g. a function name and "(")
+            // push it as its own part before entering quoted mode. This prevents the
+            // surrounding text from being merged into the quoted content when we
+            // later push the quoted value.
+            if (current.trim()) {
+                parts.push(current.trim());
+                current = "";
+            }
             inQuotes = true;
             quoteChar = char;
             continue;
         }
         if (char === quoteChar && inQuotes) {
             inQuotes = false;
+            // Preserve the surrounding quotes in the parsed part so callers that
+            // reassemble the expression (e.g. declare handlers) keep string literals
+            // intact instead of losing quote characters.
+            parts.push(quoteChar + current + quoteChar);
             quoteChar = "";
-            parts.push(current);
             current = "";
             continue;
         }