Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/hariprasadr1hp/browser_ext
A browser extension to facilitate day-to-day tasks. Works on both chrome-based and firefox browsers
https://github.com/hariprasadr1hp/browser_ext
chrome firefox typescript vue
Last synced: about 2 months ago
JSON representation
A browser extension to facilitate day-to-day tasks. Works on both chrome-based and firefox browsers
- Host: GitHub
- URL: https://github.com/hariprasadr1hp/browser_ext
- Owner: hariprasadr1hp
- License: mit
- Created: 2024-07-12T07:58:36.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-09-04T07:13:15.000Z (4 months ago)
- Last Synced: 2024-10-14T06:42:21.178Z (3 months ago)
- Topics: chrome, firefox, typescript, vue
- Language: Vue
- Homepage:
- Size: 498 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
### Overview
A browser extension to facilitate day-to-day tasks. Works on both chrome-based
and firefox browsers
### Usage
```bash
npm install -g pnpm
pnpm install
```
for development,
```bash
pnpm dev
```
To build the extension, run
```bash
pnpm build # to build directory for the set browser `TARGET_BROWSER` (chrome, firefox)
pnpm build:chrome # to build chrome directory (`dist/chrome`)
pnpm build:firefox # to build firefox directory (`dist/firefox`)
pnpm build:all # to build both chrome and firefox
```
Then load extension to the browser(chrome), `chrome://extensions` as an
[unpacked extension](https://developer.chrome.com/docs/extensions/mv3/getstarted/development-basics/#load-unpacked)
directing to the path `dist/chrome`, generated after `pnpm build:chrome`
Similarly, load the temporary add-on at
[about:debugging](about:debugging#/runtime/this-firefox), directing to the path
`dist/firefox`, generated after `pnpm build:firefox`
### Project Structure
- `src` - main source.
- `content-scripts` - scripts and components to be injected as
content_scripts"
- `background` - scripts to run as service worker
- `popup` - popup vue application
- `options`
- `views` - application pages, common to all views (Help, Authentication
etc.,)
- `dist/chrome` - built files
### References
- [Chrome API](https://developer.chrome.com/docs/extensions/reference/api)
- [FireFox](https://addons.mozilla.org/en-US/developers/)
- [Vite](https://vitejs.dev/)
- [Vite Config](https://vitejs.dev/config/)
- [CRXJS Vite Plugin](https://crxjs.dev/vite-plugin)
- [TypeScript](https://www.typescriptlang.org/)
- [nodejs-polars](https://pola-rs.github.io/nodejs-polars/index.html)
- [ag-grid-vue3](https://www.ag-grid.com/vue-data-grid/deep-dive/)
- [Plotly](https://plotly.com/javascript/)
- [lightweight-charts](https://github.com/tradingview/lightweight-charts)
- [Axios](https://axios-http.com/docs/example)
- [webext-bridge](https://github.com/zikaari/webext-bridge)
- [vite-plugin-pages](https://github.com/hannoeru/vite-plugin-pages)
- [Tailwind](https://tailwindcss.com/)
- [daisyUI](https://daisyui.com/)
- [Pinia](https://pinia.vuejs.org/)
- [VueUse](https://github.com/antfu/vueuse)
- [Marked](https://github.com/markedjs/marked)
- [`` SFC syntax](https://github.com/vuejs/rfcs/pull/227)
- [`setup` SFC syntax](https://pinia.vuejs.org/cookbook/composables.html#Setup-Stores)
- [VueChartJS](https://vue-chartjs.org/guide/#introduction)