PSD Extender

Extends functionality of PSD interface.

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

🎓 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