Airsonic Web Client

This is just meant for exploration. If you want to see something more serious, take a look at airsonic-ui.

Implemented so far

• Login
• Welcome screen (most recently played)
• Artist detail
• Album detail
• Play Track w/ next and previous
• Currently playing notification

Development

The project is written in ClojureScript and uses re-frame for structure and peace of mind. The build tool is shadow-cljs, which offers nice editor integration and interoparibility with the whole JavaScript ecosystem. If you haven't worked with re-frame: I highly recommend it. Good resources are the project's docs and a post about its building blocks.

To build the project make sure you have Node.js (v6.0.0), npm and Java 8 installed in your system.

# after cloning the project, first install all dependencies
$ npm install
# start a continuous build with hot-code-reloading; first build takes a while. open http://localhost:8080
$ npm run dev
# build and optimize the code once for production
$ npm run build

Note: In dev mode this project comes with re-frame-10x. You can hit Ctrl + h to display the overlay and have a time traveling debugger.

Tests

This project uses karma for tests. Make sure to have Google Chrome installed, otherwise the watcher will time out. If you want to run tests continuously in the background, you may want to have Growl installed to show notifications (see setup instructions).

# run tests once
$ npm test
# run tests continuously, watching for changes
$ npm run test:watch

Build artifacts

Everything you need to serve the app can be found inside the public folder.

Deploy to github

# will build everything and publish everything in /public via gh-pages
$ npm run deploy