Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/aaron5670/toggle-experiments-extension

๐Ÿงช A chromium extension to search and toggle Optimizely experiments.
https://github.com/aaron5670/toggle-experiments-extension

browser-extension chrome chrome-extension chromium-extension javascript localstorage localstorage-api optimizely optimizely-web plasmo

Last synced: 2 months ago
JSON representation

๐Ÿงช A chromium extension to search and toggle Optimizely experiments.

Awesome Lists containing this project

README

        

# Toggle Optimizely Experiments - Chrome Extension

With this extension you can toggle Optimizely experiments on and off.
Also, you can inject custom values into the LocalStorage of the current page.
Build with [Plasmo](https://docs.plasmo.com/).

![Screenshot of the extension](https://github.com/aaron5670/toggle-experiments-extension/assets/17295145/fc9a705a-eefb-44fd-b8d9-cfffd108d2cd)

## Installation

### Option 1: Chrome Web Store installation

1. Install the Chromium extension [here](https://chrome.google.com/webstore/detail/toggle-experiment/bfcajgcjbnmpblmomjphdaiodkfjjcdn).

### Option 2: Manual build and installation

1. Clone this repository locally.
2. Install the dependencies with ``pnpm install``.
3. Create a build with ``pnpm build``.
4. Go in your (Chrome) browser to **chrome://extensions/**, enable **enable Developer Mode** and click on **Load unpacked**.
5. Upload the **chrome-mv3-prod** folder you just build.
6. Enjoy! ๐Ÿ™‚๐Ÿงช

### Search for experiments
If you want to search for Optimizely experiments, you need a Personal Access Token from Optimizely.
You can find it in your [Optimizely account](https://app.optimizely.com/v2/profile/api).

---

## Development

First, run the development server:

```bash
pnpm dev
# or
npm run dev
```

Open your browser and load the appropriate development build. For example, if you are developing for the Chrome browser,
using manifest v3, use: `build/chrome-mv3-dev`.

For further guidance, [visit our Documentation](https://docs.plasmo.com/)

## Making production build

Run the following:

```bash
pnpm build
# or
npm run build
```

This should create a production bundle for your extension, ready to be zipped and published to the stores.

### Load the Extension for Chrome (Chromium)
We plan to automate this in the future, but for the time being, these are the steps you need to take to load your extension in Chrome.

Head over to `chrome://extensions` and enable Developer Mode.

![](https://docs.plasmo.com/screenshots/developer_mode.png)

Click on "Load Unpacked" and navigate to your extension's `build/chrome-mv3-dev` (or `build/chrome-mv3-prod`) directory.

To see your popup, click on the puzzle piece icon on the Chrome toolbar, and click on your extension.

**Pro-tip:** pin your extension to the Chrome toolbar for easy access by clicking the pin button.

![](https://docs.plasmo.com/screenshots/popup_example.png)