Running locally

Frontend

The frontend uses gulp to watch the less files and compile them to css.

gulp-less

To run gulp: gulp

Backend

The backend is a Flask app. Ensure the virtual environment is active, then run: flask

Upgrading dependencies

Python dependencies

# Check for outdated packages
poetry show -o

JavaScript dependencies

// Find outdated packages
npm outdated

// Update to 'safe' versions of all packages
npm update

// Update to latest version of a package
npm install <packagename>@latest

Utilities

Collect playlist IDs on playlists page

const playlistLinks = document.querySelectorAll('a[href^="/playlist?list="]');
const playlistIds = [];

playlistLinks.forEach(link => {
    const href = link.getAttribute('href');

    const id = href.split('list=')[1];

    if (id) {
        playlistIds.push(id);
    }
});

console.log(playlistIds);