{"id":15711729,"url":"https://github.com/jacksteamdev/vite-chrome-extension","last_synced_at":"2025-03-30T17:47:16.785Z","repository":{"id":144037166,"uuid":"396924367","full_name":"jacksteamdev/vite-chrome-extension","owner":"jacksteamdev","description":"Experiment with Vite and rollup-plugin-chrome-extension","archived":false,"fork":false,"pushed_at":"2021-08-16T18:37:35.000Z","size":7,"stargazers_count":2,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-02-05T20:04:53.910Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jacksteamdev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":"antfu"}},"created_at":"2021-08-16T18:37:33.000Z","updated_at":"2021-11-11T15:18:05.000Z","dependencies_parsed_at":null,"dependency_job_id":"df9e1948-7b07-4ba0-9a1c-7a3edee02014","html_url":"https://github.com/jacksteamdev/vite-chrome-extension","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":"jacksteamdev/vitesse-webext","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jacksteamdev%2Fvite-chrome-extension","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jacksteamdev%2Fvite-chrome-extension/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jacksteamdev%2Fvite-chrome-extension/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jacksteamdev%2Fvite-chrome-extension/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jacksteamdev","download_url":"https://codeload.github.com/jacksteamdev/vite-chrome-extension/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246358251,"owners_count":20764366,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-03T21:13:48.785Z","updated_at":"2025-03-30T17:47:16.377Z","avatar_url":"https://github.com/jacksteamdev.png","language":"TypeScript","funding_links":["https://github.com/sponsors/antfu"],"categories":[],"sub_categories":[],"readme":"# WebExtension Vite Starter\n\nA [Vite](https://vitejs.dev/) powered WebExtension ([Chrome](https://developer.chrome.com/docs/extensions/reference/), [FireFox](https://addons.mozilla.org/en-US/developers/), etc.) starter template.\n\n\u003cp align=\"center\"\u003e\n\u003cimg width=\"655\" src=\"https://user-images.githubusercontent.com/11247099/126741643-813b3773-17ff-4281-9737-f319e00feddc.png\"\u003e\n\u003cimg width=\"655\" src=\"https://user-images.githubusercontent.com/11247099/126741653-43125b62-6578-4452-83a7-bee19be2eaa2.png\"\u003e\n\u003c/p\u003e\n\n## Features\n\n- ⚡️ **Instant HMR** - use **Vite** on dev (no more refresh!)\n- 🥝 Vue 3 - Composition API, [`\u003cscript setup\u003e` syntax](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0040-script-setup.md) and more!\n- 💬 Effortless communications - powered by [`webext-bridge`](https://github.com/antfu/webext-bridge) and [VueUse](https://github.com/antfu/vueuse) storage\n- 🍃 [Windi CSS](https://windicss.org/) - on-demand CSS utilities\n- 🦾 [TypeScript](https://www.typescriptlang.org/) - type safe\n- 📦 [Components auto importing](./views/components)\n- 🌟 [Icons](./views/components) - Access to icons from any iconset directly\n- 🌍 WebExtension - isomorphic extension for Chrome, Firefox, and others\n- 📃 Dynamic `manifest.json` with full type support\n\n## Pre-packed\n\n### WebExtension Libraries\n\n- [`webextension-polyfill-ts`](https://github.com/Lusito/webextension-polyfill-ts) - WebExtension browser API Polyfill with types\n- [`webext-bridge`](https://github.com/antfu/webext-bridge) - effortlessly communication between contexts\n\n### Vite Plugins\n\n- [`vite-plugin-components`](https://github.com/antfu/vite-plugin-components) - components auto import\n- [`vite-plugin-windicss`](https://github.com/antfu/vite-plugin-windicss) - WindiCSS support\n\n### Vue Plugins\n\n- [`vue-global-api`](https://github.com/antfu/vue-global-api) - use Vue Composition API globally\n- [VueUse](https://github.com/antfu/vueuse) - collection of useful composition APIs\n\n### UI Frameworks\n\n- [Windi CSS](https://github.com/windicss/windicss) - next generation utility-first CSS framework\n\n### Icons\n\n- [Iconify](https://iconify.design) - use icons from any icon sets [🔍Icônes](https://icones.netlify.app/)\n- [`vite-plugin-icons`](https://github.com/antfu/vite-plugin-icons) - icons as Vue components\n\n### Coding Style\n\n- Use Composition API with [`\u003cscript setup\u003e` SFC syntax](https://github.com/vuejs/rfcs/pull/227)\n- [ESLint](https://eslint.org/) with [@antfu/eslint-config](https://github.com/antfu/eslint-config), single quotes, no semi\n\n### Dev tools\n\n- [TypeScript](https://www.typescriptlang.org/)\n- [pnpm](https://pnpm.js.org/) - fast, disk space efficient package manager\n- [tsup](https://github.com/egoist/tsup) - Zero config TypeScript bundler powered by esbuild\n- [esno](https://github.com/antfu/esno) - TypeScript / ESNext node runtime powered by esbuild\n- [npm-run-all](https://github.com/mysticatea/npm-run-all) - Run multiple npm-scripts in parallel or sequential\n\n## Use the Template\n\n### GitHub Template\n\n[Create a repo from this template on GitHub](https://github.com/antfu/vitesse-webext/generate).\n\n### Clone to local\n\nIf you prefer to do it manually with the cleaner git history\n\n\u003e If you don't have pnpm installed, run: npm install -g pnpm\n\n```bash\nnpx degit antfu/vitesse-webext my-webext\ncd my-webext\npnpm i\n```\n\n## Usage\n\n### Folders\n\n- `views` - frontend for the extension (popup and options).\n- `src` - background scripts and content scripts.\n  - `manifest.ts` - manifest for the extension.\n- `extension` - extension package root, also holds assets.\n- `scripts` - development helper scripts.\n\n### Development\n\n```bash\npnpm dev\n```\n\nThen **load extension in browser with the `extension/` folder**,\n\n### Build\n\nTo build the extension, run\n\n```bash\npnpm build\n```\n\nAnd then pack files under `extension`.\n\n## Credits\n\n![](https://user-images.githubusercontent.com/11247099/127029137-6b5ad5db-76c4-4061-86ff-489911a8adfb.png)\n\nThis template is originally made for the [volta.net](https://volta.net) browser extension.\n\n## Variations\n\nThis is a variant of [Vitesse](https://github.com/antfu/vitesse), check out the [full variations list](https://github.com/antfu/vitesse#variations).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjacksteamdev%2Fvite-chrome-extension","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjacksteamdev%2Fvite-chrome-extension","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjacksteamdev%2Fvite-chrome-extension/lists"}