{"id":17109969,"url":"https://github.com/oe/web-extension-boilerplate","last_synced_at":"2025-04-13T03:27:26.262Z","repository":{"id":46155322,"uuid":"91959960","full_name":"oe/web-extension-boilerplate","owner":"oe","description":"web extension boilerplate base on Parcel,  supports all technologies you familiar with. Manifest v3 ready!","archived":false,"fork":false,"pushed_at":"2023-12-12T06:02:44.000Z","size":615,"stargazers_count":7,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-04-12T11:14:46.824Z","etag":null,"topics":["boilerplate","browser-extension","chrome","chrome-extension","manifest-v3","web-exension-starter","web-extension"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/oe.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2017-05-21T13:40:01.000Z","updated_at":"2024-01-01T09:18:00.000Z","dependencies_parsed_at":"2023-12-10T14:47:39.774Z","dependency_job_id":null,"html_url":"https://github.com/oe/web-extension-boilerplate","commit_stats":null,"previous_names":["oe/web-extension-boilerplate"],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oe%2Fweb-extension-boilerplate","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oe%2Fweb-extension-boilerplate/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oe%2Fweb-extension-boilerplate/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oe%2Fweb-extension-boilerplate/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/oe","download_url":"https://codeload.github.com/oe/web-extension-boilerplate/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248659071,"owners_count":21141062,"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":["boilerplate","browser-extension","chrome","chrome-extension","manifest-v3","web-exension-starter","web-extension"],"created_at":"2024-10-14T16:25:00.627Z","updated_at":"2025-04-13T03:27:26.231Z","avatar_url":"https://github.com/oe.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Browser extension boilerplate\nBase on [Parcel](https://parceljs.org/recipes/web-extension/), an magic bundler that supports all technologies you familiar with(react/vue/typescript/less/scss, etc), supports the standard [Web Extension](https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions) APIs, for chrome that's [Manifest V3](https://developer.chrome.com/docs/extensions/mv3/getstarted/).\n\n## Features\n1. dev mode, autorefresh when developing, without concern about [CSP](https://developer.chrome.com/docs/extensions/reference/manifest/content-security-policy)\n2. build script, auto pack your extension\n3. [scss](http://sass-lang.com/), [less](http://lesscss.org/), [vueI18n](https://kazupon.github.io/vue-i18n/old/)(localized your app with vue instead of chrome.i18n.getMessage) integrated\n4. CI [github actions](https://docs.github.com/en/actions) integrated, you can download artifact in when workflow done\n\n\n## Building Steps\nrequirements:\n- make sure you have [nodejs](https://nodejs.org/) v12.10.0 or above installed\n- install [`yarn`](https://yarnpkg.com/getting-started/install). *It's optional, you can use npm instead*\n\n### install deps\nrun `yarn`(or `npm install`) in your shell\n\n### dev\n1. run `yarn dev`(or `npm run dev`) in your shell\n2. Open the Extension Management page by navigating to `chrome://extensions`\n3. Enable Developer Mode by clicking the toggle switch next to **Developer mode**\n4. Click the **LOAD UNPACKED** button and select the select `dist` directory\n\nTips: if you modified  `src/manifest.json`, you may need to reload the extension(by click the refresh icon inside the extension card  in `chrome://extensions` page) to make it take effect immediately.\n\nAbove are steps for chrome, if you're a firefox user, you must can figure it out yourself😄\n\n### build\nrun `yarn build`(or `npm run build`) in your shell, then you will get a file `ext.zip`, that's packaged extension\n\n## references\n* [parcel](https://parceljs.org/getting-started/webapp/)\n* [parcel for web extension](https://parceljs.org/recipes/web-extension/)\n* [Web Extension via MDN](https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions)\n* [Chrome extension, Manifest V3](https://developer.chrome.com/docs/extensions/mv3/getstarted/).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foe%2Fweb-extension-boilerplate","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Foe%2Fweb-extension-boilerplate","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foe%2Fweb-extension-boilerplate/lists"}