# GitHub Repo Manager

> Chrome Extension — Manage GitHub repositories directly from the browser.

## Features

- View all repos — Load all repositories of the account (automatic pagination)

- Change status — Switch repo between Public / Private with progress indicator

- Delete repo — Confirm by typing the repo name, fade-out animation when deleting

- Bulk actions — Select multiple repos at once, change status or delete in bulk with progress bar

- Search & filter — By name, description, visibility, sort by date / name / stars

- Secure token — Stored in chrome.storage.local, not sent anywhere except the GitHub API

---

## Installation

### Download & Manual Load

1. Clone or download the ZIP of this repo

2. Open Chrome → address chrome://extensions/

3. Enable Developer mode (top right corner)

4. Click Load unpacked → select the folder github-repo-manager-chrome

> Note: If you edit the code, run npm run build to rebuild CSS before reloading.

---

## Set up Token

1. Go to [github.com/settings/tokens](https://github.com/settings/tokens)

2. Click Generate new token (classic)

3. Name it, choose an appropriate expiration

4. Check the following permissions:

| Permission | Reason |

|---|---|

| repo | Read the list and update repo visibility |

| delete_repo | Delete repo |

5. Copy the token → paste it into the token box in the extension → click Save

---

## Build from source

```bash

# Install dependencies

npm install

# Build Tailwind CSS (required after cloning)

npm run build

# Or watch mode (auto rebuild when file changes)

npm run watch

```

---

## Directory structure

```

github-repo-manager-chrome/

├── manifest.json # Chrome Extension Manifest V3

├── popup.html # Main UI

├── popup.js # Logic + GitHub API calls

├── icons.js # Lucide SVG icons (inline)

├── background.js # Service worker

├── src/

│ └── input.css # Tailwind CSS directives

├── dist/

│ └── tailwind.css # Compiled CSS (generated by npm run build)

├── tailwind.config.js # Tailwind config with GitHub dark theme colors

├── icons/

│ ├── icon.png # Original icon

│ ├── icon16.png

│ ├── icon32.png

│ ├── icon48.png

│ └── icon128.png

├── LICENSE

└── README.md

```

---

## Stack

| Component | Details |

|---|---|

| UI framework | [Tailwind CSS v3](https://tail