LeetCode Enhancer

A browser extension to improve the LeetCode experience.

✨ Features

• Problem difficulty rating
• Format on run
• Enable autocomplete (partial)
• Copy code button
• Return dislike button
• Links to similar problems on other platforms for premium problems
• Screenshots of premium editorials

⏳ Todos

• Contest notification
• Code snippets
• Company tags
• Hide/show certain stuffs

📥 Download

You can also:

• Download it from the latest release
• Try the latest GitHub Actions artifact build
• Build it yourself from source (see below)

Running locally

This extension uses the wxt framework. See docs.

Requirements

• OS: any
• Node.js >= 18

Clone the repo and install dependencies:

git clone https://github.com/Sbrjt/leetcode-enhancer
cd leetcode-enhancer
cp .env.example .env

npm i

Dev server

npm run dev
npm run dev:firefox

This launches a new Chrome profile with the extension installed. Hot reload is enabled.

Building

npm run build
npm run build:firefox

Find the compiled files inside .output/.

How to load:

• Chrome: go to chrome://extensions, turn on devoloper mode and click on "Load unpacked". Video.

• Firefox: go to about:debugging#/runtime/this-firefox and click on "Load Temporary Add-on". Doc.

• Select suitable build in .output/ folder.

Project Structure

📂 /
    📁 .output/                 # find build outputs here
    📁 public/                  # static assets
    📂 src/
        📁 entrypoints/
            📄 background.ts    # background service worker
            📂 content/         # content scripts
            📂 popup/
            📂 options/
        📁 components/
        📁 hooks/
        📁 utils/
    📄 wxt.config.ts            # manifest, vite, configs etc.
    📄 package.json

Note: If you need extra help, just create an issue and I will help.

🤗 Credits

• leetcode_problem_rating
• leetcode-screenshotter
• wxt

Caution

If LeetCode updates its UI, this extension may break.

© Shubhrajit Sadhukhan