nocodo icon indicating copy to clipboard operation
nocodo copied to clipboard

feat: Create browser extension for in-page feedback

Open brainless opened this issue 4 months ago • 0 comments

Summary

Create a browser extension (Chrome/Firefox) to allow users to provide in-page feedback and comments while testing web applications. This extension will communicate with the nocodo-manager daemon.

Core Features

  • Inject a draggable chat bubble widget onto the active web page.
  • Allow users to write comments or feedback within the widget.
  • Capture the CSS selector of the element the user is commenting on.
  • Capture the URL of the page.
  • Send the captured data (comment, selector, URL) to a new API endpoint on the nocodo-manager daemon.

Proposed Directory Structure

A new top-level directory should be created for the extension source code:

browser-extension/
├── src/
│   ├── background.ts
│   ├── content.ts
│   └── ui/
├── manifest.json
└── package.json

Technical Stack

  • TypeScript
  • Standard Web APIs (DOM manipulation, Fetch API)
  • WebExtensions API for cross-browser compatibility.

brainless avatar Aug 26 '25 04:08 brainless