sathiya's blog

By sathiya, 16 months ago, In English

I've been working on a VS Code extension that brings together Codeforces, CSES, and popular CP sheets directly into VsCode. Inspired by the LeetCode VS Code extension and Competitive Programming Helper (CPH), I've integrated their functionalities and added some unique features to enhance your CP experience.

Features:

  • Codeforces Integration: Browse problems by rating, tags, or contests. View upcoming contests too.
  • Sort problems: You can sort problems by solved count or contest order
  • CSES Problem Set: Access the entire CSES problem set within VS Code.
  • CP Sheets: Includes CP-31 and A2OJ ladders for structured practice.
  • Color-Coded Problems: Problems are color-coded based on their rating, similar to Codeforces user profiles.
  • In-Editor Problem Descriptions: View problem statements, input/output specs, sample test cases, tags directly in VS Code.
  • Integrated Testing and Submission: Built-in testing and submission functionalities using code copied from CPH extension(thanks to d-agrawal (no need to install CPH separately)
  • Solution Links: In the problem view, you'll see solution links from a few selected Codeforces handles—only if they've solved the problem. You can customize which handles you want to see solutions from.
  • Favorite Problems: You can mark any problem as a favorite, and it'll be saved under a dedicated "Favorites" folder for quick access later.
  • Pick random problem: You can pick a random problem — either completely random or filtered by a chosen rating.
  • Browser Extension for Submissions: Install "CPH Submit Pro" from the Chrome Web Store or Firefox Add-ons to submit problems to codeforces and CSES, and sync CSES problem statuses.

Preview

Setup:

  • Install the Codeforces Pro extension from the Visual Studio Marketplace.
  • Install the CPH Submit Pro(chrome or firefox) browser extension.

Give it a try and let me know what you think. Feedback and suggestions are welcome!

Note: Due to the recent mandatory v3 manifest in Chrome, the Chrome extension submit feature sometimes works improperly. Firefox works without any issues. Please use Firefox temporarily, and I’ve made the fix and published it. It’s currently under review. Once it passes the review, you can use the Chrome extension.

Update: New version for chrome extension published, and should work without any issue

  • Vote: I like it
  • +132
  • Vote: I do not like it

| Write comment?
»
16 months ago, hide # |
 
Vote: I like it +1 Vote: I do not like it

this looks so cool!! cant wait to try it

»
16 months ago, hide # |
 
Vote: I like it +1 Vote: I do not like it

Make some for safari bro :(

  • »
    »
    16 months ago, hide # ^ |
     
    Vote: I like it 0 Vote: I do not like it

    Exactly, I work on Xcode because VSCode doesn't really seem to work on my Mac. It always throws some error and launches a json file. It is very frustrating. Can you suggest some ideas to make it work??

    • »
      »
      »
      16 months ago, hide # ^ |
       
      Vote: I like it 0 Vote: I do not like it

      Installing gcc through brew and setting the default compile option to gcc or g++ from apple clang++ works for me. However from time to time whenever the mac gets an update, gcc simply starts malfunctioning. Then you will need to put in some time to reconfigure some stuff. Mostly uninstalling and reinstalling gcc works.

»
16 months ago, hide # |
 
Vote: I like it 0 Vote: I do not like it

Is there a vscode version requirement? Mine is saying that the extension is incompatible with vscode version 1.81.1

»
16 months ago, hide # |
 
Vote: I like it 0 Vote: I do not like it

Good work!

»
16 months ago, hide # |
 
Vote: I like it 0 Vote: I do not like it

Does it allow you to participate in contests via VSCode?

»
16 months ago, hide # |
 
Vote: I like it 0 Vote: I do not like it

Never saw any extension this much helpful before. Thanks for this.

I have a suggestion, and that is to add a feature to open a problem (with statement in right side, like what happens when we open a problem using this extension) from the browser.

Thanks again.

»
16 months ago, hide # |
 
Vote: I like it 0 Vote: I do not like it

Sometimes we use websites for learning, so it would be great to have a mini browser in VS Code also.

»
16 months ago, hide # |
 
Vote: I like it 0 Vote: I do not like it

can you please elaborate a bit upon the setup? Like what exactly should I do after installing the 2 extensions? Can't seem to find any visible queues for what to do just after install

»
16 months ago, hide # |
 
Vote: I like it 0 Vote: I do not like it

I have used it for a while. Really helpful! Vote it!

»
16 months ago, hide # |
 
Vote: I like it +1 Vote: I do not like it

Will it add gym problems in it? Or rather, because there are too many problems in gym, it won't add?

»
16 months ago, hide # |
 
Vote: I like it +1 Vote: I do not like it

Yeah.Thank you for your work

And I want to add auto problem translation

»
16 months ago, hide # |
 
Vote: I like it +1 Vote: I do not like it

Does it work for leetcode?

»
15 months ago, hide # |
Rev. 2  
Vote: I like it 0 Vote: I do not like it

https://imgur.com/IIJjnQG.png Codeforces problems > All > Problem > Right click > Show problem I am getting this error message while navigating as detailed above. Could you please look into it?

Great extension btw, hats off man!

»
8 months ago, hide # |
 
Vote: I like it 0 Vote: I do not like it

CSES problems cannot be viewed . Also some cf problems takes me to website screenshot some are partially viewed ss

»
4 months ago, hide # |
 
Vote: I like it 0 Vote: I do not like it

How do i disable the Integrated Testing and Submission? I want to edit this section of CPH Helper "cph.general.wordRegex": ".+" which prevents from changing the filename from original to '_' seperated words