Moving from Ren'Py

define a = Character("Alice")

label start:
    scene bg room
    show alice happy at center
    with dissolve
    a "Good morning."

    menu:
        "Open the window":
            $ opened_window = True
            jump window
        "Stay in bed":
            jump sleep

import {
    Character,
    Dissolve,
    Image,
    Menu,
    Scene,
    Story,
} from "narraleaf-react";

const story = new Story("morning");
const state = story.createPersistent("state", { openedWindow: false });
const alice = new Character("Alice");
const aliceSprite = new Image({
    src: {
        groups: [["happy", "sleepy"]],
        defaults: ["happy"],
        resolve: (expression) => `/characters/alice-${expression}.webp`,
    } as const,
});

const windowScene = new Scene("window");
const sleepScene = new Scene("sleep");
const start = new Scene("start", {
    background: "/backgrounds/room.webp",
}).action((scene) => [
    aliceSprite.show(),
    aliceSprite.char(["happy"], new Dissolve({ duration: 400 })),
    alice.say("Good morning."),
    Menu.prompt("What should I do?")
        .choose("Open the window", [
            state.set("openedWindow", true),
            scene.jumpTo(windowScene),
        ])
        .choose("Stay in bed", [
            scene.jumpTo(sleepScene),
        ]),
]);

story.entry(start);