Skip to content

Development

Isaac edited this page Oct 18, 2023 · 14 revisions

You will need to clone this repository in order to start developing Marketplace locally.
Afterwards, these sections will provide you with some additional info for your dev environment.

Build

  • This project uses pnpm
  • Run pnpm install to install dependencies before developing
  • The app entry point is located in /src/app.tsx
  • The SCSS stylesheets are all imported in app.tsx
  • Build the app once with pnpm build. This needs to be done before executing pnpm watch.
  • For development, you can run pnpm watch to live update the files as you save them. This works well when paired with spicetify watch -a, to live reload spotify as the files are saved.

Refer to the Spicetify Creator docs for more information.

Troubleshoot

Manual reset

If you unable to access Marketplace or installations are breaking your client, follow these steps:

  • First ensure you have DevTools enabled by running spicetify enable-devtools
  • Open up DevTools by right clicking anywhere on Spotify, and then click on Inspect Element.
  • Click the Console tab in the DevTools window, paste the following command inside then execute:
Marketplace.reset()

This will reset Marketplace back to its fresh install state and you can start developing again. If you would like to only reset extensions, themes, or snippets, you can instead run

Marketplace.reset("parameter")

With the parameter being either "extensions", "snippets", or "theme"

Clone this wiki locally