{"id":25668034,"url":"https://github.com/saketsarin/composer-web","last_synced_at":"2025-04-05T06:02:21.474Z","repository":{"id":277735586,"uuid":"932386987","full_name":"saketsarin/composer-web","owner":"saketsarin","description":"Cursor extension that forwards frontend errors and screenshots to composer in one-click, making development seamless for you. Download here: https://marketplace.visualstudio.com/items?itemName=SaketSarin.composer-web","archived":false,"fork":false,"pushed_at":"2025-03-25T19:21:07.000Z","size":8985,"stargazers_count":205,"open_issues_count":9,"forks_count":11,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-29T05:01:43.155Z","etag":null,"topics":["browser","chrome","collaborate","communityexchange","cursor","cursor-extension","debugging","devtools","github","monitoring","network","productivity","vscode-extension","web-development"],"latest_commit_sha":null,"homepage":"https://discord.gg/cyA7NpTUQS","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/saketsarin.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":["saketsarin"],"patreon":"saketsarin","open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"lfx_crowdfunding":null,"polar":null,"buy_me_a_coffee":null,"thanks_dev":null,"custom":null}},"created_at":"2025-02-13T20:40:22.000Z","updated_at":"2025-03-28T16:16:05.000Z","dependencies_parsed_at":"2025-03-29T05:00:31.530Z","dependency_job_id":"bbfed877-2e90-4f6b-a441-cf9dd585fa73","html_url":"https://github.com/saketsarin/composer-web","commit_stats":null,"previous_names":["saketsarin/composer-web"],"tags_count":8,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saketsarin%2Fcomposer-web","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saketsarin%2Fcomposer-web/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saketsarin%2Fcomposer-web/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saketsarin%2Fcomposer-web/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/saketsarin","download_url":"https://codeload.github.com/saketsarin/composer-web/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247294514,"owners_count":20915340,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["browser","chrome","collaborate","communityexchange","cursor","cursor-extension","debugging","devtools","github","monitoring","network","productivity","vscode-extension","web-development"],"created_at":"2025-02-24T10:20:21.655Z","updated_at":"2025-04-05T06:02:21.456Z","avatar_url":"https://github.com/saketsarin.png","language":"TypeScript","funding_links":["https://github.com/sponsors/saketsarin","https://patreon.com/saketsarin"],"categories":["Extensions"],"sub_categories":[],"readme":"\u003ch1\u003e\n  \u003cimg src=\"assets/icon.png\" width=\"30\" height=\"30\" alt=\"Composer Web Logo\" style=\"vertical-align: bottom; margin-right: 5px\"\u003e\n  Composer Web Extension\n\u003c/h1\u003e\n\n![Demo](assets/demo.gif)\n\nA powerful Cursor extension that captures live browser content and logs directly into Composer. Perfect for debugging, documentation, and sharing web content with context.\n\n## Features\n\n- 📸 **Smart Capture**: One shortcut to connect and capture everything\n- 📊 **Real-time Monitoring**: Console logs and network requests\n- 🔍 **Log Filtering**: Customizable filtering for console logs\n- 🎯 **Multi-tab Support**: Select from any open tab in your debugging browser\n- 📱 **iOS Simulator Integration** (Beta): Capture iOS simulator screenshots\n- ⚡ **Advanced Options**: Additional commands for specific capture needs\n- 🎛️ **Keybinding Management**: Customize keybindings directly from the new settings panel.\n\n## How It Works\n\n1. **Connect to a Tab**:\n\n   - Press `Cmd/Ctrl + ;` or click the connect button in the status bar\n   - Select your target tab from the list\n   - The extension starts monitoring console logs and network requests\n\n2. **Monitor Activity**:\n\n   - The status bar shows which tab is being monitored\n   - All console logs and network requests are collected in real-time\n   - Logs persist until you clear them or disconnect\n\n3. **Capture State**:\n\n   - Press `Cmd/Ctrl + ;` again or click the capture button\n   - The extension captures everything:\n     - A full-page screenshot\n     - All console logs since connection\n     - All network requests since connection\n   - Everything is sent directly to Composer\n\n4. **iOS Simulator Integration** (Beta):\n   - Enable in Settings Panel under \"Beta Features\"\n   - Connect to a running iOS simulator\n   - Capture screenshots from iOS apps\n   - Send directly to Composer for AI assistance\n\n## Quick Start\n\n1. Launch Chrome with remote debugging:\n\n   ```bash\n   # macOS\n   open -n -a \"Google Chrome\" --args --remote-debugging-port=9222 --user-data-dir=/tmp/chrome-debug-profile\n\n   # Windows\n   \"C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe\" --remote-debugging-port=9222 --user-data-dir=%TEMP%\\chrome-debug-profile\n\n   # Linux\n   google-chrome --remote-debugging-port=9222 --user-data-dir=/tmp/chrome-debug-profile\n   ```\n\n2. Press `Cmd/Ctrl + ;` to connect and capture!\n\n## Additional Features\n\nAvailable through Command Palette (`Cmd/Ctrl + Shift + P`) or keyboard shortcuts:\n\n- Clear logs: `Cmd/Ctrl + Shift + ;`\n- Send only logs: `Cmd/Ctrl + '`\n- Send only screenshot: `Cmd/Ctrl + Shift + '`\n- iOS Simulator: Available in command palette when enabled\n\n## Usage Tips\n\n1. **Status Bar Indicator**:\n\n   - 🔌 Not Connected: Click to connect to a tab\n   - 👁️ Connected: Click to capture current tab state\n   - 📱 iOS Simulator: Shows connected simulator status\n\n2. **Best Practices**:\n   - Wait for page to load completely\n   - Clear logs when starting new session\n   - Use fresh Chrome profile for best results\n   - Use specific commands when you need just logs or screenshots\n   - **Keybinding Panel**: Access the keybinding panel via the Command Palette to manage and customize keybindings.\n   - **Beta Features**: Enable beta features like iOS simulator integration in the Settings Panel\n\n## Troubleshooting\n\n1. **Can't Connect?**\n\n   - Ensure Chrome is running with debugging flag\n   - Check if port 9222 is available\n   - Try restarting Chrome\n\n2. **Session Disconnected?**\n\n   - The extension will automatically detect stale sessions and show a notification\n   - Click the status bar item to reconnect\n   - No need to restart Cursor - just reconnect when prompted\n\n3. **Incomplete Capture?**\n   - Wait for all content to load\n   - Scroll through the page once\n   - Check console for errors\n\n## Requirements\n\n- Cursor (latest version)\n- Google Chrome/Chromium\n- Node.js ≥ 18.0.0\n\n## Contributing\n\nWe welcome contributions from the community! Here's how you can help:\n\n### 🐛 Found a Bug?\n\n- **Ensure the bug hasn't already been reported** by searching our [Issues](../../issues)\n- If you can't find an existing issue, [open a new bug report](../../issues/new?template=bug_report.md) using our bug report template\n\n### 💡 Have a Feature Idea?\n\n- Check our [Issues](../../issues) to see if it's already suggested\n- If not, [create a feature request](../../issues/new?template=feature_request.md) using our feature request template\n\n### 🛠️ Want to Contribute Code?\n\n1. Read our [Contributing Guide](CONTRIBUTING.md)\n2. Fork the repository\n3. Create your feature branch\n4. Make your changes\n5. Open a [Pull Request](../../pulls) using our PR template\n\nFor more details, check out our:\n\n- [Code of Conduct](CODE_OF_CONDUCT.md)\n- [Contributing Guidelines](CONTRIBUTING.md)\n\n## License\n\nMIT - See LICENSE file for details\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsaketsarin%2Fcomposer-web","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsaketsarin%2Fcomposer-web","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsaketsarin%2Fcomposer-web/lists"}