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