@pixelbyte-software/pixcode 1.35.4 → 1.36.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.de.md +116 -198
- package/README.ja.md +116 -192
- package/README.ko.md +116 -192
- package/README.md +201 -223
- package/README.ru.md +116 -198
- package/README.tr.md +205 -175
- package/README.zh-CN.md +116 -192
- package/dist/api-automation.html +110 -0
- package/dist/api-docs.html +18 -18
- package/dist/assets/index-BzRaZegN.css +32 -0
- package/dist/assets/{index-CyxRiNt0.js → index-OkHfhUMk.js} +176 -175
- package/dist/docs.html +294 -0
- package/dist/features.html +112 -0
- package/dist/humans.txt +15 -0
- package/dist/index.html +2 -2
- package/dist/landing.html +217 -0
- package/dist/llms-full.txt +117 -0
- package/dist/llms.txt +53 -0
- package/dist/openapi.yaml +12 -9
- package/dist/orchestration.html +125 -0
- package/dist/robots.txt +4 -0
- package/dist/site.css +536 -0
- package/dist/sitemap.xml +51 -0
- package/dist-server/server/cli.js +51 -2
- package/dist-server/server/cli.js.map +1 -1
- package/dist-server/server/daemon/manager.js +0 -1
- package/dist-server/server/daemon/manager.js.map +1 -1
- package/dist-server/server/database/db.js +3 -2
- package/dist-server/server/database/db.js.map +1 -1
- package/dist-server/server/middleware/auth.js +9 -8
- package/dist-server/server/middleware/auth.js.map +1 -1
- package/dist-server/server/modules/orchestration/workflows/workflow-runner.js +156 -32
- package/dist-server/server/modules/orchestration/workflows/workflow-runner.js.map +1 -1
- package/dist-server/server/modules/providers/provider.routes.js +8 -1
- package/dist-server/server/modules/providers/provider.routes.js.map +1 -1
- package/dist-server/server/routes/agent.js +72 -11
- package/dist-server/server/routes/agent.js.map +1 -1
- package/dist-server/server/services/notification-orchestrator.js +11 -2
- package/dist-server/server/services/notification-orchestrator.js.map +1 -1
- package/dist-server/server/services/provider-cli-versions.js +142 -0
- package/dist-server/server/services/provider-cli-versions.js.map +1 -0
- package/dist-server/server/services/startup-update.js +208 -0
- package/dist-server/server/services/startup-update.js.map +1 -0
- package/package.json +35 -10
- package/server/cli.js +58 -3
- package/server/daemon/manager.js +0 -1
- package/server/database/db.js +3 -2
- package/server/middleware/auth.js +9 -8
- package/server/modules/orchestration/workflows/workflow-runner.ts +172 -32
- package/server/modules/providers/provider.routes.ts +8 -1
- package/server/routes/agent.js +75 -10
- package/server/services/notification-orchestrator.js +11 -2
- package/server/services/provider-cli-versions.js +149 -0
- package/server/services/startup-update.js +234 -0
- package/dist/assets/index-BwmhA_le.css +0 -32
package/README.md
CHANGED
|
@@ -1,303 +1,281 @@
|
|
|
1
1
|
<div align="center">
|
|
2
|
-
<img src="public/logo.
|
|
3
|
-
<h1>Pixcode
|
|
4
|
-
<p>A
|
|
5
|
-
<p
|
|
2
|
+
<img src="public/logo.png" alt="Pixcode logo" width="96" height="96" />
|
|
3
|
+
<h1>Pixcode</h1>
|
|
4
|
+
<p><strong>A self-hosted control room for AI coding agents.</strong></p>
|
|
5
|
+
<p>
|
|
6
|
+
Run Claude Code, Cursor CLI, Codex, Gemini CLI, Qwen Code, and OpenCode from one web UI with chat, shell, files, git, orchestration, API keys, plugins, notifications, Telegram, and desktop/server deployment.
|
|
7
|
+
</p>
|
|
8
|
+
<p>
|
|
9
|
+
<a href="https://www.npmjs.com/package/@pixelbyte-software/pixcode"><img src="https://img.shields.io/npm/v/@pixelbyte-software/pixcode?style=for-the-badge&color=10b981" alt="npm version" /></a>
|
|
10
|
+
<a href="https://github.com/alicomert/pixcode/releases/latest"><img src="https://img.shields.io/github/v/release/alicomert/pixcode?style=for-the-badge&color=0ea5e9" alt="latest release" /></a>
|
|
11
|
+
<img src="https://img.shields.io/badge/Node.js-22%2B-3c873a?style=for-the-badge" alt="Node.js 22+" />
|
|
12
|
+
<img src="https://img.shields.io/badge/Desktop-Windows%20%7C%20macOS%20%7C%20Linux-6366f1?style=for-the-badge" alt="desktop platforms" />
|
|
13
|
+
</p>
|
|
14
|
+
<p>
|
|
15
|
+
<a href="README.tr.md">Türkçe</a> ·
|
|
16
|
+
<a href="README.de.md">Deutsch</a> ·
|
|
17
|
+
<a href="README.ru.md">Русский</a> ·
|
|
18
|
+
<a href="README.ja.md">日本語</a> ·
|
|
19
|
+
<a href="README.ko.md">한국어</a> ·
|
|
20
|
+
<a href="README.zh-CN.md">简体中文</a>
|
|
21
|
+
</p>
|
|
6
22
|
</div>
|
|
7
23
|
|
|
8
|
-
|
|
9
|
-
<a href="https://github.com/alicomert/pixcode">Pixcode</a> · <a href="https://github.com/alicomert/pixcode">Documentation</a> · <a href="https://discord.gg/buxwujPNRE">Discord</a> · <a href="https://github.com/alicomert/pixcode/issues">Bug Reports</a> · <a href="CONTRIBUTING.md">Contributing</a>
|
|
10
|
-
</p>
|
|
11
|
-
|
|
12
|
-
<p align="center">
|
|
13
|
-
<a href="https://github.com/alicomert/pixcode/releases/latest"><img src="https://img.shields.io/badge/%E2%AC%87_Download-Desktop_App-0066FF?style=for-the-badge" alt="Download Desktop App"></a>
|
|
14
|
-
<a href="https://www.npmjs.com/package/@pixelbyte-software/pixcode"><img src="https://img.shields.io/badge/npm-install_-g-CB3837?style=for-the-badge&logo=npm&logoColor=white" alt="npm"></a>
|
|
15
|
-
<a href="https://discord.gg/buxwujPNRE"><img src="https://img.shields.io/badge/Discord-Join%20Community-5865F2?style=for-the-badge&logo=discord&logoColor=white" alt="Join our Discord"></a>
|
|
16
|
-
</p>
|
|
17
|
-
|
|
18
|
-
<p align="center">
|
|
19
|
-
<strong>📦 Desktop installers:</strong>
|
|
20
|
-
<a href="https://github.com/alicomert/pixcode/releases/latest">Windows · macOS · Linux</a>
|
|
21
|
-
·
|
|
22
|
-
<strong>☁️ Pixcode Cloud:</strong> coming soon
|
|
23
|
-
</p>
|
|
24
|
-
|
|
25
|
-
<p align="center">
|
|
26
|
-
<a href="./README.md"><img src="https://img.shields.io/badge/English-5C3FFC?style=for-the-badge&logoColor=white" alt="English"></a>
|
|
27
|
-
<a href="./README.tr.md"><img src="https://img.shields.io/badge/T%C3%BCrk%C3%A7e-4B4B4B?style=for-the-badge" alt="Türkçe"></a>
|
|
28
|
-
<a href="./README.ru.md"><img src="https://img.shields.io/badge/%D0%A0%D1%83%D1%81%D1%81%D0%BA%D0%B8%D0%B9-4B4B4B?style=for-the-badge" alt="Русский"></a>
|
|
29
|
-
<a href="./README.de.md"><img src="https://img.shields.io/badge/Deutsch-4B4B4B?style=for-the-badge" alt="Deutsch"></a>
|
|
30
|
-
<a href="./README.it.md"><img src="https://img.shields.io/badge/Italiano-4B4B4B?style=for-the-badge" alt="Italiano"></a>
|
|
31
|
-
<a href="./README.ja.md"><img src="https://img.shields.io/badge/%E6%97%A5%E6%9C%AC%E8%AA%9E-4B4B4B?style=for-the-badge" alt="日本語"></a>
|
|
32
|
-
<a href="./README.ko.md"><img src="https://img.shields.io/badge/%ED%95%9C%EA%B5%AD%EC%96%B4-4B4B4B?style=for-the-badge" alt="한국어"></a>
|
|
33
|
-
<a href="./README.zh-CN.md"><img src="https://img.shields.io/badge/%E4%B8%AD%E6%96%87-4B4B4B?style=for-the-badge" alt="中文"></a>
|
|
34
|
-
</p>
|
|
35
|
-
|
|
36
|
-
---
|
|
24
|
+
## What Pixcode Is
|
|
37
25
|
|
|
38
|
-
|
|
26
|
+
Pixcode turns your machine, VDS, or workstation into a browser-based AI development cockpit. Instead of jumping between terminals, desktop apps, CLI logs, file explorers, Git tools, and provider dashboards, you get one local web app that understands coding-agent workflows from start to finish.
|
|
39
27
|
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
<table>
|
|
43
|
-
<tr>
|
|
44
|
-
<td align="center">
|
|
45
|
-
<h3>Desktop View</h3>
|
|
46
|
-
<img src="public/screenshots/desktop-main.png" alt="Desktop Interface" width="400">
|
|
47
|
-
<br>
|
|
48
|
-
<em>Main interface showing project overview and chat</em>
|
|
49
|
-
</td>
|
|
50
|
-
<td align="center">
|
|
51
|
-
<h3>Mobile Experience</h3>
|
|
52
|
-
<img src="public/screenshots/mobile-chat.png" alt="Mobile Interface" width="250">
|
|
53
|
-
<br>
|
|
54
|
-
<em>Responsive mobile design with touch navigation</em>
|
|
55
|
-
</td>
|
|
56
|
-
</tr>
|
|
57
|
-
<tr>
|
|
58
|
-
<td align="center" colspan="2">
|
|
59
|
-
<h3>CLI Selection</h3>
|
|
60
|
-
<img src="public/screenshots/cli-selection.png" alt="CLI Selection" width="400">
|
|
61
|
-
<br>
|
|
62
|
-
<em>Select between Claude Code, Gemini, Cursor CLI and Codex</em>
|
|
63
|
-
</td>
|
|
64
|
-
</tr>
|
|
65
|
-
</table>
|
|
28
|
+
It is designed for three common setups:
|
|
66
29
|
|
|
30
|
+
- **Local workstation**: run Pixcode on your computer and use it as a richer UI for the CLIs you already trust.
|
|
31
|
+
- **Always-on server**: run it on a Linux server, keep sessions alive, and connect from a laptop, tablet, or phone.
|
|
32
|
+
- **Desktop app**: install `.exe`, `.dmg`, or Linux builds from GitHub releases when you want a packaged app experience.
|
|
67
33
|
|
|
34
|
+
Pixcode is not a hosted cloud IDE. Your projects, credentials, CLI sessions, local files, Git state, and MCP config stay under your own machine unless you explicitly connect external services.
|
|
68
35
|
|
|
69
|
-
|
|
36
|
+
## Screenshots
|
|
70
37
|
|
|
71
|
-
|
|
38
|
+
| Workspace control room | Mobile chat |
|
|
39
|
+
| --- | --- |
|
|
40
|
+
| <img src="public/screenshots/desktop-main.png" alt="Pixcode desktop workspace" width="480" /> | <img src="public/screenshots/mobile-chat.png" alt="Pixcode mobile chat" width="260" /> |
|
|
72
41
|
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
-
|
|
76
|
-
- **File Explorer** - Interactive file tree with syntax highlighting and live editing
|
|
77
|
-
- **Git Explorer** - View, stage and commit your changes. You can also switch branches
|
|
78
|
-
- **Session Management** - Resume conversations, manage multiple sessions, and track history
|
|
79
|
-
- **Plugin System** - Extend Pixcode with custom plugins — add new tabs, backend services, and integrations. [Build your own →](https://github.com/alicomert/pixcode)
|
|
80
|
-
- **TaskMaster AI Integration** *(Optional)* - Advanced project management with AI-powered task planning, PRD parsing, and workflow automation
|
|
81
|
-
- **Model Compatibility** - Works with Claude, GPT, and Gemini model families (see [`shared/modelConstants.js`](shared/modelConstants.js) for the full list of supported models)
|
|
42
|
+
| CLI selection | Tools and MCP |
|
|
43
|
+
| --- | --- |
|
|
44
|
+
| <img src="public/screenshots/cli-selection.png" alt="Pixcode CLI selection" width="420" /> | <img src="public/screenshots/tools-modal.png" alt="Pixcode tools modal" width="420" /> |
|
|
82
45
|
|
|
46
|
+
## Highlights
|
|
83
47
|
|
|
84
|
-
|
|
48
|
+
### One UI for the CLIs you already use
|
|
85
49
|
|
|
86
|
-
|
|
50
|
+
- Claude Code, Cursor CLI, Codex, Gemini CLI, Qwen Code, and OpenCode are available from the same project screen.
|
|
51
|
+
- Provider auth, API-key credentials, OAuth paste flows, install checks, model lists, and CLI version status live under Settings.
|
|
52
|
+
- You can keep using the provider-native CLIs. Pixcode wraps them with session management, web sockets, notifications, file context, and project controls.
|
|
53
|
+
- Processing state is visible while a CLI is thinking, running tools, waiting for approval, or producing output, so the screen does not feel frozen.
|
|
87
54
|
|
|
88
|
-
|
|
55
|
+
### Chat that feels like a development workspace
|
|
89
56
|
|
|
90
|
-
|
|
57
|
+
- Project-aware conversations with session history.
|
|
58
|
+
- Fixed bottom prompt composer for focused chat and selected project screens.
|
|
59
|
+
- Mode selection for default/plan/run flows, with mode persistence where the workflow expects it.
|
|
60
|
+
- Slash command support and provider-specific tool rendering.
|
|
61
|
+
- Push and Telegram notifications when long-running agent work finishes, fails, or needs attention.
|
|
91
62
|
|
|
63
|
+
### Files, shell, and source control without leaving the agent
|
|
92
64
|
|
|
93
|
-
|
|
65
|
+
- Built-in project file browser with edit, upload, rename, delete, and detailed view.
|
|
66
|
+
- Integrated shell panel that can open as split view or full view without losing the main chat/orchestration screen.
|
|
67
|
+
- Source Control panel for Git status, diffs, branches, commits, and changed files.
|
|
68
|
+
- Split panels have compact icon controls, close actions, and half/full behavior for desktop. Mobile uses a screen-appropriate layout instead of trying to force desktop split behavior.
|
|
69
|
+
- The file list is optimized for narrow panels, so permissions and long paths do not dominate the UI.
|
|
94
70
|
|
|
95
|
-
|
|
71
|
+
### Command Center for changed files
|
|
96
72
|
|
|
97
|
-
|
|
73
|
+
Pixcode keeps an eye on local working-tree changes, not only GitHub updates. The Quick Settings command mode can show changed files as they appear, highlight them, and jump directly to the edited location.
|
|
98
74
|
|
|
99
|
-
|
|
100
|
-
npx @pixelbyte-software/pixcode
|
|
101
|
-
```
|
|
75
|
+
This is meant for control: when an AI agent edits files, you can see what changed immediately, open the file in the right panel, and keep the main chat or orchestration view visible.
|
|
102
76
|
|
|
103
|
-
|
|
77
|
+
### Multi-agent orchestration
|
|
104
78
|
|
|
105
|
-
|
|
106
|
-
npm install -g @pixelbyte-software/pixcode
|
|
107
|
-
pixcode
|
|
108
|
-
```
|
|
79
|
+
The orchestration system is built for more than "send one prompt to one bot." It can coordinate multiple CLI agents around the same goal.
|
|
109
80
|
|
|
110
|
-
|
|
81
|
+
Built-in workflow styles include:
|
|
111
82
|
|
|
112
|
-
|
|
83
|
+
- **Agent Team**: split a task across frontend, backend, review, docs, or custom roles.
|
|
84
|
+
- **Multi-model Review**: ask different providers or models to inspect the same implementation.
|
|
85
|
+
- **Sequential Handoff**: pass work through ordered stages when one step depends on the previous result.
|
|
86
|
+
- **Decision Debate**: compare approaches before implementation.
|
|
113
87
|
|
|
114
|
-
|
|
88
|
+
Orchestration controls include:
|
|
115
89
|
|
|
116
|
-
|
|
117
|
-
|
|
90
|
+
- enable/disable agents per run,
|
|
91
|
+
- duplicate a provider when you need multiple workers from the same CLI,
|
|
92
|
+
- assign role, stage, label, and instruction per agent,
|
|
93
|
+
- select the model per agent, including OpenCode model choices,
|
|
94
|
+
- choose a fallback CLI agent for failed steps,
|
|
95
|
+
- preview the workflow DAG before running,
|
|
96
|
+
- stream run events and cancel active runs,
|
|
97
|
+
- resize orchestration side panes so task setup and run output can breathe.
|
|
118
98
|
|
|
119
|
-
|
|
120
|
-
# Default behavior on Linux (auto-daemon):
|
|
121
|
-
pixcode
|
|
99
|
+
### API-first automation
|
|
122
100
|
|
|
123
|
-
|
|
124
|
-
pixcode daemon install --mode auto --port 3001
|
|
125
|
-
pixcode daemon status --mode auto
|
|
126
|
-
pixcode daemon doctor --mode auto
|
|
127
|
-
```
|
|
101
|
+
Pixcode's own frontend talks to the backend through REST and WebSocket APIs, and external automation can use the same control plane with Pixcode API keys.
|
|
128
102
|
|
|
129
|
-
|
|
103
|
+
New API keys start with `px_`:
|
|
130
104
|
|
|
131
105
|
```bash
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
pixcode daemon stop --mode auto # temporary stop, auto-start remains enabled
|
|
135
|
-
pixcode daemon disable --mode auto # disable auto-start at boot
|
|
136
|
-
pixcode daemon uninstall --mode auto
|
|
137
|
-
pixcode update --restart-daemon
|
|
106
|
+
curl http://localhost:3001/api/projects \
|
|
107
|
+
-H "Authorization: Bearer px_your_key_here"
|
|
138
108
|
```
|
|
139
109
|
|
|
140
|
-
|
|
141
|
-
- On Linux, `pixcode` now attempts auto-daemon startup by default.
|
|
142
|
-
- `npm run dev`, `npm run start`, and direct server entrypoints now pass through the same auto-daemon behavior.
|
|
143
|
-
- Recommended for always-on server deployments: use `pixcode daemon install`, not `npm run dev`.
|
|
144
|
-
- `--mode user` uses `systemctl --user`, `--mode system` uses system service management, and `--mode auto` chooses the best available mode.
|
|
145
|
-
- Use `pixcode --no-daemon` (or `PIXCODE_NO_DAEMON=1`) to force foreground mode.
|
|
146
|
-
- On some servers you may need to enable linger for boot-time startup without an active login session:
|
|
147
|
-
`sudo loginctl enable-linger <your-username>`
|
|
110
|
+
Run a one-shot provider task:
|
|
148
111
|
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
112
|
+
```bash
|
|
113
|
+
curl http://localhost:3001/api/agent \
|
|
114
|
+
-H "Authorization: Bearer px_your_key_here" \
|
|
115
|
+
-H "Content-Type: application/json" \
|
|
116
|
+
-d '{
|
|
117
|
+
"provider": "codex",
|
|
118
|
+
"projectPath": "/home/me/project",
|
|
119
|
+
"message": "Review the current diff and list the risky changes.",
|
|
120
|
+
"stream": false
|
|
121
|
+
}'
|
|
155
122
|
```
|
|
156
123
|
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
---
|
|
161
|
-
|
|
162
|
-
## Which option is right for you?
|
|
163
|
-
|
|
164
|
-
Pixcode is the open source UI layer that powers Pixcode. You can self-host it on your own machine, run it in a Docker sandbox for isolation, or use Pixcode for a fully managed environment.
|
|
165
|
-
|
|
166
|
-
| | Self-Hosted (npm) | Self-Hosted (Docker Sandbox) *(Experimental)* | Pixcode |
|
|
167
|
-
|---|---|---|---|
|
|
168
|
-
| **Best for** | Local agent sessions on your own machine | Isolated agents with web/mobile IDE | Teams who want agents in the cloud |
|
|
169
|
-
| **How you access it** | Browser via `[yourip]:port` | Browser via `localhost:port` | Browser, any IDE, REST API, n8n |
|
|
170
|
-
| **Setup** | `npx @pixelbyte-software/pixcode` | `npx @pixelbyte-software/pixcode@latest sandbox ~/project` | No setup required |
|
|
171
|
-
| **Isolation** | Runs on your host | Hypervisor-level sandbox (microVM) | Full cloud isolation |
|
|
172
|
-
| **Machine needs to stay on** | Yes | Yes | No |
|
|
173
|
-
| **Mobile access** | Any browser on your network | Any browser on your network | Any device, native app coming |
|
|
174
|
-
| **Agents supported** | Claude Code, Cursor CLI, Codex, Gemini CLI | Claude Code, Codex, Gemini CLI | Claude Code, Cursor CLI, Codex, Gemini CLI |
|
|
175
|
-
| **File explorer and Git** | Yes | Yes | Yes |
|
|
176
|
-
| **MCP configuration** | Synced with `~/.claude` | Managed via UI | Managed via UI |
|
|
177
|
-
| **REST API** | Yes | Yes | Yes |
|
|
178
|
-
| **Team sharing** | No | No | Yes |
|
|
179
|
-
| **Platform cost** | Free, open source | Free, open source | Starts at $7/month |
|
|
124
|
+
Preview an orchestration workflow:
|
|
180
125
|
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
126
|
+
```bash
|
|
127
|
+
curl http://localhost:3001/api/orchestration/workflows/agent_team/preview \
|
|
128
|
+
-H "Authorization: Bearer px_your_key_here" \
|
|
129
|
+
-H "Content-Type: application/json" \
|
|
130
|
+
-d '{
|
|
131
|
+
"metadata": {
|
|
132
|
+
"agents": [
|
|
133
|
+
{ "adapterId": "codex", "label": "Backend", "role": "backend" },
|
|
134
|
+
{ "adapterId": "opencode", "label": "Reviewer", "role": "review" }
|
|
135
|
+
]
|
|
136
|
+
}
|
|
137
|
+
}'
|
|
138
|
+
```
|
|
188
139
|
|
|
189
|
-
|
|
140
|
+
Legacy `ck_` keys remain accepted for older installations, but `px_` is the current prefix.
|
|
190
141
|
|
|
191
|
-
|
|
142
|
+
OpenAPI reference: [`public/openapi.yaml`](public/openapi.yaml)
|
|
192
143
|
|
|
193
|
-
|
|
194
|
-
2. **Enable Selectively** - Turn on only the tools you need
|
|
195
|
-
3. **Apply Settings** - Your preferences are saved locally
|
|
144
|
+
### Themes and appearance
|
|
196
145
|
|
|
197
|
-
|
|
146
|
+
Pixcode now has a real theme system instead of a single blue/navy look.
|
|
198
147
|
|
|
199
|
-
|
|
200
|
-
|
|
148
|
+
- Dark and light modes.
|
|
149
|
+
- Ready-made accent palettes, including emerald and VS Code-like colors.
|
|
150
|
+
- Custom light-mode and dark-mode accent colors.
|
|
151
|
+
- Token-based styling for active states, focus rings, buttons, navigation, and high-emphasis controls.
|
|
152
|
+
- Settings-driven theme changes without rebuilding the app.
|
|
201
153
|
|
|
202
|
-
|
|
154
|
+
The goal is to let the UI feel closer to a command-line/development tool when you want it, while still keeping the web app readable on mobile and desktop.
|
|
203
155
|
|
|
204
|
-
|
|
156
|
+
### Notifications and Telegram bridge
|
|
205
157
|
|
|
206
|
-
|
|
158
|
+
- Browser push notifications for long-running CLI sessions.
|
|
159
|
+
- Telegram pairing with short-lived codes.
|
|
160
|
+
- Telegram notifications for completed, failed, or action-required work.
|
|
161
|
+
- Optional bridge behavior so Telegram messages can become prompts for the Pixcode instance.
|
|
162
|
+
- Notification preferences are stored per user.
|
|
207
163
|
|
|
208
|
-
|
|
164
|
+
### Plugins and MCP
|
|
209
165
|
|
|
210
|
-
Pixcode
|
|
166
|
+
Pixcode includes optional extension points:
|
|
211
167
|
|
|
212
|
-
|
|
168
|
+
- MCP server management for supported providers.
|
|
169
|
+
- Provider-specific MCP/session/auth panels.
|
|
170
|
+
- Plugin loading with frontend tabs and optional backend services.
|
|
171
|
+
- Local settings for API keys, base URLs, model catalogs, and provider install status.
|
|
213
172
|
|
|
214
|
-
|
|
215
|
-
|---|---|
|
|
216
|
-
| **[Project Stats](https://github.com/alicomert/pixcode)** | Shows file counts, lines of code, file-type breakdown, largest files, and recently modified files for your current project |
|
|
217
|
-
| **[Web Terminal](https://github.com/alicomert/pixcode)** | Full xterm.js terminal with multi-tab support|
|
|
173
|
+
## Installation
|
|
218
174
|
|
|
219
|
-
###
|
|
175
|
+
### Run with npx
|
|
220
176
|
|
|
221
|
-
|
|
177
|
+
Requires Node.js 22 or newer.
|
|
222
178
|
|
|
223
|
-
|
|
179
|
+
```bash
|
|
180
|
+
npx @pixelbyte-software/pixcode
|
|
181
|
+
```
|
|
224
182
|
|
|
225
|
-
|
|
226
|
-
## FAQ
|
|
183
|
+
Then open:
|
|
227
184
|
|
|
228
|
-
|
|
229
|
-
|
|
185
|
+
```text
|
|
186
|
+
http://localhost:3001
|
|
187
|
+
```
|
|
230
188
|
|
|
231
|
-
|
|
189
|
+
### Install globally
|
|
232
190
|
|
|
233
|
-
|
|
191
|
+
```bash
|
|
192
|
+
npm install -g @pixelbyte-software/pixcode
|
|
193
|
+
pixcode
|
|
194
|
+
```
|
|
234
195
|
|
|
235
|
-
|
|
196
|
+
### Desktop installers
|
|
236
197
|
|
|
237
|
-
|
|
238
|
-
- **Your settings are your settings** — MCP servers, tool permissions, and project config you change in Pixcode are written directly to your Claude Code config and take effect immediately, and vice versa.
|
|
239
|
-
- **Works with more agents** — Claude Code, Cursor CLI, Codex, and Gemini CLI, not just Claude Code.
|
|
240
|
-
- **Full UI, not just a chat window** — file explorer, Git integration, MCP management, and a shell terminal are all built in.
|
|
241
|
-
- **Pixcode runs in the cloud** — close your laptop, the agent keeps running. No terminal to babysit, no machine to keep awake.
|
|
198
|
+
Download desktop builds from GitHub releases:
|
|
242
199
|
|
|
243
|
-
|
|
200
|
+
- Windows: `.exe`
|
|
201
|
+
- macOS: `.dmg`
|
|
202
|
+
- Linux: AppImage / package builds depending on the release asset
|
|
244
203
|
|
|
245
|
-
<
|
|
246
|
-
<summary>Do I need to pay for an AI subscription separately?</summary>
|
|
204
|
+
Releases: <https://github.com/alicomert/pixcode/releases/latest>
|
|
247
205
|
|
|
248
|
-
|
|
206
|
+
### Linux daemon
|
|
249
207
|
|
|
250
|
-
|
|
208
|
+
For a server/VDS setup:
|
|
251
209
|
|
|
252
|
-
|
|
253
|
-
|
|
210
|
+
```bash
|
|
211
|
+
pixcode daemon install --mode auto --port 3001
|
|
212
|
+
pixcode daemon status --mode auto
|
|
213
|
+
pixcode daemon logs --mode auto
|
|
214
|
+
pixcode daemon restart --mode auto
|
|
215
|
+
```
|
|
254
216
|
|
|
255
|
-
|
|
217
|
+
Foreground mode:
|
|
256
218
|
|
|
257
|
-
|
|
219
|
+
```bash
|
|
220
|
+
pixcode --no-daemon
|
|
221
|
+
```
|
|
258
222
|
|
|
259
|
-
|
|
260
|
-
<summary>Will changes I make in the UI affect my local Claude Code setup?</summary>
|
|
223
|
+
### Ports
|
|
261
224
|
|
|
262
|
-
|
|
225
|
+
- Backend and bundled frontend: `SERVER_PORT`, default `3001`.
|
|
226
|
+
- Vite-only frontend development: `VITE_PORT`, default `5173`.
|
|
263
227
|
|
|
264
|
-
|
|
228
|
+
For normal installed usage, think in terms of one port: `3001`. The `5173` port is only for separate Vite frontend development.
|
|
265
229
|
|
|
266
|
-
|
|
230
|
+
## First Run Checklist
|
|
267
231
|
|
|
268
|
-
|
|
232
|
+
1. Open Pixcode and create or sign in to the local user account.
|
|
233
|
+
2. Add the project folders you want to manage.
|
|
234
|
+
3. Connect the CLI providers you actually use.
|
|
235
|
+
4. Open Settings and check provider install/auth/model status.
|
|
236
|
+
5. Generate a `px_` API key if you want automation, CI, Telegram, or external tools to talk to Pixcode.
|
|
237
|
+
6. Pick your theme palette under Appearance.
|
|
238
|
+
7. Enable notifications if you want long-running sessions to report back.
|
|
269
239
|
|
|
270
|
-
|
|
271
|
-
- **[Discord](https://discord.gg/buxwujPNRE)** — get help and connect with other users
|
|
272
|
-
- **[GitHub Issues](https://github.com/alicomert/pixcode/issues)** — bug reports and feature requests
|
|
273
|
-
- **[Contributing Guide](CONTRIBUTING.md)** — how to contribute to the project
|
|
240
|
+
## Development
|
|
274
241
|
|
|
275
|
-
|
|
242
|
+
```bash
|
|
243
|
+
npm install
|
|
244
|
+
npm run typecheck
|
|
245
|
+
npm run lint
|
|
246
|
+
npm run build
|
|
247
|
+
```
|
|
276
248
|
|
|
277
|
-
|
|
249
|
+
Important development notes:
|
|
278
250
|
|
|
279
|
-
|
|
251
|
+
- `npm run dev` uses the daemon manager on Linux.
|
|
252
|
+
- For a foreground development loop, run `npm run client` and `npm run server` separately, or run `pixcode --no-daemon`.
|
|
253
|
+
- `npm run server` runs built output from `dist-server/`; rebuild after backend changes.
|
|
254
|
+
- There is no unit test suite configured today. Use typecheck, lint, build, and manual provider/API checks.
|
|
280
255
|
|
|
281
|
-
|
|
256
|
+
## Repository Map
|
|
282
257
|
|
|
283
|
-
|
|
258
|
+
- `src/` - React + Vite frontend.
|
|
259
|
+
- `server/` - Express, WebSocket, CLI adapters, routes, auth, daemon, notifications.
|
|
260
|
+
- `server/modules/orchestration/` - multi-agent workflow engine and A2A adapters.
|
|
261
|
+
- `server/modules/providers/` - provider auth, MCP, sessions, model and install endpoints.
|
|
262
|
+
- `shared/` - contracts shared by frontend and backend.
|
|
263
|
+
- `public/openapi.yaml` - API reference shipped with the app.
|
|
264
|
+
- `public/screenshots/` - README/product screenshots.
|
|
284
265
|
|
|
285
|
-
|
|
286
|
-
- **[Claude Code](https://docs.anthropic.com/en/docs/claude-code)** - Anthropic's official CLI
|
|
287
|
-
- **[Cursor CLI](https://docs.cursor.com/en/cli/overview)** - Cursor's official CLI
|
|
288
|
-
- **[Codex](https://developers.openai.com/codex)** - OpenAI Codex
|
|
289
|
-
- **[Gemini-CLI](https://geminicli.com/)** - Google Gemini CLI
|
|
290
|
-
- **[React](https://react.dev/)** - User interface library
|
|
291
|
-
- **[Vite](https://vitejs.dev/)** - Fast build tool and dev server
|
|
292
|
-
- **[Tailwind CSS](https://tailwindcss.com/)** - Utility-first CSS framework
|
|
293
|
-
- **[CodeMirror](https://codemirror.net/)** - Advanced code editor
|
|
294
|
-
- **[TaskMaster AI](https://github.com/eyaltoledano/claude-task-master)** *(Optional)* - AI-powered project management and task planning
|
|
266
|
+
## Security Model
|
|
295
267
|
|
|
268
|
+
- Pixcode is self-hosted. Treat it like a local control plane for your machine.
|
|
269
|
+
- Use strong local account credentials when exposing it on a network.
|
|
270
|
+
- Put it behind a trusted reverse proxy/VPN when running on a public server.
|
|
271
|
+
- API keys are intended for automation. Rotate them if they are exposed.
|
|
272
|
+
- Provider secrets are masked in APIs and UI responses where possible.
|
|
296
273
|
|
|
297
|
-
|
|
298
|
-
- [Siteboon - AI powered website builder](https://siteboon.ai)
|
|
299
|
-
---
|
|
274
|
+
## Links
|
|
300
275
|
|
|
301
|
-
<
|
|
302
|
-
|
|
303
|
-
|
|
276
|
+
- npm: <https://www.npmjs.com/package/@pixelbyte-software/pixcode>
|
|
277
|
+
- GitHub: <https://github.com/alicomert/pixcode>
|
|
278
|
+
- Releases: <https://github.com/alicomert/pixcode/releases/latest>
|
|
279
|
+
- API docs: [`public/openapi.yaml`](public/openapi.yaml)
|
|
280
|
+
- Static docs: [`public/docs.html`](public/docs.html), [`public/features.html`](public/features.html), [`public/orchestration.html`](public/orchestration.html), [`public/api-automation.html`](public/api-automation.html)
|
|
281
|
+
- AI discovery: [`public/llms.txt`](public/llms.txt), [`public/llms-full.txt`](public/llms-full.txt)
|