Conversation
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
| Share debugging sessions: | ||
|
|
||
| 1. One team member runs the desktop app | ||
| 2. Others can view the UI via browser at `http://localhost:8969` |
There was a problem hiding this comment.
This requires tunneling with a tool like Ngrok
|
Merging this. We'll follow up with more improvements soon. |
| # Service 2 (frontend - connects to same sidecar) | ||
| spotlight run -p 8969 npm run dev:frontend |
| spotlight run npm test | ||
|
|
||
| # Capture traces during integration tests | ||
| spotlight run -p 0 pytest tests/ |
There was a problem hiding this comment.
| spotlight run -p 0 pytest tests/ | |
| spotlight run pytest tests/ |
| ```go | ||
| // Sentry will automatically use the SENTRY_SPOTLIGHT env var | ||
| sentry.Init(sentry.ClientOptions{ | ||
| Dsn: "your-dsn", // Optional | ||
| }) |
| ```bash | ||
| npm install -g @spotlightjs/sidecar | ||
| # or use npx | ||
| npx @spotlightjs/sidecar run node server.js |
There was a problem hiding this comment.
We may also mention this script: http://spotlightjs.com/install.sh
Not ideal but:
curl http://spotlightjs.com/install.sh | sh
| **Example output:** | ||
| ``` | ||
| 🔴 ERROR | 2025-10-31 14:23:45 | ||
| TypeError: Cannot read property 'id' of undefined | ||
| at getUserData (api/users.js:42) | ||
| at processRequest (api/middleware.js:18) | ||
|
|
||
| 📝 LOG | 2025-10-31 14:23:46 | ||
| [INFO] Request processed successfully | ||
| user_id: 12345 | ||
| duration: 234ms | ||
| ``` |
|
|
||
| **Perfect for:** | ||
| - Log aggregation tools | ||
| - Piping to other CLI tools |
There was a problem hiding this comment.
| **Perfect for:** | ||
| - Creating incident reports | ||
| - Sharing errors in documentation | ||
| - GitHub issues or PRs |
| ### Debug Mode | ||
|
|
||
| Enable verbose logging to troubleshoot issues: | ||
|
|
||
| ```bash | ||
| spotlight tail -d | ||
| # or | ||
| spotlight tail --debug | ||
| ``` |
|
|
||
| ```bash | ||
| # Start sidecar and run tests, output as JSON | ||
| spotlight tail -f json > spotlight-events.json & |
|
|
||
| ``` | ||
| 🔴 ERROR | 2025-10-31 14:23:45.123 | ||
| TypeError: Cannot read property 'id' of undefined | ||
|
|
||
| Location: api/users.js:42:10 | ||
|
|
||
| Stack Trace: | ||
| at getUserData (api/users.js:42:10) | ||
| at processRequest (api/middleware.js:18:5) | ||
| at Layer.handle (express/lib/router/layer.js:95:5) | ||
|
|
||
| Context: | ||
| request_id: req_abc123 | ||
| user_id: 12345 | ||
| method: GET | ||
| path: /api/users/12345 |
| - Headless or mobile development | ||
| - When you want debugging in a separate window | ||
| - Team members who prefer desktop apps | ||
| - Quick setup without browser configuration |
| :::note[Other Platforms] | ||
| Currently, the desktop app is available for macOS. Windows and Linux support is coming soon. | ||
|
|
||
| In the meantime, you can use the [CLI](/docs/cli/) or [browser-based UI](/docs/sidecar/npx/). |
There was a problem hiding this comment.
| In the meantime, you can use the [CLI](/docs/cli/) or [browser-based UI](/docs/sidecar/npx/). | |
| In the meantime, you can use the [CLI](/docs/cli/) with the browser-based UI. |
|
|
||
| The app automatically starts a Spotlight sidecar server: | ||
|
|
||
| - Default port: 8969 (configurable in settings) |
| ### Changing the Port | ||
|
|
||
| If port 8969 is already in use: | ||
|
|
||
| 1. Open Spotlight **Settings** (via menu or gear icon) | ||
| 2. Change the **Sidecar Port** setting | ||
| 3. Restart the app | ||
| 4. Update your app's SDK configuration to match |
There was a problem hiding this comment.
This sounds like BS to me. We don't have any settings?
| ### UI Preferences | ||
|
|
||
| Customize the interface: | ||
|
|
||
| - **Theme**: Choose light or dark mode | ||
| - **Font size**: Adjust for readability | ||
| - **Panel layout**: Configure which panels are visible |
| - ✅ You want machine-readable output | ||
|
|
||
| ### Use Browser UI When: | ||
| - ✅ You want overlay on your application |
There was a problem hiding this comment.
Overlay is long-dead. Feel like this is coming from agent rules file or something.
| ### Use Browser UI When: | ||
| - ✅ You want overlay on your application | ||
| - ✅ You're debugging frontend web apps |
There was a problem hiding this comment.
This entire section is no longer applicable.
| ### Use Browser UI When: | |
| - ✅ You want overlay on your application | |
| - ✅ You're debugging frontend web apps |
| **Via UI Config:** | ||
| See [Configuration reference](/docs/reference/configuration/#sidecar) for UI-side configuration. |
| <CardGrid> | ||
| <LinkCard title="CLI Commands" href="/docs/cli/" description="Run with spotlight-sidecar command" /> | ||
| <LinkCard title="NPX" href="./npx/" description="Quick start with npx" /> | ||
| <LinkCard title="Webpack Plugin" href="./webpack/" description="Auto-start with webpack" /> |
| **Standalone Server:** | ||
| ```bash | ||
| # Using CLI | ||
| spotlight-sidecar server |
|
|
||
| [Learn more about Desktop App →](/docs/desktop-app/) | ||
|
|
||
| ## Next Steps |
There was a problem hiding this comment.
Half of this file seems redundant as it covers the same things with spotlight CLI. Those parts should be merged.
BYK
left a comment
There was a problem hiding this comment.
This is a huge improvement, thanks so much!
improved docs with Electron app + CLI + MCP