| public | ||
| src | ||
| .env.sample | ||
| .gitignore | ||
| .prettierrc | ||
| bun.lock | ||
| eslint.config.js | ||
| LICENSE.md | ||
| package.json | ||
| README.md | ||
| tsconfig.json | ||
screenshotter browser extension
Made with React 18 for Firefox.
Download in Mozilla Firefox Addons
Usage
- After installation, open any website, for example https://example.org
- Click on extension icon in browsers extensions toolbar
- Select any area for screenshot
- New editor app will open. Edit your screenshot optionally.
- Click "save" button, optionally edit file's name
You can also configure a lufin instance URL to be able to instantly upload newly snapped screenshots to it directly from the extension
Development
Generally any linux environment will work.
Prerequisties: Install https://bun.sh/
- Install dependencies for extension:
bun install - Install dependencies for editor in src/editor directory:
cd src/editor && bun install - Build in root directory of repository:
bun run build
Resulting archive will be placed in web-ext-artifacts/ — install it through "load temporary add-on" at about:debugging#/runtime/this-firefox
Motivation
This tool was made in late fall 2024 for an abusive Freelance client I have parted ways with — you can read more in the Lufin repository, which this project was part of.
I removed all metrics and trackers from it, cleaned up the code and made it work with any lufin instance. Enjoy!
License
Credit to github.com/keithwhor/canvasBlurRect for canvas blur code, which is licensed under MIT too