Accelerant

A browser extension to improve your Nitro Type experience.

Chrome Extension - Firefox Extension

Features

• 👜 Feature rich, with options such as:
  • 🏁 Custom race banners (The original purpose of Accelerant)
  • 🎨 Theming
  • ⚡ Tweaks
• 🌸 Integrated cleanly into the UI
• 🔎 Open source

Development

General Structure

• src - Main source
  • contentScript - Scripts and components to be injected as content_scripts
    • inject - Content scripts that apply changes
      • content.ts - Main content script, run on document_start
      • injected.ts - Script running in the website context, run on document_start
      • postLoad.ts - Secondary content script, run on document_idle
    • menu - The menu/settings UI logic
  • background - Scripts for background
  • helpers - Reused code utilities extracted into files
  • lib - Libraries that aren't under node_modules
  • manifest.3.ts - Manifest V3 for the extension
  • manifest.2.ts - Manifest V2 for the extension
• extension - Extension package root
  • assets - Static assets
  • dist - Build directory, not pushed to GitHub

Running Locally

After installing the dependencies, start the Vite server:

# For Manifest V3
yarn mv3:dev
yarn start:chromium

# For Manifest V2
yarn mv2:dev
yarn start:firefox

web-ext auto reloads the extension whenever files in the extension/ build directory change.

Building

Note that building will override the previous build, meaning you have to build and pack for both versions separately. (e.g. building & packing MV3 before building & packing MV2)

# Build for Manifest V3
yarn mv3:build

# Build for Manifest V2
yarn mv2:build

# Pack into a .zip, .xpi, and .crx
yarn run pack

Credits

This repo was based on https://github.com/quolpr/react-vite-webext, which in turn was based on https://github.com/antfu/vitesse-webext

The banners in extension/assets/defaultBanners are ripped from the Nitro Type website (source) and were adjusted to remove the 3D effect.

The flame in the logo is the flame icon from Lucide, and the background is ripped from the Nitro Type logo.