{"id":13527544,"url":"https://github.com/Debdut/browser-extension","last_synced_at":"2025-04-01T09:31:43.614Z","repository":{"id":37658456,"uuid":"347532125","full_name":"Debdut/browser-extension","owner":"Debdut","description":"Browser Extension Template with ESbuild builds, support for React, Preact, Typescript, Tailwind, Manifest V3/V2 support and multi browser build including Chrome, Firefox, Safari, Edge, Brave.","archived":false,"fork":false,"pushed_at":"2024-05-09T08:03:48.000Z","size":813,"stargazers_count":677,"open_issues_count":7,"forks_count":51,"subscribers_count":8,"default_branch":"master","last_synced_at":"2024-10-29T17:12:54.348Z","etag":null,"topics":["boilerplate","chrome-extension","postcss","preact","starter","starter-kit","template"],"latest_commit_sha":null,"homepage":"","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/Debdut.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,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-03-14T03:07:41.000Z","updated_at":"2024-10-19T11:57:22.000Z","dependencies_parsed_at":"2024-08-01T07:06:51.830Z","dependency_job_id":null,"html_url":"https://github.com/Debdut/browser-extension","commit_stats":null,"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Debdut%2Fbrowser-extension","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Debdut%2Fbrowser-extension/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Debdut%2Fbrowser-extension/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Debdut%2Fbrowser-extension/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Debdut","download_url":"https://codeload.github.com/Debdut/browser-extension/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":222715679,"owners_count":17027699,"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","chrome-extension","postcss","preact","starter","starter-kit","template"],"created_at":"2024-08-01T06:01:50.734Z","updated_at":"2024-11-02T12:31:48.998Z","avatar_url":"https://github.com/Debdut.png","language":"TypeScript","readme":"# Browser Extension Template\n\n## w/ React Preact Typescript ESBuild\n\n![Generic badge](https://img.shields.io/badge/build-success-brightgreen.svg)\n\n\u003e Browser Extension Template with ESbuild builds, support for React, Preact, Typescript, Tailwind, Manifest V3/V2 support and multi browser build including Chrome, Firefox, Safari, Edge, Brave.\n\n## Builtin\n\n- Fast 100ms builds: ESBuild\n- Manifest v3/v2 in TS\n- 17+ Browsers Support\n- 8+ Pages: content, bookmarks, popup, ...\n- Auto Opens Browser\n- Run Multiple Browsers in Parallel\n- Autoreloads Browser\n- Isolated Browser Profiles\n\n ## Commands\n\n```sh\n# Install packages\nnpm install\n\n# Live Dev for multiple browsers\nnpm run start [browser]\n# npm run start chrome firefox safari\n\n# Build for multiple browsers\nnpm run build [browser]\n# npm run build chrome firefox safari\n```\n\nThat's it, if you got the browsers in the start command installed, it automatically builds for that, starts all of them, loads the extensions and reloads them on change. ESBuild makes sure the builds and reloads are really fast.\n\nSee browser support below.\n\n## Supports\n\n- ESBuild\n- React 18\n- Typescript\n- Preact X\n- PostCSS\n- TailwindCSS\n- CSS Modules\n\nSimply remove or don't use the technologies you don't like.\n\nScripts \u0026 Pages (located in `src/pages`):\n\n- background\n- content\n- history\n- options\n- popup\n- bookmarks  \n- devtools   \n- newtab\n- panel\n\nJust delete the folders of pages you don't require, the builds scripts detects automatically what's in there and adjusts the manifest automatically.\n\nBrowsers:\n- arc\n- brave\n- chrome\n- chrome-beta\n- chrome-canary\n- chromium\n- edge\n- firefox\n- firefox-developer-editon\n- firefox\n- opera\n- orion *\n- safari *\n- safari-beta *\n- safari-technical-preview *\n- sidekick\n- vivaldi\n\nBrowsers with * stars get a build, but needs to be launched manually, and extension needs to loaded manually with Xcode.\n\n## Notes\n\nIf you want webpack build, checkout the webpack branch.\n\nIn each of the pages folder, the target main script is the first of\n\n- index.html\n- index.ts\n- index.tsx\n- index.js\n- index.jsx\n- main.html\n- main.ts\n- main.tsx\n- main.js\n- main.jsx\n\nPut your injecting scripts in `public` directory that needs to imported via the `chrome.runtime.getURL` API.\n\n## Credits\n\nV2 wouldn't have been possible without my brilliant friend [Sayan Naskar](https://github.com/nascarsayan), the more credit we give him is less!\n","funding_links":[],"categories":["TypeScript","chrome-extension"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FDebdut%2Fbrowser-extension","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FDebdut%2Fbrowser-extension","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FDebdut%2Fbrowser-extension/lists"}