https://github.com/smashedr/simple-extension
Simple Web Extension Addon Template/Example in Vanilla JavaScript w/ Many Features, Functions and Workflows.
https://github.com/smashedr/simple-extension
chrome-extension firefox-addon web-extension
Last synced: 17 days ago
JSON representation
Simple Web Extension Addon Template/Example in Vanilla JavaScript w/ Many Features, Functions and Workflows.
- Host: GitHub
- URL: https://github.com/smashedr/simple-extension
- Owner: smashedr
- License: gpl-3.0
- Created: 2023-12-07T02:37:24.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2025-01-21T20:13:16.000Z (over 1 year ago)
- Last Synced: 2025-01-21T21:23:55.250Z (over 1 year ago)
- Topics: chrome-extension, firefox-addon, web-extension
- Language: JavaScript
- Homepage: https://cssnr.github.io
- Size: 705 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[](https://chromewebstore.google.com/detail/link-extractor/ifefifghpkllfibejafbakmflidjcjfp)
[](https://addons.mozilla.org/addon/link-extractor)
[](https://microsoftedge.microsoft.com/addons/detail/link-extractor/nmndaimimedljcfgnnoahempcajdamej)
[](https://chromewebstore.google.com/detail/link-extractor/ifefifghpkllfibejafbakmflidjcjfp)
[](https://addons.mozilla.org/addon/link-extractor)
[](https://microsoftedge.microsoft.com/addons/detail/link-extractor/nmndaimimedljcfgnnoahempcajdamej)
[](https://chromewebstore.google.com/detail/link-extractor/ifefifghpkllfibejafbakmflidjcjfp)
[](https://addons.mozilla.org/addon/link-extractor)
[](https://microsoftedge.microsoft.com/addons/detail/link-extractor/nmndaimimedljcfgnnoahempcajdamej)
[](https://github.com/cssnr/link-extractor/releases/latest)
[](https://sonarcloud.io/summary/overall?id=cssnr_link-extractor)
[](https://github.com/smashedr/simple-extension/actions/workflows/build.yaml)
[](https://github.com/smashedr/simple-extension/actions/workflows/test.yaml)
[](https://github.com/smashedr/simple-extension/actions/workflows/lint.yaml)
[](https://github.com/smashedr/simple-extension/pulse)
[](https://github.com/smashedr/simple-extension?tab=readme-ov-file#readme)
[](https://github.com/smashedr/simple-extension?tab=readme-ov-file#readme)
[](https://github.com/smashedr/simple-extension/graphs/contributors)
[](https://github.com/smashedr/simple-extension/issues)
[](https://github.com/smashedr/simple-extension/discussions)
[](https://github.com/smashedr/simple-extension/forks)
[](https://github.com/smashedr/simple-extension/stargazers)
[](https://cssnr.github.io/)
[](https://discord.gg/wXy6m2X8wY)
[](https://ko-fi.com/cssnr)
# Simple Extension
- [Features](#features)
- [Configuration](#configuration)
- [Support](#support)
- [Template Notes](#template-notes)
- [Development](#development)
- [Contributing](#contributing)
Modern Chrome Web Extension and Firefox Browser Addon for Copying and Creating New Extensions.
Written in Vanilla JavaScript using Bootstrap and compatible with Mobile Firefox, Yandex, Kiwi, etc.
> [!CAUTION]
> **DEPRECATED**
> This extension will no longer be updated in favor of:
>
> [!TIP]
> **TS + VUE + WXT + VITE**
> A new template extension has been created and maintained:
>
## Features
- Options Page
- Toolbar Popup
- Extension Page
- Extension Panel
- Context Menu
- Keyboard Shortcuts
- Content Script
- Service Worker
- Host Permissions
- Dark/Light Theme Switcher
- Fully Mobile Compatible
## Configuration
You can pin the Addon by clicking the `Puzzle Piece`, find the Link Extractor icon, then;
**Chrome,** click the `Pin` icon.
**Firefox,** click the `Settings Wheel` and `Pin to Toolbar`.
## Support
Logs can be found inspecting the page (Ctrl+Shift+I), clicking on the Console, and;
Firefox: toggling Debug logs, Chrome: toggling Verbose from levels dropdown.
If you run into any issues or need help getting started, please do one of the following:
- Report an Issue:
- Q&A Discussion:
- Request a Feature:
- Chat with us on Discord:
[](https://github.com/smashedr/simple-extension/issues/new?template=1-feature.yaml)
[](https://github.com/smashedr/simple-extension/issues)
[](https://github.com/smashedr/simple-extension/discussions)
[](https://discord.gg/wXy6m2X8wY)
To support this project, see the [Contributing](#Contributing) section at the bottom.
# Template Notes
- Minimum Chrome and Firefox Versions
These should ben set to the highest level of API you use.
**Firefox** is set to 112 due to `background: type: "module"` allowing import in the service-worker.
**Chrome** is set to 127 due to using `action.openPopup()` which was policy restricted until then.
# Development
For instructions on building, testing and submitting a PR, see [CONTRIBUTING.md](#contributing-ov-file).
# Contributing
Please consider making a donation to support the development of this project
and [additional](https://cssnr.com/) open source projects.
[](https://ko-fi.com/cssnr)
Additionally, you can give a 5-star rating
on [Google](https://chromewebstore.google.com/detail/link-extractor/ifefifghpkllfibejafbakmflidjcjfp)
or [Mozilla](https://addons.mozilla.org/addon/link-extractor) and star this project on GitHub.
Other Web Extensions I have created and published:
- [Link Extractor](https://github.com/cssnr/link-extractor?tab=readme-ov-file#readme)
- [Open Links in New Tab](https://github.com/cssnr/open-links-in-new-tab?tab=readme-ov-file#readme)
- [Auto Auth](https://github.com/cssnr/auto-auth?tab=readme-ov-file#readme)
- [Cache Cleaner](https://github.com/cssnr/cache-cleaner?tab=readme-ov-file#readme)
- [HLS Video Downloader](https://github.com/cssnr/hls-video-downloader?tab=readme-ov-file#readme)
- [Zipline Extension](https://github.com/cssnr/zipline-extension?tab=readme-ov-file#readme)
- [Obtainium Extension](https://github.com/cssnr/obtainium-extension?tab=readme-ov-file#readme)
- [SMWC Web Extension](https://github.com/cssnr/smwc-web-extension?tab=readme-ov-file#readme)
- [PlayDrift Extension](https://github.com/cssnr/playdrift-extension?tab=readme-ov-file#readme)
- [ASN Plus](https://github.com/cssnr/asn-plus?tab=readme-ov-file#readme)
- [Aviation Tools](https://github.com/cssnr/aviation-tools?tab=readme-ov-file#readme)
- [Text Formatter](https://github.com/cssnr/text-formatter?tab=readme-ov-file#readme)
For a full list of current projects visit: [https://cssnr.github.io/](https://cssnr.github.io/)
