An open API service indexing awesome lists of open source software.

https://github.com/teffybiskup/hackweek-js-overrides

Hack 1/2 week project to create browser extension to override JS config via cookies
https://github.com/teffybiskup/hackweek-js-overrides

chrome-extension hackathon react typescript vite

Last synced: about 2 months ago
JSON representation

Hack 1/2 week project to create browser extension to override JS config via cookies

Awesome Lists containing this project

README

          

# JS Overrides Extension


JS Overrides extension Screenshot


A browser extension that allows you to define and apply JavaScript overrides via cookies and injected script tags.

Built with **React**, **TypeScript**, **Vite** and **Chrome Extensions Manifest v3**.

---

## Features

- Create / save multiple override profiles
- Apply / disable overrides per tab
- Store overrides as cookies
- Automatically inject / remove overrides based on profile configuration

---

## Getting Started

### Prerequisites

Make sure you're using **Node.js v20.19.0**.

If you use [nvm](https://github.com/nvm-sh/nvm), you can set it up like this:

```bash
nvm install 20.19.0
nvm use 20.19.0
```

### 1. Install Dependencies

```bash
npm install
```

### 2. Build the Extension

```bash
npm run build
```

This outputs the production-ready extension into the `dist/` folder.

---

## Load the Extension in Chrome

1. Open **Chrome** and go to:

```
chrome://extensions
```

2. Enable **Developer mode** (top right)
3. Click **“Load unpacked”**
4. Select the `dist/` folder in your project
5. The extension should now appear in your Chrome toolbar

## Folder Structure

```bash
├── src/
├── public/
├── dist/
├── vite.config.ts
├── manifest.json
```