{"id":13759132,"url":"https://github.com/extend-chrome/js-react-boilerplate","last_synced_at":"2025-05-08T01:24:32.431Z","repository":{"id":138412000,"uuid":"323646862","full_name":"extend-chrome/js-react-boilerplate","owner":"extend-chrome","description":"Chrome extension boilerplate with JavaScript and React","archived":false,"fork":false,"pushed_at":"2021-05-13T20:37:05.000Z","size":220,"stargazers_count":49,"open_issues_count":1,"forks_count":7,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-31T16:12:35.455Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/extend-chrome.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},"funding":{"ko_fi":"jacksteam"}},"created_at":"2020-12-22T14:20:27.000Z","updated_at":"2024-08-19T15:58:00.000Z","dependencies_parsed_at":"2024-01-15T03:57:31.265Z","dependency_job_id":"84c1f2e5-aec3-449c-bf7a-4af3b150de68","html_url":"https://github.com/extend-chrome/js-react-boilerplate","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/extend-chrome%2Fjs-react-boilerplate","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/extend-chrome%2Fjs-react-boilerplate/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/extend-chrome%2Fjs-react-boilerplate/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/extend-chrome%2Fjs-react-boilerplate/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/extend-chrome","download_url":"https://codeload.github.com/extend-chrome/js-react-boilerplate/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252979893,"owners_count":21835133,"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-08-03T13:00:47.062Z","updated_at":"2025-05-08T01:24:32.406Z","avatar_url":"https://github.com/extend-chrome.png","language":"JavaScript","funding_links":["https://ko-fi.com/jacksteam"],"categories":["Uncategorized"],"sub_categories":["Uncategorized"],"readme":"# JavaScript React Chrome Extension Boilerplate\n\nA basic JavaScript React Chrome Extension boilerplate that gets you started quickly. It supports ES modules, JSX, and automatic reloading during development. Jest, ESLint and Prettier included, all bundled using [Rollup](https://rollupjs.org/guide/en/) and [`rollup-plugin-chrome-extension`](https://extend-chrome.dev/rollup-plugin).\n\n## Get Started\n\n### Using `create-react-crx`\n\nType this into your terminal:\n\n```sh\nnpx create-react-crx\n```\n\nFollow the prompts to setup your Chrome extension project.\n\n### Using `git clone`\n\nType this into your terminal:\n\n```sh\ngit clone https://github.com/extend-chrome/js-react-boilerplate.git my-chrome-extension\ncd my-chrome-extension\nnpm install\n```\n\n\u003e 🖌️ Update your package name and version in `package.json` before you get started!\n\n### Development\n\nFor development with automatic reloading:\n\n```sh\nnpm run start\n```\n\nOpen the [Extensions Dashboard](chrome://extensions), enable \"Developer mode\", click \"Load unpacked\", and choose the `dist` folder.\n\nWhen you make changes in `src` the background script and any content script will reload automatically.\n\n### Production\n\nWhen it's time to publish your Chrome extension, make a production build to submit to the Chrome Web Store. This boilerplate will use the version in `package.json`, unless you add a version to `src/manifest.json`.\n\n\u003e Make sure you have updated the name and version of your extension in `package.json`.\n\nRun the following line:\n\n```sh\nnpm run build\n```\n\nThis will create a ZIP file with your package name and version in the `releases`\nfolder.\n\n## Source Layout\n\nYour manifest is at `src/manifest.json`, and Rollup will bundle any files you\ninclude here. All the filepaths in your manifest should point to files in `src`.\n\n## Features\n\n- Uses Rollup to bundle your extension\n- Chrome Extension automatic reloader\n- Jest configuration for testing\n\n## Resources\n\n[Chrome Extension official documentation](https://developer.chrome.com/docs/webstore/)\n\n[How to Publish your extension step by step video tutorial](https://www.youtube.com/playlist?list=PLYlOQabA4Mm0bPiMKIBMgZK0u2jbYsrC6)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fextend-chrome%2Fjs-react-boilerplate","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fextend-chrome%2Fjs-react-boilerplate","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fextend-chrome%2Fjs-react-boilerplate/lists"}