{"id":43481824,"url":"https://github.com/r74tech/cev3-template","last_synced_at":"2026-02-03T08:33:45.860Z","repository":{"id":285890330,"uuid":"959671094","full_name":"r74tech/cev3-template","owner":"r74tech","description":null,"archived":false,"fork":false,"pushed_at":"2025-10-21T01:09:43.000Z","size":83,"stargazers_count":0,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-11-07T08:33:12.488Z","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/r74tech.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},"funding":{"github":"RTa-technology","patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":null}},"created_at":"2025-04-03T06:57:40.000Z","updated_at":"2025-04-03T07:06:40.000Z","dependencies_parsed_at":"2025-04-03T08:22:29.501Z","dependency_job_id":"f0e3a046-bc79-4ab5-9906-9c23f3d369ed","html_url":"https://github.com/r74tech/cev3-template","commit_stats":null,"previous_names":["r74tech/cev3-template"],"tags_count":0,"template":true,"template_full_name":null,"purl":"pkg:github/r74tech/cev3-template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/r74tech%2Fcev3-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/r74tech%2Fcev3-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/r74tech%2Fcev3-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/r74tech%2Fcev3-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/r74tech","download_url":"https://codeload.github.com/r74tech/cev3-template/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/r74tech%2Fcev3-template/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29038628,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-03T06:39:36.383Z","status":"ssl_error","status_checked_at":"2026-02-03T06:39:32.787Z","response_time":96,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":"2026-02-03T08:33:45.393Z","updated_at":"2026-02-03T08:33:45.854Z","avatar_url":"https://github.com/r74tech.png","language":"TypeScript","funding_links":["https://github.com/sponsors/RTa-technology"],"categories":[],"sub_categories":[],"readme":"# Chrome Extension V3 Template (CEv3-template)\n\nA modern Chrome Extension boilerplate using Manifest V3, built with React, TypeScript, Vite, and i18n support.\n\n[![GitHub Repository](https://img.shields.io/badge/GitHub-Repository-blue.svg?style=flat-square\u0026logo=github)](https://github.com/r74tech/CEv3-template)\n[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg?style=flat-square)](LICENSE)\n\n## Features\n\n- 🚀 **Manifest V3 Compatible**: Built for the latest Chrome Extension standards\n- ⚛️ **React 19**: Uses the latest React version for UI components\n- 📦 **TypeScript**: Type safety for robust development\n- ⚡ **Vite**: Fast build and development experience\n- 🧩 **CRXJS Vite Plugin**: Seamless Chrome extension development with Vite\n- 🔄 **Background Service Worker**: Modern event-based background script\n- 📝 **Content Scripts**: Safely inject code into web pages\n- ⚙️ **Options Page**: Fully customizable settings page\n- 💾 **Storage API**: Store and sync user preferences\n- 🌎 **i18n Support**: Internationalization with multiple language support\n- 🔍 **Documented Code**: Extensive comments explaining implementation details\n\n## Project Structure\n\n```\ncev3-template/\n├── _locales/             # Internationalization\n│   ├── en/               # English translations\n│   └── ja/               # Japanese translations\n├── public/               # Static assets\n│   └── icons/            # Extension icons\n├── src/                  # Source code\n│   ├── assets/           # UI assets\n│   ├── background.ts     # Service worker background script\n│   ├── content.ts        # Content script injected into web pages\n│   ├── content.css       # Styles for content script\n│   ├── i18n.ts           # Internationalization utilities\n│   ├── options.ts        # Options page script\n│   ├── App.tsx           # Main popup component\n│   └── main.tsx          # Popup entry point\n├── manifest.ts           # Extension manifest configuration\n├── options.html          # Options page HTML\n├── vite.config.ts        # Vite configuration\n└── package.json          # Dependencies and scripts\n```\n\n## Development\n\n### Setup\n\n```bash\n# Install dependencies\npnpm install\n\n# Start development server\npnpm run dev\n```\n\nDuring development, Vite will automatically compile your code and refresh the extension.\n\n### Building for Production\n\n```bash\n# Build the extension\npnpm run build\n```\n\nThis creates a production-ready build in the `dist` folder that you can load in Chrome.\n\n### Loading the Extension in Chrome\n\n1. Open Chrome and navigate to `chrome://extensions`\n2. Enable \"Developer mode\" by toggling the switch in the top-right corner\n3. Click \"Load unpacked\" and select the `dist` folder\n4. The extension should now be loaded and visible in your extensions list\n\n## Customization\n\n### Manifest Configuration\n\nEdit `manifest.ts` to customize extension metadata, permissions, and behavior.\n\n### Content Scripts\n\nContent scripts in `src/content.ts` are injected into web pages. You can modify this file to change how the extension interacts with web pages.\n\n### Background Service Worker\n\nThe background script in `src/background.ts` handles events and state that persist across browser sessions. Modify this file to implement background functionality.\n\n### Options Page\n\nThe options page in `options.html` and `src/options.ts` allows users to configure the extension. Customize these files to add your own settings.\n\n### Popup UI\n\nThe popup UI is built with React. Modify `src/App.tsx` and related components to customize the popup interface.\n\n### Internationalization (i18n)\n\nThe template includes support for multiple languages:\n\n1. **Message Definitions**: Located in `_locales/{lang}/messages.json`\n2. **i18n Utilities**: Helper functions in `src/i18n.ts`\n3. **Usage in Code**:\n   - In React components: `getMessage('messageName')`\n   - In HTML: Add `data-i18n=\"messageName\"` attribute\n\nTo add a new language, create a new folder in `_locales` with the appropriate language code and provide translated messages.\n\n## Browser Compatibility\n\nThis template is designed for Chrome and Chromium-based browsers that support Manifest V3, including:\n\n- Google Chrome\n- Microsoft Edge\n- Opera\n- Brave\n\n## Contributing\n\nContributions are welcome! Feel free to open issues or submit pull requests for improvements or bug fixes.\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE](https://github.com/r74tech/CEv3-template/blob/main/LICENSE) file for details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fr74tech%2Fcev3-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fr74tech%2Fcev3-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fr74tech%2Fcev3-template/lists"}