Vue player dev notes

Our player is implemented in Vue, based on Azuracast's public player.

1. Go to ./wp/wp-content/themes/lahma_maker/assets/playerfiles/.
2. Run npm install. This will locally install the build dependencies into a node_modules folder -> add to gitignore list.
3. Run npx webpack radio_player.vue. This will build the js file.

Prerequisites: Node.js needs to be installed on your machine.

See more here: https://github.com/mmmnmnm/lahmacun/issues/73

Debugging

This is how you can monitor Vue values in your browser:

1. Install browser extension, e.g., this for Chrome.
2. Enable debugging by copying this to the start of the radio_player.js file: Vue.config.devtools = true;

For more advanced code debugging check this (we haven't tried it).