/ps-extender

Extends functionality of PSD interface by adding controls for swapping rows quickly using the generated tools by the script

Primary LanguageTypeScriptMIT LicenseMIT

BITS Pilani

PSD Extender

Extends functionality of PSD interface.

GitHub stars GitHub watchers

Features

👉 Adds controls for swapping PS station

👉 Select and move multiple stations

👉 Adds button to view problem bank, which automatically adds all relevent information to the row

👉 Backup your preferences

👉 Add notes

👉 Removes the default jQuery implementation on the website

Screenshot of the preference page with this extension enabled

🎓 Usage

The easiest way to use this is to install is using webstore here. For some reason, if you want to set it up manually:

  1. Download the latest version of PSExtender.zip from Releases
  2. Unzip this folder
  3. Type chrome://extensions/ in your URL
  4. Enable Developer Mode (top-right)
  5. Click on "Load unpacked"
  6. Locate the extracted folder
  7. Visit/Refresh your PSD page and click on the extension icon in your toolbar
  8. You should now see an interface with the controls

Setup

  • run npm install to install dependencies
  • uses Vite in library mode to bundle extension
  • public/ + compiled source code is output to dist/ folder
  • run npm run build to build once. refresh browser and rerun extension.
  • run npm run build:watch to watch for changes and build automatically. refresh and rerun.
  • run npm run dev to test the extension on a local copy of the page (no need to install the extension). Auto-reloads

🚀 Contributing

PRs are welcome and in fact, appreciated :)

  • Check open Issues and PRs before you start
  • Try to take up each issue in a separate PR