GUIChatPluginTicTacToe
Tic-Tac-Toe game plugin for GUI Chat.
Development
1. Plugin単体でデバッグ
yarn install
yarn run devブラウザで http://localhost:5173/ を開く
2. MulmoChatでデバッグ
初回セットアップ(MulmoChat側):
MulmoChat/package.jsonに依存関係を追加:"@gui-chat-plugin/tictactoe": "file:../GUIChatPluginTicTacToe",MulmoChat/src/main.tsにCSS importを追加:import "@gui-chat-plugin/tictactoe/style.css";MulmoChat/src/tools/index.tsにプラグインを登録:import TicTacToePlugin from "@gui-chat-plugin/tictactoe/vue"; // pluginList に TicTacToePlugin を追加
デバッグ実行:
# プラグインをビルドしてMulmoChatに反映
./refresh-in-mulmochat.sh
# MulmoChatを起動
cd ../MulmoChat
yarn run dev3. チェックスクリプト
# プラグインファイル構成チェック
./check-plugin-structure.sh
# MulmoChat統合チェック(CSS, 依存関係, 登録)
./check-mulmochat-integration.shRequired Files (24 files)
【ルート設定ファイル (7)】
.gitignore
package.json
tsconfig.json
tsconfig.build.json
vite.config.ts
eslint.config.js
index.html
【ソースエントリ (2)】
src/index.ts
src/style.css
【Coreモジュール (6)】
src/core/index.ts
src/core/types.ts
src/core/definition.ts
src/core/logic.ts
src/core/plugin.ts
src/core/samples.ts
【Vueモジュール (3)】
src/vue/index.ts
src/vue/View.vue
src/vue/Preview.vue
【デモファイル (2)】
demo/main.ts
demo/App.vueScripts
| Command | Description |
|---|---|
yarn dev |
開発サーバー起動 |
yarn build |
プロダクションビルド |
yarn typecheck |
TypeScriptチェック |
yarn lint |
ESLintチェック |
./check-plugin-structure.sh |
ファイル構成チェック |
./check-mulmochat-integration.sh |
MulmoChat統合チェック |
./refresh-in-mulmochat.sh |
MulmoChatに反映 |