MCPcopy Create free account
hub / github.com/chibat/chrome-extension-typescript-starter

github.com/chibat/chrome-extension-typescript-starter @main

Chat with this repo
repository ↗ · DeepWiki ↗ · + Follow
7 symbols 13 edges 10 files ⚖ MIT 0 documented · 0% 6 cross-repo links updated 13d ago★ 2,8218 open issues

Browse by type

Functions 7 Types & classes 0
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

Chrome Extension TypeScript Starter

build

Chrome Extension, TypeScript and Visual Studio Code

Prerequisites

Option

Includes the following

  • TypeScript
  • Webpack
  • React
  • Jest
  • Example Code
    • Chrome Storage
    • Options Version 2
    • content script
    • count up badge number
    • background

Project Structure

  • src/typescript: TypeScript source files
  • src/assets: static files
  • dist: Chrome Extension directory
  • dist/js: Generated JavaScript files

Setup

npm install

Import as Visual Studio Code project

...

Build

npm run build

Build in watch mode

terminal

npm run watch

Visual Studio Code

Run watch mode.

type Ctrl + Shift + B

Load extension to chrome

Load dist directory

Test

npx jest or npm run test

Core symbols most depended-on inside this repo

browse all functions →

Shape

Function 7

Languages

TypeScript100%

Modules by API surface

src/popup.tsx2 symbols
src/options.tsx2 symbols
webpack/webpack.common.js1 symbols
src/sum.ts1 symbols
src/background.ts1 symbols

Dependencies from manifests, versioned

@types/chrome0.0.158 · 1×
@types/jest29.5.0 · 1×
@types/react18.0.29 · 1×
@types/react-dom18.0.11 · 1×
copy-webpack-plugin14.0.0 · 1×
glob7.1.6 · 1×
jest29.5.0 · 1×
prettier2.2.1 · 1×
react18.2.0 · 1×
react-dom18.2.0 · 1×
rimraf3.0.2 · 1×
ts-jest29.1.0 · 1×

For agents

$ claude mcp add chrome-extension-typescript-starter \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact

Ask about this repo answers extend the page