Skip to content

Development

Nam Anh edited this page Jun 21, 2022 · 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 yarn
  • Run yarn 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 yarn build. This needs to be done before executing watch.
  • For development, you can run yarn 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 lose access to the marketplace page, and therefore cannot access the setting, follow these steps:

  • First ensure you have DevTools enabled by running spicetify enable-devtools apply
  • 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.

Clone this wiki locally