Skip to content

Repository files navigation

⚡ CodeLab

A Floating Code Editor for Codeforces & Competitive Programming

CodeLab injects a powerful, floating Monaco editor directly into Codeforces problem pages. Write, run, and test your code without leaving the problem statement.

image image

🚀 Features

  • Floating Editor: Resizable, draggable panel with Monaco Editor (VS Code experience).
  • Run Sample Tests: Automatically parses sample inputs/outputs from the problem page.
  • Wandbox Integration: Executes C++, Python, Java, and more in the cloud (No API key required).
  • Theme Support: Switch between Light and Dark (VS Code Modern) themes.
  • Language Persistence: Remembers your last used language.
  • Keyboard Shortcuts: Toggle the panel with Ctrl+Shift+L.

📥 Installation

Option 1: Chrome Web Store (Coming Soon)

Install directly from the Chrome Web Store.

Option 2: Manual Installation (Developer Mode)

  1. Download the latest chrome-mv3-prod.zip from Releases.
  2. Unzip the file into a folder.
  3. Open Chrome and go to chrome://extensions.
  4. Enable Developer mode (top right).
  5. Click Load unpacked and select the unzipped folder.

🛠 Usage

  1. Go to any Codeforces problem page (e.g., https://codeforces.com/problemset/problem/1/A).
  2. Press Ctrl+Shift+L or click the CodeLab floating button.
  3. Write your solution.
  4. Click Run to test against sample cases.

💻 Tech Stack

  • Plasmo Framework (React + TypeScript)
  • Monaco Editor
  • Wandbox API (for code execution)

📄 License

MIT License

About

A Floating Code Editor for Codeforces & Competitive Programming

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages