I made a vscode extension that forwards frontend errors back to Composer

Top ! Thanks for sharing ! :grin: :grin:

1 Like

Repro steps: I didn’t understand what this actually does. Could you explain more please?

Sometimes, it will be useful to tell Cursor the precise steps that were taken in the browser.
This feature from jam.dev does it (see the steps on the right hand side).

Bug: The issue is related to the clipboard command and I have only tested this on Mac, and used stackoverflow for similar commands on windows and ubuntu. It’s a simple command so maybe you could help me out here and raise a PR for it’s fix on the repo?

Sorry, I need to focus on my business, so I can’t do that.
I’ve disabled it now, but if you ever get it working on Windows, please let me know.

Do you have a Patreon or similar where I can contribute money, given I can’t contribute time?

1 Like

Glad to hear you liked it!

Oh that’s actually a good idea. I’ll think about the best way to implement this and launch it in a future version for sure!

I totally understand that. I’ll try getting a windows device on rent and fix this as soon as I can.

Yeah if you wanna support me then you can sponsor on my GitHub profile (it also has patreon connected): saketsarin (Saket Sarin) · GitHub

It’ll also give you credit as a supporter on my profile while still being able to support on patreon itself :smile:

super cool!!

1 Like

thankyou! glad to hear you liked it :smile:

1 Like

just published on OpenVSX.org too - Open VSX Registry

2 Likes

I’ve made a contribution on github. Thanks.

1 Like

thankyou for the support! appreciate it :raised_hands:t2:

1 Like

You may find it useful to look at Console Ninja.
I use them at the moment to get browser logs direct in VS Code.
They’re nicely formatted as well.

Yeah I’ve got a script from someone to format them better too. Will push this in next update in a few days

1 Like

hey!

the windows issue has been fixed in the latest release: Release v1.0.4 · saketsarin/composer-web · GitHub

do try it out and let me know if you still face any issues there. thanks

quick update guys:

the repo got a 100 stars and more than 100 installs on Microsoft marketplace within 5 days of launch!

it’s getting really overwhelming with all the feature requests and small bugs, so I’d really appreciate if y’all could lend a hand and contribute to the repo if you can :innocent:

and even if you can’t, it’d be great if you can share about it in your communities so more people can make use of it and save their time while improving their development workflow, just like cursor does for us devs!

I’m working on more advanced features now so keep an eye :eyes:

here’s the repo link if you haven’t discovered it yet: GitHub - saketsarin/composer-web: Cursor extension that forwards frontend errors and screenshots to composer in one-click, making development seamless for you

have a lovely weekend :raised_hands:t2:

Dear @saketsarin thanks a lot for your work, but I think the MCP-Server is rather the technology and way to go, I found a complete solution for this problem here: Quickstart - AgentDesk - BrowserToolsMCP

So I might rather makes sence you go also into this direction to save your time for better things.

thanks for sharing this @denislutz

I’m aware that this MCP tool exists, and I didn’t go in that direction due to a few reasons:

  • it’s slower than using a keyboard shortcut
  • it uses more fast requests and tokens because of the tool calls
  • no bloating of chat context as the content being shared is user-facing and they can customise it before sending the message
  • it’s not as extendable and modular for my usecase because of the features I’m planning to build in future which includes autonomous mode, knowledge graph recs, multi-platform support and much more, which won’t be quite possible with an MCP server.

Although I’m also aware of the benefits here which include the ease of vibe coding within a normal chat, and also much more context-friendliness with cursor because it’s integrated into their embeddings.

I’m taking a different direction here, which could be more useful than just getting the logs, and become a useful debugging tool that everyone can use!

hope it helps. good day!

Thanks.
I tried it.
Unfortunately it didn’t work again.
It gave a different error code.

I’ve now tried BrowserToolsMCP and I’m going to stick with that for now.

I don’t think all the reasons you’ve listed to @denislutz apply.

Cheers.

1 Like

glad to hear you found that more compatible for you. good day!

btw may I know what the error message was for you now? I have a windows device now and it worked fine on it so just wondering

I can’t remember sorry.

no worries man! have a great weekend :smiley:

1 Like

Just updated the extension with the ability to customize your keybindings. Next up we’ll have filtered logs and network reqs so stay tuned :smiley:

Would love to get your feedback: GitHub - saketsarin/composer-web: Cursor extension that forwards frontend errors and screenshots to composer in one-click, making development seamless for you

Also join our discord community for early-access to future updates and faster response times to your issues: Composer Web