{"repo":"larscom/ng-chrome-extension","free":true,"listed":false,"github":"https://github.com/larscom/ng-chrome-extension","clone":"git clone https://github.com/larscom/ng-chrome-extension.git","description":"CLI tool to generate angular chrome extensions","language":"JavaScript","stars":191,"topics":["angular","chrome","chrome-extension","cli","extension","javascript","browser","browser-extension","linux","macos"],"license":"MIT","category":"cli-tools","readme_excerpt":"@larscom/ng-chrome-extension Easily create Angular Chrome Extensions (manifest v3) The following scenarios are supported: - Popup ✓ - New Tab ✓ - Options ✓ - Side Panel ✓ - Service Worker ✓ - Content Page ✓ Disclaimer This CLI tool should work on Linux/macOS, it is not tested on Windows. How to install Start creating a new project How to use/develop - change directory to your newly created project - run npm run start - goto: chrome://extensions in the browser and enable 'developer mode' - press Load unpacked and target the folder angular/dist The project is automatically being watched, any changes to the files will recompile the project. NOTE : changes to the content page and service worker scripts requires you to reload the extension in chrome://extensions Build/package for production - update version number inside ./angular/src/manifest.json - run npm run build:production - upload extension-build.zip to the chrome webstore. This will run a production build and will automatically zip it as a extension package in the root folder named: extension-build.zip Debugging Run: npm start Go to: Developer tools (inspect popup) = Sources = webpack You can find your source files (TypeScript) over there. Upgrade Angular After you have created a new project with ng-chrome and you want to update angular. Just follow the regular upgrade guide of angular. See: https://update.angular.io/ Angular folder This folder contains the angular source code. Eac","default_branch":null,"files":null,"tree":[],"storefront":"/r/larscom","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/larscom/ng-chrome-extension/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}