SmartCC_frontend

Table of Contents

• To Get Started
• For Chrome
• Pages
• Reference
• Made from

To get started

1. Clone this repo
2. Install pnpm npm install -g pnpm
3. Run pnpm install

For Chrome

1. Run:
   • Dev: pnpm dev
   • Prod: pnpm build
2. Open Chrome Browser and go to chrome://extensions/
3. Turn Developer Mode On (at top right)
4. Click Load Unpacked (at top left)
5. Select dist directory at the root of the project

Pages

• content - content script for chrome extension (content_scripts in manifest.json)
• content-ui - content script for render UI in user's page (content_scripts in manifest.json)
• options - options for chrome extension (options_page in manifest.json)
• popup - popup for chrome extension (action.default_popup in manifest.json)

Reference

• Vite Plugin
• ChromeExtension
• Rollup
• Turborepo
• Rollup-plugin-chrome-extension

Made from

• chrome-extension-boilterplate-react-vite