cc2a820af7
- Fixed deadlock in FileBox plugin copyFrom implementation (single lock) - Added TLV Handle (tag=8) parsing in calls.rs for returned BoxRefs - Improved plugin loader with config path consistency and detailed logging - Fixed loader routing for proper Handle type_id/fini_method_id resolution - Added detailed logging for TLV encoding/decoding in plugin_loader_v2 Test docs/examples/plugin_boxref_return.nyash now works correctly: - cloneSelf() returns FileBox Handle properly - copyFrom(Box) accepts plugin Box arguments - Both FileBox instances close and fini correctly 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
2.7 KiB
2.7 KiB
🌐 Nyash WebAssembly ブラウザデビュー計画
🎯 なぜこれが天才的か
- extern box不要 - Rust側でWASM対応Boxを実装すればOK
- GUI即実現 - Canvas/DOM使って即座にビジュアルアプリ
- 配布超簡単 - URLアクセスだけで動く
- 既存資産活用 - 現在のNyashインタープリターをそのままWASM化
🏗️ アーキテクチャ
ブラウザ
↓
Nyashコード（テキストエリア）
↓
NyashインタープリターWASM
↓
WasmBox / DOMBox / CanvasBox
↓
ブラウザAPI（DOM/Canvas/Event）
📦 新しいBox実装案
1. WasmBox - WebAssembly制御
wasm = new WasmBox()
console = wasm.getConsole()
console.log("Hello from Nyash in Browser!")
2. DOMBox - DOM操作
dom = new DOMBox()
button = dom.createElement("button")
button.setText("Click me!")
button.onClick(new MethodBox(me, "handleClick"))
dom.body.appendChild(button)
3. CanvasBox - 描画
canvas = new CanvasBox(800, 600)
ctx = canvas.getContext2D()
ctx.fillStyle = "red"
ctx.fillRect(100, 100, 50, 50)
4. EventBox - イベント処理
events = new EventBox()
events.onKeyDown(new MethodBox(me, "handleKey"))
events.onMouseMove(new MethodBox(me, "handleMouse"))
🚀 実装手順
Phase 1: 基本WASM化
- Cargo.tomlにwasm-bindgen追加
- lib.rsでWASM用エクスポート作成
- 簡単なeval関数を公開
- HTMLページで動作確認
Phase 2: ブラウザBox実装
- ConsoleBox - console.log対応
- DOMBox - 基本的なDOM操作
- AlertBox - alert/confirm/prompt
Phase 3: ビジュアルアプリ
- CanvasBox実装
- Snakeゲーム移植
- お絵かきアプリ
- 簡単なIDE
💡 サンプルアプリ
1. インタラクティブREPL
// ブラウザ上でNyashコード実行
input = dom.getElementById("code-input")
output = dom.getElementById("output")
button = dom.getElementById("run-button")
button.onClick(new MethodBox(me, "runCode"))
runCode() {
code = input.getValue()
result = eval(code)
output.setText(result.toString())
}
2. ビジュアルSnakeゲーム
canvas = new CanvasBox(400, 400)
game = new SnakeGame(canvas)
game.start()
3. Nyashプレイグラウンド
- コードエディタ
- 実行結果表示
- サンプルコード集
- 共有機能
🎉 メリット
- 即座にデモ可能 - URL共有だけ
- ビジュアルフィードバック - GUIアプリが作れる
- 学習曲線なし - ブラウザだけあればOK
- 実用アプリ - 本格的なWebアプリも可能
これ、本当にすぐできるにゃ！