Icon: [Broom by Francesco Cesqo Stefanini from NounProject.com](https://thenounproject.com/icon/broom-302960/)
Broom was born out of the desire to quickly assemble data from sites that do not expose an API into a spreadsheet, without wanting to spend time setting up a full scraper for short one time tasks.
When activated by a button it places in the browsers toolbar, it provides a visual click based interface to set up the configuration, make it aware of pagination links and then lets you scrape the number of pages that you desire. When finally done, it’ll provide the choice of a CSV, JSON and a “Columnar JSON” format download.
Screenshots
Technology
- Svelte, Typescript, Tailwind CSS all bundled together with Vite.js
Neat Details
- Broom has my best library approach to RPC inside of web extensions yet, I’m pretty proud of it as it’s typesafe, looks like a native promise call and supports a variety of uses from fire-and-forget to notify-everything
- Broom uses Svelte integration with Web Components to inject it’s UI into a webpage in a isolated fashion, a nice upgrade from the iframe setup I’ve used in previous extensions
- Thanks to Chrome’s MV3 transition, Broom had a slightly bumpy ride getting upgraded to the weird quirks worked out while maintaining compatability with Firefox