| | --- |
| | license: mit |
| | tags: |
| | - openclaw |
| | - clawdbot |
| | - moltbot |
| | - pigbot |
| | - gguf |
| | --- |
| | # OpenClaw Extension |
| |
|
| |  |
| |
|
| | A simple VS Code extension that manages OpenClaw connection status via a status bar item. |
| |
|
| |  |
| |
|
| | ## Requirements |
| |
|
| | - Visual Studio Code version 1.74.0 or higher ([marketplace](https://marketplace.visualstudio.com/items?itemName=gguf.openclaw) or compatible IDE via [open-vsx](https://open-vsx.org/extension/gguf/openclaw)) |
| | - OpenClaw installed (see install [openclaw](https://github.com/openclaw/openclaw) via npm below) |
| |
|
| | ``` |
| | npm install -g openclaw@latest |
| | ``` |
| |
|
| | ## Features |
| |
|
| | - **Status Bar Item**: Shows connection status with three states: |
| | - `$(hubot) OpenClaw` - Not connected (click to connect) |
| | - `$(sync~spin) Connecting...` - Connection in progress |
| | - `$(check) OpenClaw` - Connected to OpenClaw |
| |
|
| | - **Menu Selection Scheme**: Re-structured to provide command menu with options: |
| | - Status |
| | - Onboard |
| | - Gateway |
| | - Terminal |
| | - Dashboard |
| |
|
| | - **OS Detection**: Automatically detects the operating system and uses: |
| | - `openclaw status` on Windows (wsl) |
| | - `openclaw status` on other platforms |
| |
|
| | - **Auto-Connect**: Optional setting to automatically connect on startup (disabled by default) |
| |
|
| | - **Terminal Management**: Creates or reuses terminal based on OS detection |
| | - **Command Execution**: Supports multiple commands (status, onboard, gateway, tui, dashboard) |
| |
|
| | ## Usage |
| |
|
| | 1. Click the OpenClaw status bar item (bottom right) to show the menu |
| | 2. Select one of the options from the menu (Status, Onboard, Gateway, Terminal, Dashboard) |
| | 3. The extension will open a terminal and execute the corresponding `openclaw` command |
| | 4. To enable auto-connect, go to Settings and enable `OpenClaw: Auto Connect` |
| |
|
| | ## Configuration |
| |
|
| | - `openclaw.autoConnect`: Boolean value to automatically connect to OpenClaw on startup (default: false) |
| |
|
| | ## Structure Diagram |
| |
|
| | ```mermaid |
| | graph TD |
| | A[VS Code] --> B[OpenClaw Extension] |
| | B --> C[Status Bar Item] |
| | C --> D{Menu Selection} |
| | D --> E[Status Command] |
| | D --> F[Onboard Command] |
| | D --> G[Gateway Command] |
| | D --> H[Dashboard Command] |
| | E --> I[WSL Terminal] |
| | F --> I |
| | G --> I |
| | H --> I |
| | I --> J[openclaw CLI] |
| | ``` |
| |
|
| |  |
| | *fetch the weather info in SF today; write a color picker for picking a random color for background |
| | |
| | ## Workflow |
| | |
| | 1. **Initialization**: Extension activates and creates status bar item |
| | 2. **User Interaction**: User clicks status bar item to open menu |
| | 3. **Command Selection**: User selects from Status, Onboard, Gateway, Terminal, or Dashboard |
| | 4. **Terminal Management**: Extension creates or reuses terminal based on OS |
| | 5. **Command Execution**: Selected command is sent to terminal |
| | 6. **Status Update**: Status bar item updates based on connection state |
| | |
| |  |
| | *make a flappy bird game on the air |
| |
|
| | ## Development |
| |
|
| | 1. Install dependencies: `npm install` |
| | 2. Compile: `npm run compile` |
| | 3. Press F5 to launch the Extension Development Host |
| |
|
| |  |
| | *create a star war game on the go |
| | |
| | ## Commands |
| | |
| | - `OpenClaw: Show Menu` - Show the OpenClaw menu with command options |
| | |
| | |
| |  |
| | *code a tic tac toe game (allows two players or playing against an AI) |
| |
|
| | ## License |
| | MIT |
| |
|
| | ## alternatively opt to run `openclaw` with `gguf-connector` |
| | ``` |
| | ggc oc |
| | ``` |
| |
|
| |  |
