kawaijs 0.1.0 → 0.1.2

package/README.md

@@ -0,0 +1,109 @@
+<div align="center">
+
+# 🌸 Kawaijs
+
+**A modern, web-native visual novel engine and toolchain inspired by Ren'Py.**
+
+[![npm version](https://img.shields.io/npm/v/kawaijs.svg?color=crimson)](https://www.npmjs.com/package/kawaijs)
+[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://github.com/biagio-scaglia/KawaiJS/blob/main/LICENSE)
+[![GitHub](https://img.shields.io/badge/GitHub-biagio--scaglia%2FKawaiJS-181717?logo=github)](https://github.com/biagio-scaglia/KawaiJS)
+
+</div>
+
+---
+
+## 📖 Introduction
+
+**Kawaijs** is a developer-friendly, web-native visual novel engine and toolchain. It bridges the clean, human-friendly authoring experience of Ren'Py with modern Web technologies (HTML5, standard CSS, and TypeScript).
+
+Write your story in **Kawa Script** (`.kawa`), style dialogue boxes and choices with **standard CSS**, and deploy anywhere as a pure static web application.
+
+```text
+character yumia "Yumia" #f43f5e
+
+label start:
+    scene bg classroom with fade
+    show yumia happy at center
+
+    yumia "Good morning! Are you ready for the festival?"
+
+    menu:
+        "Yes, absolutely!":
+            jump ready
+
+        "Not yet...":
+            jump not_ready
+
+label ready:
+    show yumia excited
+    yumia "Awesome! Let's get to work."
+    return
+
+label not_ready:
+    yumia "Don't worry, we still have time."
+    return
+```
+
+---
+
+## 🚀 Quick Start
+
+### 1. Scaffold a New Visual Novel
+
+```bash
+npx kawaijs create my-novel
+cd my-novel
+```
+
+### 2. Validate Your Script
+
+```bash
+npx kawaijs validate
+```
+
+---
+
+## ✨ Features
+
+- **🌐 Web-Native**: Runs directly in modern browsers with zero backend dependencies. Deploy to GitHub Pages, Netlify, Vercel, Cloudflare Pages, or itch.io.
+- **✍️ Writer-Friendly**: Indentation-based Kawa Script designed for narrative designers and story writers.
+- **🎨 Deep CSS Theming**: Customize dialogue boxes, choice overlays, buttons, fonts, and animations using standard CSS and CSS custom properties.
+- **⏱️ Deterministic Rollback**: Step backwards through dialogue and choices with instant snapshot rollbacks (`vm.rollback()`).
+- **💾 Save & Load**: Built-in persistence for game save slots using LocalStorage / IndexedDB.
+- **📦 Modular Architecture**: Decoupled compiler (`@kawaijs/parser`), headless state machine (`@kawaijs/runtime`), and presentation layer (`@kawaijs/renderer-dom`).
+
+---
+
+## 💻 CLI Usage
+
+```bash
+# Create a new visual novel project
+kawa create <project-name>
+
+# Validate syntax, jump labels, and asset links
+kawa validate [path]
+
+# Show version
+kawa version
+```
+
+---
+
+## 📦 Modular Packages
+
+Kawaijs is built as a clean modular toolkit:
+
+| Package | Description |
+| :--- | :--- |
+| [`kawaijs`](https://www.npmjs.com/package/kawaijs) | All-in-one engine bundle & CLI |
+| [`@kawaijs/ast`](https://www.npmjs.com/package/@kawaijs/ast) | Syntax AST & Story IR type definitions |
+| [`@kawaijs/parser`](https://www.npmjs.com/package/@kawaijs/parser) | Indentation Lexer, Parser & Diagnostic error reporter |
+| [`@kawaijs/runtime`](https://www.npmjs.com/package/@kawaijs/runtime) | Headless Story VM, rollback engine & persistence |
+| [`@kawaijs/renderer-dom`](https://www.npmjs.com/package/@kawaijs/renderer-dom) | Semantic DOM renderer & CSS design system |
+| [`@kawaijs/cli`](https://www.npmjs.com/package/@kawaijs/cli) | Dedicated CLI binary package |
+
+---
+
+## 📜 License
+
+MIT License © 2026 [Biagio Scaglia](https://github.com/biagio-scaglia)

package/dist/commands/build.d.ts

@@ -0,0 +1,5 @@
+export interface BuildOptions {
+    outDir?: string;
+}
+export declare function buildProject(projectDir?: string, options?: BuildOptions): boolean;
+//# sourceMappingURL=build.d.ts.map

package/dist/commands/build.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"build.d.ts","sourceRoot":"","sources":["../../src/commands/build.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,YAAY;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,YAAY,CAAC,UAAU,SAAM,EAAE,OAAO,GAAE,YAAiB,GAAG,OAAO,CAmXlF"}

package/dist/commands/build.js

@@ -0,0 +1,384 @@
+import * as fs from 'node:fs';
+import * as path from 'node:path';
+import { compileScript, formatDiagnostic, KawaError } from '@kawaijs/parser';
+export function buildProject(projectDir = '.', options = {}) {
+    const rootDir = path.resolve(process.cwd(), projectDir);
+    const scriptPath = path.join(rootDir, 'game', 'script.kawa');
+    const stylePath = path.join(rootDir, 'game', 'style.css');
+    const assetsDir = path.join(rootDir, 'game', 'assets');
+    const outDir = path.resolve(rootDir, options.outDir ?? 'dist');
+    console.log(`\n📦 Building Kawaijs visual novel...`);
+    console.log(`   Source: ${rootDir}`);
+    console.log(`   Output: ${outDir}\n`);
+    if (!fs.existsSync(scriptPath)) {
+        console.error(`❌ Error: Cannot find '${scriptPath}'. Make sure you are inside a Kawaijs project directory.`);
+        return false;
+    }
+    // 1. Compile Kawa Script
+    let storyPackage;
+    try {
+        const source = fs.readFileSync(scriptPath, 'utf-8');
+        storyPackage = compileScript(source, path.basename(scriptPath));
+        console.log(`✅ Script compiled successfully (${Object.keys(storyPackage.labels).length} labels).`);
+    }
+    catch (err) {
+        if (err instanceof KawaError) {
+            const source = fs.readFileSync(scriptPath, 'utf-8');
+            console.error(formatDiagnostic(err.diagnostic, source));
+        }
+        else if (err instanceof Error) {
+            console.error(`❌ Compilation error: ${err.message}`);
+        }
+        return false;
+    }
+    // 2. Prepare output directory
+    if (fs.existsSync(outDir)) {
+        fs.rmSync(outDir, { recursive: true, force: true });
+    }
+    fs.mkdirSync(outDir, { recursive: true });
+    // 3. Copy Assets
+    const outAssetsDir = path.join(outDir, 'assets');
+    if (fs.existsSync(assetsDir)) {
+        copyDirectoryRecursive(assetsDir, outAssetsDir);
+        console.log(`✅ Assets copied to dist/assets/`);
+    }
+    // 4. Generate Combined style.css
+    let combinedCss = `/* Kawaijs Bundled Stylesheet */\n`;
+    const themeCssPath = path.resolve(path.dirname(import.meta.url.replace('file:///', '')), '..', '..', '..', 'renderer-dom', 'src', 'theme.css');
+    if (fs.existsSync(themeCssPath)) {
+        combinedCss += fs.readFileSync(themeCssPath, 'utf-8') + '\n\n';
+    }
+    if (fs.existsSync(stylePath)) {
+        combinedCss += fs.readFileSync(stylePath, 'utf-8') + '\n';
+    }
+    fs.writeFileSync(path.join(outDir, 'style.css'), combinedCss, 'utf-8');
+    console.log(`✅ Stylesheet bundled to dist/style.css`);
+    // 5. Generate Standalone HTML Application
+    const htmlContent = `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>${storyPackage.meta.title ?? 'Kawaijs Visual Novel'}</title>
+  <link rel="stylesheet" href="./style.css">
+  <style>
+    body { margin: 0; padding: 0; background: #000; overflow: hidden; }
+  </style>
+</head>
+<body>
+  <div id="app"></div>
+
+  <script type="module">
+    const story = ${JSON.stringify(storyPackage, null, 2)};
+
+    class MemoryStorageAdapter {
+      constructor() { this.store = new Map(); }
+      getItem(k) { return this.store.get(k) || null; }
+      setItem(k, v) { this.store.set(k, v); }
+      removeItem(k) { this.store.delete(k); }
+    }
+    class LocalStorageAdapter {
+      getItem(k) { return localStorage.getItem(k); }
+      setItem(k, v) { localStorage.setItem(k, v); }
+      removeItem(k) { localStorage.removeItem(k); }
+    }
+    class SaveManager {
+      constructor() { this.storage = typeof localStorage !== 'undefined' ? new LocalStorageAdapter() : new MemoryStorageAdapter(); }
+      async saveSlot(id, snapshot, previewText) {
+        const slot = { id, name: 'Slot ' + id, timestamp: Date.now(), snapshot, previewText };
+        this.storage.setItem('kawaijs_save_' + id, JSON.stringify(slot));
+        return slot;
+      }
+      async loadSlot(id) {
+        const raw = this.storage.getItem('kawaijs_save_' + id);
+        return raw ? JSON.parse(raw) : null;
+      }
+    }
+    function evaluateCondition(cond, vars) {
+      const t = (cond || '').trim();
+      if (!t || t === 'true') return true;
+      if (t === 'false') return false;
+      const ops = ['>=', '<=', '!=', '==', '>', '<'];
+      for (const op of ops) {
+        const idx = t.indexOf(op);
+        if (idx !== -1) {
+          const l = resolveVal(t.slice(0, idx), vars);
+          const r = resolveVal(t.slice(idx + op.length), vars);
+          if (op === '>=') return Number(l) >= Number(r);
+          if (op === '<=') return Number(l) <= Number(r);
+          if (op === '>') return Number(l) > Number(r);
+          if (op === '<') return Number(l) < Number(r);
+          if (op === '==') return l == r;
+          if (op === '!=') return l != r;
+        }
+      }
+      if (t.startsWith('!')) return !Boolean(vars[t.slice(1).trim()]);
+      return Boolean(vars[t]);
+    }
+    function resolveVal(token, vars) {
+      const t = token.trim();
+      if (t === 'true') return true;
+      if (t === 'false') return false;
+      if (!isNaN(Number(t)) && t !== '') return Number(t);
+      if ((t.startsWith('"') && t.endsWith('"')) || (t.startsWith("'") && t.endsWith("'"))) return t.slice(1, -1);
+      if (t in vars) return vars[t];
+      return t;
+    }
+    function applySetOp(curr, op, val, vars) {
+      const res = (typeof val === 'string' && val in vars) ? vars[val] : val;
+      if (op === '+=') return Number(curr || 0) + Number(res);
+      if (op === '-=') return Number(curr || 0) - Number(res);
+      return res;
+    }
+    class StoryVM {
+      constructor(story) {
+        this.story = story;
+        this.state = {
+          currentLabel: story.meta.startLabel || 'start',
+          instructionPointer: 0,
+          callStack: [],
+          variables: {},
+          visual: { background: null, transition: null, characters: {} },
+          audio: { music: null, voice: null },
+          dialogue: null,
+          choices: null,
+          isWaitingForInput: false,
+          isFinished: false
+        };
+        this.snapshotStack = [];
+        this.listeners = new Set();
+        this.saveManager = new SaveManager();
+      }
+      getState() { return this.state; }
+      onStateChange(cb) { this.listeners.add(cb); return () => this.listeners.delete(cb); }
+      start() { this.execute(); }
+      next() {
+        if (this.state.isFinished || (this.state.choices && this.state.choices.length > 0)) return;
+        this.state.isWaitingForInput = false;
+        this.execute();
+      }
+      choose(idx) {
+        if (!this.state.choices || !this.state.choices[idx]) return;
+        const choice = this.state.choices[idx];
+        this.state.choices = null;
+        this.state.isWaitingForInput = false;
+        this.state.currentLabel = choice.targetLabel;
+        this.state.instructionPointer = 0;
+        this.execute();
+      }
+      rollback() {
+        if (this.snapshotStack.length <= 1) return false;
+        this.snapshotStack.pop();
+        const prev = this.snapshotStack[this.snapshotStack.length - 1];
+        if (prev) {
+          this.state = JSON.parse(JSON.stringify(prev));
+          this.notify();
+          return true;
+        }
+        return false;
+      }
+      canRollback() { return this.snapshotStack.length > 1; }
+      async save(slot) {
+        await this.saveManager.saveSlot(slot, this.state, this.state.dialogue ? this.state.dialogue.text : '');
+      }
+      async load(slot) {
+        const data = await this.saveManager.loadSlot(slot);
+        if (data && data.snapshot) {
+          this.state = JSON.parse(JSON.stringify(data.snapshot));
+          this.snapshotStack = [this.state];
+          this.notify();
+          return true;
+        }
+        return false;
+      }
+      execute() {
+        while (!this.state.isWaitingForInput && !this.state.isFinished) {
+          const list = this.story.labels[this.state.currentLabel];
+          if (!list || this.state.instructionPointer >= list.length) {
+            if (this.state.callStack.length > 0) {
+              const frame = this.state.callStack.pop();
+              this.state.currentLabel = frame.returnLabel;
+              this.state.instructionPointer = frame.returnPointer;
+              continue;
+            }
+            this.state.isFinished = true;
+            break;
+          }
+          const inst = list[this.state.instructionPointer++];
+          if (inst.type === 'scene') {
+            this.state.visual.background = inst.background;
+            this.state.visual.characters = {};
+          } else if (inst.type === 'show') {
+            this.state.visual.characters[inst.character] = {
+              expression: inst.expression,
+              position: inst.position || 'center'
+            };
+          } else if (inst.type === 'hide') {
+            delete this.state.visual.characters[inst.character];
+          } else if (inst.type === 'dialogue') {
+            const charDef = inst.speaker ? this.story.characters[inst.speaker] : null;
+            this.state.dialogue = {
+              speaker: inst.speaker,
+              speakerDisplayName: charDef ? charDef.name : inst.speaker,
+              speakerColor: charDef ? charDef.color : null,
+              text: inst.text
+            };
+            this.state.isWaitingForInput = true;
+          } else if (inst.type === 'choice') {
+            this.state.choices = inst.choices;
+            this.state.isWaitingForInput = true;
+          } else if (inst.type === 'jump') {
+            this.state.currentLabel = inst.targetLabel;
+            this.state.instructionPointer = 0;
+          } else if (inst.type === 'set') {
+            const curr = this.state.variables[inst.variable];
+            this.state.variables[inst.variable] = applySetOp(curr, inst.operator, inst.value, this.state.variables);
+          } else if (inst.type === 'branch') {
+            const ok = evaluateCondition(inst.condition, this.state.variables);
+            this.state.currentLabel = ok ? inst.thenLabel : (inst.elseLabel || inst.thenLabel);
+            this.state.instructionPointer = 0;
+          } else if (inst.type === 'return') {
+            this.state.isFinished = true;
+          }
+        }
+        if (this.state.isWaitingForInput) {
+          this.snapshotStack.push(JSON.parse(JSON.stringify(this.state)));
+        }
+        this.notify();
+      }
+      notify() { for (const l of this.listeners) l(this.state); }
+    }
+    class DOMRenderer {
+      constructor(vm, container) {
+        this.vm = vm;
+        this.container = container;
+        this.build();
+        vm.onStateChange(s => this.render(s));
+        this.render(vm.getState());
+      }
+      build() {
+        this.container.innerHTML = \`
+          <div class="kawa-root">
+            <div class="kawa-stage">
+              <div class="kawa-background"></div>
+              <div class="kawa-characters kawa-sprites"></div>
+              <div class="kawa-ui-layer">
+                <div class="kawa-choice-container kawa-choices" style="display:none"></div>
+                <div class="kawa-dialogue-box kawa-dialogue">
+                  <div class="kawa-speaker-tag kawa-speaker" style="display:none"></div>
+                  <div class="kawa-dialogue-text kawa-text"></div>
+                  <div class="kawa-continue-indicator">&#9660;</div>
+                </div>
+                <nav class="kawa-quick-menu">
+                  <button class="kawa-btn kawa-back">Back</button>
+                  <button class="kawa-btn kawa-save">Save</button>
+                  <button class="kawa-btn kawa-load">Load</button>
+                </nav>
+              </div>
+            </div>
+          </div>\`;
+        this.bgEl = this.container.querySelector('.kawa-background');
+        this.charsEl = this.container.querySelector('.kawa-characters');
+        this.boxEl = this.container.querySelector('.kawa-dialogue-box');
+        this.spkEl = this.container.querySelector('.kawa-speaker-tag');
+        this.txtEl = this.container.querySelector('.kawa-dialogue-text');
+        this.choiceEl = this.container.querySelector('.kawa-choice-container');
+        this.backBtn = this.container.querySelector('.kawa-back');
+        this.saveBtn = this.container.querySelector('.kawa-save');
+        this.loadBtn = this.container.querySelector('.kawa-load');
+
+        this.boxEl.addEventListener('click', () => this.vm.next());
+        this.backBtn.addEventListener('click', (e) => { e.stopPropagation(); this.vm.rollback(); });
+        this.saveBtn.addEventListener('click', async (e) => { e.stopPropagation(); await this.vm.save('1'); alert('Saved to Slot 1'); });
+        this.loadBtn.addEventListener('click', async (e) => { e.stopPropagation(); if (await this.vm.load('1')) alert('Loaded Slot 1'); });
+        window.addEventListener('keydown', (e) => {
+          if (e.code === 'Space' || e.code === 'Enter') { e.preventDefault(); this.vm.next(); }
+          if (e.code === 'Backspace') { e.preventDefault(); this.vm.rollback(); }
+        });
+      }
+      render(state) {
+        this.backBtn.disabled = !this.vm.canRollback();
+        if (state.visual.background) {
+          const bg = state.visual.background.replace(/^bg\\s+/, '');
+          this.bgEl.style.backgroundImage = 'url("./assets/backgrounds/' + bg + (bg.includes('.') ? '' : '.png') + '")';
+          this.bgEl.style.opacity = '1';
+        } else {
+          this.bgEl.style.opacity = '0';
+        }
+
+        this.charsEl.innerHTML = '';
+        for (const [id, char] of Object.entries(state.visual.characters)) {
+          const div = document.createElement('div');
+          div.className = 'kawa-sprite kawa-pos-' + (char.position || 'center');
+          const img = document.createElement('img');
+          const expr = char.expression ? '/' + char.expression : '';
+          img.src = './assets/characters/' + id + expr + '.png';
+          img.alt = id;
+          img.onerror = () => {
+            img.style.display = 'none';
+            div.style.width = '200px'; div.style.height = '400px';
+            div.style.background = 'rgba(244,63,94,0.3)'; div.style.border = '2px dashed #f43f5e';
+            div.style.borderRadius = '16px'; div.style.display = 'flex'; div.style.alignItems = 'center';
+            div.style.justifyContent = 'center'; div.style.color = '#fff';
+            div.textContent = id + (char.expression ? ' (' + char.expression + ')' : '');
+          };
+          div.appendChild(img);
+          this.charsEl.appendChild(div);
+        }
+
+        if (state.dialogue) {
+          this.boxEl.style.display = 'block';
+          if (state.dialogue.speakerDisplayName) {
+            this.spkEl.style.display = 'inline-block';
+            this.spkEl.textContent = state.dialogue.speakerDisplayName;
+            if (state.dialogue.speakerColor) this.spkEl.style.backgroundColor = state.dialogue.speakerColor;
+          } else {
+            this.spkEl.style.display = 'none';
+          }
+          this.txtEl.textContent = state.dialogue.text;
+        } else {
+          this.boxEl.style.display = 'none';
+        }
+
+        if (state.choices && state.choices.length > 0) {
+          this.choiceEl.innerHTML = '';
+          this.choiceEl.style.display = 'flex';
+          state.choices.forEach((c, idx) => {
+            const btn = document.createElement('button');
+            btn.className = 'kawa-choice-btn kawa-choice';
+            btn.textContent = c.text;
+            btn.addEventListener('click', (e) => { e.stopPropagation(); this.vm.choose(idx); });
+            this.choiceEl.appendChild(btn);
+          });
+        } else {
+          this.choiceEl.style.display = 'none';
+        }
+      }
+    }
+
+    const vm = new StoryVM(story);
+    new DOMRenderer(vm, document.getElementById('app'));
+    vm.start();
+  </script>
+</body>
+</html>`;
+    fs.writeFileSync(path.join(outDir, 'index.html'), htmlContent, 'utf-8');
+    console.log(`✅ Static web application generated: dist/index.html`);
+    console.log(`\n🎉 Production build complete! Ready for GitHub Pages, Netlify, itch.io, etc.\n`);
+    return true;
+}
+function copyDirectoryRecursive(src, dest) {
+    fs.mkdirSync(dest, { recursive: true });
+    const entries = fs.readdirSync(src, { withFileTypes: true });
+    for (const entry of entries) {
+        const srcPath = path.join(src, entry.name);
+        const destPath = path.join(dest, entry.name);
+        if (entry.isDirectory()) {
+            copyDirectoryRecursive(srcPath, destPath);
+        }
+        else {
+            fs.copyFileSync(srcPath, destPath);
+        }
+    }
+}
+//# sourceMappingURL=build.js.map

package/dist/commands/build.js.map

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

package/dist/commands/dev.d.ts

@@ -0,0 +1,6 @@
+export interface DevServerOptions {
+    port?: number;
+    open?: boolean;
+}
+export declare function startDevServer(projectDir?: string, options?: DevServerOptions): void;
+//# sourceMappingURL=dev.d.ts.map

package/dist/commands/dev.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev.d.ts","sourceRoot":"","sources":["../../src/commands/dev.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,wBAAgB,cAAc,CAAC,UAAU,SAAM,EAAE,OAAO,GAAE,gBAAqB,GAAG,IAAI,CAkMrF"}

package/dist/commands/dev.js

@@ -0,0 +1,485 @@
+import * as http from 'node:http';
+import * as fs from 'node:fs';
+import * as path from 'node:path';
+import { compileScript, formatDiagnostic, KawaError } from '@kawaijs/parser';
+export function startDevServer(projectDir = '.', options = {}) {
+    const rootDir = path.resolve(process.cwd(), projectDir);
+    const scriptPath = path.join(rootDir, 'game', 'script.kawa');
+    const stylePath = path.join(rootDir, 'game', 'style.css');
+    const assetsDir = path.join(rootDir, 'game', 'assets');
+    let port = options.port ?? 3000;
+    if (!fs.existsSync(scriptPath)) {
+        console.error(`❌ Error: Cannot find '${scriptPath}'. Make sure you are inside a Kawaijs project directory.`);
+        return;
+    }
+    const clients = new Set();
+    // File watcher for auto-reload
+    const gameDir = path.join(rootDir, 'game');
+    if (fs.existsSync(gameDir)) {
+        fs.watch(gameDir, { recursive: true }, (_eventType, filename) => {
+            if (filename && (filename.endsWith('.kawa') || filename.endsWith('.css') || filename.startsWith('assets'))) {
+                console.log(`🔄 [Kawa Dev] File changed: ${filename}. Reloading...`);
+                for (const client of clients) {
+                    client.write(`data: reload\n\n`);
+                }
+            }
+        });
+    }
+    const server = http.createServer((req, res) => {
+        const url = req.url ?? '/';
+        // 1. SSE Live Reload Endpoint
+        if (url === '/__kawa_reload') {
+            res.writeHead(200, {
+                'Content-Type': 'text/event-stream',
+                'Cache-Control': 'no-cache',
+                'Connection': 'keep-alive',
+                'Access-Control-Allow-Origin': '*'
+            });
+            clients.add(res);
+            req.on('close', () => clients.delete(res));
+            return;
+        }
+        // 2. Dynamic Story JSON API
+        if (url === '/api/story.json') {
+            try {
+                const source = fs.readFileSync(scriptPath, 'utf-8');
+                const story = compileScript(source, path.basename(scriptPath));
+                res.writeHead(200, { 'Content-Type': 'application/json' });
+                res.end(JSON.stringify(story));
+            }
+            catch (err) {
+                res.writeHead(500, { 'Content-Type': 'application/json' });
+                let errMsg = 'Compilation Error';
+                if (err instanceof KawaError) {
+                    const source = fs.readFileSync(scriptPath, 'utf-8');
+                    errMsg = formatDiagnostic(err.diagnostic, source);
+                }
+                else if (err instanceof Error) {
+                    errMsg = err.message;
+                }
+                res.end(JSON.stringify({ error: errMsg }));
+            }
+            return;
+        }
+        // 3. User & Default Stylesheet
+        if (url === '/style.css') {
+            res.writeHead(200, { 'Content-Type': 'text/css' });
+            let combinedCss = `/* Kawaijs Base Theme */\n`;
+            // Load default renderer theme CSS
+            const themeCssPath = path.resolve(path.dirname(import.meta.url.replace('file:///', '')), '..', '..', '..', 'renderer-dom', 'src', 'theme.css');
+            if (fs.existsSync(themeCssPath)) {
+                combinedCss += fs.readFileSync(themeCssPath, 'utf-8') + '\n';
+            }
+            if (fs.existsSync(stylePath)) {
+                combinedCss += `/* User Custom Styles */\n` + fs.readFileSync(stylePath, 'utf-8');
+            }
+            res.end(combinedCss);
+            return;
+        }
+        // 4. Game Assets (/assets/*)
+        if (url.startsWith('/assets/')) {
+            const relPath = decodeURIComponent(url.replace('/assets/', ''));
+            let filePath = path.join(assetsDir, relPath);
+            if (!fs.existsSync(filePath)) {
+                // Try fallback extensions (.svg, .png, .webp, .jpg, .jpeg, .mp3, .ogg)
+                const parsed = path.parse(filePath);
+                for (const ext of ['.svg', '.png', '.webp', '.jpg', '.jpeg', '.mp3', '.ogg']) {
+                    const candidate = path.join(parsed.dir, parsed.name + ext);
+                    if (fs.existsSync(candidate) && fs.statSync(candidate).isFile()) {
+                        filePath = candidate;
+                        break;
+                    }
+                }
+            }
+            if (fs.existsSync(filePath) && fs.statSync(filePath).isFile()) {
+                const ext = path.extname(filePath).toLowerCase();
+                const mimeTypes = {
+                    '.png': 'image/png',
+                    '.jpg': 'image/jpeg',
+                    '.jpeg': 'image/jpeg',
+                    '.webp': 'image/webp',
+                    '.svg': 'image/svg+xml',
+                    '.mp3': 'audio/mpeg',
+                    '.ogg': 'audio/ogg',
+                    '.wav': 'audio/wav'
+                };
+                res.writeHead(200, { 'Content-Type': mimeTypes[ext] ?? 'application/octet-stream' });
+                fs.createReadStream(filePath).pipe(res);
+                return;
+            }
+            else {
+                res.writeHead(404, { 'Content-Type': 'text/plain' });
+                res.end('Asset not found');
+                return;
+            }
+        }
+        // 5. HTML Shell & Web Runtime
+        res.writeHead(200, { 'Content-Type': 'text/html; charset=utf-8' });
+        res.end(`<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Kawaijs Visual Novel</title>
+  <link rel="stylesheet" href="/style.css">
+  <style>
+    body { margin: 0; padding: 0; background: #000; overflow: hidden; }
+    #error-overlay {
+      display: none; position: fixed; inset: 0; background: rgba(15, 23, 42, 0.95);
+      color: #f43f5e; font-family: monospace; padding: 32px; z-index: 9999;
+      white-space: pre-wrap; font-size: 1.1rem; line-height: 1.5;
+    }
+  </style>
+</head>
+<body>
+  <div id="error-overlay"></div>
+  <div id="app"></div>
+
+  <script type="module">
+    // Live Reload Connection
+    const sse = new EventSource('/__kawa_reload');
+    sse.onmessage = (e) => {
+      if (e.data === 'reload') window.location.reload();
+    };
+
+    // Load story and start game
+    async function init() {
+      const errorEl = document.getElementById('error-overlay');
+      try {
+        const res = await fetch('/api/story.json');
+        const story = await res.json();
+        if (story.error) {
+          errorEl.style.display = 'block';
+          errorEl.textContent = story.error;
+          return;
+        }
+
+        // Inline runtime VM + DOM Renderer
+        ${getInlineRuntimeScript()}
+
+        window.__kawa_app = mountKawaApp(story, document.getElementById('app'));
+      } catch (err) {
+        errorEl.style.display = 'block';
+        errorEl.textContent = err.stack || err.message;
+      }
+    }
+
+    init();
+  </script>
+</body>
+</html>`);
+    });
+    server.on('error', (e) => {
+        if (e.code === 'EADDRINUSE') {
+            console.log(`Port ${port} is in use, trying ${port + 1}...`);
+            port += 1;
+            server.listen(port);
+        }
+        else {
+            console.error('Server error:', e);
+        }
+    });
+    server.listen(port, () => {
+        console.log(`\n🌸 Kawaijs Dev Server running at:`);
+        console.log(`   > Local:   \x1b[36mhttp://localhost:${port}\x1b[0m`);
+        console.log(`   > Project: ${rootDir}`);
+        console.log(`   > Watching: game/script.kawa, game/style.css, game/assets/\n`);
+    });
+}
+function getInlineRuntimeScript() {
+    return `
+    class MemoryStorageAdapter {
+      constructor() { this.store = new Map(); }
+      getItem(k) { return this.store.get(k) || null; }
+      setItem(k, v) { this.store.set(k, v); }
+      removeItem(k) { this.store.delete(k); }
+    }
+    class LocalStorageAdapter {
+      getItem(k) { return localStorage.getItem(k); }
+      setItem(k, v) { localStorage.setItem(k, v); }
+      removeItem(k) { localStorage.removeItem(k); }
+    }
+    class SaveManager {
+      constructor() { this.storage = typeof localStorage !== 'undefined' ? new LocalStorageAdapter() : new MemoryStorageAdapter(); }
+      async saveSlot(id, snapshot, previewText) {
+        const slot = { id, name: 'Slot ' + id, timestamp: Date.now(), snapshot, previewText };
+        this.storage.setItem('kawaijs_save_' + id, JSON.stringify(slot));
+        return slot;
+      }
+      async loadSlot(id) {
+        const raw = this.storage.getItem('kawaijs_save_' + id);
+        return raw ? JSON.parse(raw) : null;
+      }
+    }
+    function evaluateCondition(cond, vars) {
+      const t = (cond || '').trim();
+      if (!t || t === 'true') return true;
+      if (t === 'false') return false;
+      const ops = ['>=', '<=', '!=', '==', '>', '<'];
+      for (const op of ops) {
+        const idx = t.indexOf(op);
+        if (idx !== -1) {
+          const l = resolveVal(t.slice(0, idx), vars);
+          const r = resolveVal(t.slice(idx + op.length), vars);
+          if (op === '>=') return Number(l) >= Number(r);
+          if (op === '<=') return Number(l) <= Number(r);
+          if (op === '>') return Number(l) > Number(r);
+          if (op === '<') return Number(l) < Number(r);
+          if (op === '==') return l == r;
+          if (op === '!=') return l != r;
+        }
+      }
+      if (t.startsWith('!')) return !Boolean(vars[t.slice(1).trim()]);
+      return Boolean(vars[t]);
+    }
+    function resolveVal(token, vars) {
+      const t = token.trim();
+      if (t === 'true') return true;
+      if (t === 'false') return false;
+      if (!isNaN(Number(t)) && t !== '') return Number(t);
+      if ((t.startsWith('"') && t.endsWith('"')) || (t.startsWith("'") && t.endsWith("'"))) return t.slice(1, -1);
+      if (t in vars) return vars[t];
+      return t;
+    }
+    function applySetOp(curr, op, val, vars) {
+      const res = (typeof val === 'string' && val in vars) ? vars[val] : val;
+      if (op === '+=') return Number(curr || 0) + Number(res);
+      if (op === '-=') return Number(curr || 0) - Number(res);
+      return res;
+    }
+    class StoryVM {
+      constructor(story) {
+        this.story = story;
+        this.state = {
+          currentLabel: story.meta.startLabel || 'start',
+          instructionPointer: 0,
+          callStack: [],
+          variables: {},
+          visual: { background: null, transition: null, characters: {} },
+          audio: { music: null, voice: null },
+          dialogue: null,
+          choices: null,
+          isWaitingForInput: false,
+          isFinished: false
+        };
+        this.snapshotStack = [];
+        this.listeners = new Set();
+        this.history = [];
+        this.saveManager = new SaveManager();
+      }
+      getState() { return this.state; }
+      onStateChange(cb) { this.listeners.add(cb); return () => this.listeners.delete(cb); }
+      start() { this.execute(); }
+      next() {
+        if (this.state.isFinished || (this.state.choices && this.state.choices.length > 0)) return;
+        this.state.isWaitingForInput = false;
+        this.execute();
+      }
+      choose(idx) {
+        if (!this.state.choices || !this.state.choices[idx]) return;
+        const choice = this.state.choices[idx];
+        this.state.choices = null;
+        this.state.isWaitingForInput = false;
+        this.state.currentLabel = choice.targetLabel;
+        this.state.instructionPointer = 0;
+        this.execute();
+      }
+      rollback() {
+        if (this.snapshotStack.length <= 1) return false;
+        this.snapshotStack.pop();
+        const prev = this.snapshotStack[this.snapshotStack.length - 1];
+        if (prev) {
+          this.state = JSON.parse(JSON.stringify(prev));
+          this.notify();
+          return true;
+        }
+        return false;
+      }
+      canRollback() { return this.snapshotStack.length > 1; }
+      async save(slot) {
+        await this.saveManager.saveSlot(slot, this.state, this.state.dialogue ? this.state.dialogue.text : '');
+      }
+      async load(slot) {
+        const data = await this.saveManager.loadSlot(slot);
+        if (data && data.snapshot) {
+          this.state = JSON.parse(JSON.stringify(data.snapshot));
+          this.snapshotStack = [this.state];
+          this.notify();
+          return true;
+        }
+        return false;
+      }
+      execute() {
+        while (!this.state.isWaitingForInput && !this.state.isFinished) {
+          const list = this.story.labels[this.state.currentLabel];
+          if (!list || this.state.instructionPointer >= list.length) {
+            if (this.state.callStack.length > 0) {
+              const frame = this.state.callStack.pop();
+              this.state.currentLabel = frame.returnLabel;
+              this.state.instructionPointer = frame.returnPointer;
+              continue;
+            }
+            this.state.isFinished = true;
+            break;
+          }
+          const inst = list[this.state.instructionPointer++];
+          if (inst.type === 'scene') {
+            this.state.visual.background = inst.background;
+            this.state.visual.characters = {};
+          } else if (inst.type === 'show') {
+            this.state.visual.characters[inst.character] = {
+              expression: inst.expression,
+              position: inst.position || 'center'
+            };
+          } else if (inst.type === 'hide') {
+            delete this.state.visual.characters[inst.character];
+          } else if (inst.type === 'dialogue') {
+            const charDef = inst.speaker ? this.story.characters[inst.speaker] : null;
+            this.state.dialogue = {
+              speaker: inst.speaker,
+              speakerDisplayName: charDef ? charDef.name : inst.speaker,
+              speakerColor: charDef ? charDef.color : null,
+              text: inst.text
+            };
+            this.state.isWaitingForInput = true;
+            this.history.push(this.state.dialogue);
+          } else if (inst.type === 'choice') {
+            this.state.choices = inst.choices;
+            this.state.isWaitingForInput = true;
+          } else if (inst.type === 'jump') {
+            this.state.currentLabel = inst.targetLabel;
+            this.state.instructionPointer = 0;
+          } else if (inst.type === 'set') {
+            const curr = this.state.variables[inst.variable];
+            this.state.variables[inst.variable] = applySetOp(curr, inst.operator, inst.value, this.state.variables);
+          } else if (inst.type === 'branch') {
+            const ok = evaluateCondition(inst.condition, this.state.variables);
+            this.state.currentLabel = ok ? inst.thenLabel : (inst.elseLabel || inst.thenLabel);
+            this.state.instructionPointer = 0;
+          } else if (inst.type === 'return') {
+            this.state.isFinished = true;
+          }
+        }
+        if (this.state.isWaitingForInput) {
+          this.snapshotStack.push(JSON.parse(JSON.stringify(this.state)));
+        }
+        this.notify();
+      }
+      notify() { for (const l of this.listeners) l(this.state); }
+    }
+    class DOMRenderer {
+      constructor(vm, container) {
+        this.vm = vm;
+        this.container = container;
+        this.build();
+        vm.onStateChange(s => this.render(s));
+        this.render(vm.getState());
+      }
+      build() {
+        this.container.innerHTML = \`
+          <div class="kawa-root">
+            <div class="kawa-stage">
+              <div class="kawa-background"></div>
+              <div class="kawa-characters kawa-sprites"></div>
+              <div class="kawa-ui-layer">
+                <div class="kawa-choice-container kawa-choices" style="display:none"></div>
+                <div class="kawa-dialogue-box kawa-dialogue">
+                  <div class="kawa-speaker-tag kawa-speaker" style="display:none"></div>
+                  <div class="kawa-dialogue-text kawa-text"></div>
+                  <div class="kawa-continue-indicator">&#9660;</div>
+                </div>
+                <nav class="kawa-quick-menu">
+                  <button class="kawa-btn kawa-back">Back</button>
+                  <button class="kawa-btn kawa-save">Save</button>
+                  <button class="kawa-btn kawa-load">Load</button>
+                </nav>
+              </div>
+            </div>
+          </div>\`;
+        this.bgEl = this.container.querySelector('.kawa-background');
+        this.charsEl = this.container.querySelector('.kawa-characters');
+        this.boxEl = this.container.querySelector('.kawa-dialogue-box');
+        this.spkEl = this.container.querySelector('.kawa-speaker-tag');
+        this.txtEl = this.container.querySelector('.kawa-dialogue-text');
+        this.choiceEl = this.container.querySelector('.kawa-choice-container');
+        this.backBtn = this.container.querySelector('.kawa-back');
+        this.saveBtn = this.container.querySelector('.kawa-save');
+        this.loadBtn = this.container.querySelector('.kawa-load');
+
+        this.boxEl.addEventListener('click', () => this.vm.next());
+        this.backBtn.addEventListener('click', (e) => { e.stopPropagation(); this.vm.rollback(); });
+        this.saveBtn.addEventListener('click', async (e) => { e.stopPropagation(); await this.vm.save('1'); alert('Saved to Slot 1'); });
+        this.loadBtn.addEventListener('click', async (e) => { e.stopPropagation(); if (await this.vm.load('1')) alert('Loaded Slot 1'); });
+        window.addEventListener('keydown', (e) => {
+          if (e.code === 'Space' || e.code === 'Enter') { e.preventDefault(); this.vm.next(); }
+          if (e.code === 'Backspace') { e.preventDefault(); this.vm.rollback(); }
+        });
+      }
+      render(state) {
+        this.backBtn.disabled = !this.vm.canRollback();
+        if (state.visual.background) {
+          const bg = state.visual.background.replace(/^bg\\s+/, '');
+          this.bgEl.style.backgroundImage = 'url("/assets/backgrounds/' + bg + (bg.includes('.') ? '' : '.png') + '")';
+          this.bgEl.style.opacity = '1';
+        } else {
+          this.bgEl.style.opacity = '0';
+        }
+
+        this.charsEl.innerHTML = '';
+        for (const [id, char] of Object.entries(state.visual.characters)) {
+          const div = document.createElement('div');
+          div.className = 'kawa-sprite kawa-pos-' + (char.position || 'center');
+          const img = document.createElement('img');
+          const expr = char.expression ? '/' + char.expression : '';
+          img.src = '/assets/characters/' + id + expr + '.png';
+          img.alt = id;
+          img.onerror = () => {
+            img.style.display = 'none';
+            div.style.width = '200px'; div.style.height = '400px';
+            div.style.background = 'rgba(244,63,94,0.3)'; div.style.border = '2px dashed #f43f5e';
+            div.style.borderRadius = '16px'; div.style.display = 'flex'; div.style.alignItems = 'center';
+            div.style.justifyContent = 'center'; div.style.color = '#fff';
+            div.textContent = id + (char.expression ? ' (' + char.expression + ')' : '');
+          };
+          div.appendChild(img);
+          this.charsEl.appendChild(div);
+        }
+
+        if (state.dialogue) {
+          this.boxEl.style.display = 'block';
+          if (state.dialogue.speakerDisplayName) {
+            this.spkEl.style.display = 'inline-block';
+            this.spkEl.textContent = state.dialogue.speakerDisplayName;
+            if (state.dialogue.speakerColor) this.spkEl.style.backgroundColor = state.dialogue.speakerColor;
+          } else {
+            this.spkEl.style.display = 'none';
+          }
+          this.txtEl.textContent = state.dialogue.text;
+        } else {
+          this.boxEl.style.display = 'none';
+        }
+
+        if (state.choices && state.choices.length > 0) {
+          this.choiceEl.innerHTML = '';
+          this.choiceEl.style.display = 'flex';
+          state.choices.forEach((c, idx) => {
+            const btn = document.createElement('button');
+            btn.className = 'kawa-choice-btn kawa-choice';
+            btn.textContent = c.text;
+            btn.addEventListener('click', (e) => { e.stopPropagation(); this.vm.choose(idx); });
+            this.choiceEl.appendChild(btn);
+          });
+        } else {
+          this.choiceEl.style.display = 'none';
+        }
+      }
+    }
+    function mountKawaApp(story, container) {
+      const vm = new StoryVM(story);
+      const renderer = new DOMRenderer(vm, container);
+      vm.start();
+      return { vm, renderer };
+    }
+  `;
+}
+//# sourceMappingURL=dev.js.map

package/dist/commands/dev.js.map

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

package/dist/index.d.ts

@@ -4,6 +4,8 @@ export * from '@kawaijs/runtime';
 export * from '@kawaijs/renderer-dom';
 import { createProject } from './commands/create.js';
 import { validateProject } from './commands/validate.js';
-export { createProject, validateProject };
+import { startDevServer } from './commands/dev.js';
+import { buildProject } from './commands/build.js';
+export { createProject, validateProject, startDevServer, buildProject };
 export declare function runCLI(args: string[]): void;
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AAEtC,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,CAAC;AAE1C,wBAAgB,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,CAqD3C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AAEtC,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,cAAc,EAAE,YAAY,EAAE,CAAC;AAExE,wBAAgB,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,CAoE3C"}

package/dist/index.js

@@ -4,7 +4,9 @@ export * from '@kawaijs/runtime';
 export * from '@kawaijs/renderer-dom';
 import { createProject } from './commands/create.js';
 import { validateProject } from './commands/validate.js';
-export { createProject, validateProject };
+import { startDevServer } from './commands/dev.js';
+import { buildProject } from './commands/build.js';
+export { createProject, validateProject, startDevServer, buildProject };
 export function runCLI(args) {
     const command = args[0];
     switch (command) {
@@ -13,6 +15,19 @@ export function runCLI(args) {
             createProject(projectName);
             break;
         }
+        case 'dev': {
+            const targetPath = args[1] ?? '.';
+            startDevServer(targetPath);
+            break;
+        }
+        case 'build': {
+            const targetPath = args[1] ?? '.';
+            const ok = buildProject(targetPath);
+            if (!ok) {
+                process.exitCode = 1;
+            }
+            break;
+        }
         case 'validate': {
             const targetPath = args[1] ?? '.';
             const ok = validateProject(targetPath);
@@ -24,7 +39,7 @@ export function runCLI(args) {
         case 'version':
         case '-v':
         case '--version': {
-            console.log('Kawaijs v0.1.0');
+            console.log('Kawaijs v0.1.1');
             break;
         }
         case 'help':
@@ -40,16 +55,16 @@ Usage:
 
 Commands:
   create <name>     Scaffold a new visual novel project
+  dev [path]        Start the local development server (with live reload)
+  build [path]      Build a static production web bundle (dist/)
   validate [path]   Validate Kawa Script syntax, labels, and links
-  dev               Start the local development server (with HMR)
-  build             Build a static production web bundle
   help              Show this help message
   version           Show version information
 
 Example:
   kawa create my-novel
   cd my-novel
-  kawa validate
+  kawa dev
 `);
             break;
         }

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AAEtC,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,CAAC;AAE1C,MAAM,UAAU,MAAM,CAAC,IAAc;IACnC,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;IAExB,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,QAAQ,CAAC,CAAC,CAAC;YACd,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,UAAU,CAAC;YAC1C,aAAa,CAAC,WAAW,CAAC,CAAC;YAC3B,MAAM;QACR,CAAC;QAED,KAAK,UAAU,CAAC,CAAC,CAAC;YAChB,MAAM,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC;YAClC,MAAM,EAAE,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC;YACvC,IAAI,CAAC,EAAE,EAAE,CAAC;gBACR,OAAO,CAAC,QAAQ,GAAG,CAAC,CAAC;YACvB,CAAC;YACD,MAAM;QACR,CAAC;QAED,KAAK,SAAS,CAAC;QACf,KAAK,IAAI,CAAC;QACV,KAAK,WAAW,CAAC,CAAC,CAAC;YACjB,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;YAC9B,MAAM;QACR,CAAC;QAED,KAAK,MAAM,CAAC;QACZ,KAAK,IAAI,CAAC;QACV,KAAK,QAAQ,CAAC;QACd,OAAO,CAAC,CAAC,CAAC;YACR,OAAO,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;CAmBjB,CAAC,CAAC;YACG,MAAM;QACR,CAAC;IACH,CAAC;AACH,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AAEtC,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,cAAc,EAAE,YAAY,EAAE,CAAC;AAExE,MAAM,UAAU,MAAM,CAAC,IAAc;IACnC,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;IAExB,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,QAAQ,CAAC,CAAC,CAAC;YACd,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,UAAU,CAAC;YAC1C,aAAa,CAAC,WAAW,CAAC,CAAC;YAC3B,MAAM;QACR,CAAC;QAED,KAAK,KAAK,CAAC,CAAC,CAAC;YACX,MAAM,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC;YAClC,cAAc,CAAC,UAAU,CAAC,CAAC;YAC3B,MAAM;QACR,CAAC;QAED,KAAK,OAAO,CAAC,CAAC,CAAC;YACb,MAAM,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC;YAClC,MAAM,EAAE,GAAG,YAAY,CAAC,UAAU,CAAC,CAAC;YACpC,IAAI,CAAC,EAAE,EAAE,CAAC;gBACR,OAAO,CAAC,QAAQ,GAAG,CAAC,CAAC;YACvB,CAAC;YACD,MAAM;QACR,CAAC;QAED,KAAK,UAAU,CAAC,CAAC,CAAC;YAChB,MAAM,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC;YAClC,MAAM,EAAE,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC;YACvC,IAAI,CAAC,EAAE,EAAE,CAAC;gBACR,OAAO,CAAC,QAAQ,GAAG,CAAC,CAAC;YACvB,CAAC;YACD,MAAM;QACR,CAAC;QAED,KAAK,SAAS,CAAC;QACf,KAAK,IAAI,CAAC;QACV,KAAK,WAAW,CAAC,CAAC,CAAC;YACjB,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;YAC9B,MAAM;QACR,CAAC;QAED,KAAK,MAAM,CAAC;QACZ,KAAK,IAAI,CAAC;QACV,KAAK,QAAQ,CAAC;QACd,OAAO,CAAC,CAAC,CAAC;YACR,OAAO,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;CAmBjB,CAAC,CAAC;YACG,MAAM;QACR,CAAC;IACH,CAAC;AACH,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kawaijs",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Web-native visual novel engine and toolchain inspired by Ren'Py",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -11,7 +11,8 @@
   },
   "files": [
     "dist",
-    "bin"
+    "bin",
+    "README.md"
   ],
   "publishConfig": {
     "access": "public"
@@ -30,10 +31,10 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@kawaijs/ast": "^0.1.0",
-    "@kawaijs/parser": "^0.1.0",
-    "@kawaijs/runtime": "^0.1.0",
-    "@kawaijs/renderer-dom": "^0.1.0"
+    "@kawaijs/ast": "^0.1.2",
+    "@kawaijs/parser": "^0.1.2",
+    "@kawaijs/runtime": "^0.1.2",
+    "@kawaijs/renderer-dom": "^0.1.2"
   },
   "keywords": [
     "kawaijs",