Skip to content

Conversation

@betegon
Copy link
Member

@betegon betegon commented Oct 31, 2025

improved docs with Electron app + CLI + MCP

@vercel
Copy link

vercel bot commented Oct 31, 2025

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Preview Comments Updated (UTC)
spotlightjs Ready Ready Preview Comment Oct 31, 2025 7:11pm

Copy link
Member

@BYK BYK left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Reviewed until the MCP section

Share debugging sessions:

1. One team member runs the desktop app
2. Others can view the UI via browser at `http://localhost:8969`
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This requires tunneling with a tool like Ngrok

@betegon betegon marked this pull request as ready for review October 31, 2025 19:12
@betegon
Copy link
Member Author

betegon commented Oct 31, 2025

Merging this. We'll follow up with more improvements soon.

@betegon betegon merged commit 0bd999d into main Oct 31, 2025
20 checks passed
@betegon betegon deleted the bete/feat/improve-docs branch October 31, 2025 21:13
Comment on lines +335 to +336
# Service 2 (frontend - connects to same sidecar)
spotlight run -p 8969 npm run dev:frontend
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This may not work

spotlight run npm test

# Capture traces during integration tests
spotlight run -p 0 pytest tests/
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
spotlight run -p 0 pytest tests/
spotlight run pytest tests/

Comment on lines +193 to +197
```go
// Sentry will automatically use the SENTRY_SPOTLIGHT env var
sentry.Init(sentry.ClientOptions{
Dsn: "your-dsn", // Optional
})
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

```bash
npm install -g @spotlightjs/sidecar
# or use npx
npx @spotlightjs/sidecar run node server.js
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We may also mention this script: http://spotlightjs.com/install.sh

Not ideal but:

curl http://spotlightjs.com/install.sh | sh

Comment on lines +75 to +86
**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
```
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This looks like hallucination


**Perfect for:**
- Log aggregation tools
- Piping to other CLI tools
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

**Perfect for:**
- Creating incident reports
- Sharing errors in documentation
- GitHub issues or PRs
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

And feeding into LLMs?

Comment on lines +206 to +214
### Debug Mode

Enable verbose logging to troubleshoot issues:

```bash
spotlight tail -d
# or
spotlight tail --debug
```
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Not really useful?


```bash
# Start sidecar and run tests, output as JSON
spotlight tail -f json > spotlight-events.json &
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This should be ndjson too

Comment on lines +313 to +329

```
🔴 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
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks like hallucination again

- Headless or mobile development
- When you want debugging in a separate window
- Team members who prefer desktop apps
- Quick setup without browser configuration
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

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/).
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
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)
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is it really?

Comment on lines +197 to +204
### 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
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This sounds like BS to me. We don't have any settings?

Comment on lines +206 to +212
### UI Preferences

Customize the interface:

- **Theme**: Choose light or dark mode
- **Font size**: Adjust for readability
- **Panel layout**: Configure which panels are visible
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Seriously?

- ✅ You want machine-readable output

### Use Browser UI When:
- ✅ You want overlay on your application
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Overlay is long-dead. Feel like this is coming from agent rules file or something.

Comment on lines +230 to +232
### Use Browser UI When:
- ✅ You want overlay on your application
- ✅ You're debugging frontend web apps
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This entire section is no longer applicable.

Suggested change
### Use Browser UI When:
- ✅ You want overlay on your application
- ✅ You're debugging frontend web apps

Comment on lines +85 to +86
**Via UI Config:**
See [Configuration reference](/docs/reference/configuration/#sidecar) for UI-side configuration.
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

BS

<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" />
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Moar BS

**Standalone Server:**
```bash
# Using CLI
spotlight-sidecar server
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Death to spotlight-sidecar


[Learn more about Desktop App →](/docs/desktop-app/)

## Next Steps
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Half of this file seems redundant as it covers the same things with spotlight CLI. Those parts should be merged.

Copy link
Member

@BYK BYK left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is a huge improvement, thanks so much!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants