Update README

Ability to see TopRated/starred albums (#63 )
Fix issue fetching public resources from web container when running out of docker
2025-12-21 17:33:29 +01:00 · 2021-10-08 11:48:56 +11:00 · 2021-10-08 00:08:32 +11:00 · 2021-10-07 19:57:21 +11:00 · 2021-10-07 15:57:09 +11:00 · 2021-10-03 18:49:16 +11:00
42 changed files with 3853 additions and 1793 deletions
--- a/4
+++ b/4
@@ -31,9 +31,9 @@ RUN apk add --no-cache --update --virtual .gyp \

 FROM node:16.6-alpine

-ENV BONOB_PORT=4534
+ENV BNB_PORT=4534

-EXPOSE $BONOB_PORT
+EXPOSE $BNB_PORT

 WORKDIR /bonob

--- a/README.md
+++ b/README.md
@@ -2,28 +2,26 @@

 A sonos SMAPI implementation to allow registering sources of music with sonos.  

-Currently only a single integration allowing Navidrome to be registered with sonos. In theory as Navidrome implements the subsonic API, it *may* work with other subsonic api clones.
+Support for Subsonic API clones (tested against Navidrome and Gonic).

 ![Build](https://github.com/simojenki/bonob/workflows/Build/badge.svg)

 ## Features

- Integrates with Navidrome
- Browse by Artist, Albums, Genres, Playlist, Random Albums, Starred Albums, Recently Added Albums, Recently Played Albums, Most Played Albums
- Artist Art
- Album Art
+- Integrates with Subsonic API clones (Navidrome, Gonic)
+- Browse by Artist, Albums, Random, Favourites, Top Rated, Playlist, Genres, Recently Added Albums, Recently Played Albums, Most Played Albums
+- Artist & Album Art
 - View Related Artists via Artist -> '...' -> Menu -> Related Arists
 - Now playing & Track Scrobbling
+- Search by Album, Artist, Track
+- Playlist editing through sonos app.
+- Marking of songs as favourites and with ratings through the sonos app.
+- Localization (only en-US & nl-NL supported currently, require translations for other languages).  [Sonos localization and supported languages](https://developer.sonos.com/build/content-service-add-features/strings-and-localization/)
 - Auto discovery of sonos devices
 - Discovery of sonos devices using seed IP address
- Auto register bonob service with sonos system
+- Auto registration with sonos on start
 - Multiple registrations within a single household.
- Transcoding performed by Navidrome with specific player for bonob/sonos, customisable by mimeType
- Ability to search by Album, Artist, Track
- Ability to play a playlist
- Ability to add/remove playlists
- Ability to add/remove tracks from a playlist
- Localization (only en-US & nl-NL supported currently, require translations for other languages).  [Sonos localization and supported languages](https://developer.sonos.com/build/content-service-add-features/strings-and-localization/)
+- Transcoding support for flacs using a specific player for the flac mimeType bonob/sonos

 ## Running

@@ -33,8 +31,8 @@ bonob is ditributed via docker and can be run in a number of ways

 ```bash
 docker run \
-    -e BONOB_SONOS_AUTO_REGISTER=true \
-    -e BONOB_SONOS_DEVICE_DISCOVERY=true \
+    -e BNB_SONOS_AUTO_REGISTER=true \
+    -e BNB_SONOS_DEVICE_DISCOVERY=true \
    -p 4534:4534 \
    --network host \
    simojenki/bonob
@@ -46,10 +44,10 @@ Now open http://localhost:4534 in your browser, you should see sonos devices, an

 ```bash
 docker run \
-    -e BONOB_PORT=3000 \
-    -e BONOB_SONOS_SEED_HOST=192.168.1.123 \
-    -e BONOB_SONOS_AUTO_REGISTER=true \
-    -e BONOB_SONOS_DEVICE_DISCOVERY=true \
+    -e BNB_PORT=3000 \
+    -e BNB_SONOS_SEED_HOST=192.168.1.123 \
+    -e BNB_SONOS_AUTO_REGISTER=true \
+    -e BNB_SONOS_DEVICE_DISCOVERY=true \
    -p 3000:3000 \
    simojenki/bonob
 ```
@@ -66,19 +64,21 @@ Start bonob outside the LAN with sonos discovery & registration disabled as they

 ```bash
 docker run \
-    -e BONOB_PORT=4534 \
-    -e BONOB_SONOS_SERVICE_NAME=MyAwesomeMusic \
-    -e BONOB_SECRET=changeme \
-    -e BONOB_URL=https://my-server.example.com/bonob \
-    -e BONOB_SONOS_AUTO_REGISTER=false \
-    -e BONOB_SONOS_DEVICE_DISCOVERY=false \
-    -e BONOB_NAVIDROME_URL=https://my-navidrome-service.com:4533 \
+    -e BNB_PORT=4534 \
+    -e BNB_SONOS_SERVICE_NAME=MyAwesomeMusic \
+    -e BNB_SECRET=changeme \
+    -e BNB_URL=https://my-server.example.com/bonob \
+    -e BNB_SONOS_AUTO_REGISTER=false \
+    -e BNB_SONOS_DEVICE_DISCOVERY=false \
+    -e BNB_SUBSONIC_URL=https://my-navidrome-service.com:4533 \
    -p 4534:4534 \
    simojenki/bonob
 ```

 Now within the LAN that contains the sonos devices run bonob the registration process.

+#### Using auto-discovery
+
 ```bash
 docker run \
    --rm \
@@ -86,6 +86,15 @@ docker run \
    simojenki/bonob register https://my-server.example.com/bonob
 ```

+#### Using a seed host
+
+```bash
+docker run \
+    --rm \
+    -e BNB_SONOS_SEED_HOST=192.168.1.163 \
+    simojenki/bonob register https://my-server.example.com/bonob
+```
+
 ### Running bonob and navidrome using docker-compose

 ```yaml
@@ -113,76 +122,98 @@ services:
      - "4534:4534"
    restart: unless-stopped
    environment:
-      BONOB_PORT: 4534
+      BNB_PORT: 4534
      # ip address of your machine running bonob
-      BONOB_URL: http://192.168.1.111:4534  
-      BONOB_SECRET: changeme
-      BONOB_SONOS_AUTO_REGISTER: true
-      BONOB_SONOS_DEVICE_DISCOVERY: true
-      BONOB_SONOS_SERVICE_ID: 246
+      BNB_URL: http://192.168.1.111:4534  
+      BNB_SECRET: changeme
+      BNB_SONOS_AUTO_REGISTER: true
+      BNB_SONOS_DEVICE_DISCOVERY: true
+      BNB_SONOS_SERVICE_ID: 246
      # ip address of one of your sonos devices
-      BONOB_SONOS_SEED_HOST: 192.168.1.121
-      BONOB_NAVIDROME_URL: http://navidrome:4533
+      BNB_SONOS_SEED_HOST: 192.168.1.121
+      BNB_SUBSONIC_URL: http://navidrome:4533
 ```

 ## Configuration

 item | default value | description
 ---- | ------------- | -----------
-BONOB_PORT | 4534 | Default http port for bonob to listen on
-BONOB_URL | http://$(hostname):4534 | URL (including path) for bonob so that sonos devices can communicate. **This must be either the public IP or DNS entry of the bonob instance so that the sonos devices can communicate with it.**
-BONOB_SECRET | bonob | secret used for encrypting credentials
-BONOB_SONOS_AUTO_REGISTER | false | Whether or not to try and auto-register on startup
-BONOB_SONOS_DEVICE_DISCOVERY | true | whether or not sonos device discovery should be enabled
-BONOB_SONOS_SEED_HOST | undefined | sonos device seed host for discovery, or ommitted for for auto-discovery
-BONOB_SONOS_SERVICE_NAME | bonob | service name for sonos
-BONOB_SONOS_SERVICE_ID | 246 | service id for sonos
-BONOB_NAVIDROME_URL | http://$(hostname):4533 | URL for navidrome
-BONOB_NAVIDROME_CUSTOM_CLIENTS | undefined | Comma delimeted mime types for custom navidrome clients when streaming. ie. "audio/flac,audio/ogg" would use client = 'bonob+audio/flac' for flacs, and 'bonob+audio/ogg' for oggs.
-BONOB_SCROBBLE_TRACKS | true | Whether to scrobble the playing of a track if it has been played for >30s
-BONOB_REPORT_NOW_PLAYING | true | Whether to report a track as now playing
-BONOB_ICON_FOREGROUND_COLOR | undefined | Icon foreground color in sonos app, must be a valid [svg color](https://www.december.com/html/spec/colorsvg.html)
-BONOB_ICON_BACKGROUND_COLOR | undefined | Icon background color in sonos app, must be a valid [svg color](https://www.december.com/html/spec/colorsvg.html)
+BNB_PORT | 4534 | Default http port for bonob to listen on
+BNB_URL | http://$(hostname):4534 | URL (including path) for bonob so that sonos devices can communicate. **This must be either the public IP or DNS entry of the bonob instance so that the sonos devices can communicate with it.**
+BNB_SECRET | bonob | secret used for encrypting credentials
+BNB_SONOS_AUTO_REGISTER | false | Whether or not to try and auto-register on startup
+BNB_SONOS_DEVICE_DISCOVERY | true | Enable/Disable sonos device discovery entirely.  Setting this to 'false' will disable sonos device search, regardless of whether a seed host is specified.
+BNB_SONOS_SEED_HOST | undefined | sonos device seed host for discovery, or ommitted for for auto-discovery
+BNB_SONOS_SERVICE_NAME | bonob | service name for sonos
+BNB_SONOS_SERVICE_ID | 246 | service id for sonos
+BNB_SUBSONIC_URL | http://$(hostname):4533 | URL for subsonic clone
+BNB_SUBSONIC_CUSTOM_CLIENTS | undefined | Comma delimeted mime types for custom subsonic clients when streaming. ie. "audio/flac,audio/ogg" would use client = 'bonob+audio/flac' for flacs, and 'bonob+audio/ogg' for oggs.
+BNB_SUBSONIC_ARTIST_IMAGE_CACHE | undefined | Path for caching of artist images as are sourced externally.  ie. Navidrome provides spotify URLs
+BNB_SCROBBLE_TRACKS | true | Whether to scrobble the playing of a track if it has been played for >30s
+BNB_REPORT_NOW_PLAYING | true | Whether to report a track as now playing
+BNB_ICON_FOREGROUND_COLOR | undefined | Icon foreground color in sonos app, must be a valid [svg color](https://www.december.com/html/spec/colorsvg.html)
+BNB_ICON_BACKGROUND_COLOR | undefined | Icon background color in sonos app, must be a valid [svg color](https://www.december.com/html/spec/colorsvg.html)

 ## Initialising service within sonos app

- Configure bonob, make sure to set BONOB_URL. **bonob must be accessible from your sonos devices on BONOB_URL, otherwise it will fail to initialise within the sonos app, so make sure you test this in your browser by putting BONOB_URL in the address bar and seeing the bonob information page**
- Start bonob, 
+- Configure bonob, make sure to set BNB_URL. **bonob must be accessible from your sonos devices on BNB_URL, otherwise it will fail to initialise within the sonos app, so make sure you test this in your browser by putting BNB_URL in the address bar and seeing the bonob information page**
+- Start bonob
 - Open sonos app on your device
 - Settings -> Services & Voice -> + Add a Service
- Select your Music Service, default name is 'bonob', can be overriden with configuration BONOB_SONOS_SERVICE_NAME
+- Select your Music Service, default name is 'bonob', can be overriden with configuration BNB_SONOS_SERVICE_NAME
 - Press 'Add to Sonos' -> 'Linking sonos with bonob' -> Authorize
- Your device should open a browser and you should now see a login screen, enter your navidrome credentials
+- Your device should open a browser and you should now see a login screen, enter your subsonic clone credentials
 - You should get 'Login successful!'
 - Go back into the sonos app and complete the process
- You should now be able to play music from navidrome
- Within navidrome a new player will be created, 'bonob (username)', so you can configure transcoding specifically for sonos
+- You should now be able to play music on your sonos devices from you subsonic clone
+- Within the subsonic clone a new player will be created, 'bonob (username)', so you can configure transcoding specifically for sonos

-## Implementing a different music source other than navidrome
+## Implementing a different music source other than a subsonic clone

 - Implement the MusicService/MusicLibrary interface
 - Startup bonob with your new implementation.

-## Sample Icon colors
+## A note on transcoding

+tldr; Transcoding to mp3/m4a is not supported as sonos devices will not play the track.  Transcoding to flac works however, use BNB_SUBSONIC_CUSTOM_CLIENTS=audio/flac if you want to transcode flac->flac ie. to downsample HD flacs (see below).
+
+Sonos devices are very particular about how audio streams are presented to them, see [streaming basics](https://developer.sonos.com/build/content-service-add-features/streaming-basics/).  When using transcoding both Navidrome and Gonic report no 'content-length', nor do they support range queries, this will cause the sonos device to fail to play the track.
+
+## Cusomisation
+
+### Audio File type specific transcoding options within Subsonic
+
+In some situations you may wish to have different 'Players' within you Subsonic server so that you can configure different transcoding options depending on the file type.  For example if you have flacs with a mixture of frequency formats where not all are supported by sonos [See issue #52](https://github.com/simojenki/bonob/issues/52) & [Sonos supported audio formats](https://developer.sonos.com/build/content-service-add-features/supported-audio-formats/)
+
+In this case you could set;
+
+```bash
+BNB_SUBSONIC_CUSTOM_CLIENTS="audio/flac"
 ```
-e BONOB_ICON_FOREGROUND_COLOR=white \
-e BONOB_ICON_BACKGROUND_COLOR=darkgrey
+
+This would result in 2 players in Navidrome, one called 'bonob', the other called 'bonob+audio/flac'.  You could then configure a custom flac transcoder in Navidrome that re-samples the flacs to a sonos supported format, ie [Using something like this](https://stackoverflow.com/questions/41420391/ffmpeg-flac-24-bit-96khz-to-16-bit-48khz);
+
+```bash
+ffmpeg -i %s -af aresample=resampler=soxr:out_sample_fmt=s16:out_sample_rate=48000 -f flac -
 ```
+
+### Changing Icon colors
+
+```bash
+-e BNB_ICON_FOREGROUND_COLOR=white \
+-e BNB_ICON_BACKGROUND_COLOR=darkgrey
+```
+
 ![White & Dark Grey](https://github.com/simojenki/bonob/blob/master/docs/images/whiteDarkGrey.png?raw=true)

+```bash
+-e BNB_ICON_FOREGROUND_COLOR=chartreuse \
+-e BNB_ICON_BACKGROUND_COLOR=fuchsia
+```

-```
-e BONOB_ICON_FOREGROUND_COLOR=chartreuse \
-e BONOB_ICON_BACKGROUND_COLOR=fuchsia
-```
 ![Chartreuse & Fuchsia](https://github.com/simojenki/bonob/blob/master/docs/images/chartreuseFuchsia.png?raw=true)

-
 ## Credits

 - Icons courtesy of: [Navidrome](https://www.navidrome.org/), [Vectornator](https://www.vectornator.io/icons), and @jicho

-## TODO
-
- Artist Radio
--- a/etc/docker-compose.yaml
+++ b/etc/docker-compose.yaml
@@ -22,13 +22,13 @@ services:
      - "4534:4534"
    restart: unless-stopped
    environment:
-      BONOB_PORT: 4534
+      BNB_PORT: 4534
      # ip address of your machine running bonob
-      BONOB_URL: http://192.168.1.111:4534  
-      BONOB_SECRET: changeme
-      BONOB_SONOS_SERVICE_ID: 246 
-      BONOB_SONOS_AUTO_REGISTER: "true"
-      BONOB_SONOS_DEVICE_DISCOVERY: "true"
+      BNB_URL: http://192.168.1.111:4534  
+      BNB_SECRET: changeme
+      BNB_SONOS_SERVICE_ID: 246 
+      BNB_SONOS_AUTO_REGISTER: "true"
+      BNB_SONOS_DEVICE_DISCOVERY: "true"
      # ip address of one of your sonos devices
-      BONOB_SONOS_SEED_HOST: 192.168.1.121
-      BONOB_NAVIDROME_URL: http://navidrome:4533
+      BNB_SONOS_SEED_HOST: 192.168.1.121
+      BNB_SUBSONIC_URL: http://navidrome:4533
--- a/package.json
+++ b/package.json
@@ -8,6 +8,7 @@
  "dependencies": {
    "@svrooij/sonos": "^2.4.0",
    "@types/express": "^4.17.13",
+    "@types/fs-extra": "^9.0.13",
    "@types/morgan": "^1.9.3",
    "@types/node": "^16.7.13",
    "@types/sharp": "^0.28.6",
@@ -18,6 +19,7 @@
    "eta": "^1.12.3",
    "express": "^4.17.1",
    "fp-ts": "^2.11.1",
+    "fs-extra": "^10.0.0",
    "libxmljs2": "^0.28.0",
    "morgan": "^1.10.0",
    "node-html-parser": "^4.1.4",
@@ -27,20 +29,21 @@
    "typescript": "^4.4.2",
    "underscore": "^1.13.1",
    "uuid": "^8.3.2",
-    "winston": "^3.3.3",
-    "x2js": "^3.4.2"
+    "winston": "^3.3.3"
  },
  "devDependencies": {
    "@types/chai": "^4.2.21",
    "@types/jest": "^27.0.1",
    "@types/mocha": "^9.0.0",
    "@types/supertest": "^2.0.11",
+    "@types/tmp": "^0.2.1",
    "chai": "^4.3.4",
    "get-port": "^5.1.1",
    "image-js": "^0.33.0",
    "jest": "^27.1.0",
    "nodemon": "^2.0.12",
    "supertest": "^6.1.6",
+    "tmp": "^0.2.1",
    "ts-jest": "^27.0.5",
    "ts-mockito": "^2.6.1",
    "ts-node": "^10.2.1",
@@ -50,8 +53,8 @@
  "scripts": {
    "clean": "rm -Rf build node_modules",
    "build": "tsc",
-    "dev": "BONOB_ICON_FOREGROUND_COLOR=white BONOB_ICON_BACKGROUND_COLOR=darkgrey BONOB_SONOS_SERVICE_NAME=bonobDev BONOB_SONOS_DEVICE_DISCOVERY=true nodemon -V ./src/app.ts",
-    "devr": "BONOB_ICON_FOREGROUND_COLOR=white BONOB_ICON_BACKGROUND_COLOR=darkgrey BONOB_SONOS_SERVICE_NAME=bonobDev BONOB_SONOS_DEVICE_DISCOVERY=true BONOB_SONOS_AUTO_REGISTER=true nodemon -V ./src/app.ts",
+    "dev": "BNB_DEBUG=true BNB_SCROBBLE_TRACKS=false BNB_REPORT_NOW_PLAYING=false BNB_ICON_FOREGROUND_COLOR=white BNB_ICON_BACKGROUND_COLOR=darkgrey BNB_SONOS_SERVICE_NAME=bonobDev BNB_SONOS_DEVICE_DISCOVERY=true nodemon -V ./src/app.ts",
+    "devr": "BNB_DEBUG=true BNB_SCROBBLE_TRACKS=false BNB_REPORT_NOW_PLAYING=false BNB_ICON_FOREGROUND_COLOR=white BNB_ICON_BACKGROUND_COLOR=darkgrey BNB_SONOS_SERVICE_NAME=bonobDev BNB_SONOS_DEVICE_DISCOVERY=true BNB_SONOS_AUTO_REGISTER=true nodemon -V ./src/app.ts",
    "register-dev": "ts-node ./src/register.ts http://$(hostname):4534",
    "test": "jest",
    "gitinfo": "git describe --tags > .gitinfo"
--- a/src/Sonoswsdl-1.19.4-20190411.142401-3.wsdl
+++ b/src/Sonoswsdl-1.19.4-20190411.142401-3.wsdl
@@ -2059,7 +2059,7 @@

    <wsdl:service name="Sonos">
        <wsdl:port name="SonosSoap" binding="tns:SonosSoap">
-		<soap:address location="http://moapi.sonos.com/Test/TestService.php"/>
+		<soap:address location="/about"/>
        </wsdl:port>
    </wsdl:service>

--- a/src/access_tokens.ts
+++ b/src/access_tokens.ts
@@ -5,6 +5,7 @@ import crypto from "crypto";
 import { Encryption } from "./encryption";
 import logger from "./logger";
 import { Clock, SystemClock } from "./clock";
+import { b64Encode, b64Decode } from "./b64";

 type AccessToken = {
  value: string;
@@ -60,14 +61,12 @@ export class EncryptedAccessTokens implements AccessTokens {
  }

  mint = (authToken: string): string =>
-    Buffer.from(JSON.stringify(this.encryption.encrypt(authToken))).toString(
-      "base64"
-    );
+    b64Encode(JSON.stringify(this.encryption.encrypt(authToken)));

  authTokenFor(value: string): string | undefined {
    try {
      return this.encryption.decrypt(
-        JSON.parse(Buffer.from(value, "base64").toString("ascii"))
+        JSON.parse(b64Decode(value))
      );
    } catch {
      logger.warn("Failed to decrypt access token...");
--- a/src/app.ts
+++ b/src/app.ts
@@ -2,7 +2,13 @@ import path from "path";
 import fs from "fs";
 import server from "./server";
 import logger from "./logger";
-import { appendMimeTypeToClientFor, DEFAULT, Navidrome } from "./navidrome";
+import {
+  appendMimeTypeToClientFor,
+  axiosImageFetcher,
+  cachingImageFetcher,
+  DEFAULT,
+  Subsonic,
+} from "./subsonic";
 import encryption from "./encryption";
 import { InMemoryAccessTokens, sha256 } from "./access_tokens";
 import { InMemoryLinkCodes } from "./link_codes";
@@ -22,22 +28,27 @@ const bonob = bonobService(
  "AppLink"
 );

-const sonosSystem = sonos(config.sonos.deviceDiscovery, config.sonos.seedHost);
+const sonosSystem = sonos(config.sonos.discovery);

-const streamUserAgent = config.navidrome.customClientsFor
-  ? appendMimeTypeToClientFor(config.navidrome.customClientsFor.split(","))
+const streamUserAgent = config.subsonic.customClientsFor
+  ? appendMimeTypeToClientFor(config.subsonic.customClientsFor.split(","))
  : DEFAULT;

-const navidrome = new Navidrome(
-  config.navidrome.url,
+const artistImageFetcher = config.subsonic.artistImageCache
+  ? cachingImageFetcher(config.subsonic.artistImageCache, axiosImageFetcher)
+  : axiosImageFetcher;
+
+const subsonic = new Subsonic(
+  config.subsonic.url,
  encryption(config.secret),
-  streamUserAgent
+  streamUserAgent,
+  artistImageFetcher
 );

 const featureFlagAwareMusicService: MusicService = {
-  generateToken: navidrome.generateToken,
+  generateToken: subsonic.generateToken,
  login: (authToken: string) =>
-    navidrome.login(authToken).then((library) => {
+    subsonic.login(authToken).then((library) => {
      return {
        ...library,
        scrobble: (id: string) => {
@@ -60,7 +71,9 @@ const featureFlagAwareMusicService: MusicService = {

 export const GIT_INFO = path.join(__dirname, "..", ".gitinfo");

-const version = fs.existsSync(GIT_INFO) ? fs.readFileSync(GIT_INFO).toString().trim() : "v??"
+const version = fs.existsSync(GIT_INFO)
+  ? fs.readFileSync(GIT_INFO).toString().trim()
+  : "v??";

 const app = server(
  sonosSystem,
@@ -69,12 +82,12 @@ const app = server(
  featureFlagAwareMusicService,
  {
    linkCodes: () => new InMemoryLinkCodes(),
-    accessTokens: () =>  new InMemoryAccessTokens(sha256(config.secret)),
+    accessTokens: () => new InMemoryAccessTokens(sha256(config.secret)),
    clock: SystemClock,
    iconColors: config.icons,
    applyContextPath: true,
    logRequests: true,
-    version
+    version,
  }
 );

@@ -90,12 +103,12 @@ if (config.sonos.autoRegister) {
      );
    }
  });
-} else if(config.sonos.deviceDiscovery) {
-  sonosSystem.devices().then(devices => {
-    devices.forEach(d => {
-      logger.info(`Found device ${d.name}(${d.group}) @ ${d.ip}:${d.port}`)
-    })
-  })
+} else if (config.sonos.discovery.enabled) {
+  sonosSystem.devices().then((devices) => {
+    devices.forEach((d) => {
+      logger.info(`Found device ${d.name}(${d.group}) @ ${d.ip}:${d.port}`);
+    });
+  });
 }

 export default app;
--- a/src/b64.ts
+++ b/src/b64.ts
@@ -0,0 +1,2 @@
+export const b64Encode = (value: string) => Buffer.from(value).toString("base64");
+export const b64Decode = (value: string) => Buffer.from(value, "base64").toString("ascii");
--- a/src/config.ts
+++ b/src/config.ts
@@ -2,54 +2,92 @@ import { hostname } from "os";
 import logger from "./logger";
 import url from "./url_builder";

+export const WORD = /^\w+$/;
+
+type EnvVarOpts = {
+  default: string | undefined;
+  legacy: string[] | undefined;
+  validationPattern: RegExp | undefined;
+};
+
+export function envVar(
+  name: string,
+  opts: Partial<EnvVarOpts> = {
+    default: undefined,
+    legacy: undefined,
+    validationPattern: undefined,
+  }
+) {
+  const result = [name, ...(opts.legacy || [])]
+    .map((it) => ({ key: it, value: process.env[it] }))
+    .find((it) => it.value);
+
+  if (
+    result &&
+    result.value && 
+    opts.validationPattern &&
+    !result.value.match(opts.validationPattern)
+  ) {
+    throw `Invalid value specified for '${name}', must match ${opts.validationPattern}`;
+  }
+
+  if(result && result.value && result.key != name) {
+    logger.warn(`Configuration key '${result.key}' is deprecated, replace with '${name}'`)
+  }
+
+  return result?.value || opts.default;
+}
+
+export const bnbEnvVar = (key: string, opts: Partial<EnvVarOpts> = {}) =>
+  envVar(`BNB_${key}`, {
+    ...opts,
+    legacy: [`BONOB_${key}`, ...(opts.legacy || [])],
+  });
+
 export default function () {
-  const port = +(process.env["BONOB_PORT"] || 4534);
-  const bonobUrl =
-    process.env["BONOB_URL"] ||
-    process.env["BONOB_WEB_ADDRESS"] ||
-    `http://${hostname()}:${port}`;
+  const port = +bnbEnvVar("PORT", { default: "4534" })!;
+  const bonobUrl = bnbEnvVar("URL", {
+    legacy: ["BONOB_WEB_ADDRESS"],
+    default: `http://${hostname()}:${port}`,
+  })!;

  if (bonobUrl.match("localhost")) {
    logger.error(
-      "BONOB_URL containing localhost is almost certainly incorrect, sonos devices will not be able to communicate with bonob using localhost, please specify either public IP or DNS entry"
+      "BNB_URL containing localhost is almost certainly incorrect, sonos devices will not be able to communicate with bonob using localhost, please specify either public IP or DNS entry"
    );
    process.exit(1);
  }

-  const wordFrom = (envVar: string) => {
-    const value = process.env[envVar];
-    if (value && value != "") {
-      if (value.match(/^\w+$/)) return value;
-      else throw `Invalid color specified for ${envVar}`;
-    } else {
-      return undefined;
-    }
-  };
-
  return {
    port,
    bonobUrl: url(bonobUrl),
-    secret: process.env["BONOB_SECRET"] || "bonob",
+    secret: bnbEnvVar("SECRET", { default: "bonob" })!,
    icons: {
-      foregroundColor: wordFrom("BONOB_ICON_FOREGROUND_COLOR"),
-      backgroundColor: wordFrom("BONOB_ICON_BACKGROUND_COLOR"),
+      foregroundColor: bnbEnvVar("ICON_FOREGROUND_COLOR", {
+        validationPattern: WORD,
+      }),
+      backgroundColor: bnbEnvVar("ICON_BACKGROUND_COLOR", {
+        validationPattern: WORD,
+      }),
    },
    sonos: {
-      serviceName: process.env["BONOB_SONOS_SERVICE_NAME"] || "bonob",
-      deviceDiscovery:
-        (process.env["BONOB_SONOS_DEVICE_DISCOVERY"] || "true") == "true",
-      seedHost: process.env["BONOB_SONOS_SEED_HOST"],
+      serviceName: bnbEnvVar("SONOS_SERVICE_NAME", { default: "bonob" })!,
+      discovery: {
+        enabled:
+          bnbEnvVar("SONOS_DEVICE_DISCOVERY", { default: "true" }) == "true",
+        seedHost: bnbEnvVar("SONOS_SEED_HOST"),
+      },
      autoRegister:
-        (process.env["BONOB_SONOS_AUTO_REGISTER"] || "false") == "true",
-      sid: Number(process.env["BONOB_SONOS_SERVICE_ID"] || "246"),
+        bnbEnvVar("SONOS_AUTO_REGISTER", { default: "false" }) == "true",
+      sid: Number(bnbEnvVar("SONOS_SERVICE_ID", { default: "246" })),
    },
-    navidrome: {
-      url: process.env["BONOB_NAVIDROME_URL"] || `http://${hostname()}:4533`,
-      customClientsFor:
-        process.env["BONOB_NAVIDROME_CUSTOM_CLIENTS"] || undefined,
+    subsonic: {
+      url: bnbEnvVar("SUBSONIC_URL", { legacy: ["BONOB_NAVIDROME_URL"], default: `http://${hostname()}:4533` })!,
+      customClientsFor: bnbEnvVar("SUBSONIC_CUSTOM_CLIENTS", { legacy: ["BONOB_NAVIDROME_CUSTOM_CLIENTS"] }),
+      artistImageCache: bnbEnvVar("SUBSONIC_ARTIST_IMAGE_CACHE"),
    },
-    scrobbleTracks: (process.env["BONOB_SCROBBLE_TRACKS"] || "true") == "true",
+    scrobbleTracks: bnbEnvVar("SCROBBLE_TRACKS", { default: "true" }) == "true",
    reportNowPlaying:
-      (process.env["BONOB_REPORT_NOW_PLAYING"] || "true") == "true",
+      bnbEnvVar("REPORT_NOW_PLAYING", { default: "true" }) == "true",
  };
 }
--- a/src/i8n.ts
+++ b/src/i8n.ts
@@ -12,7 +12,7 @@ export type KEY =
  | "playlists"
  | "genres"
  | "random"
-  | "starred"
+  | "topRated"
  | "recentlyAdded"
  | "recentlyPlayed"
  | "mostPlayed"
@@ -37,18 +37,25 @@ export type KEY =
  | "invalidLinkCode"
  | "loginSuccessful"
  | "loginFailed" 
-  | "noSonosDevices";
+  | "noSonosDevices" 
+  | "favourites"
+  | "LOVE"
+  | "LOVE_SUCCESS"
+  | "STAR" 
+  | "UNSTAR"
+  | "STAR_SUCCESS"
+  | "UNSTAR_SUCCESS";

 const translations: Record<SUPPORTED_LANG, Record<KEY, string>> = {
  "en-US": {
-    AppLinkMessage: "Linking sonos with $BONOB_SONOS_SERVICE_NAME",
+    AppLinkMessage: "Linking sonos with $BNB_SONOS_SERVICE_NAME",
    artists: "Artists",
    albums: "Albums",
    tracks: "Tracks",
    playlists: "Playlists",
    genres: "Genres",
    random: "Random",
-    starred: "Starred",
+    topRated: "Top Rated",
    recentlyAdded: "Recently added",
    recentlyPlayed: "Recently played",
    mostPlayed: "Most played",
@@ -62,7 +69,7 @@ const translations: Record<SUPPORTED_LANG, Record<KEY, string>> = {
    devices: "Devices",
    services: "Services",
    login: "Login",
-    logInToBonob: "Log in to $BONOB_SONOS_SERVICE_NAME",
+    logInToBonob: "Log in to $BNB_SONOS_SERVICE_NAME",
    username: "Username",
    password: "Password",
    successfullyRegistered: "Successfully registered",
@@ -73,16 +80,23 @@ const translations: Record<SUPPORTED_LANG, Record<KEY, string>> = {
    loginSuccessful: "Login successful!",
    loginFailed: "Login failed!",
    noSonosDevices: "No sonos devices",
+    favourites: "Favourites",
+    STAR: "Star",
+    UNSTAR: "Un-star",
+    STAR_SUCCESS: "Track starred",
+    UNSTAR_SUCCESS: "Track un-starred",
+    LOVE: "Love",
+    LOVE_SUCCESS: "Track loved"
  },
  "nl-NL": {
-    AppLinkMessage: "Sonos koppelen aan $BONOB_SONOS_SERVICE_NAME",
+    AppLinkMessage: "Sonos koppelen aan $BNB_SONOS_SERVICE_NAME",
    artists: "Artiesten",
    albums: "Albums",
    tracks: "Nummers",
    playlists: "Afspeellijsten",
    genres: "Genres",
    random: "Willekeurig",
-    starred: "Favorieten",
+    topRated: "Best beoordeeld",
    recentlyAdded: "Onlangs toegevoegd",
    recentlyPlayed: "Onlangs afgespeeld",
    mostPlayed: "Meest afgespeeld",
@@ -96,7 +110,7 @@ const translations: Record<SUPPORTED_LANG, Record<KEY, string>> = {
    devices: "Apparaten",
    services: "Services",
    login: "Inloggen",
-    logInToBonob: "Login op $BONOB_SONOS_SERVICE_NAME",
+    logInToBonob: "Login op $BNB_SONOS_SERVICE_NAME",
    username: "Gebruikersnaam",
    password: "Wachtwoord",
    successfullyRegistered: "Registratie geslaagd",
@@ -107,6 +121,13 @@ const translations: Record<SUPPORTED_LANG, Record<KEY, string>> = {
    loginSuccessful: "Inloggen gelukt!",
    loginFailed: "Inloggen mislukt!",
    noSonosDevices: "Geen Sonos-apparaten",
+    favourites: "Favorieten",
+    STAR: "Ster ",
+    UNSTAR: "Een ster",
+    STAR_SUCCESS: "Nummer met ster",
+    UNSTAR_SUCCESS: "Track zonder ster",
+    LOVE: "Liefde",
+    LOVE_SUCCESS: "Volg geliefd"
  },
 };

@@ -151,7 +172,7 @@ export default (serviceName: string): I8N =>
      translations["en-US"];
    return (key: KEY) => {
      const value = langToUse[key]?.replace(
-        "$BONOB_SONOS_SERVICE_NAME",
+        "$BNB_SONOS_SERVICE_NAME",
        serviceName
      );
      if (value) return value;
--- a/src/icon.ts
+++ b/src/icon.ts
@@ -166,7 +166,7 @@ export type ICON =
  | "playlists"
  | "genres"
  | "random"
-  | "starred"
+  | "topRated"
  | "recentlyAdded"
  | "recentlyPlayed"
  | "mostPlayed"
@@ -225,7 +225,10 @@ export type ICON =
  | "skywalker"
  | "leia"
  | "r2d2"
-  | "yoda";
+  | "yoda" 
+  | "heart"
+  | "star" 
+  | "solidStar";

 const iconFrom = (name: string) =>
  new SvgIcon(
@@ -241,7 +244,7 @@ export const ICONS: Record<ICON, SvgIcon> = {
  playlists: iconFrom("navidrome-playlists.svg"),
  genres: iconFrom("Theatre-Mask-111172.svg"),
  random: iconFrom("navidrome-random.svg"),
-  starred: iconFrom("navidrome-topRated.svg"),
+  topRated: iconFrom("navidrome-topRated.svg"),
  recentlyAdded: iconFrom("navidrome-recentlyAdded.svg"),
  recentlyPlayed: iconFrom("navidrome-recentlyPlayed.svg"),
  mostPlayed: iconFrom("navidrome-mostPlayed.svg"),
@@ -300,6 +303,9 @@ export const ICONS: Record<ICON, SvgIcon> = {
  leia: iconFrom("Princess-Leia-68568.svg"),
  r2d2: iconFrom("R2-D2-39423.svg"),
  yoda: iconFrom("Yoda-68107.svg"),
+  heart: iconFrom("Heart-85038.svg"),
+  star: iconFrom("Star-16101.svg"),
+  solidStar: iconFrom("Star-43879.svg")
 };

 export const STAR_WARS = [ICONS.c3po, ICONS.chewy, ICONS.darth, ICONS.skywalker, ICONS.leia, ICONS.r2d2, ICONS.yoda];
--- a/src/music_service.ts
+++ b/src/music_service.ts
@@ -52,9 +52,10 @@ export type AlbumSummary = {
  name: string;
  year: string | undefined;
  genre: Genre | undefined;
+  coverArt: string | undefined;

-  artistName: string;
-  artistId: string;
+  artistName: string | undefined;
+  artistId: string | undefined;
 };

 export type Album = AlbumSummary & {};
@@ -64,6 +65,11 @@ export type Genre = {
  id: string;
 }

+export type Rating = {
+  love: boolean;
+  stars: number;
+}
+
 export type Track = {
  id: string;
  name: string;
@@ -71,8 +77,10 @@ export type Track = {
  duration: number;
  number: number | undefined;
  genre: Genre | undefined;
+  coverArt: string | undefined;
  album: AlbumSummary;
  artist: ArtistSummary;
+  rating: Rating;
 };

 export type Paging = {
@@ -99,7 +107,7 @@ export const asResult = <T>([results, total]: [T[], number]) => ({

 export type ArtistQuery = Paging;

-export type AlbumQueryType = 'alphabeticalByArtist' | 'alphabeticalByName' | 'byGenre' | 'random' | 'recent' | 'frequent' | 'newest' | 'starred';
+export type AlbumQueryType = 'alphabeticalByArtist' | 'alphabeticalByName' | 'byGenre' | 'random' | 'recentlyPlayed' | 'mostPlayed' | 'recentlyAdded' | 'favourited' | 'starred';

 export type AlbumQuery = Paging & {
  type: AlbumQueryType;
@@ -118,6 +126,7 @@ export const albumToAlbumSummary = (it: Album): AlbumSummary => ({
  genre: it.genre,
  artistName: it.artistName,
  artistId: it.artistId,
+  coverArt: it.coverArt
 });

 export const playlistToPlaylistSummary = (it: Playlist): PlaylistSummary => ({
@@ -174,7 +183,8 @@ export interface MusicLibrary {
    trackId: string;
    range: string | undefined;
  }): Promise<TrackStream>;
-  coverArt(id: string, type: "album" | "artist", size?: number): Promise<CoverArt | undefined>;
+  rate(trackId: string, rating: Rating): Promise<boolean>;
+  coverArt(id: string, size?: number): Promise<CoverArt | undefined>;
  nowPlaying(id: string): Promise<boolean>
  scrobble(id: string): Promise<boolean>
  searchArtists(query: string): Promise<ArtistSummary[]>;
--- a/src/register.ts
+++ b/src/register.ts
@@ -1,4 +1,5 @@
 import registrar from "./registrar";
+import readConfig from "./config";
 import { URLBuilder } from "./url_builder";

 const params = process.argv.slice(2);
@@ -9,7 +10,10 @@ if (params.length != 1) {
 }

 const bonobUrl = new URLBuilder(params[0]!);
-registrar(bonobUrl)()
+
+const config = readConfig();
+
+registrar(bonobUrl, config.sonos.discovery.seedHost)()
  .then((success) => {
    if (success) {
      console.log(`Successfully registered bonob @ ${bonobUrl} with sonos`);
--- a/src/registrar.ts
+++ b/src/registrar.ts
@@ -1,19 +1,35 @@
 import axios from "axios";
+import _ from "underscore";
 import logger from "./logger";
 import sonos, { bonobService } from "./sonos";
 import { URLBuilder } from "./url_builder";

-export default (bonobUrl: URLBuilder) => async () => {
-  const about = bonobUrl.append({ pathname: "/about" });
-  logger.info(`Fetching bonob service about from ${about}`);
-  return axios
-    .get(about.href())
-    .then((res) => {
-      if (res.status == 200) return res.data;
-      else throw `Unexpected response status ${res.status} from ${about}`;
-    })
-    .then((about) =>
-      bonobService(about.service.name, about.service.sid, bonobUrl)
-    )
-    .then((bonobService) => sonos(true).register(bonobService));
-};
+export default (
+    bonobUrl: URLBuilder,
+    seedHost?: string
+  ) =>
+  async () => {
+    const about = bonobUrl.append({ pathname: "/about" });
+    logger.info(`Fetching bonob service about from ${about}`);
+    return axios
+      .get(about.href())
+      .then((res) => {
+        if (res.status == 200) return res.data;
+        else throw `Unexpected response status ${res.status} from ${about}`;
+      })
+      .then((res) => {
+        const name = _.get(res, ["service", "name"]);
+        const sid = _.get(res, ["service", "sid"]);
+        if (!name || !sid) {
+          throw `Unexpected response from ${about.href()}, expected service.name and service.sid`;
+        }
+        return {
+          name,
+          sid: Number.parseInt(sid),
+        };
+      })
+      .then(({ name, sid }: { name: string; sid: number }) =>
+        bonobService(name, sid, bonobUrl)
+      )
+      .then((service) => sonos({ enabled: true, seedHost }).register(service));
+  };
--- a/src/server.ts
+++ b/src/server.ts
@@ -3,6 +3,8 @@ import express, { Express, Request } from "express";
 import * as Eta from "eta";
 import path from "path";
 import sharp from "sharp";
+import { v4 as uuid } from "uuid";
+import dayjs from "dayjs";

 import { PassThrough, Transform, TransformCallback } from "stream";

@@ -15,6 +17,9 @@ import {
  LOGIN_ROUTE,
  CREATE_REGISTRATION_ROUTE,
  REMOVE_REGISTRATION_ROUTE,
+  sonosifyMimeType,
+  ratingFromInt,
+  ratingAsInt,
 } from "./smapi";
 import { LinkCodes, InMemoryLinkCodes } from "./link_codes";
 import { MusicService, isSuccess } from "./music_service";
@@ -105,6 +110,8 @@ function server(
  const accessTokens = serverOpts.accessTokens();
  const clock = serverOpts.clock;

+  const startUpTime = dayjs();
+
  const app = express();
  const i8n = makeI8N(service.name);

@@ -113,8 +120,7 @@ function server(
  }
  app.use(express.urlencoded({ extended: false }));

-  // todo: pass options in here?
-  app.use(express.static("./web/public"));
+  app.use(express.static(path.resolve(__dirname, "..", "web", "public")));
  app.engine("eta", Eta.renderFile);

  app.set("view engine", "eta");
@@ -251,6 +257,28 @@ function server(
  });

  app.get(PRESENTATION_MAP_ROUTE, (_, res) => {
+    const LastModified = startUpTime.format("HH:mm:ss D MMM YYYY");
+
+    const nowPlayingRatingsMatch = (value: number) => {
+      const rating = ratingFromInt(value);
+      const nextLove = { ...rating, love: !rating.love };
+      const nextStar = { ...rating, stars: (rating.stars === 5 ? 0 : rating.stars + 1) }
+
+      const loveRatingIcon = bonobUrl.append({pathname: rating.love ? '/love-selected.svg' : '/love-unselected.svg'}).href();
+      const starsRatingIcon = bonobUrl.append({pathname: `/star${rating.stars}.svg`}).href();
+
+      return `<Match propname="rating" value="${value}">
+        <Ratings>
+          <Rating Id="${ratingAsInt(nextLove)}" AutoSkip="NEVER" OnSuccessStringId="LOVE_SUCCESS" StringId="LOVE">
+            <Icon Controller="universal" LastModified="${LastModified}" Uri="${loveRatingIcon}" />
+          </Rating>
+          <Rating Id="${-ratingAsInt(nextStar)}" AutoSkip="NEVER" OnSuccessStringId="STAR_SUCCESS" StringId="STAR">
+            <Icon Controller="universal" LastModified="${LastModified}" Uri="${starsRatingIcon}" />
+          </Rating>
+        </Ratings>
+      </Match>`
+    }
+    
    res.type("application/xml").send(`<?xml version="1.0" encoding="utf-8" ?>
    <Presentation>
      <PresentationMap type="ArtWorkSizeMap">
@@ -283,16 +311,34 @@ function server(
          </SearchCategories>
        </Match>
      </PresentationMap>
+      <PresentationMap type="NowPlayingRatings" trackEnabled="true" programEnabled="false">
+        ${nowPlayingRatingsMatch(100)}
+        ${nowPlayingRatingsMatch(101)}
+        ${nowPlayingRatingsMatch(110)}
+        ${nowPlayingRatingsMatch(111)}
+        ${nowPlayingRatingsMatch(120)}
+        ${nowPlayingRatingsMatch(121)}
+        ${nowPlayingRatingsMatch(130)}
+        ${nowPlayingRatingsMatch(131)}
+        ${nowPlayingRatingsMatch(140)}
+        ${nowPlayingRatingsMatch(141)}
+        ${nowPlayingRatingsMatch(150)}
+        ${nowPlayingRatingsMatch(151)}
+      </PresentationMap>
    </Presentation>`);
  });

  app.get("/stream/track/:id", async (req, res) => {
    const id = req.params["id"]!;
+    const trace = uuid();
+
    logger.info(
-      `-> /stream/track/${id}, headers=${JSON.stringify(req.headers)}`
+      `${trace} bnb<- ${req.method} ${req.path}?${
+        JSON.stringify(req.query)
+      }, headers=${JSON.stringify(req.headers)}`
    );
    const authToken = pipe(
-      req.header(BONOB_ACCESS_TOKEN_HEADER),
+      req.query[BONOB_ACCESS_TOKEN_HEADER] as string,
      O.fromNullable,
      O.map((accessToken) => accessTokens.authTokenFor(accessToken)),
      O.getOrElseW(() => undefined)
@@ -310,42 +356,44 @@ function server(
            })
            .then((stream) => ({ musicLibrary: it, stream }))
        )
-        .then(({ musicLibrary, stream }) => {
+        .then(({ stream }) => {
          logger.info(
-            `stream response from music service for ${id}, status=${
+            `${trace} bnb<- stream response from music service for ${id}, status=${
              stream.status
            }, headers=(${JSON.stringify(stream.headers)})`
          );

+          const sonosisfyContentType = (contentType: string) =>
+            contentType
+              .split(";")
+              .map((it) => it.trim())
+              .map((it) => sonosifyMimeType(it))
+              .join("; ");
+
          const respondWith = ({
            status,
            filter,
            headers,
            sendStream,
-            nowPlaying,
          }: {
            status: number;
            filter: Transform;
-            headers: Record<string, string | undefined>;
+            headers: Record<string, string>;
            sendStream: boolean;
-            nowPlaying: boolean;
          }) => {
            logger.info(
-              `<- /stream/track/${id}, status=${status}, headers=${JSON.stringify(
-                headers
-              )}`
+              `${trace} bnb-> ${
+                req.path
+              }, status=${status}, headers=${JSON.stringify(headers)}`
            );
-            (nowPlaying
-              ? musicLibrary.nowPlaying(id)
-              : Promise.resolve(true)
-            ).then((_) => {
-              res.status(status);
-              Object.entries(stream.headers)
-                .filter(([_, v]) => v !== undefined)
-                .forEach(([header, value]) => res.setHeader(header, value));
-              if (sendStream) stream.stream.pipe(filter).pipe(res);
-              else res.send();
-            });
+            res.status(status);
+            Object.entries(headers)
+              .filter(([_, v]) => v !== undefined)
+              .forEach(([header, value]) => {
+                res.setHeader(header, value!);
+              });
+            if (sendStream) stream.stream.pipe(filter).pipe(res);
+            else res.send();
          };

          if (stream.status == 200) {
@@ -353,25 +401,27 @@ function server(
              status: 200,
              filter: new PassThrough(),
              headers: {
-                "content-type": stream.headers["content-type"],
+                "content-type": sonosisfyContentType(
+                  stream.headers["content-type"]
+                ),
                "content-length": stream.headers["content-length"],
                "accept-ranges": stream.headers["accept-ranges"],
              },
              sendStream: req.method == "GET",
-              nowPlaying: req.method == "GET",
            });
          } else if (stream.status == 206) {
            respondWith({
              status: 206,
              filter: new PassThrough(),
              headers: {
-                "content-type": stream.headers["content-type"],
+                "content-type": sonosisfyContentType(
+                  stream.headers["content-type"]
+                ),
                "content-length": stream.headers["content-length"],
                "content-range": stream.headers["content-range"],
                "accept-ranges": stream.headers["accept-ranges"],
              },
              sendStream: req.method == "GET",
-              nowPlaying: req.method == "GET",
            });
          } else {
            respondWith({
@@ -379,7 +429,6 @@ function server(
              filter: new PassThrough(),
              headers: {},
              sendStream: req.method == "GET",
-              nowPlaying: false,
            });
          }
        });
@@ -457,25 +506,22 @@ function server(
    "centre",
  ];

-  app.get("/art/:type/:ids/size/:size", (req, res) => {
+  app.get("/art/:ids/size/:size", (req, res) => {
    const authToken = accessTokens.authTokenFor(
      req.query[BONOB_ACCESS_TOKEN_HEADER] as string
    );
-    const type = req.params["type"]!;
    const ids = req.params["ids"]!.split("&");
    const size = Number.parseInt(req.params["size"]!);

    if (!authToken) {
      return res.status(401).send();
-    } else if (type != "artist" && type != "album") {
-      return res.status(400).send();
    } else if (!(size > 0)) {
      return res.status(400).send();
    }

    return musicService
      .login(authToken)
-      .then((it) => Promise.all(ids.map((id) => it.coverArt(id, type, size))))
+      .then((it) => Promise.all(ids.map((id) => it.coverArt(id, size))))
      .then((coverArts) => coverArts.filter((it) => it))
      .then(shuffle)
      .then((coverArts) => {
@@ -513,12 +559,9 @@ function server(
        }
      })
      .catch((e: Error) => {
-        logger.error(
-          `Failed fetching image ${type}/${ids.join("&")}/size/${size}`,
-          {
-            cause: e,
-          }
-        );
+        logger.error(`Failed fetching image ${ids.join("&")}/size/${size}`, {
+          cause: e,
+        });
        return res.status(500).send();
      });
  });
--- a/src/smapi.ts
+++ b/src/smapi.ts
@@ -14,11 +14,11 @@ import {
  Genre,
  MusicService,
  Playlist,
+  Rating,
  slice2,
  Track,
 } from "./music_service";
 import { AccessTokens } from "./access_tokens";
-import { BONOB_ACCESS_TOKEN_HEADER } from "./server";
 import { Clock } from "./clock";
 import { URLBuilder } from "./url_builder";
 import { asLANGs, I8N } from "./i8n";
@@ -81,6 +81,13 @@ export type GetDeviceAuthTokenResult = {
  };
 };

+export const ratingAsInt = (rating: Rating): number =>
+  rating.stars * 10 + (rating.love ? 1 : 0) + 100;
+export const ratingFromInt = (value: number): Rating => {
+  const x = value - 100;
+  return { love: x % 10 == 1, stars: Math.floor(x / 10) };
+};
+
 export type MediaCollection = {
  id: string;
  itemType: "collection";
@@ -215,10 +222,7 @@ const genre = (bonobUrl: URLBuilder, genre: Genre) => ({
  itemType: "container",
  id: `genre:${genre.id}`,
  title: genre.name,
-  albumArtURI: iconArtURI(
-    bonobUrl,
-    iconForGenre(genre.name)
-  ).href(),
+  albumArtURI: iconArtURI(bonobUrl, iconForGenre(genre.name)).href(),
 });

 const playlist = (bonobUrl: URLBuilder, playlist: Playlist) => ({
@@ -238,31 +242,38 @@ export const playlistAlbumArtURL = (
  bonobUrl: URLBuilder,
  playlist: Playlist
 ) => {
-  const ids = uniq(playlist.entries.map((it) => it.album?.id).filter((it) => it));
+  const ids = uniq(
+    playlist.entries.map((it) => it.coverArt).filter((it) => it)
+  );
  if (ids.length == 0) {
    return iconArtURI(bonobUrl, "error");
  } else {
    return bonobUrl.append({
-      pathname: `/art/album/${ids.slice(0, 9).join("&")}/size/180`
+      pathname: `/art/${ids.slice(0, 9).join("&")}/size/180`,
    });
  }
 };

-export const defaultAlbumArtURI = (bonobUrl: URLBuilder, album: AlbumSummary) =>
-  bonobUrl.append({ pathname: `/art/album/${album.id}/size/180` });
-
-export const iconArtURI = (
+export const defaultAlbumArtURI = (
  bonobUrl: URLBuilder,
-  icon: ICON
+  { coverArt }: { coverArt: string | undefined }
 ) =>
+  coverArt
+    ? bonobUrl.append({ pathname: `/art/${coverArt}/size/180` })
+    : iconArtURI(bonobUrl, "vinyl");
+
+export const iconArtURI = (bonobUrl: URLBuilder, icon: ICON) =>
  bonobUrl.append({
-    pathname: `/icon/${icon}/size/legacy`
+    pathname: `/icon/${icon}/size/legacy`,
  });

 export const defaultArtistArtURI = (
  bonobUrl: URLBuilder,
  artist: ArtistSummary
-) => bonobUrl.append({ pathname: `/art/artist/${artist.id}/size/180` });
+) => bonobUrl.append({ pathname: `/art/artist:${artist.id}/size/180` });
+
+export const sonosifyMimeType = (mimeType: string) =>
+  mimeType == "audio/x-flac" ? "audio/flac" : mimeType;

 export const album = (bonobUrl: URLBuilder, album: AlbumSummary) => ({
  itemType: "album",
@@ -281,22 +292,25 @@ export const album = (bonobUrl: URLBuilder, album: AlbumSummary) => ({
 export const track = (bonobUrl: URLBuilder, track: Track) => ({
  itemType: "track",
  id: `track:${track.id}`,
-  mimeType: track.mimeType,
+  mimeType: sonosifyMimeType(track.mimeType),
  title: track.name,

  trackMetadata: {
    album: track.album.name,
-    albumId: track.album.id,
+    albumId: `album:${track.album.id}`,
    albumArtist: track.artist.name,
-    albumArtistId: track.artist.id,
-    albumArtURI: defaultAlbumArtURI(bonobUrl, track.album).href(),
+    albumArtistId: `artist:${track.artist.id}`,
+    albumArtURI: defaultAlbumArtURI(bonobUrl, track).href(),
    artist: track.artist.name,
-    artistId: track.artist.id,
+    artistId: `artist:${track.artist.id}`,
    duration: track.duration,
    genre: track.album.genre?.name,
    genreId: track.album.genre?.id,
    trackNumber: track.number,
  },
+  dynamic: {
+    property: [{ name: "rating", value: `${ratingAsInt(track.rating)}` }],
+  },
 });

 export const artist = (bonobUrl: URLBuilder, artist: ArtistSummary) => ({
@@ -368,7 +382,7 @@ function bindSmapiSoapServiceToExpress(
  const urlWithToken = (accessToken: string) =>
    bonobUrl.append({
      searchParams: {
-        "bat": accessToken,
+        bat: accessToken,
      },
    });

@@ -400,14 +414,9 @@ function bindSmapiSoapServiceToExpress(
                getMediaURIResult: bonobUrl
                  .append({
                    pathname: `/stream/${type}/${typeId}`,
+                    searchParams: { bat: accessToken },
                  })
                  .href(),
-                httpHeaders: [
-                  {
-                    header: BONOB_ACCESS_TOKEN_HEADER,
-                    value: accessToken,
-                  },
-                ],
              })),
          getMediaMetadata: async (
            { id }: { id: string },
@@ -505,25 +514,7 @@ function bindSmapiSoapServiceToExpress(
                  case "track":
                    return musicLibrary.track(typeId).then((it) => ({
                      getExtendedMetadataResult: {
-                        mediaMetadata: {
-                          id: `track:${it.id}`,
-                          itemType: "track",
-                          title: it.name,
-                          mimeType: it.mimeType,
-                          trackMetadata: {
-                            artistId: `artist:${it.artist.id}`,
-                            artist: it.artist.name,
-                            albumId: `album:${it.album.id}`,
-                            album: it.album.name,
-                            genre: it.genre?.name,
-                            genreId: it.genre?.id,
-                            duration: it.duration,
-                            albumArtURI: defaultAlbumArtURI(
-                              urlWithToken(accessToken),
-                              it.album
-                            ).href(),
-                          },
-                        },
+                        mediaMetadata: track(urlWithToken(accessToken), it),
                      },
                    }));
                  case "album":
@@ -598,6 +589,24 @@ function bindSmapiSoapServiceToExpress(
                          albumArtURI: iconArtURI(bonobUrl, "albums").href(),
                          itemType: "albumList",
                        },
+                        {
+                          id: "randomAlbums",
+                          title: lang("random"),
+                          albumArtURI: iconArtURI(bonobUrl, "random").href(),
+                          itemType: "albumList",
+                        },
+                        {
+                          id: "favouriteAlbums",
+                          title: lang("favourites"),
+                          albumArtURI: iconArtURI(bonobUrl, "heart").href(),
+                          itemType: "albumList",
+                        },
+                        {
+                          id: "starredAlbums",
+                          title: lang("topRated"),
+                          albumArtURI: iconArtURI(bonobUrl, "star").href(),
+                          itemType: "albumList",
+                        },
                        {
                          id: "playlists",
                          title: lang("playlists"),
@@ -615,18 +624,6 @@ function bindSmapiSoapServiceToExpress(
                          albumArtURI: iconArtURI(bonobUrl, "genres").href(),
                          itemType: "container",
                        },
-                        {
-                          id: "randomAlbums",
-                          title: lang("random"),
-                          albumArtURI: iconArtURI(bonobUrl, "random").href(),
-                          itemType: "albumList",
-                        },
-                        {
-                          id: "starredAlbums",
-                          title: lang("starred"),
-                          albumArtURI: iconArtURI(bonobUrl, "starred").href(),
-                          itemType: "albumList",
-                        },
                        {
                          id: "recentlyAdded",
                          title: lang("recentlyAdded"),
@@ -707,6 +704,11 @@ function bindSmapiSoapServiceToExpress(
                      type: "random",
                      ...paging,
                    });
+                  case "favouriteAlbums":
+                    return albums({
+                      type: "favourited",
+                      ...paging,
+                    });
                  case "starredAlbums":
                    return albums({
                      type: "starred",
@@ -714,17 +716,17 @@ function bindSmapiSoapServiceToExpress(
                    });
                  case "recentlyAdded":
                    return albums({
-                      type: "newest",
+                      type: "recentlyAdded",
                      ...paging,
                    });
                  case "recentlyPlayed":
                    return albums({
-                      type: "recent",
+                      type: "recentlyPlayed",
                      ...paging,
                    });
                  case "mostPlayed":
                    return albums({
-                      type: "frequent",
+                      type: "mostPlayed",
                      ...paging,
                    });
                  case "genres":
@@ -890,6 +892,18 @@ function bindSmapiSoapServiceToExpress(
                }
              })
              .then((_) => ({ removeFromContainerResult: { updateId: "" } })),
+          rateItem: async (
+            { id, rating }: { id: string; rating: number },
+            _,
+            soapyHeaders: SoapyHeaders
+          ) =>
+            auth(musicService, accessTokens, soapyHeaders?.credentials)
+              .then(splitId(id))
+              .then(({ musicLibrary, typeId }) =>
+                musicLibrary.rate(typeId, ratingFromInt(Math.abs(rating)))
+              )
+              .then((_) => ({ rateItemResult: { shouldSkip: false } })),
+
          setPlayedSeconds: async (
            { id, seconds }: { id: string; seconds: string },
            _,
@@ -900,18 +914,29 @@ function bindSmapiSoapServiceToExpress(
              .then(({ musicLibrary, type, typeId }) => {
                switch (type) {
                  case "track":
-                    musicLibrary.track(typeId).then(({ duration }) => {
-                      if (
-                        (duration < 30 && +seconds >= 10) ||
-                        (duration >= 30 && +seconds >= 30)
-                      ) {
-                        musicLibrary.scrobble(typeId);
-                      }
-                    });
+                    return musicLibrary
+                      .track(typeId)
+                      .then(({ duration }) => {
+                        if (
+                          (duration < 30 && +seconds >= 10) ||
+                          (duration >= 30 && +seconds >= 30)
+                        ) {
+                          return musicLibrary.scrobble(typeId);
+                        } else {
+                          return Promise.resolve(true);
+                        }
+                      })
+                      .then(() => {
+                        if (+seconds > 0) {
+                          return musicLibrary.nowPlaying(typeId);
+                        } else {
+                          return Promise.resolve(true);
+                        }
+                      });
                    break;
                  default:
                    logger.info("Unsupported scrobble", { id, seconds });
-                    break;
+                    return Promise.resolve(true);
                }
              })
              .then((_) => ({
--- a/src/sonos.ts
+++ b/src/sonos.ts
@@ -9,27 +9,40 @@ import qs from "querystring";
 import { URLBuilder } from "./url_builder";
 import { LANG } from "./i8n";

-export const SONOS_LANG: LANG[] = ["en-US", "da-DK", "de-DE", "es-ES", "fr-FR", "it-IT", "ja-JP", "nb-NO", "nl-NL", "pt-BR", "sv-SE", "zh-CN"]
+export const SONOS_LANG: LANG[] = [
+  "en-US",
+  "da-DK",
+  "de-DE",
+  "es-ES",
+  "fr-FR",
+  "it-IT",
+  "ja-JP",
+  "nb-NO",
+  "nl-NL",
+  "pt-BR",
+  "sv-SE",
+  "zh-CN",
+];

-export const PRESENTATION_AND_STRINGS_VERSION = "21";
+export const PRESENTATION_AND_STRINGS_VERSION =
+  process.env["BNB_DEBUG"] === "true"
+    ? `${Math.round(new Date().getTime() / 1000)}`
+    : "23";

-// NOTE: manifest requires https for the URL,
-// otherwise you will get an error trying to register
+// NOTE: manifest requires https for the URL, otherwise you will get an error trying to register
 export type Capability =
  | "search"
-  | "trFavorites"
-  | "alFavorites"
-  | "ucPlaylists"
-  | "extendedMD"
+  | "trFavorites" // Favorites: Adding/Removing Tracks (deprecated)
+  | "alFavorites" // Favorites: Adding/Removing Albums (deprecated)
+  | "ucPlaylists" // User Content Playlists
+  | "extendedMD" // Extended Metadata (More Menu, Info & Options)
  | "contextHeaders"
  | "authorizationHeader"
-  | "logging"
+  | "logging" // Playback duration logging at track end (deprecated)
  | "manifest";

 export const BONOB_CAPABILITIES: Capability[] = [
  "search",
-  // "trFavorites",
-  // "alFavorites",
  "ucPlaylists",
  "extendedMD",
  "logging",
@@ -88,8 +101,8 @@ export interface Sonos {
 export const SONOS_DISABLED: Sonos = {
  devices: () => Promise.resolve([]),
  services: () => Promise.resolve([]),
-  remove: (_: number) => Promise.resolve(true),
-  register: (_: Service) => Promise.resolve(true),
+  remove: (_: number) => Promise.resolve(false),
+  register: (_: Service) => Promise.resolve(false),
 };

 export const asService = (musicService: MusicService): Service => ({
@@ -118,7 +131,7 @@ export const asDevice = (sonosDevice: SonosDevice): Device => ({

 export const asRemoveCustomdForm = (csrfToken: string, sid: number) => ({
  csrfToken,
-  sid: `${sid}`
+  sid: `${sid}`,
 });

 export const asCustomdForm = (csrfToken: string, service: Service) => ({
@@ -168,7 +181,10 @@ export function autoDiscoverySonos(sonosSeedHost?: string): Sonos {
      });
  };

-  const post = async (action: string, customdForm: (csrfToken: string) => any) => {
+  const post = async (
+    action: string,
+    customdForm: (csrfToken: string) => any
+  ) => {
    const anyDevice = await sonosDevices().then((devices) => head(devices));

    if (!anyDevice) {
@@ -195,7 +211,7 @@ export function autoDiscoverySonos(sonosSeedHost?: string): Sonos {
      );
      return false;
    }
-    const form = customdForm(csrfToken)
+    const form = customdForm(csrfToken);
    logger.info(`${action} with sonos @ ${customd}`, { form });
    return axios
      .post(customd, new URLSearchParams(qs.stringify(form)), {
@@ -218,16 +234,20 @@ export function autoDiscoverySonos(sonosSeedHost?: string): Sonos {
        )
        .then((it) => it.map(asService)),

-    remove: async (sid: number) => post("remove", (csrfToken) => asRemoveCustomdForm(csrfToken, sid)),
+    remove: async (sid: number) =>
+      post("remove", (csrfToken) => asRemoveCustomdForm(csrfToken, sid)),

-    register: async (service: Service) => post("register", (csrfToken) => asCustomdForm(csrfToken, service)),
+    register: async (service: Service) =>
+      post("register", (csrfToken) => asCustomdForm(csrfToken, service)),
  };
 }

-const sonos = (
-  discoveryEnabled: boolean = true,
-  sonosSeedHost: string | undefined = undefined
-): Sonos =>
-  discoveryEnabled ? autoDiscoverySonos(sonosSeedHost) : SONOS_DISABLED;
+export type Discovery = {
+  enabled: boolean;
+  seedHost?: string;
+};

-export default sonos;
+export default (sonosDiscovery: Discovery = { enabled: true }): Sonos =>
+  sonosDiscovery.enabled
+    ? autoDiscoverySonos(sonosDiscovery.seedHost)
+    : SONOS_DISABLED;
--- a/src/navidrome.ts
+++ b/src/navidrome.ts
@@ -18,14 +18,20 @@ import {
  AlbumSummary,
  Genre,
  Track,
+  CoverArt,
+  Rating,
+  AlbumQueryType,
 } from "./music_service";
-import X2JS from "x2js";
 import sharp from "sharp";
-import _, { pick } from "underscore";
+import _ from "underscore";
+import fse from "fs-extra";
+import path from "path";

 import axios, { AxiosRequestConfig } from "axios";
 import { Encryption } from "./encryption";
 import randomString from "./random_string";
+import { b64Encode, b64Decode } from "./b64";
+import logger from "./logger";

 export const BROWSER_HEADERS = {
  accept:
@@ -55,36 +61,36 @@ export const isDodgyImage = (url: string) => url.endsWith(DODGY_IMAGE_NAME);
 export const validate = (url: string | undefined) =>
  url && !isDodgyImage(url) ? url : undefined;

-export type SubconicEnvelope = {
+export type SubsonicEnvelope = {
  "subsonic-response": SubsonicResponse;
 };

 export type SubsonicResponse = {
-  _status: string;
+  status: string;
 };

 export type album = {
-  _id: string;
-  _name: string;
-  _genre: string | undefined;
-  _year: string | undefined;
-  _coverArt: string | undefined;
-  _artist: string;
-  _artistId: string;
+  id: string;
+  name: string;
+  artist: string | undefined;
+  artistId: string | undefined;
+  coverArt: string | undefined;
+  genre: string | undefined;
+  year: string | undefined;
 };

 export type artistSummary = {
-  _id: string;
-  _name: string;
-  _albumCount: string;
-  _artistImageUrl: string | undefined;
+  id: string;
+  name: string;
+  albumCount: number;
+  artistImageUrl: string | undefined;
 };

 export type GetArtistsResponse = SubsonicResponse & {
  artists: {
    index: {
      artist: artistSummary[];
-      _name: string;
+      name: string;
    }[];
  };
 };
@@ -96,9 +102,9 @@ export type GetAlbumListResponse = SubsonicResponse & {
 };

 export type genre = {
-  _songCount: string;
-  _albumCount: string;
-  __text: string;
+  songCount: number;
+  albumCount: number;
+  value: string;
 };

 export type GetGenresResponse = SubsonicResponse & {
@@ -109,8 +115,8 @@ export type GetGenresResponse = SubsonicResponse & {

 export type SubsonicError = SubsonicResponse & {
  error: {
-    _code: string;
-    _message: string;
+    code: string;
+    message: string;
  };
 };

@@ -140,22 +146,25 @@ export type GetArtistResponse = SubsonicResponse & {
 };

 export type song = {
-  _id: string;
-  _parent: string;
-  _title: string;
-  _album: string;
-  _artist: string;
-  _track: string | undefined;
-  _genre: string;
-  _coverArt: string;
-  _created: "2004-11-08T23:36:11";
-  _duration: string | undefined;
-  _bitRate: "128";
-  _suffix: "mp3";
-  _contentType: string;
-  _albumId: string;
-  _artistId: string;
-  _type: "music";
+  id: string;
+  parent: string | undefined;
+  title: string;
+  album: string | undefined;
+  artist: string | undefined;
+  track: number | undefined;
+  year: string | undefined;
+  genre: string | undefined;
+  coverArt: string | undefined;
+  created: string | undefined;
+  duration: number | undefined;
+  bitRate: number | undefined;
+  suffix: string | undefined;
+  contentType: string | undefined;
+  albumId: string | undefined;
+  artistId: string | undefined;
+  type: string | undefined;
+  userRating: number | undefined;
+  starred: string | undefined;
 };

 export type GetAlbumResponse = {
@@ -165,30 +174,15 @@ export type GetAlbumResponse = {
 };

 export type playlist = {
-  _id: string;
-  _name: string;
-};
-
-export type entry = {
-  _id: string;
-  _parent: string;
-  _title: string;
-  _album: string;
-  _artist: string;
-  _track: string;
-  _year: string;
-  _genre: string;
-  _contentType: string;
-  _duration: string;
-  _albumId: string;
-  _artistId: string;
+  id: string;
+  name: string;
 };

 export type GetPlaylistResponse = {
  playlist: {
-    _id: string;
-    _name: string;
-    entry: entry[];
+    id: string;
+    name: string;
+    entry: song[];
  };
 };

@@ -208,6 +202,13 @@ export type GetSongResponse = {
  song: song;
 };

+export type GetStarredResponse = {
+  starred2: {
+    song: song[];
+    album: album[];
+  };
+};
+
 export type Search3Response = SubsonicResponse & {
  searchResult3: {
    artist: artistSummary[];
@@ -222,6 +223,12 @@ export function isError(
  return (subsonicResponse as SubsonicError).error !== undefined;
 }

+export const splitCoverArtId = (coverArt: string): [string, string] => {
+  const parts = coverArt.split(":").filter((it) => it.length > 0);
+  if (parts.length < 2) throw `'${coverArt}' is an invalid coverArt id'`;
+  return [parts[0]!, parts.slice(1).join(":")];
+};
+
 export type IdName = {
  id: string;
  name: string;
@@ -238,31 +245,43 @@ export type getAlbumListParams = {

 export const MAX_ALBUM_LIST = 500;

-const asTrack = (album: Album, song: song) => ({
-  id: song._id,
-  name: song._title,
-  mimeType: song._contentType,
-  duration: parseInt(song._duration || "0"),
-  number: parseInt(song._track || "0"),
-  genre: maybeAsGenre(song._genre),
+const maybeAsCoverArt = (coverArt: string | undefined) =>
+  coverArt ? `coverArt:${coverArt}` : undefined;
+
+export const asTrack = (album: Album, song: song): Track => ({
+  id: song.id,
+  name: song.title,
+  mimeType: song.contentType!,
+  duration: song.duration || 0,
+  number: song.track || 0,
+  genre: maybeAsGenre(song.genre),
+  coverArt: maybeAsCoverArt(song.coverArt),
  album,
  artist: {
-    id: song._artistId,
-    name: song._artist,
+    id: `${song.artistId!}`,
+    name: song.artist!,
+  },
+  rating: {
+    love: song.starred != undefined,
+    stars:
+      song.userRating && song.userRating <= 5 && song.userRating >= 0
+        ? song.userRating
+        : 0,
  },
 });

-const asAlbum = (album: album) => ({
-  id: album._id,
-  name: album._name,
-  year: album._year,
-  genre: maybeAsGenre(album._genre),
-  artistId: album._artistId,
-  artistName: album._artist,
+const asAlbum = (album: album): Album => ({
+  id: album.id,
+  name: album.name,
+  year: album.year,
+  genre: maybeAsGenre(album.genre),
+  artistId: album.artistId,
+  artistName: album.artist,
+  coverArt: maybeAsCoverArt(album.coverArt),
 });

 export const asGenre = (genreName: string) => ({
-  id: genreName,
+  id: b64Encode(genreName),
  name: genreName,
 });

@@ -297,19 +316,73 @@ export const asURLSearchParams = (q: any) => {
  return urlSearchParams;
 };

-export class Navidrome implements MusicService {
+export type ImageFetcher = (url: string) => Promise<CoverArt | undefined>;
+
+export const cachingImageFetcher =
+  (cacheDir: string, delegate: ImageFetcher) =>
+  async (url: string): Promise<CoverArt | undefined> => {
+    const filename = path.join(cacheDir, `${Md5.hashStr(url)}.png`);
+    return fse
+      .readFile(filename)
+      .then((data) => ({ contentType: "image/png", data }))
+      .catch(() =>
+        delegate(url).then((image) => {
+          if (image) {
+            return sharp(image.data)
+              .png()
+              .toBuffer()
+              .then((png) => {
+                return fse
+                  .writeFile(filename, png)
+                  .then(() => ({ contentType: "image/png", data: png }));
+              });
+          } else {
+            return undefined;
+          }
+        })
+      );
+  };
+
+export const axiosImageFetcher = (url: string): Promise<CoverArt | undefined> =>
+  axios
+    .get(url, {
+      headers: BROWSER_HEADERS,
+      responseType: "arraybuffer",
+    })
+    .then((res) => ({
+      contentType: res.headers["content-type"],
+      data: Buffer.from(res.data, "binary"),
+    }))
+    .catch(() => undefined);
+
+const AlbumQueryTypeToSubsonicType: Record<AlbumQueryType, string> = {
+  alphabeticalByArtist: "alphabeticalByArtist",
+  alphabeticalByName: "alphabeticalByName",
+  byGenre: "byGenre",
+  random: "random",
+  recentlyPlayed: "recent",
+  mostPlayed: "frequent",
+  recentlyAdded: "newest",
+  favourited: "starred",
+  starred: "highest",
+};
+
+export class Subsonic implements MusicService {
  url: string;
  encryption: Encryption;
  streamClientApplication: StreamClientApplication;
+  externalImageFetcher: ImageFetcher;

  constructor(
    url: string,
    encryption: Encryption,
-    streamClientApplication: StreamClientApplication = DEFAULT
+    streamClientApplication: StreamClientApplication = DEFAULT,
+    externalImageFetcher: ImageFetcher = axiosImageFetcher
  ) {
    this.url = url;
    this.encryption = encryption;
    this.streamClientApplication = streamClientApplication;
+    this.externalImageFetcher = externalImageFetcher;
  }

  get = async (
@@ -334,7 +407,7 @@ export class Navidrome implements MusicService {
      })
      .then((response) => {
        if (response.status != 200 && response.status != 206) {
-          throw `Navidrome failed with a ${response.status || "no!"} status`;
+          throw `Subsonic failed with a ${response.status || "no!"} status`;
        } else return response;
      });

@@ -343,51 +416,27 @@ export class Navidrome implements MusicService {
    path: string,
    q: {} = {}
  ): Promise<T> =>
-    this.get({ username, password }, path, q)
-      .then(
-        (response) =>
-          new X2JS({
-            arrayAccessFormPaths: [
-              "subsonic-response.album.song",
-              "subsonic-response.albumList2.album",
-              "subsonic-response.artist.album",
-              "subsonic-response.artists.index",
-              "subsonic-response.artists.index.artist",
-              "subsonic-response.artistInfo2.similarArtist",
-              "subsonic-response.genres.genre",
-              "subsonic-response.playlist.entry",
-              "subsonic-response.playlists.playlist",
-              "subsonic-response.searchResult3.album",
-              "subsonic-response.searchResult3.artist",
-              "subsonic-response.searchResult3.song",
-              "subsonic-response.similarSongs2.song",
-              "subsonic-response.topSongs.song",
-            ],
-          }).xml2js(response.data) as SubconicEnvelope
-      )
+    this.get({ username, password }, path, { f: "json", ...q })
+      .then((response) => response.data as SubsonicEnvelope)
      .then((json) => json["subsonic-response"])
      .then((json) => {
-        if (isError(json)) throw `Navidrome error:${json.error._message}`;
+        if (isError(json)) throw `Subsonic error:${json.error.message}`;
        else return json as unknown as T;
      });

  generateToken = async (credentials: Credentials) =>
    this.getJSON(credentials, "/rest/ping.view")
      .then(() => ({
-        authToken: Buffer.from(
+        authToken: b64Encode(
          JSON.stringify(this.encryption.encrypt(JSON.stringify(credentials)))
-        ).toString("base64"),
+        ),
        userId: credentials.username,
        nickname: credentials.username,
      }))
      .catch((e) => ({ message: `${e}` }));

  parseToken = (token: string): Credentials =>
-    JSON.parse(
-      this.encryption.decrypt(
-        JSON.parse(Buffer.from(token, "base64").toString("ascii"))
-      )
-    );
+    JSON.parse(this.encryption.decrypt(JSON.parse(b64Decode(token))));

  getArtists = (
    credentials: Credentials
@@ -396,9 +445,9 @@ export class Navidrome implements MusicService {
      .then((it) => (it.artists.index || []).flatMap((it) => it.artist || []))
      .then((artists) =>
        artists.map((artist) => ({
-          id: artist._id,
-          name: artist._name,
-          albumCount: Number.parseInt(artist._albumCount),
+          id: `${artist.id}`,
+          name: artist.name,
+          albumCount: artist.albumCount,
        }))
      );

@@ -414,9 +463,9 @@ export class Navidrome implements MusicService {
        large: validate(it.artistInfo2.largeImageUrl),
      },
      similarArtist: (it.artistInfo2.similarArtist || []).map((artist) => ({
-        id: artist._id,
-        name: artist._name,
-        inLibrary: artist._id != "-1",
+        id: `${artist.id}`,
+        name: artist.name,
+        inLibrary: artist.id != "-1",
      })),
    }));

@@ -424,12 +473,13 @@ export class Navidrome implements MusicService {
    this.getJSON<GetAlbumResponse>(credentials, "/rest/getAlbum", { id })
      .then((it) => it.album)
      .then((album) => ({
-        id: album._id,
-        name: album._name,
-        year: album._year,
-        genre: maybeAsGenre(album._genre),
-        artistId: album._artistId,
-        artistName: album._artist,
+        id: album.id,
+        name: album.name,
+        year: album.year,
+        genre: maybeAsGenre(album.genre),
+        artistId: album.artistId,
+        artistName: album.artist,
+        coverArt: maybeAsCoverArt(album.coverArt),
      }));

  getArtist = (
@@ -441,16 +491,9 @@ export class Navidrome implements MusicService {
    })
      .then((it) => it.artist)
      .then((it) => ({
-        id: it._id,
-        name: it._name,
-        albums: (it.album || []).map((album) => ({
-          id: album._id,
-          name: album._name,
-          year: album._year,
-          genre: maybeAsGenre(album._genre),
-          artistId: it._id,
-          artistName: it._name,
-        })),
+        id: it.id,
+        name: it.name,
+        albums: this.toAlbumSummary(it.album || []),
      }));

  getArtistWithInfo = (credentials: Credentials, id: string) =>
@@ -477,19 +520,25 @@ export class Navidrome implements MusicService {
    })
      .then((it) => it.song)
      .then((song) =>
-        this.getAlbum(credentials, song._albumId).then((album) =>
+        this.getAlbum(credentials, song.albumId!).then((album) =>
          asTrack(album, song)
        )
      );

+  getStarred = (credentials: Credentials) =>
+    this.getJSON<GetStarredResponse>(credentials, "/rest/getStarred2").then(
+      (it) => new Set(it.starred2.song.map((it) => it.id))
+    );
+
  toAlbumSummary = (albumList: album[]): AlbumSummary[] =>
    albumList.map((album) => ({
-      id: album._id,
-      name: album._name,
-      year: album._year,
-      genre: maybeAsGenre(album._genre),
-      artistId: album._artistId,
-      artistName: album._artist,
+      id: album.id,
+      name: album.name,
+      year: album.year,
+      genre: maybeAsGenre(album.genre),
+      artistId: album.artistId,
+      artistName: album.artist,
+      coverArt: maybeAsCoverArt(album.coverArt),
    }));

  search3 = (credentials: Credentials, q: any) =>
@@ -504,13 +553,38 @@ export class Navidrome implements MusicService {
      songs: it.searchResult3.song || [],
    }));

+  getAlbumList2 = (credentials: Credentials, q: AlbumQuery) =>
+    Promise.all([
+      this.getArtists(credentials).then((it) =>
+        _.inject(it, (total, artist) => total + artist.albumCount, 0)
+      ),
+      this.getJSON<GetAlbumListResponse>(credentials, "/rest/getAlbumList2", {
+        type: AlbumQueryTypeToSubsonicType[q.type],
+        ...(q.genre ? { genre: b64Decode(q.genre) } : {}),
+        size: 500,
+        offset: q._index,
+      })
+        .then((response) => response.albumList2.album || [])
+        .then(this.toAlbumSummary),
+    ]).then(([total, albums]) => ({
+      results: albums.slice(0, q._count),
+      total: albums.length == 500 ? total : q._index + albums.length,
+    }));
+
+  // getStarred2 = (credentials: Credentials): Promise<{ albums: Album[] }> =>
+  //   this.getJSON<GetStarredResponse>(credentials, "/rest/getStarred2")
+  //     .then((it) => it.starred2)
+  //     .then((it) => ({
+  //       albums: it.album.map(asAlbum),
+  //     }));
+
  async login(token: string) {
-    const navidrome = this;
+    const subsonic = this;
    const credentials: Credentials = this.parseToken(token);

    const musicLibrary: MusicLibrary = {
      artists: (q: ArtistQuery): Promise<Result<ArtistSummary>> =>
-        navidrome
+        subsonic
          .getArtists(credentials)
          .then(slice2(q))
          .then(([page, total]) => ({
@@ -518,46 +592,24 @@ export class Navidrome implements MusicService {
            results: page.map((it) => ({ id: it.id, name: it.name })),
          })),
      artist: async (id: string): Promise<Artist> =>
-        navidrome.getArtistWithInfo(credentials, id),
-      albums: async (q: AlbumQuery): Promise<Result<AlbumSummary>> => {
-        return Promise.all([
-          navidrome
-            .getArtists(credentials)
-            .then((it) =>
-              _.inject(it, (total, artist) => total + artist.albumCount, 0)
-            ),
-          navidrome
-            .getJSON<GetAlbumListResponse>(credentials, "/rest/getAlbumList2", {
-              ...pick(q, "type", "genre"),
-              size: 500,
-              offset: q._index,
-            })
-            .then((response) => response.albumList2.album || [])
-            .then(navidrome.toAlbumSummary),
-        ]).then(([total, albums]) => ({
-          results: albums.slice(0, q._count),
-          total:
-            albums.length == 500
-              ? total
-              : q._index + albums.length,
-        }));
-      },
-      album: (id: string): Promise<Album> =>
-        navidrome.getAlbum(credentials, id),
+        subsonic.getArtistWithInfo(credentials, id),
+      albums: async (q: AlbumQuery): Promise<Result<AlbumSummary>> =>
+        subsonic.getAlbumList2(credentials, q),
+      album: (id: string): Promise<Album> => subsonic.getAlbum(credentials, id),
      genres: () =>
-        navidrome
+        subsonic
          .getJSON<GetGenresResponse>(credentials, "/rest/getGenres")
          .then((it) =>
            pipe(
              it.genres.genre || [],
-              A.filter((it) => Number.parseInt(it._albumCount) > 0),
-              A.map((it) => it.__text),
+              A.filter((it) => it.albumCount > 0),
+              A.map((it) => it.value),
              A.sort(ordString),
-              A.map((it) => ({ id: it, name: it }))
+              A.map((it) => ({ id: b64Encode(it), name: it }))
            )
          ),
      tracks: (albumId: string) =>
-        navidrome
+        subsonic
          .getJSON<GetAlbumResponse>(credentials, "/rest/getAlbum", {
            id: albumId,
          })
@@ -565,7 +617,41 @@ export class Navidrome implements MusicService {
          .then((album) =>
            (album.song || []).map((song) => asTrack(asAlbum(album), song))
          ),
-      track: (trackId: string) => navidrome.getTrack(credentials, trackId),
+      track: (trackId: string) => subsonic.getTrack(credentials, trackId),
+      rate: (trackId: string, rating: Rating) =>
+        Promise.resolve(true)
+          .then(() => {
+            if (rating.stars >= 0 && rating.stars <= 5) {
+              return subsonic.getTrack(credentials, trackId);
+            } else {
+              throw `Invalid rating.stars value of ${rating.stars}`;
+            }
+          })
+          .then((track) => {
+            const thingsToUpdate = [];
+            if (track.rating.love != rating.love) {
+              thingsToUpdate.push(
+                subsonic.getJSON(
+                  credentials,
+                  `/rest/${rating.love ? "star" : "unstar"}`,
+                  {
+                    id: trackId,
+                  }
+                )
+              );
+            }
+            if (track.rating.stars != rating.stars) {
+              thingsToUpdate.push(
+                subsonic.getJSON(credentials, `/rest/setRating`, {
+                  id: trackId,
+                  rating: rating.stars,
+                })
+              );
+            }
+            return Promise.all(thingsToUpdate);
+          })
+          .then(() => true)
+          .catch(() => false),
      stream: async ({
        trackId,
        range,
@@ -573,8 +659,8 @@ export class Navidrome implements MusicService {
        trackId: string;
        range: string | undefined;
      }) =>
-        navidrome.getTrack(credentials, trackId).then((track) =>
-          navidrome
+        subsonic.getTrack(credentials, trackId).then((track) =>
+          subsonic
            .get(
              credentials,
              `/rest/stream`,
@@ -608,96 +694,109 @@ export class Navidrome implements MusicService {
              stream: res.data,
            }))
        ),
-      coverArt: async (id: string, type: "album" | "artist", size?: number) => {
-        if (type == "album") {
-          return navidrome.getCoverArt(credentials, id, size).then((res) => ({
-            contentType: res.headers["content-type"],
-            data: Buffer.from(res.data, "binary"),
-          }));
-        } else {
-          return navidrome.getArtistWithInfo(credentials, id).then((artist) => {
-            if (artist.image.large) {
-              return axios
-                .get(artist.image.large!, {
-                  headers: BROWSER_HEADERS,
-                  responseType: "arraybuffer",
-                })
-                .then((res) => {
-                  const image = Buffer.from(res.data, "binary");
-                  if (size) {
-                    return sharp(image)
-                      .resize(size)
-                      .toBuffer()
-                      .then((resized) => ({
-                        contentType: res.headers["content-type"],
-                        data: resized,
-                      }));
-                  } else {
-                    return {
-                      contentType: res.headers["content-type"],
-                      data: image,
-                    };
-                  }
-                });
-            } else if (artist.albums.length > 0) {
-              return navidrome
-                .getCoverArt(credentials, artist.albums[0]!.id, size)
-                .then((res) => ({
-                  contentType: res.headers["content-type"],
-                  data: Buffer.from(res.data, "binary"),
-                }));
-            } else {
+      coverArt: async (coverArt: string, size?: number) => {
+        const [type, id] = splitCoverArtId(coverArt);
+        if (type == "coverArt") {
+          return subsonic
+            .getCoverArt(credentials, id, size)
+            .then((res) => ({
+              contentType: res.headers["content-type"],
+              data: Buffer.from(res.data, "binary"),
+            }))
+            .catch((e) => {
+              logger.error(`Failed getting coverArt ${coverArt}: ${e}`);
              return undefined;
-            }
-          });
+            });
+        } else {
+          return subsonic
+            .getArtistWithInfo(credentials, id)
+            .then((artist) => {
+              const albumsWithCoverArt = artist.albums.filter(
+                (it) => it.coverArt
+              );
+              if (artist.image.large) {
+                return this.externalImageFetcher(artist.image.large!).then(
+                  (image) => {
+                    if (image && size) {
+                      return sharp(image.data)
+                        .resize(size)
+                        .toBuffer()
+                        .then((resized) => ({
+                          contentType: image.contentType,
+                          data: resized,
+                        }));
+                    } else {
+                      return image;
+                    }
+                  }
+                );
+              } else if (albumsWithCoverArt.length > 0) {
+                return subsonic
+                  .getCoverArt(
+                    credentials,
+                    splitCoverArtId(albumsWithCoverArt[0]!.coverArt!)[1],
+                    size
+                  )
+                  .then((res) => ({
+                    contentType: res.headers["content-type"],
+                    data: Buffer.from(res.data, "binary"),
+                  }));
+              } else {
+                return undefined;
+              }
+            })
+            .catch((e) => {
+              logger.error(`Failed getting coverArt ${coverArt}: ${e}`);
+              return undefined;
+            });
        }
      },
      scrobble: async (id: string) =>
-        navidrome
-          .get(credentials, `/rest/scrobble`, {
+        subsonic
+          .getJSON(credentials, `/rest/scrobble`, {
            id,
            submission: true,
          })
          .then((_) => true)
          .catch(() => false),
      nowPlaying: async (id: string) =>
-        navidrome
-          .get(credentials, `/rest/scrobble`, {
+        subsonic
+          .getJSON(credentials, `/rest/scrobble`, {
            id,
            submission: false,
          })
          .then((_) => true)
          .catch(() => false),
      searchArtists: async (query: string) =>
-        navidrome
+        subsonic
          .search3(credentials, { query, artistCount: 20 })
          .then(({ artists }) =>
            artists.map((artist) => ({
-              id: artist._id,
-              name: artist._name,
+              id: artist.id,
+              name: artist.name,
            }))
          ),
      searchAlbums: async (query: string) =>
-        navidrome
+        subsonic
          .search3(credentials, { query, albumCount: 20 })
-          .then(({ albums }) => navidrome.toAlbumSummary(albums)),
+          .then(({ albums }) => subsonic.toAlbumSummary(albums)),
      searchTracks: async (query: string) =>
-        navidrome
+        subsonic
          .search3(credentials, { query, songCount: 20 })
          .then(({ songs }) =>
            Promise.all(
-              songs.map((it) => navidrome.getTrack(credentials, it._id))
+              songs.map((it) => subsonic.getTrack(credentials, it.id))
            )
          ),
      playlists: async () =>
-        navidrome
+        subsonic
          .getJSON<GetPlaylistsResponse>(credentials, "/rest/getPlaylists")
          .then((it) => it.playlists.playlist || [])
          .then((playlists) =>
-            playlists.map((it) => ({ id: it._id, name: it._name }))
+            playlists.map((it) => ({ id: it.id, name: it.name }))
          ),
      playlist: async (id: string) =>
-        navidrome
+        subsonic
          .getJSON<GetPlaylistResponse>(credentials, "/rest/getPlaylist", {
            id,
          })
@@ -705,59 +804,54 @@ export class Navidrome implements MusicService {
          .then((playlist) => {
            let trackNumber = 1;
            return {
-              id: playlist._id,
-              name: playlist._name,
+              id: playlist.id,
+              name: playlist.name,
              entries: (playlist.entry || []).map((entry) => ({
-                id: entry._id,
-                name: entry._title,
-                mimeType: entry._contentType,
-                duration: parseInt(entry._duration || "0"),
+                ...asTrack(
+                  {
+                    id: entry.albumId!,
+                    name: entry.album!,
+                    year: entry.year,
+                    genre: maybeAsGenre(entry.genre),
+                    artistName: entry.artist,
+                    artistId: entry.artistId,
+                    coverArt: maybeAsCoverArt(entry.coverArt),
+                  },
+                  entry
+                ),
                number: trackNumber++,
-                genre: maybeAsGenre(entry._genre),
-                album: {
-                  id: entry._albumId,
-                  name: entry._album,
-                  year: entry._year,
-                  genre: maybeAsGenre(entry._genre),
-                  artistName: entry._artist,
-                  artistId: entry._artistId,
-                },
-                artist: {
-                  id: entry._artistId,
-                  name: entry._artist,
-                },
              })),
            };
          }),
      createPlaylist: async (name: string) =>
-        navidrome
+        subsonic
          .getJSON<GetPlaylistResponse>(credentials, "/rest/createPlaylist", {
            name,
          })
          .then((it) => it.playlist)
-          .then((it) => ({ id: it._id, name: it._name })),
+          .then((it) => ({ id: it.id, name: it.name })),
      deletePlaylist: async (id: string) =>
-        navidrome
+        subsonic
          .getJSON<GetPlaylistResponse>(credentials, "/rest/deletePlaylist", {
            id,
          })
          .then((_) => true),
      addToPlaylist: async (playlistId: string, trackId: string) =>
-        navidrome
+        subsonic
          .getJSON<GetPlaylistResponse>(credentials, "/rest/updatePlaylist", {
            playlistId,
            songIdToAdd: trackId,
          })
          .then((_) => true),
      removeFromPlaylist: async (playlistId: string, indicies: number[]) =>
-        navidrome
+        subsonic
          .getJSON<GetPlaylistResponse>(credentials, "/rest/updatePlaylist", {
            playlistId,
            songIndexToRemove: indicies,
          })
          .then((_) => true),
      similarSongs: async (id: string) =>
-        navidrome
+        subsonic
          .getJSON<GetSimilarSongsResponse>(
            credentials,
            "/rest/getSimilarSongs2",
@@ -767,15 +861,15 @@ export class Navidrome implements MusicService {
          .then((songs) =>
            Promise.all(
              songs.map((song) =>
-                navidrome
-                  .getAlbum(credentials, song._albumId)
+                subsonic
+                  .getAlbum(credentials, song.albumId!)
                  .then((album) => asTrack(album, song))
              )
            )
          ),
      topSongs: async (artistId: string) =>
-        navidrome.getArtist(credentials, artistId).then(({ name }) =>
-          navidrome
+        subsonic.getArtist(credentials, artistId).then(({ name }) =>
+          subsonic
            .getJSON<GetTopSongsResponse>(credentials, "/rest/getTopSongs", {
              artist: name,
              count: 50,
@@ -784,8 +878,8 @@ export class Navidrome implements MusicService {
            .then((songs) =>
              Promise.all(
                songs.map((song) =>
-                  navidrome
-                    .getAlbum(credentials, song._albumId)
+                  subsonic
+                    .getAlbum(credentials, song.albumId!)
                    .then((album) => asTrack(album, song))
                )
              )
--- a/tests/b64.test.ts
+++ b/tests/b64.test.ts
@@ -0,0 +1,17 @@
+import { b64Encode, b64Decode } from "../src/b64";
+
+describe("b64", () => {
+    const value = "foobar100";
+    const encoded = Buffer.from(value).toString("base64");
+
+    describe("encode", () => {
+        it("should encode", () => {
+            expect(b64Encode(value)).toEqual(encoded);
+        });
+    });
+    describe("decode", () => {
+        it("should decode", () => {
+            expect(b64Decode(encoded)).toEqual(value);
+        });
+    });
+});
--- a/tests/builders.ts
+++ b/tests/builders.ts
@@ -3,8 +3,17 @@ import { v4 as uuid } from "uuid";
 import { Credentials } from "../src/smapi";

 import { Service, Device } from "../src/sonos";
-import { Album, Artist, Track, albumToAlbumSummary, artistToArtistSummary, PlaylistSummary, Playlist } from "../src/music_service";
+import {
+  Album,
+  Artist,
+  Track,
+  albumToAlbumSummary,
+  artistToArtistSummary,
+  PlaylistSummary,
+  Playlist,
+} from "../src/music_service";
 import randomString from "../src/random_string";
+import { b64Encode } from "../src/b64";

 const randomInt = (max: number) => Math.floor(Math.random() * Math.floor(max));
 const randomIpAddress = () => `127.0.${randomInt(255)}.${randomInt(255)}`;
@@ -28,12 +37,14 @@ export const aService = (fields: Partial<Service> = {}): Service => ({
  ...fields,
 });

-export function aPlaylistSummary(fields: Partial<PlaylistSummary> = {}): PlaylistSummary {
+export function aPlaylistSummary(
+  fields: Partial<PlaylistSummary> = {}
+): PlaylistSummary {
  return {
    id: `playlist-${uuid()}`,
    name: `playlistname-${randomString()}`,
-    ...fields
-  }
+    ...fields,
+  };
 }

 export function aPlaylist(fields: Partial<Playlist> = {}): Playlist {
@@ -41,9 +52,9 @@ export function aPlaylist(fields: Partial<Playlist> = {}): Playlist {
    id: `playlist-${uuid()}`,
    name: `playlist-${randomString()}`,
    entries: [aTrack(), aTrack()],
-    ...fields
-  }
-} 
+    ...fields,
+  };
+}

 export function aDevice(fields: Partial<Device> = {}): Device {
  return {
@@ -104,31 +115,43 @@ export function anArtist(fields: Partial<Artist> = {}): Artist {
    ],
    ...fields,
  };
-  artist.albums.forEach(album => {
+  artist.albums.forEach((album) => {
    album.artistId = artist.id;
    album.artistName = artist.name;
-  })
+  });
  return artist;
 }

-export const HIP_HOP = { id: "genre_hip_hop", name: "Hip-Hop" };
-export const METAL = { id: "genre_metal", name: "Metal" };
-export const NEW_WAVE = { id: "genre_new_wave", name: "New Wave" };
-export const POP = { id: "genre_pop", name: "Pop" };
-export const POP_ROCK = { id: "genre_pop_rock", name: "Pop Rock" };
-export const REGGAE = { id: "genre_reggae", name: "Reggae" };
-export const ROCK = { id: "genre_rock", name: "Rock" };
-export const SKA = { id: "genre_ska", name: "Ska" };
-export const PUNK = { id: "genre_punk", name: "Punk" };
-export const TRIP_HOP = { id: "genre_trip_hop", name: "Trip Hop" };
+export const aGenre = (name: string) => ({ id: b64Encode(name), name });

-export const SAMPLE_GENRES = [HIP_HOP, METAL, NEW_WAVE, POP, POP_ROCK, REGGAE, ROCK, SKA];
+export const HIP_HOP = aGenre("Hip-Hop");
+export const METAL = aGenre("Metal");
+export const NEW_WAVE = aGenre("New Wave");
+export const POP = aGenre("Pop");
+export const POP_ROCK = aGenre("Pop Rock");
+export const REGGAE = aGenre("Reggae");
+export const ROCK = aGenre("Rock");
+export const SKA = aGenre("Ska");
+export const PUNK = aGenre("Punk");
+export const TRIP_HOP = aGenre("Trip Hop");
+
+export const SAMPLE_GENRES = [
+  HIP_HOP,
+  METAL,
+  NEW_WAVE,
+  POP,
+  POP_ROCK,
+  REGGAE,
+  ROCK,
+  SKA,
+];
 export const randomGenre = () => SAMPLE_GENRES[randomInt(SAMPLE_GENRES.length)];

 export function aTrack(fields: Partial<Track> = {}): Track {
  const id = uuid();
  const artist = anArtist();
  const genre = fields.genre || randomGenre();
+  const rating = { love: false, stars: Math.floor(Math.random() * 5) };
  return {
    id,
    name: `Track ${id}`,
@@ -137,10 +160,14 @@ export function aTrack(fields: Partial<Track> = {}): Track {
    number: randomInt(100),
    genre,
    artist: artistToArtistSummary(artist),
-    album: albumToAlbumSummary(anAlbum({ artistId: artist.id, artistName: artist.name, genre })),
+    album: albumToAlbumSummary(
+      anAlbum({ artistId: artist.id, artistName: artist.name, genre })
+    ),
+    coverArt: `coverArt:${uuid()}`,
+    rating,
    ...fields,
  };
-}
+};

 export function anAlbum(fields: Partial<Album> = {}): Album {
  const id = uuid();
@@ -151,6 +178,7 @@ export function anAlbum(fields: Partial<Album> = {}): Album {
    year: `19${randomInt(99)}`,
    artistId: `Artist ${uuid()}`,
    artistName: `Artist ${randomString()}`,
+    coverArt: `coverArt:${uuid()}`,
    ...fields,
  };
 }
@@ -167,7 +195,8 @@ export const BLONDIE: Artist = {
      year: "1976",
      genre: NEW_WAVE,
      artistId: BLONDIE_ID,
-      artistName: BLONDIE_NAME
+      artistName: BLONDIE_NAME,
+      coverArt: `coverArt:${uuid()}`,
    },
    {
      id: uuid(),
@@ -175,7 +204,8 @@ export const BLONDIE: Artist = {
      year: "1978",
      genre: POP_ROCK,
      artistId: BLONDIE_ID,
-      artistName: BLONDIE_NAME
+      artistName: BLONDIE_NAME,
+      coverArt: `coverArt:${uuid()}`,
    },
  ],
  image: {
@@ -192,9 +222,33 @@ export const BOB_MARLEY: Artist = {
  id: BOB_MARLEY_ID,
  name: BOB_MARLEY_NAME,
  albums: [
-    { id: uuid(), name: "Burin'", year: "1973", genre: REGGAE, artistId: BOB_MARLEY_ID, artistName: BOB_MARLEY_NAME },
-    { id: uuid(), name: "Exodus", year: "1977", genre: REGGAE, artistId: BOB_MARLEY_ID, artistName: BOB_MARLEY_NAME },
-    { id: uuid(), name: "Kaya", year: "1978", genre: SKA, artistId: BOB_MARLEY_ID, artistName: BOB_MARLEY_NAME },
+    {
+      id: uuid(),
+      name: "Burin'",
+      year: "1973",
+      genre: REGGAE,
+      artistId: BOB_MARLEY_ID,
+      artistName: BOB_MARLEY_NAME,
+      coverArt: `coverArt:${uuid()}`,
+    },
+    {
+      id: uuid(),
+      name: "Exodus",
+      year: "1977",
+      genre: REGGAE,
+      artistId: BOB_MARLEY_ID,
+      artistName: BOB_MARLEY_NAME,
+      coverArt: `coverArt:${uuid()}`,
+    },
+    {
+      id: uuid(),
+      name: "Kaya",
+      year: "1978",
+      genre: SKA,
+      artistId: BOB_MARLEY_ID,
+      artistName: BOB_MARLEY_NAME,
+      coverArt: `coverArt:${uuid()}`,
+    },
  ],
  image: {
    small: "http://localhost/BOB_MARLEY/sml",
@@ -231,6 +285,7 @@ export const METALLICA: Artist = {
      genre: METAL,
      artistId: METALLICA_ID,
      artistName: METALLICA_NAME,
+      coverArt: `coverArt:${uuid()}`,
    },
    {
      id: uuid(),
@@ -239,6 +294,7 @@ export const METALLICA: Artist = {
      genre: METAL,
      artistId: METALLICA_ID,
      artistName: METALLICA_NAME,
+      coverArt: `coverArt:${uuid()}`,
    },
  ],
  image: {
@@ -252,3 +308,4 @@ export const METALLICA: Artist = {
 export const ALL_ARTISTS = [BOB_MARLEY, BLONDIE, MADONNA, METALLICA];

 export const ALL_ALBUMS = ALL_ARTISTS.flatMap((it) => it.albums || []);
+
--- a/tests/config.test.ts
+++ b/tests/config.test.ts
@@ -1,5 +1,81 @@
 import { hostname } from "os";
-import config from "../src/config";
+import config, { envVar, WORD } from "../src/config";
+
+describe("envVar", () => {
+  const OLD_ENV = process.env;
+
+  beforeEach(() => {
+    jest.resetModules();
+    process.env = { ...OLD_ENV };
+
+    process.env["bnb-var"] = "bnb-var-value";
+    process.env["bnb-legacy2"] = "bnb-legacy2-value";
+    process.env["bnb-legacy3"] = "bnb-legacy3-value";
+  });
+
+  afterEach(() => {
+    process.env = OLD_ENV;
+  });
+
+  describe("when the env var exists", () => {
+    describe("and there are no legacy env vars that match", () => {
+      it("should return the env var", () => {
+        expect(envVar("bnb-var")).toEqual("bnb-var-value");
+      });
+    });
+
+    describe("and there are legacy env vars that match", () => {
+      it("should return the env var", () => {
+        expect(
+          envVar("bnb-var", {
+            default: "not valid",
+            legacy: ["bnb-legacy1", "bnb-legacy2", "bnb-legacy3"],
+          })
+        ).toEqual("bnb-var-value");
+      });
+    });
+  });
+
+  describe("when the env var doesnt exist", () => {
+    describe("and there are no legacy env vars specified", () => {
+      describe("and there is no default value specified", () => {
+        it("should be undefined", () => {
+          expect(envVar("bnb-not-set")).toBeUndefined();
+        });
+      });
+
+      describe("and there is a default value specified", () => {
+        it("should return the default", () => {
+          expect(envVar("bnb-not-set", { default: "widget" })).toEqual(
+            "widget"
+          );
+        });
+      });
+    });
+
+    describe("when there are legacy env vars specified", () => {
+      it("should return the value from the first matched legacy env var", () => {
+        expect(
+          envVar("bnb-not-set", {
+            legacy: ["bnb-legacy1", "bnb-legacy2", "bnb-legacy3"],
+          })
+        ).toEqual("bnb-legacy2-value");
+      });
+    });
+  });
+
+  describe("validationPattern", () => {
+    it("should fail when the value does not match the pattern", () => {
+      expect(() =>
+        envVar("bnb-var", {
+          validationPattern: /^foobar$/,
+        })
+      ).toThrowError(
+        `Invalid value specified for 'bnb-var', must match ${/^foobar$/}`
+      );
+    });
+  });
+});

 describe("config", () => {
  const OLD_ENV = process.env;
@@ -43,26 +119,22 @@ describe("config", () => {
  }

  describe("bonobUrl", () => {
-    describe("when BONOB_URL is specified", () => {
-      it("should be used", () => {
-        const url = "http://bonob1.example.com:8877/";
-        process.env["BONOB_URL"] = url;
+    ["BNB_URL", "BONOB_URL", "BONOB_WEB_ADDRESS"].forEach((key) => {
+      describe(`when ${key} is specified`, () => {
+        it("should be used", () => {
+          const url = "http://bonob1.example.com:8877/";

-        expect(config().bonobUrl.href()).toEqual(url);
+          process.env["BNB_URL"] = "";
+          process.env["BONOB_URL"] = "";
+          process.env["BONOB_WEB_ADDRESS"] = "";
+          process.env[key] = url;
+
+          expect(config().bonobUrl.href()).toEqual(url);
+        });
      });
    });

-    describe("when BONOB_URL is not specified, however legacy BONOB_WEB_ADDRESS is specified", () => {
-      it("should be used", () => {
-        const url = "http://bonob2.example.com:9988/";
-        process.env["BONOB_URL"] = "";
-        process.env["BONOB_WEB_ADDRESS"] = url;
-
-        expect(config().bonobUrl.href()).toEqual(url);
-      });
-    });
-
-    describe("when neither BONOB_URL nor BONOB_WEB_ADDRESS are specified", () => {
+    describe("when none of BNB_URL, BONOB_URL, BONOB_WEB_ADDRESS are specified", () => {
      describe("when BONOB_PORT is not specified", () => {
        it(`should default to http://${hostname()}:4534`, () => {
          expect(config().bonobUrl.href()).toEqual(
@@ -71,6 +143,15 @@ describe("config", () => {
        });
      });

+      describe("when BNB_PORT is specified as 3322", () => {
+        it(`should default to http://${hostname()}:3322`, () => {
+          process.env["BNB_PORT"] = "3322";
+          expect(config().bonobUrl.href()).toEqual(
+            `http://${hostname()}:3322/`
+          );
+        });
+      });
+
      describe("when BONOB_PORT is specified as 3322", () => {
        it(`should default to http://${hostname()}:3322`, () => {
          process.env["BONOB_PORT"] = "3322";
@@ -82,92 +163,75 @@ describe("config", () => {
    });
  });

-  describe("navidrome", () => {
-    describe("url", () => {
-      describe("when BONOB_NAVIDROME_URL is not specified", () => {
-        it(`should default to http://${hostname()}:4533`, () => {
-          expect(config().navidrome.url).toEqual(`http://${hostname()}:4533`);
-        });
-      });
-
-      describe("when BONOB_NAVIDROME_URL is ''", () => {
-        it(`should default to http://${hostname()}:4533`, () => {
-          process.env["BONOB_NAVIDROME_URL"] = "";
-          expect(config().navidrome.url).toEqual(`http://${hostname()}:4533`);
-        });
-      });
-
-      describe("when BONOB_NAVIDROME_URL is specified", () => {
-        it(`should use it`, () => {
-          const url = "http://navidrome.example.com:1234";
-          process.env["BONOB_NAVIDROME_URL"] = url;
-          expect(config().navidrome.url).toEqual(url);
-        });
-      });
-    });
-  });
-
  describe("icons", () => {
    describe("foregroundColor", () => {
-      describe("when BONOB_ICON_FOREGROUND_COLOR is not specified", () => {
-        it(`should default to undefined`, () => {
-          expect(config().icons.foregroundColor).toEqual(undefined);
-        });
-      });
+      ["BNB_ICON_FOREGROUND_COLOR", "BONOB_ICON_FOREGROUND_COLOR"].forEach(
+        (k) => {
+          describe(`when ${k} is not specified`, () => {
+            it(`should default to undefined`, () => {
+              expect(config().icons.foregroundColor).toEqual(undefined);
+            });
+          });

-      describe("when BONOB_ICON_FOREGROUND_COLOR is ''", () => {
-        it(`should default to undefined`, () => {
-          process.env["BONOB_ICON_FOREGROUND_COLOR"] = "";
-          expect(config().icons.foregroundColor).toEqual(undefined);
-        });
-      });
+          describe(`when ${k} is ''`, () => {
+            it(`should default to undefined`, () => {
+              process.env[k] = "";
+              expect(config().icons.foregroundColor).toEqual(undefined);
+            });
+          });

-      describe("when BONOB_ICON_FOREGROUND_COLOR is specified", () => {
-        it(`should use it`, () => {
-          process.env["BONOB_ICON_FOREGROUND_COLOR"] = "pink";
-          expect(config().icons.foregroundColor).toEqual("pink");
-        });
-      });
+          describe(`when ${k} is specified`, () => {
+            it(`should use it`, () => {
+              process.env[k] = "pink";
+              expect(config().icons.foregroundColor).toEqual("pink");
+            });
+          });

-      describe("when BONOB_ICON_FOREGROUND_COLOR is an invalid string", () => {
-        it(`should blow up`, () => {
-          process.env["BONOB_ICON_FOREGROUND_COLOR"] = "#dfasd";
-          expect(() => config()).toThrow(
-            "Invalid color specified for BONOB_ICON_FOREGROUND_COLOR"
-          );
-        });
-      });
+          describe(`when ${k} is an invalid string`, () => {
+            it(`should blow up`, () => {
+              process.env[k] = "#dfasd";
+              expect(() => config()).toThrow(
+                `Invalid value specified for 'BNB_ICON_FOREGROUND_COLOR', must match ${WORD}`
+              );
+            });
+          });
+        }
+      );
    });

    describe("backgroundColor", () => {
-      describe("when BONOB_ICON_BACKGROUND_COLOR is not specified", () => {
-        it(`should default to undefined`, () => {
-          expect(config().icons.backgroundColor).toEqual(undefined);
-        });
-      });
+      ["BNB_ICON_BACKGROUND_COLOR", "BONOB_ICON_BACKGROUND_COLOR"].forEach(
+        (k) => {
+          describe(`when ${k} is not specified`, () => {
+            it(`should default to undefined`, () => {
+              expect(config().icons.backgroundColor).toEqual(undefined);
+            });
+          });

-      describe("when BONOB_ICON_BACKGROUND_COLOR is ''", () => {
-        it(`should default to undefined`, () => {
-          process.env["BONOB_ICON_BACKGROUND_COLOR"] = "";
-          expect(config().icons.backgroundColor).toEqual(undefined);
-        });
-      });
+          describe(`when ${k} is ''`, () => {
+            it(`should default to undefined`, () => {
+              process.env[k] = "";
+              expect(config().icons.backgroundColor).toEqual(undefined);
+            });
+          });

-      describe("when BONOB_ICON_BACKGROUND_COLOR is specified", () => {
-        it(`should use it`, () => {
-          process.env["BONOB_ICON_BACKGROUND_COLOR"] = "blue";
-          expect(config().icons.backgroundColor).toEqual("blue");
-        });
-      });
+          describe(`when ${k} is specified`, () => {
+            it(`should use it`, () => {
+              process.env[k] = "blue";
+              expect(config().icons.backgroundColor).toEqual("blue");
+            });
+          });

-      describe("when BONOB_ICON_BACKGROUND_COLOR is an invalid string", () => {
-        it(`should blow up`, () => {
-          process.env["BONOB_ICON_BACKGROUND_COLOR"] = "#red";
-          expect(() => config()).toThrow(
-            "Invalid color specified for BONOB_ICON_BACKGROUND_COLOR"
-          );
-        });
-      });
+          describe(`when ${k} is an invalid string`, () => {
+            it(`should blow up`, () => {
+              process.env[k] = "#red";
+              expect(() => config()).toThrow(
+                `Invalid value specified for 'BNB_ICON_BACKGROUND_COLOR', must match ${WORD}`
+              );
+            });
+          });
+        }
+      );
    });
  });

@@ -176,9 +240,11 @@ describe("config", () => {
      expect(config().secret).toEqual("bonob");
    });

-    it("should be overridable", () => {
-      process.env["BONOB_SECRET"] = "new secret";
-      expect(config().secret).toEqual("new secret");
+    ["BNB_SECRET", "BONOB_SECRET"].forEach((key) => {
+      it(`should be overridable using ${key}`, () => {
+        process.env[key] = "new secret";
+        expect(config().secret).toEqual("new secret");
+      });
    });
  });

@@ -188,83 +254,137 @@ describe("config", () => {
        expect(config().sonos.serviceName).toEqual("bonob");
      });

-      it("should be overridable", () => {
-        process.env["BONOB_SONOS_SERVICE_NAME"] = "foobar1000";
-        expect(config().sonos.serviceName).toEqual("foobar1000");
+      ["BNB_SONOS_SERVICE_NAME", "BONOB_SONOS_SERVICE_NAME"].forEach((k) => {
+        it("should be overridable", () => {
+          process.env[k] = "foobar1000";
+          expect(config().sonos.serviceName).toEqual("foobar1000");
+        });
      });
    });

-    describeBooleanConfigValue(
-      "deviceDiscovery",
-      "BONOB_SONOS_DEVICE_DISCOVERY",
-      true,
-      (config) => config.sonos.deviceDiscovery
+    ["BNB_SONOS_DEVICE_DISCOVERY", "BONOB_SONOS_DEVICE_DISCOVERY"].forEach(
+      (k) => {
+        describeBooleanConfigValue(
+          "deviceDiscovery",
+          k,
+          true,
+          (config) => config.sonos.discovery.enabled
+        );
+      }
    );

    describe("seedHost", () => {
      it("should default to undefined", () => {
-        expect(config().sonos.seedHost).toBeUndefined();
+        expect(config().sonos.discovery.seedHost).toBeUndefined();
      });

-      it("should be overridable", () => {
-        process.env["BONOB_SONOS_SEED_HOST"] = "123.456.789.0";
-        expect(config().sonos.seedHost).toEqual("123.456.789.0");
+      ["BNB_SONOS_SEED_HOST", "BONOB_SONOS_SEED_HOST"].forEach((k) => {
+        it("should be overridable", () => {
+          process.env[k] = "123.456.789.0";
+          expect(config().sonos.discovery.seedHost).toEqual("123.456.789.0");
+        });
      });
    });

-    describeBooleanConfigValue(
-      "autoRegister",
-      "BONOB_SONOS_AUTO_REGISTER",
-      false,
-      (config) => config.sonos.autoRegister
-    );
+    ["BNB_SONOS_AUTO_REGISTER", "BONOB_SONOS_AUTO_REGISTER"].forEach((k) => {
+      describeBooleanConfigValue(
+        "autoRegister",
+        k,
+        false,
+        (config) => config.sonos.autoRegister
+      );
+    });

    describe("sid", () => {
      it("should default to 246", () => {
        expect(config().sonos.sid).toEqual(246);
      });

-      it("should be overridable", () => {
-        process.env["BONOB_SONOS_SERVICE_ID"] = "786";
-        expect(config().sonos.sid).toEqual(786);
+      ["BNB_SONOS_SERVICE_ID", "BONOB_SONOS_SERVICE_ID"].forEach((k) => {
+        it("should be overridable", () => {
+          process.env[k] = "786";
+          expect(config().sonos.sid).toEqual(786);
+        });
      });
    });
  });

-  describe("navidrome", () => {
+  describe("subsonic", () => {
    describe("url", () => {
-      it("should default to http://${hostname()}:4533", () => {
-        expect(config().navidrome.url).toEqual(`http://${hostname()}:4533`);
-      });
+      ["BNB_SUBSONIC_URL", "BONOB_SUBSONIC_URL", "BONOB_NAVIDROME_URL"].forEach(
+        (k) => {
+          describe(`when ${k} is not specified`, () => {
+            it(`should default to http://${hostname()}:4533`, () => {
+              expect(config().subsonic.url).toEqual(
+                `http://${hostname()}:4533`
+              );
+            });
+          });

-      it("should be overridable", () => {
-        process.env["BONOB_NAVIDROME_URL"] = "http://farfaraway.com";
-        expect(config().navidrome.url).toEqual("http://farfaraway.com");
-      });
+          describe(`when ${k} is ''`, () => {
+            it(`should default to http://${hostname()}:4533`, () => {
+              process.env[k] = "";
+              expect(config().subsonic.url).toEqual(
+                `http://${hostname()}:4533`
+              );
+            });
+          });
+
+          describe(`when ${k} is specified`, () => {
+            it(`should use it for ${k}`, () => {
+              const url = "http://navidrome.example.com:1234";
+              process.env[k] = url;
+              expect(config().subsonic.url).toEqual(url);
+            });
+          });
+        }
+      );
    });

    describe("customClientsFor", () => {
      it("should default to undefined", () => {
-        expect(config().navidrome.customClientsFor).toBeUndefined();
+        expect(config().subsonic.customClientsFor).toBeUndefined();
      });

-      it("should be overridable", () => {
-        process.env["BONOB_NAVIDROME_CUSTOM_CLIENTS"] = "whoop/whoop";
-        expect(config().navidrome.customClientsFor).toEqual("whoop/whoop");
+      [
+        "BNB_SUBSONIC_CUSTOM_CLIENTS",
+        "BONOB_SUBSONIC_CUSTOM_CLIENTS",
+        "BONOB_NAVIDROME_CUSTOM_CLIENTS",
+      ].forEach((k) => {
+        it(`should be overridable for ${k}`, () => {
+          process.env[k] = "whoop/whoop";
+          expect(config().subsonic.customClientsFor).toEqual("whoop/whoop");
+        });
+      });
+    });
+
+    describe("artistImageCache", () => {
+      it("should default to undefined", () => {
+        expect(config().subsonic.artistImageCache).toBeUndefined();
+      });
+
+      it(`should be overridable for BNB_SUBSONIC_ARTIST_IMAGE_CACHE`, () => {
+        process.env["BNB_SUBSONIC_ARTIST_IMAGE_CACHE"] = "/some/path";
+        expect(config().subsonic.artistImageCache).toEqual("/some/path");
      });
    });
  });

-  describeBooleanConfigValue(
-    "scrobbleTracks",
-    "BONOB_SCROBBLE_TRACKS",
-    true,
-    (config) => config.scrobbleTracks
-  );
-  describeBooleanConfigValue(
-    "reportNowPlaying",
-    "BONOB_REPORT_NOW_PLAYING",
-    true,
-    (config) => config.reportNowPlaying
-  );
+  ["BNB_SCROBBLE_TRACKS", "BONOB_SCROBBLE_TRACKS"].forEach((k) => {
+    describeBooleanConfigValue(
+      "scrobbleTracks",
+      k,
+      true,
+      (config) => config.scrobbleTracks
+    );
+  });
+
+  ["BNB_REPORT_NOW_PLAYING", "BONOB_REPORT_NOW_PLAYING"].forEach((k) => {
+    describeBooleanConfigValue(
+      "reportNowPlaying",
+      k,
+      true,
+      (config) => config.reportNowPlaying
+    );
+  });
 });
--- a/tests/in_memory_music_service.test.ts
+++ b/tests/in_memory_music_service.test.ts
@@ -175,8 +175,8 @@ describe("InMemoryMusicService", () => {
      describe("fetching tracks for an album", () => {
        it("should return only tracks on that album", async () => {
          expect(await musicLibrary.tracks(artist1Album1.id)).toEqual([
-            track1,
-            track2,
+            { ...track1, rating: { love: false, stars: 0 } },
+            { ...track2, rating: { love: false, stars: 0 } },
          ]);
        });
      });
@@ -192,7 +192,7 @@ describe("InMemoryMusicService", () => {
      describe("fetching a single track", () => {
        describe("when it exists", () => {
          it("should return the track", async () => {
-            expect(await musicLibrary.track(track3.id)).toEqual(track3);
+            expect(await musicLibrary.track(track3.id)).toEqual({ ...track3, rating: { love: false, stars: 0 } },);
          });
        });
      });
@@ -221,7 +221,10 @@ describe("InMemoryMusicService", () => {
        ],
      });
      const artist2 = anArtist({ name: "artist2", albums: [artist2_album1] });
-      const artist3 = anArtist({ name: "artist3", albums: [artist3_album1, artist3_album2] });
+      const artist3 = anArtist({
+        name: "artist3",
+        albums: [artist3_album1, artist3_album2],
+      });
      const artistWithNoAlbums = anArtist({ albums: [] });

      const allAlbums = [artist1, artist2, artist3, artistWithNoAlbums].flatMap(
@@ -258,7 +261,7 @@ describe("InMemoryMusicService", () => {
            });

            expect(albums.total).toEqual(totalAlbumCount);
-            expect(albums.results.length).toEqual(3)
+            expect(albums.results.length).toEqual(3);
            // cannot really assert the results and they will change every time
          });
        });
@@ -282,9 +285,9 @@ describe("InMemoryMusicService", () => {
                    albumToAlbumSummary(artist1_album3),
                    albumToAlbumSummary(artist1_album4),
                    albumToAlbumSummary(artist1_album5),
-  
+
                    albumToAlbumSummary(artist2_album1),
-  
+
                    albumToAlbumSummary(artist3_album1),
                    albumToAlbumSummary(artist3_album2),
                  ],
@@ -302,13 +305,11 @@ describe("InMemoryMusicService", () => {
                    type: "alphabeticalByName",
                  })
                ).toEqual({
-                  results:                   
-                  _.sortBy(allAlbums, 'name').map(albumToAlbumSummary),
+                  results: _.sortBy(allAlbums, "name").map(albumToAlbumSummary),
                  total: totalAlbumCount,
                });
              });
            });
-
          });

          describe("fetching a page", () => {
@@ -467,9 +468,9 @@ describe("InMemoryMusicService", () => {
        it("should provide an array of artists", async () => {
          expect(await musicLibrary.genres()).toEqual([
            HIP_HOP,
+            SKA,
            POP,
            ROCK,
-            SKA,
          ]);
        });
      });
--- a/tests/in_memory_music_service.ts
+++ b/tests/in_memory_music_service.ts
@@ -5,6 +5,8 @@ import { pipe } from "fp-ts/lib/function";
 import { ordString, fromCompare } from "fp-ts/lib/Ord";
 import { shuffle } from "underscore";

+import { b64Encode, b64Decode } from "../src/b64";
+
 import {
  MusicService,
  Credentials,
@@ -20,6 +22,7 @@ import {
  albumToAlbumSummary,
  Track,
  Genre,
+  Rating,
 } from "../src/music_service";

 export class InMemoryMusicService implements MusicService {
@@ -37,9 +40,7 @@ export class InMemoryMusicService implements MusicService {
      this.users[username] == password
    ) {
      return Promise.resolve({
-        authToken: Buffer.from(JSON.stringify({ username, password })).toString(
-          "base64"
-        ),
+        authToken: b64Encode(JSON.stringify({ username, password })),
        userId: username,
        nickname: username,
      });
@@ -49,9 +50,7 @@ export class InMemoryMusicService implements MusicService {
  }

  login(token: string): Promise<MusicLibrary> {
-    const credentials = JSON.parse(
-      Buffer.from(token, "base64").toString("ascii")
-    ) as Credentials;
+    const credentials = JSON.parse(b64Decode(token)) as Credentials;
    if (this.users[credentials.username] != credentials.password)
      return Promise.reject("Invalid auth token");

@@ -77,9 +76,11 @@ export class InMemoryMusicService implements MusicService {
            switch (q.type) {
              case "alphabeticalByArtist":
                return artist2Album;
-                case "alphabeticalByName":
-                  return artist2Album.sort((a, b) => a.album.name.localeCompare(b.album.name));
-                case "byGenre":
+              case "alphabeticalByName":
+                return artist2Album.sort((a, b) =>
+                  a.album.name.localeCompare(b.album.name)
+                );
+              case "byGenre":
                return artist2Album.filter(
                  (it) => it.album.genre?.id === q.genre
                );
@@ -109,25 +110,28 @@ export class InMemoryMusicService implements MusicService {
            A.map((it) => O.fromNullable(it.genre)),
            A.compact,
            A.uniq(fromEquals((x, y) => x.id === y.id)),
-            A.sort(
-              fromCompare<Genre>((x, y) => ordString.compare(x.id, y.id))
-            )
+            A.sort(fromCompare<Genre>((x, y) => ordString.compare(x.id, y.id)))
          )
        ),
      tracks: (albumId: string) =>
-        Promise.resolve(this.tracks.filter((it) => it.album.id === albumId)),
+        Promise.resolve(
+          this.tracks
+            .filter((it) => it.album.id === albumId)
+            .map((it) => ({ ...it, rating: { love: false, stars: 0 } }))
+        ),
+      rate: (_: string, _2: Rating) => Promise.resolve(false),
      track: (trackId: string) =>
        pipe(
          this.tracks.find((it) => it.id === trackId),
          O.fromNullable,
-          O.map((it) => Promise.resolve(it)),
+          O.map((it) => Promise.resolve({ ...it, rating: { love: false, stars: 0 } })),
          O.getOrElse(() =>
            Promise.reject(`Failed to find track with id ${trackId}`)
          )
        ),
      stream: (_: { trackId: string; range: string | undefined }) =>
        Promise.reject("unsupported operation"),
-      coverArt: (id: string, _: "album" | "artist", size?: number) =>
+      coverArt: (id: string, size?: number) =>
        Promise.reject(`Cannot retrieve coverArt for ${id}, size ${size}`),
      scrobble: async (_: string) => {
        return Promise.resolve(true);
@@ -141,10 +145,14 @@ export class InMemoryMusicService implements MusicService {
      playlists: async () => Promise.resolve([]),
      playlist: async (id: string) =>
        Promise.reject(`No playlist with id ${id}`),
-      createPlaylist: async (_: string) => Promise.reject("Unsupported operation"),
-      deletePlaylist: async (_: string) => Promise.reject("Unsupported operation"),
-      addToPlaylist: async (_: string) => Promise.reject("Unsupported operation"),
-      removeFromPlaylist: async (_: string, _2: number[]) => Promise.reject("Unsupported operation"),
+      createPlaylist: async (_: string) =>
+        Promise.reject("Unsupported operation"),
+      deletePlaylist: async (_: string) =>
+        Promise.reject("Unsupported operation"),
+      addToPlaylist: async (_: string) =>
+        Promise.reject("Unsupported operation"),
+      removeFromPlaylist: async (_: string, _2: number[]) =>
+        Promise.reject("Unsupported operation"),
      similarSongs: async (_: string) => Promise.resolve([]),
      topSongs: async (_: string) => Promise.resolve([]),
    });
--- a/tests/registrar.test.ts
+++ b/tests/registrar.test.ts
@@ -0,0 +1,137 @@
+import axios from "axios";
+jest.mock("axios");
+
+const fakeSonos = {
+  register: jest.fn(),
+};
+
+import sonos, { bonobService } from "../src/sonos";
+jest.mock("../src/sonos");
+
+import registrar from "../src/registrar";
+import { URLBuilder } from "../src/url_builder";
+
+describe("registrar", () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+    jest.resetAllMocks();
+  });
+
+  describe("when the bonob service can not be found", () => {
+    it("should fail", async () => {
+      const status = 409;
+
+      (axios.get as jest.Mock).mockResolvedValue({
+        status,
+      });
+
+      const bonobUrl = new URLBuilder("http://fail.example.com/bonob");
+
+      return expect(registrar(bonobUrl)()).rejects.toEqual(
+        `Unexpected response status ${status} from ${bonobUrl
+          .append({ pathname: "/about" })
+          .href()}`
+      );
+    });
+  });
+
+  describe("when the bonob service returns unexpected content", () => {
+    it("should fail", async () => {
+      (axios.get as jest.Mock).mockResolvedValue({
+        status: 200,
+        // invalid response from /about as does not have name and sid
+        data: {}
+      });
+
+      const bonobUrl = new URLBuilder("http://fail.example.com/bonob");
+
+      return expect(registrar(bonobUrl)()).rejects.toEqual(
+        `Unexpected response from ${bonobUrl
+          .append({ pathname: "/about" })
+          .href()}, expected service.name and service.sid`
+      );
+    });
+  });
+
+  describe("when the bonob service can be found", () => {
+    const bonobUrl = new URLBuilder("http://success.example.com/bonob");
+
+    const serviceDetails = {
+      name: "bob",
+      sid: 123,
+    };
+
+    const service = "service";
+
+    beforeEach(() => {
+      (axios.get as jest.Mock).mockResolvedValue({
+        status: 200,
+        data: {
+          service: serviceDetails,
+        },
+      });
+
+      (bonobService as jest.Mock).mockResolvedValue(service);
+      (sonos as jest.Mock).mockReturnValue(fakeSonos);
+    });
+
+    describe("seedHost", () => {
+      describe("is specified", () => {
+        it("should register using the seed host", async () => {
+          fakeSonos.register.mockResolvedValue(true);
+          const seedHost = "127.0.0.11";
+  
+          expect(await registrar(bonobUrl, seedHost)()).toEqual(
+            true
+          );
+  
+          expect(bonobService).toHaveBeenCalledWith(
+            serviceDetails.name,
+            serviceDetails.sid,
+            bonobUrl
+          );
+          expect(sonos).toHaveBeenCalledWith({ enabled: true, seedHost });
+          expect(fakeSonos.register).toHaveBeenCalledWith(service);
+        });
+      });
+
+      describe("is not specified", () => {
+        it("should register without using the seed host", async () => {
+          fakeSonos.register.mockResolvedValue(true);
+
+          expect(await registrar(bonobUrl)()).toEqual(
+            true
+          );
+  
+          expect(bonobService).toHaveBeenCalledWith(
+            serviceDetails.name,
+            serviceDetails.sid,
+            bonobUrl
+          );
+          expect(sonos).toHaveBeenCalledWith({ enabled: true });
+          expect(fakeSonos.register).toHaveBeenCalledWith(service);
+        });
+      });
+    });
+
+    describe("when registration succeeds", () => {
+      it("should fetch the service details and register", async () => {
+        fakeSonos.register.mockResolvedValue(true);
+
+        expect(await registrar(bonobUrl)()).toEqual(
+          true
+        );
+      });
+    });
+
+    describe("when registration fails", () => {
+      it("should fetch the service details and register", async () => {
+        fakeSonos.register.mockResolvedValue(false);
+
+        expect(await registrar(bonobUrl)()).toEqual(
+          false
+        );
+      });
+    });
+  });
+});
--- a/tests/server.test.ts
+++ b/tests/server.test.ts
@@ -186,7 +186,7 @@ describe("server", () => {
            bonobUrl,
            new InMemoryMusicService(),
            {
-              version: "v123.456"  
+              version: "v123.456",
            }
          );

@@ -230,49 +230,48 @@ describe("server", () => {
              name: "bonobMissing",
              sid: 88,
            });
-  
+
            const fakeSonos: Sonos = {
              devices: () => Promise.resolve([]),
-              services: () =>
-                Promise.resolve([]),
+              services: () => Promise.resolve([]),
              remove: () => Promise.resolve(false),
              register: () => Promise.resolve(false),
            };
-  
+
            const server = makeServer(
              fakeSonos,
              missingBonobService,
              bonobUrl,
              new InMemoryMusicService()
            );
-  
+
            describe("devices list", () => {
              it("should be empty", async () => {
                const res = await request(server)
                  .get(bonobUrl.append({ pathname: "/" }).path())
                  .set("accept-language", acceptLanguage)
                  .send();
-  
+
                expect(res.status).toEqual(200);
                expect(res.text).toMatch(`<h2>${lang("devices")} \(0\)</h2>`);
                expect(res.text).not.toMatch(/class=device/);
-                expect(res.text).toContain(lang("noSonosDevices"));                
+                expect(res.text).toContain(lang("noSonosDevices"));
              });
            });
-  
+
            describe("services", () => {
              it("should be empty", async () => {
                const res = await request(server)
                  .get(bonobUrl.append({ pathname: "/" }).path())
                  .set("accept-language", acceptLanguage)
                  .send();
-  
+
                expect(res.status).toEqual(200);
                expect(res.text).toMatch(`<h2>${lang("services")} \(0\)</h2>`);
              });
            });
          });
-          
+
          describe("there are 2 devices and bonob is not registered", () => {
            const service1 = aService({
              name: "s1",
@@ -294,19 +293,19 @@ describe("server", () => {
              name: "bonobMissing",
              sid: 88,
            });
-  
+
            const device1: Device = aDevice({
              name: "device1",
              ip: "172.0.0.1",
              port: 4301,
            });
-  
+
            const device2: Device = aDevice({
              name: "device2",
              ip: "172.0.0.2",
              port: 4302,
            });
-  
+
            const fakeSonos: Sonos = {
              devices: () => Promise.resolve([device1, device2]),
              services: () =>
@@ -314,35 +313,35 @@ describe("server", () => {
              remove: () => Promise.resolve(false),
              register: () => Promise.resolve(false),
            };
-  
+
            const server = makeServer(
              fakeSonos,
              missingBonobService,
              bonobUrl,
              new InMemoryMusicService()
            );
-  
+
            describe("devices list", () => {
              it("should contain the devices returned from sonos", async () => {
                const res = await request(server)
                  .get(bonobUrl.append({ pathname: "/" }).path())
                  .set("accept-language", acceptLanguage)
                  .send();
-  
+
                expect(res.status).toEqual(200);
                expect(res.text).toMatch(`<h2>${lang("devices")} \(2\)</h2>`);
                expect(res.text).toMatch(/device1\s+\(172.0.0.1:4301\)/);
                expect(res.text).toMatch(/device2\s+\(172.0.0.2:4302\)/);
              });
            });
-  
+
            describe("services", () => {
              it("should contain a list of services returned from sonos", async () => {
                const res = await request(server)
                  .get(bonobUrl.append({ pathname: "/" }).path())
                  .set("accept-language", acceptLanguage)
                  .send();
-  
+
                expect(res.status).toEqual(200);
                expect(res.text).toMatch(`<h2>${lang("services")} \(4\)</h2>`);
                expect(res.text).toMatch(/s1\s+\(1\)/);
@@ -351,7 +350,7 @@ describe("server", () => {
                expect(res.text).toMatch(/s4\s+\(4\)/);
              });
            });
-  
+
            describe("registration status", () => {
              it("should be not-registered", async () => {
                const res = await request(server)
@@ -372,10 +371,10 @@ describe("server", () => {
              });
            });
          });
-  
+
          describe("there are 2 devices and bonob is registered", () => {
            const service1 = aService();
-  
+
            const service2 = aService();

            const device1: Device = aDevice({
@@ -383,32 +382,33 @@ describe("server", () => {
              ip: "172.0.0.1",
              port: 4301,
            });
-  
+
            const device2: Device = aDevice({
              name: "device2",
              ip: "172.0.0.2",
              port: 4302,
            });
-  
+
            const bonobService = aService({
              name: "bonobNotMissing",
              sid: 99,
            });
-  
+
            const fakeSonos: Sonos = {
              devices: () => Promise.resolve([device1, device2]),
-              services: () => Promise.resolve([service1, service2, bonobService]),
+              services: () =>
+                Promise.resolve([service1, service2, bonobService]),
              remove: () => Promise.resolve(false),
              register: () => Promise.resolve(false),
            };
-  
+
            const server = makeServer(
              fakeSonos,
              bonobService,
              bonobUrl,
              new InMemoryMusicService()
            );
-  
+
            describe("registration status", () => {
              it("should be registered", async () => {
                const res = await request(server)
@@ -707,7 +707,6 @@ describe("server", () => {
        const musicLibrary = {
          stream: jest.fn(),
          scrobble: jest.fn(),
-          nowPlaying: jest.fn(),
        };
        let now = dayjs();
        const accessTokens = new ExpiringAccessTokens({ now: () => now });
@@ -756,13 +755,14 @@ describe("server", () => {
            it("should return a 401", async () => {
              now = now.add(1, "day");

-              const res = await request(server)
-                .head(
-                  bonobUrl
-                    .append({ pathname: `/stream/track/${trackId}` })
-                    .path()
-                )
-                .set(BONOB_ACCESS_TOKEN_HEADER, accessToken);
+              const res = await request(server).head(
+                bonobUrl
+                  .append({
+                    pathname: `/stream/track/${trackId}`,
+                    searchParams: { bat: accessToken },
+                  })
+                  .path()
+              );

              expect(res.status).toEqual(401);
            });
@@ -774,7 +774,8 @@ describe("server", () => {
                const trackStream = {
                  status: 200,
                  headers: {
-                    "content-type": "audio/mp3; charset=utf-8",
+                    // audio/x-flac should be mapped to x-flac
+                    "content-type": "audio/x-flac; whoop; foo-bar",
                    "content-length": "123",
                  },
                  stream: streamContent(""),
@@ -786,14 +787,13 @@ describe("server", () => {
                const res = await request(server)
                  .head(
                    bonobUrl
-                      .append({ pathname: `/stream/track/${trackId}` })
+                      .append({ pathname: `/stream/track/${trackId}`, searchParams: { bat: accessToken } })
                      .path()
-                  )
-                  .set(BONOB_ACCESS_TOKEN_HEADER, accessToken);
+                  );

                expect(res.status).toEqual(trackStream.status);
                expect(res.headers["content-type"]).toEqual(
-                  "audio/mp3; charset=utf-8"
+                  "audio/flac; whoop; foo-bar"
                );
                expect(res.headers["content-length"]).toEqual("123");
                expect(res.body).toEqual({});
@@ -812,8 +812,10 @@ describe("server", () => {
                musicLibrary.stream.mockResolvedValue(trackStream);

                const res = await request(server)
-                  .head(`/stream/track/${trackId}`)
-                  .set(BONOB_ACCESS_TOKEN_HEADER, accessToken);
+                  .head(bonobUrl
+                    .append({ pathname: `/stream/track/${trackId}`, searchParams: { bat: accessToken } })
+                    .path()
+                    );

                expect(res.status).toEqual(404);
                expect(res.body).toEqual({});
@@ -840,10 +842,9 @@ describe("server", () => {
              const res = await request(server)
                .get(
                  bonobUrl
-                    .append({ pathname: `/stream/track/${trackId}` })
+                    .append({ pathname: `/stream/track/${trackId}`, searchParams: { bat: accessToken } })
                    .path()
-                )
-                .set(BONOB_ACCESS_TOKEN_HEADER, accessToken);
+                );

              expect(res.status).toEqual(401);
            });
@@ -863,14 +864,12 @@ describe("server", () => {
              const res = await request(server)
                .get(
                  bonobUrl
-                    .append({ pathname: `/stream/track/${trackId}` })
+                    .append({ pathname: `/stream/track/${trackId}`, searchParams: { bat: accessToken } })
                    .path()
-                )
-                .set(BONOB_ACCESS_TOKEN_HEADER, accessToken);
+                );

              expect(res.status).toEqual(404);

-              expect(musicLibrary.nowPlaying).not.toHaveBeenCalled();
              expect(musicLibrary.stream).toHaveBeenCalledWith({ trackId });
            });
          });
@@ -883,26 +882,25 @@ describe("server", () => {
                const stream = {
                  status: 200,
                  headers: {
-                    "content-type": "audio/mp3",
+                    // audio/x-flac should be mapped to audio/flac
+                    "content-type": "audio/x-flac; charset=utf-8",
                  },
                  stream: streamContent(content),
                };

                musicService.login.mockResolvedValue(musicLibrary);
                musicLibrary.stream.mockResolvedValue(stream);
-                musicLibrary.nowPlaying.mockResolvedValue(true);

                const res = await request(server)
                  .get(
                    bonobUrl
-                      .append({ pathname: `/stream/track/${trackId}` })
+                      .append({ pathname: `/stream/track/${trackId}`, searchParams: { bat: accessToken } })
                      .path()
-                  )
-                  .set(BONOB_ACCESS_TOKEN_HEADER, accessToken);
+                  );

                expect(res.status).toEqual(stream.status);
                expect(res.headers["content-type"]).toEqual(
-                  "audio/mp3; charset=utf-8"
+                  "audio/flac; charset=utf-8"
                );
                expect(res.header["accept-ranges"]).toBeUndefined();
                expect(res.headers["content-length"]).toEqual(
@@ -911,7 +909,6 @@ describe("server", () => {
                expect(Object.keys(res.headers)).not.toContain("content-range");

                expect(musicService.login).toHaveBeenCalledWith(authToken);
-                expect(musicLibrary.nowPlaying).toHaveBeenCalledWith(trackId);
                expect(musicLibrary.stream).toHaveBeenCalledWith({ trackId });
              });
            });
@@ -931,15 +928,13 @@ describe("server", () => {

                musicService.login.mockResolvedValue(musicLibrary);
                musicLibrary.stream.mockResolvedValue(stream);
-                musicLibrary.nowPlaying.mockResolvedValue(true);

                const res = await request(server)
                  .get(
                    bonobUrl
-                      .append({ pathname: `/stream/track/${trackId}` })
+                      .append({ pathname: `/stream/track/${trackId}`, searchParams: { bat: accessToken } })
                      .path()
-                  )
-                  .set(BONOB_ACCESS_TOKEN_HEADER, accessToken);
+                  );

                expect(res.status).toEqual(stream.status);
                expect(res.headers["content-type"]).toEqual(
@@ -951,7 +946,6 @@ describe("server", () => {
                expect(Object.keys(res.headers)).not.toContain("content-range");

                expect(musicService.login).toHaveBeenCalledWith(authToken);
-                expect(musicLibrary.nowPlaying).toHaveBeenCalledWith(trackId);
                expect(musicLibrary.stream).toHaveBeenCalledWith({ trackId });
              });
            });
@@ -970,15 +964,13 @@ describe("server", () => {

                musicService.login.mockResolvedValue(musicLibrary);
                musicLibrary.stream.mockResolvedValue(stream);
-                musicLibrary.nowPlaying.mockResolvedValue(true);

                const res = await request(server)
                  .get(
                    bonobUrl
-                      .append({ pathname: `/stream/track/${trackId}` })
+                      .append({ pathname: `/stream/track/${trackId}`, searchParams: { bat: accessToken } })
                      .path()
-                  )
-                  .set(BONOB_ACCESS_TOKEN_HEADER, accessToken);
+                  );

                expect(res.status).toEqual(stream.status);
                expect(res.header["content-type"]).toEqual(
@@ -990,7 +982,6 @@ describe("server", () => {
                expect(res.header["content-range"]).toBeUndefined();

                expect(musicService.login).toHaveBeenCalledWith(authToken);
-                expect(musicLibrary.nowPlaying).toHaveBeenCalledWith(trackId);
                expect(musicLibrary.stream).toHaveBeenCalledWith({ trackId });
              });
            });
@@ -1010,15 +1001,13 @@ describe("server", () => {

                musicService.login.mockResolvedValue(musicLibrary);
                musicLibrary.stream.mockResolvedValue(stream);
-                musicLibrary.nowPlaying.mockResolvedValue(true);

                const res = await request(server)
                  .get(
                    bonobUrl
-                      .append({ pathname: `/stream/track/${trackId}` })
+                      .append({ pathname: `/stream/track/${trackId}`, searchParams: { bat: accessToken } })
                      .path()
-                  )
-                  .set(BONOB_ACCESS_TOKEN_HEADER, accessToken);
+                  );

                expect(res.status).toEqual(stream.status);
                expect(res.header["content-type"]).toEqual(
@@ -1032,7 +1021,6 @@ describe("server", () => {
                );

                expect(musicService.login).toHaveBeenCalledWith(authToken);
-                expect(musicLibrary.nowPlaying).toHaveBeenCalledWith(trackId);
                expect(musicLibrary.stream).toHaveBeenCalledWith({ trackId });
              });
            });
@@ -1053,17 +1041,15 @@ describe("server", () => {

                musicService.login.mockResolvedValue(musicLibrary);
                musicLibrary.stream.mockResolvedValue(stream);
-                musicLibrary.nowPlaying.mockResolvedValue(true);

                const requestedRange = "40-";

                const res = await request(server)
                  .get(
                    bonobUrl
-                      .append({ pathname: `/stream/track/${trackId}` })
+                      .append({ pathname: `/stream/track/${trackId}`, searchParams: { bat: accessToken } })
                      .path()
                  )
-                  .set(BONOB_ACCESS_TOKEN_HEADER, accessToken)
                  .set("Range", requestedRange);

                expect(res.status).toEqual(stream.status);
@@ -1076,7 +1062,6 @@ describe("server", () => {
                expect(res.header["content-range"]).toBeUndefined();

                expect(musicService.login).toHaveBeenCalledWith(authToken);
-                expect(musicLibrary.nowPlaying).toHaveBeenCalledWith(trackId);
                expect(musicLibrary.stream).toHaveBeenCalledWith({
                  trackId,
                  range: requestedRange,
@@ -1099,15 +1084,13 @@ describe("server", () => {

                musicService.login.mockResolvedValue(musicLibrary);
                musicLibrary.stream.mockResolvedValue(stream);
-                musicLibrary.nowPlaying.mockResolvedValue(true);

                const res = await request(server)
                  .get(
                    bonobUrl
-                      .append({ pathname: `/stream/track/${trackId}` })
+                      .append({ pathname: `/stream/track/${trackId}`, searchParams: { bat: accessToken } })
                      .path()
                  )
-                  .set(BONOB_ACCESS_TOKEN_HEADER, accessToken)
                  .set("Range", "4000-5000");

                expect(res.status).toEqual(stream.status);
@@ -1122,7 +1105,6 @@ describe("server", () => {
                );

                expect(musicService.login).toHaveBeenCalledWith(authToken);
-                expect(musicLibrary.nowPlaying).toHaveBeenCalledWith(trackId);
                expect(musicLibrary.stream).toHaveBeenCalledWith({
                  trackId,
                  range: "4000-5000",
@@ -1173,7 +1155,7 @@ describe("server", () => {

        describe("when there is no access-token", () => {
          it("should return a 401", async () => {
-            const res = await request(server).get(`/art/album/123/size/180`);
+            const res = await request(server).get(`/art/coverArt:123/size/180`);

            expect(res.status).toEqual(401);
          });
@@ -1184,7 +1166,7 @@ describe("server", () => {
            now = now.add(1, "day");

            const res = await request(server).get(
-              `/art/album/123/size/180?${BONOB_ACCESS_TOKEN_HEADER}=${accessToken}`
+              `/art/coverArt:123/size/180?${BONOB_ACCESS_TOKEN_HEADER}=${accessToken}`
            );

            expect(res.status).toEqual(401);
@@ -1192,18 +1174,6 @@ describe("server", () => {
        });

        describe("when there is a valid access token", () => {
-          describe("some invalid art type", () => {
-            it("should return a 400", async () => {
-              const res = await request(server)
-                .get(
-                  `/art/foo/${albumId}/size/180?${BONOB_ACCESS_TOKEN_HEADER}=${accessToken}`
-                )
-                .set(BONOB_ACCESS_TOKEN_HEADER, accessToken);
-
-              expect(res.status).toEqual(400);
-            });
-          });
-
          describe("artist art", () => {
            ["0", "-1", "foo"].forEach((size) => {
              describe(`invalid size of ${size}`, () => {
@@ -1211,7 +1181,7 @@ describe("server", () => {
                  musicService.login.mockResolvedValue(musicLibrary);
                  const res = await request(server)
                    .get(
-                      `/art/artist/${albumId}/size/${size}?${BONOB_ACCESS_TOKEN_HEADER}=${accessToken}`
+                      `/art/artist:${albumId}/size/${size}?${BONOB_ACCESS_TOKEN_HEADER}=${accessToken}`
                    )
                    .set(BONOB_ACCESS_TOKEN_HEADER, accessToken);

@@ -1231,7 +1201,7 @@ describe("server", () => {

                  const res = await request(server)
                    .get(
-                      `/art/artist/${albumId}/size/180?${BONOB_ACCESS_TOKEN_HEADER}=${accessToken}`
+                      `/art/artist:${albumId}/size/180?${BONOB_ACCESS_TOKEN_HEADER}=${accessToken}`
                    )
                    .set(BONOB_ACCESS_TOKEN_HEADER, accessToken);

@@ -1242,8 +1212,7 @@ describe("server", () => {

                  expect(musicService.login).toHaveBeenCalledWith(authToken);
                  expect(musicLibrary.coverArt).toHaveBeenCalledWith(
-                    albumId,
-                    "artist",
+                    `artist:${albumId}`,
                    180
                  );
                });
@@ -1257,7 +1226,7 @@ describe("server", () => {

                  const res = await request(server)
                    .get(
-                      `/art/artist/${albumId}/size/180?${BONOB_ACCESS_TOKEN_HEADER}=${accessToken}`
+                      `/art/artist:${albumId}/size/180?${BONOB_ACCESS_TOKEN_HEADER}=${accessToken}`
                    )
                    .set(BONOB_ACCESS_TOKEN_HEADER, accessToken);

@@ -1267,11 +1236,24 @@ describe("server", () => {
            });

            describe("fetching multiple images as a collage", () => {
-              const png = fs.readFileSync(path.join(__dirname, '..', 'docs', 'images', 'chartreuseFuchsia.png'));
+              const png = fs.readFileSync(
+                path.join(
+                  __dirname,
+                  "..",
+                  "docs",
+                  "images",
+                  "chartreuseFuchsia.png"
+                )
+              );

              describe("fetching a collage of 4 when all are available", () => {
                it("should return the image and a 200", async () => {
-                  const ids = ["1", "2", "3", "4"];
+                  const ids = [
+                    "artist:1",
+                    "artist:2",
+                    "coverArt:3",
+                    "coverArt:4",
+                  ];

                  musicService.login.mockResolvedValue(musicLibrary);

@@ -1285,7 +1267,7 @@ describe("server", () => {

                  const res = await request(server)
                    .get(
-                      `/art/artist/${ids.join(
+                      `/art/${ids.join(
                        "&"
                      )}/size/200?${BONOB_ACCESS_TOKEN_HEADER}=${accessToken}`
                    )
@@ -1296,11 +1278,7 @@ describe("server", () => {

                  expect(musicService.login).toHaveBeenCalledWith(authToken);
                  ids.forEach((id) => {
-                    expect(musicLibrary.coverArt).toHaveBeenCalledWith(
-                      id,
-                      "artist",
-                      200
-                    );
+                    expect(musicLibrary.coverArt).toHaveBeenCalledWith(id, 200);
                  });

                  const image = await Image.load(res.body);
@@ -1311,7 +1289,7 @@ describe("server", () => {

              describe("fetching a collage of 4, however only 1 is available", () => {
                it("should return the single image", async () => {
-                  const ids = ["1", "2", "3", "4"];
+                  const ids = ["artist:1", "artist:2", "artist:3", "artist:4"];

                  musicService.login.mockResolvedValue(musicLibrary);

@@ -1321,26 +1299,28 @@ describe("server", () => {
                  musicLibrary.coverArt.mockResolvedValueOnce(
                    coverArtResponse({
                      data: png,
-                      contentType: "image/some-mime-type"
+                      contentType: "image/some-mime-type",
                    })
                  );

                  const res = await request(server)
                    .get(
-                      `/art/artist/${ids.join(
+                      `/art/${ids.join(
                        "&"
                      )}/size/200?${BONOB_ACCESS_TOKEN_HEADER}=${accessToken}`
                    )
                    .set(BONOB_ACCESS_TOKEN_HEADER, accessToken);

                  expect(res.status).toEqual(200);
-                  expect(res.header["content-type"]).toEqual("image/some-mime-type");
+                  expect(res.header["content-type"]).toEqual(
+                    "image/some-mime-type"
+                  );
                });
              });
-              
+
              describe("fetching a collage of 4 and all are missing", () => {
                it("should return a 404", async () => {
-                  const ids = ["1", "2", "3", "4"];
+                  const ids = ["artist:1", "artist:2", "artist:3", "artist:4"];

                  musicService.login.mockResolvedValue(musicLibrary);

@@ -1350,7 +1330,7 @@ describe("server", () => {

                  const res = await request(server)
                    .get(
-                      `/art/artist/${ids.join(
+                      `/art/${ids.join(
                        "&"
                      )}/size/200?${BONOB_ACCESS_TOKEN_HEADER}=${accessToken}`
                    )
@@ -1362,7 +1342,17 @@ describe("server", () => {

              describe("fetching a collage of 9 when all are available", () => {
                it("should return the image and a 200", async () => {
-                  const ids = ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
+                  const ids = [
+                    "artist:1",
+                    "artist:2",
+                    "coverArt:3",
+                    "artist:4",
+                    "artist:5",
+                    "artist:6",
+                    "artist:7",
+                    "artist:8",
+                    "artist:9",
+                  ];

                  musicService.login.mockResolvedValue(musicLibrary);

@@ -1376,7 +1366,7 @@ describe("server", () => {

                  const res = await request(server)
                    .get(
-                      `/art/artist/${ids.join(
+                      `/art/${ids.join(
                        "&"
                      )}/size/180?${BONOB_ACCESS_TOKEN_HEADER}=${accessToken}`
                    )
@@ -1387,11 +1377,7 @@ describe("server", () => {

                  expect(musicService.login).toHaveBeenCalledWith(authToken);
                  ids.forEach((id) => {
-                    expect(musicLibrary.coverArt).toHaveBeenCalledWith(
-                      id,
-                      "artist",
-                      180
-                    );
+                    expect(musicLibrary.coverArt).toHaveBeenCalledWith(id, 180);
                  });

                  const image = await Image.load(res.body);
@@ -1402,7 +1388,17 @@ describe("server", () => {

              describe("fetching a collage of 9 when only 2 are available", () => {
                it("should still return an image and a 200", async () => {
-                  const ids = ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
+                  const ids = [
+                    "artist:1",
+                    "artist:2",
+                    "artist:3",
+                    "artist:4",
+                    "artist:5",
+                    "artist:6",
+                    "artist:7",
+                    "artist:8",
+                    "artist:9",
+                  ];

                  musicService.login.mockResolvedValue(musicLibrary);

@@ -1426,7 +1422,7 @@ describe("server", () => {

                  const res = await request(server)
                    .get(
-                      `/art/artist/${ids.join(
+                      `/art/${ids.join(
                        "&"
                      )}/size/180?${BONOB_ACCESS_TOKEN_HEADER}=${accessToken}`
                    )
@@ -1437,22 +1433,30 @@ describe("server", () => {

                  expect(musicService.login).toHaveBeenCalledWith(authToken);
                  ids.forEach((id) => {
-                    expect(musicLibrary.coverArt).toHaveBeenCalledWith(
-                      id,
-                      "artist",
-                      180
-                    );
+                    expect(musicLibrary.coverArt).toHaveBeenCalledWith(id, 180);
                  });

                  const image = await Image.load(res.body);
                  expect(image.width).toEqual(180);
                  expect(image.height).toEqual(180);
                });
-              });       
-              
+              });
+
              describe("fetching a collage of 11", () => {
                it("should still return an image and a 200, though will only display 9", async () => {
-                  const ids = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11"];
+                  const ids = [
+                    "artist:1",
+                    "artist:2",
+                    "artist:3",
+                    "artist:4",
+                    "artist:5",
+                    "artist:6",
+                    "artist:7",
+                    "artist:8",
+                    "artist:9",
+                    "artist:10",
+                    "artist:11",
+                  ];

                  musicService.login.mockResolvedValue(musicLibrary);

@@ -1466,7 +1470,7 @@ describe("server", () => {

                  const res = await request(server)
                    .get(
-                      `/art/artist/${ids.join(
+                      `/art/${ids.join(
                        "&"
                      )}/size/180?${BONOB_ACCESS_TOKEN_HEADER}=${accessToken}`
                    )
@@ -1477,18 +1481,14 @@ describe("server", () => {

                  expect(musicService.login).toHaveBeenCalledWith(authToken);
                  ids.forEach((id) => {
-                    expect(musicLibrary.coverArt).toHaveBeenCalledWith(
-                      id,
-                      "artist",
-                      180
-                    );
+                    expect(musicLibrary.coverArt).toHaveBeenCalledWith(id, 180);
                  });

                  const image = await Image.load(res.body);
                  expect(image.width).toEqual(180);
                  expect(image.height).toEqual(180);
                });
-              });              
+              });

              describe("when the image is not available", () => {
                it("should return a 404", async () => {
@@ -1498,7 +1498,7 @@ describe("server", () => {

                  const res = await request(server)
                    .get(
-                      `/art/artist/${albumId}/size/180?${BONOB_ACCESS_TOKEN_HEADER}=${accessToken}`
+                      `/art/coverArt:${albumId}/size/180?${BONOB_ACCESS_TOKEN_HEADER}=${accessToken}`
                    )
                    .set(BONOB_ACCESS_TOKEN_HEADER, accessToken);

@@ -1515,7 +1515,7 @@ describe("server", () => {

                const res = await request(server)
                  .get(
-                    `/art/artist/${albumId}/size/180?${BONOB_ACCESS_TOKEN_HEADER}=${accessToken}`
+                    `/art/artist:${albumId}/size/180?${BONOB_ACCESS_TOKEN_HEADER}=${accessToken}`
                  )
                  .set(BONOB_ACCESS_TOKEN_HEADER, accessToken);

@@ -1531,7 +1531,7 @@ describe("server", () => {
                  musicService.login.mockResolvedValue(musicLibrary);
                  const res = await request(server)
                    .get(
-                      `/art/album/${albumId}/size/${size}?${BONOB_ACCESS_TOKEN_HEADER}=${accessToken}`
+                      `/art/coverArt:${albumId}/size/${size}?${BONOB_ACCESS_TOKEN_HEADER}=${accessToken}`
                    )
                    .set(BONOB_ACCESS_TOKEN_HEADER, accessToken);

@@ -1553,7 +1553,7 @@ describe("server", () => {

                const res = await request(server)
                  .get(
-                    `/art/album/${albumId}/size/180?${BONOB_ACCESS_TOKEN_HEADER}=${accessToken}`
+                    `/art/coverArt:${albumId}/size/180?${BONOB_ACCESS_TOKEN_HEADER}=${accessToken}`
                  )
                  .set(BONOB_ACCESS_TOKEN_HEADER, accessToken);

@@ -1564,8 +1564,7 @@ describe("server", () => {

                expect(musicService.login).toHaveBeenCalledWith(authToken);
                expect(musicLibrary.coverArt).toHaveBeenCalledWith(
-                  albumId,
-                  "album",
+                  `coverArt:${albumId}`,
                  180
                );
              });
@@ -1578,7 +1577,7 @@ describe("server", () => {

                const res = await request(server)
                  .get(
-                    `/art/album/${albumId}/size/180?${BONOB_ACCESS_TOKEN_HEADER}=${accessToken}`
+                    `/art/album:${albumId}/size/180?${BONOB_ACCESS_TOKEN_HEADER}=${accessToken}`
                  )
                  .set(BONOB_ACCESS_TOKEN_HEADER, accessToken);

@@ -1593,7 +1592,7 @@ describe("server", () => {

                const res = await request(server)
                  .get(
-                    `/art/album/${albumId}/size/180?${BONOB_ACCESS_TOKEN_HEADER}=${accessToken}`
+                    `/art/album:${albumId}/size/180?${BONOB_ACCESS_TOKEN_HEADER}=${accessToken}`
                  )
                  .set(BONOB_ACCESS_TOKEN_HEADER, accessToken);

@@ -1669,7 +1668,7 @@ describe("server", () => {
            "playlists",
            "genres",
            "random",
-            "starred",
+            "heart",
            "recentlyAdded",
            "recentlyPlayed",
            "mostPlayed",
@@ -1723,12 +1722,18 @@ describe("server", () => {
                  expect(svg).toContain(`fill="brightpink"`);
                });

-                function itShouldBeFestive(theme: string, date: string, id: string, color1: string, color2: string) {
+                function itShouldBeFestive(
+                  theme: string,
+                  date: string,
+                  id: string,
+                  color1: string,
+                  color2: string
+                ) {
                  it(`should return a ${theme} icon on ${date}`, async () => {
                    const response = await request(
                      server({ now: () => dayjs(date) })
                    ).get(`/icon/${type}/size/180`);
-  
+
                    expect(response.status).toEqual(200);
                    const svg = Buffer.from(response.body).toString();
                    expect(svg).toContain(`id="${id}"`);
@@ -1737,14 +1742,50 @@ describe("server", () => {
                  });
                }

-                itShouldBeFestive("christmas '22", "2022/12/25", "christmas", "red", "green")
-                itShouldBeFestive("christmas '23", "2023/12/25", "christmas", "red", "green")
+                itShouldBeFestive(
+                  "christmas '22",
+                  "2022/12/25",
+                  "christmas",
+                  "red",
+                  "green"
+                );
+                itShouldBeFestive(
+                  "christmas '23",
+                  "2023/12/25",
+                  "christmas",
+                  "red",
+                  "green"
+                );

-                itShouldBeFestive("halloween", "2022/10/31", "halloween", "black", "orange")
-                itShouldBeFestive("halloween", "2023/10/31", "halloween", "black", "orange")
+                itShouldBeFestive(
+                  "halloween",
+                  "2022/10/31",
+                  "halloween",
+                  "black",
+                  "orange"
+                );
+                itShouldBeFestive(
+                  "halloween",
+                  "2023/10/31",
+                  "halloween",
+                  "black",
+                  "orange"
+                );

-                itShouldBeFestive("cny '22", "2022/02/01", "yoTiger", "red", "yellow")
-                itShouldBeFestive("cny '23", "2023/01/22", "yoRabbit", "red", "yellow")
+                itShouldBeFestive(
+                  "cny '22",
+                  "2022/02/01",
+                  "yoTiger",
+                  "red",
+                  "yellow"
+                );
+                itShouldBeFestive(
+                  "cny '23",
+                  "2023/01/22",
+                  "yoRabbit",
+                  "red",
+                  "yellow"
+                );
              });
            });
          });
--- a/tests/smapi.test.ts
+++ b/tests/smapi.test.ts
--- a/tests/sonos.test.ts
+++ b/tests/sonos.test.ts
@@ -274,12 +274,13 @@ describe("sonos", () => {

  describe("when is disabled", () => {
    it("should return a disabled client", async () => {
-      const disabled = sonos(false);
+      const disabled = sonos({ enabled: false });

      expect(disabled).toEqual(SONOS_DISABLED);
      expect(await disabled.devices()).toEqual([]);
      expect(await disabled.services()).toEqual([]);
-      expect(await disabled.register(aService())).toEqual(true);
+      expect(await disabled.register(aService())).toEqual(false);
+      expect(await disabled.remove(123)).toEqual(false);
    });
  });

@@ -310,7 +311,7 @@ describe("sonos", () => {
        );
        sonosManager.InitializeWithDiscovery.mockResolvedValue(true);

-        const actualDevices = await sonos(true, undefined).devices();
+        const actualDevices = await sonos({ enabled: true }).devices();

        expect(SonosManager).toHaveBeenCalledTimes(1);
        expect(sonosManager.InitializeWithDiscovery).toHaveBeenCalledWith(10);
@@ -331,7 +332,7 @@ describe("sonos", () => {
        );
        sonosManager.InitializeWithDiscovery.mockResolvedValue(true);

-        const actualDevices = await sonos(true, "").devices();
+        const actualDevices = await sonos({ enabled: true, seedHost: "" }).devices();

        expect(SonosManager).toHaveBeenCalledTimes(1);
        expect(sonosManager.InitializeWithDiscovery).toHaveBeenCalledWith(10);
@@ -354,7 +355,7 @@ describe("sonos", () => {
        );
        sonosManager.InitializeFromDevice.mockResolvedValue(true);

-        const actualDevices = await sonos(true, seedHost).devices();
+        const actualDevices = await sonos({ enabled: true, seedHost }).devices();

        expect(SonosManager).toHaveBeenCalledTimes(1);
        expect(sonosManager.InitializeFromDevice).toHaveBeenCalledWith(
@@ -377,7 +378,7 @@ describe("sonos", () => {
        );
        sonosManager.InitializeWithDiscovery.mockResolvedValue(true);

-        const actualDevices = await sonos(true, undefined).devices();
+        const actualDevices = await sonos({ enabled: true, seedHost: undefined }).devices();

        expect(actualDevices).toEqual([
          {
@@ -408,7 +409,7 @@ describe("sonos", () => {
        );
        sonosManager.InitializeWithDiscovery.mockResolvedValue(false);

-        expect(await sonos(true, "").devices()).toEqual([]);
+        expect(await sonos({ enabled: true, seedHost: "" }).devices()).toEqual([]);
      });
    });
  });
--- a/tests/navidrome.test.ts
+++ b/tests/navidrome.test.ts
--- a/web/icons/Heart-85038.svg
+++ b/web/icons/Heart-85038.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <path d="M16.5,3C13.605,3,12,5.09,12,5.09S10.395,3,7.5,3C4.462,3,2,5.462,2,8.5c0,4.171,4.912,8.213,6.281,9.49C9.858,19.46,12,21.35,12,21.35s2.142-1.89,3.719-3.36C17.088,16.713,22,12.671,22,8.5C22,5.462,19.538,3,16.5,3z M14.811,16.11c-0.177,0.16-0.331,0.299-0.456,0.416c-0.751,0.7-1.639,1.503-2.355,2.145c-0.716-0.642-1.605-1.446-2.355-2.145c-0.126-0.117-0.28-0.257-0.456-0.416C7.769,14.827,4,11.419,4,8.5C4,6.57,5.57,5,7.5,5c1.827,0,2.886,1.275,2.914,1.308L12,8l1.586-1.692C13.596,6.295,14.673,5,16.5,5C18.43,5,20,6.57,20,8.5C20,11.419,16.231,14.827,14.811,16.11z"/>
+</svg>
--- a/web/icons/Heart-85339.svg
+++ b/web/icons/Heart-85339.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <path d="M16.5,3C13.605,3,12,5.09,12,5.09S10.395,3,7.5,3C4.462,3,2,5.462,2,8.5c0,4.171,4.912,8.213,6.281,9.49C9.858,19.46,12,21.35,12,21.35s2.142-1.89,3.719-3.36C17.088,16.713,22,12.671,22,8.5C22,5.462,19.538,3,16.5,3z"/>
+</svg>
--- a/web/icons/Star-16101.svg
+++ b/web/icons/Star-16101.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+    <path fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2" d="M16 4.587L19.486 12.407 28 13.306 21.64 19.037 23.416 27.413 16 23.135 8.584 27.413 10.36 19.037 4 13.306 12.514 12.407z"/>
+</svg>
--- a/web/icons/Star-43879.svg
+++ b/web/icons/Star-43879.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <path fill="none" stroke="#000" stroke-miterlimit="10" d="M8 2.25L9.701 6.283 13.875 6.738 10.753 9.686 11.631 14 8 11.788 4.369 14 5.247 9.686 2.125 6.738 6.299 6.283z"/>
+</svg>
--- a/web/public/love-selected.svg
+++ b/web/public/love-selected.svg
@@ -0,0 +1,4 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path d="M26.4287 14.0097C25.1137 13.9677 23.7987 14.4057 22.7378 15.3397L22.2507 15.7707L21.7618 15.3377C19.6558 13.4727 16.4607 13.5687 14.4717 15.5577L14.4647 15.5657C12.5117 17.5177 12.5117 20.6837 14.4647 22.6367L21.8897 30.0607C22.0847 30.2567 22.4018 30.2567 22.5968 30.0607L29.8757 22.7817C31.8717 20.7867 31.9697 17.4207 29.9277 15.4747C28.9507 14.5427 27.6967 14.0437 26.4287 14.0097Z" fill="white"/>
+</svg>
--- a/web/public/love-unselected.svg
+++ b/web/public/love-unselected.svg
@@ -0,0 +1,4 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <path d="M28.5217 21.3077L22.2437 27.5867L15.8788 21.2227C14.5428 19.8857 14.7378 17.5727 16.4758 16.5097C17.7548 15.7267 19.4187 15.9657 20.5557 16.9447L20.7367 17.0997L21.9117 18.1417C22.1007 18.3097 22.3857 18.3097 22.5747 18.1417L23.7498 17.0997L24.0597 16.8307C25.4047 15.6457 27.4587 15.7457 28.6877 17.0637C29.8018 18.2567 29.6757 20.1537 28.5217 21.3077ZM26.4287 14.0097C25.1137 13.9677 23.7987 14.4057 22.7378 15.3397L22.2507 15.7707L21.7618 15.3377C19.6558 13.4727 16.4607 13.5687 14.4717 15.5577L14.4647 15.5657C12.5117 17.5177 12.5117 20.6837 14.4647 22.6367L21.8897 30.0607C22.0847 30.2567 22.4018 30.2567 22.5968 30.0607L29.8757 22.7817C31.8717 20.7867 31.9697 17.4207 29.9277 15.4747C28.9507 14.5427 27.6967 14.0437 26.4287 14.0097Z" fill="white" fill-opacity="0.6"/>
+</svg>
--- a/web/public/ratingIcons.html
+++ b/web/public/ratingIcons.html
@@ -0,0 +1,10 @@
+<html>
+  <body style="background-color: black;">
+    <img src="star0.svg" width="80px"><br>
+    <img src="star1.svg" width="80px"><br>
+    <img src="star2.svg" width="80px"><br>
+    <img src="star3.svg" width="80px"><br>
+    <img src="star4.svg" width="80px"><br>
+    <img src="star5.svg" width="80px"><br>
+  </body>
+</html>
--- a/web/public/star0.svg
+++ b/web/public/star0.svg
@@ -0,0 +1,5 @@
+<svg version="1.1" baseProfile="basic" id="_x38_8"
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 44 44" xml:space="preserve">
+	<path id="star" fill="#FFFFFF" d="M28,31l-6-4.3L16,31l2.6-6.8l-5.1-4.3h6l2.5-6.9l2.6,6.9h6l-5.1,4.3L28,31z"/>
+</svg>
--- a/web/public/star1.svg
+++ b/web/public/star1.svg
@@ -0,0 +1,6 @@
+<svg version="1.1" baseProfile="basic" id="_x38_8"
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 44 44" xml:space="preserve">
+	<path id="star" fill="#FBB040" d="M28,31l-6-4.3L16,31l2.6-6.8l-5.1-4.3h6l2.5-6.9l2.6,6.9h6l-5.1,4.3L28,31z"/>
+	<circle cx="22" cy="32" r="2" fill="#FBB040"/>
+</svg>
--- a/web/public/star2.svg
+++ b/web/public/star2.svg
@@ -0,0 +1,7 @@
+<svg version="1.1" baseProfile="basic" id="_x38_8"
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 44 44" xml:space="preserve">
+	<path id="star" fill="#FBB040" d="M28,31l-6-4.3L16,31l2.6-6.8l-5.1-4.3h6l2.5-6.9l2.6,6.9h6l-5.1,4.3L28,31z"/>
+	<circle cx="22" cy="32" r="2" fill="#FBB040"/>
+	<circle cx="14" cy="26" r="2" fill="#FBB040"/>
+</svg>
--- a/web/public/star3.svg
+++ b/web/public/star3.svg
@@ -0,0 +1,8 @@
+<svg version="1.1" baseProfile="basic" id="_x38_8"
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 44 44" xml:space="preserve">
+	<path id="star" fill="#FBB040" d="M28,31l-6-4.3L16,31l2.6-6.8l-5.1-4.3h6l2.5-6.9l2.6,6.9h6l-5.1,4.3L28,31z"/>
+	<circle cx="22" cy="32" r="2" fill="#FBB040"/>
+	<circle cx="14" cy="26" r="2" fill="#FBB040"/>
+	<circle cx="17" cy="16" r="2" fill="#FBB040"/>
+</svg>
--- a/web/public/star4.svg
+++ b/web/public/star4.svg
@@ -0,0 +1,9 @@
+<svg version="1.1" baseProfile="basic" id="_x38_8"
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 44 44" xml:space="preserve">
+	<path id="star" fill="#FBB040" d="M28,31l-6-4.3L16,31l2.6-6.8l-5.1-4.3h6l2.5-6.9l2.6,6.9h6l-5.1,4.3L28,31z"/>
+	<circle cx="22" cy="32" r="2" fill="#FBB040"/>
+	<circle cx="14" cy="26" r="2" fill="#FBB040"/>
+	<circle cx="17" cy="16" r="2" fill="#FBB040"/>
+	<circle cx="27" cy="16" r="2" fill="#FBB040"/>
+</svg>
--- a/web/public/star5.svg
+++ b/web/public/star5.svg
@@ -0,0 +1,10 @@
+<svg version="1.1" baseProfile="basic" id="_x38_8"
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 44 44" xml:space="preserve">
+	<path id="star" fill="#FBB040" d="M28,31l-6-4.3L16,31l2.6-6.8l-5.1-4.3h6l2.5-6.9l2.6,6.9h6l-5.1,4.3L28,31z"/>
+	<circle cx="22" cy="32" r="2" fill="#FBB040"/>
+	<circle cx="14" cy="26" r="2" fill="#FBB040"/>
+	<circle cx="17" cy="16" r="2" fill="#FBB040"/>
+	<circle cx="27" cy="16" r="2" fill="#FBB040"/>
+	<circle cx="30" cy="26" r="2" fill="#FBB040"/>
+</svg>
--- a/yarn.lock
+++ b/yarn.lock
@@ -1131,6 +1131,15 @@ __metadata:
  languageName: node
  linkType: hard

+"@types/fs-extra@npm:^9.0.13":
+  version: 9.0.13
+  resolution: "@types/fs-extra@npm:9.0.13"
+  dependencies:
+    "@types/node": "*"
+  checksum: add79e212acd5ac76b97b9045834e03a7996aef60a814185e0459088fd290519a3c1620865d588fa36c4498bf614210d2a703af5cf80aa1dbc125db78f6edac3
+  languageName: node
+  linkType: hard
+
 "@types/graceful-fs@npm:^4.1.2":
  version: 4.1.5
  resolution: "@types/graceful-fs@npm:4.1.5"
@@ -1303,6 +1312,13 @@ __metadata:
  languageName: node
  linkType: hard

+"@types/tmp@npm:^0.2.1":
+  version: 0.2.1
+  resolution: "@types/tmp@npm:0.2.1"
+  checksum: 2617d2a04811ca78a8d21f5ffc3bd7c392e03c440053a615b091f3e3726540d36babffc750614a803c81b9f2c5f218cdafc748d8cf4638eade2962f8ccddd2fa
+  languageName: node
+  linkType: hard
+
 "@types/underscore@npm:^1.11.3":
  version: 1.11.3
  resolution: "@types/underscore@npm:1.11.3"
@@ -1333,7 +1349,7 @@ __metadata:
  languageName: node
  linkType: hard

-"@xmldom/xmldom@npm:^0.7.0, @xmldom/xmldom@npm:^0.7.4":
+"@xmldom/xmldom@npm:^0.7.0":
  version: 0.7.4
  resolution: "@xmldom/xmldom@npm:0.7.4"
  checksum: f807a921fe2c1b4244bb0c79ac6b61f06c8a71c5108017aa022060aa0ffb0c832aa7a704288a9c66888991bf701da8c9148c0775e66b0b3efe8d884153c5729d
@@ -1764,12 +1780,14 @@ __metadata:
    "@svrooij/sonos": ^2.4.0
    "@types/chai": ^4.2.21
    "@types/express": ^4.17.13
+    "@types/fs-extra": ^9.0.13
    "@types/jest": ^27.0.1
    "@types/mocha": ^9.0.0
    "@types/morgan": ^1.9.3
    "@types/node": ^16.7.13
    "@types/sharp": ^0.28.6
    "@types/supertest": ^2.0.11
+    "@types/tmp": ^0.2.1
    "@types/underscore": ^1.11.3
    "@types/uuid": ^8.3.1
    axios: ^0.21.4
@@ -1778,6 +1796,7 @@ __metadata:
    eta: ^1.12.3
    express: ^4.17.1
    fp-ts: ^2.11.1
+    fs-extra: ^10.0.0
    get-port: ^5.1.1
    image-js: ^0.33.0
    jest: ^27.1.0
@@ -1788,6 +1807,7 @@ __metadata:
    sharp: ^0.29.1
    soap: ^0.42.0
    supertest: ^6.1.6
+    tmp: ^0.2.1
    ts-jest: ^27.0.5
    ts-md5: ^1.2.9
    ts-mockito: ^2.6.1
@@ -1796,7 +1816,6 @@ __metadata:
    underscore: ^1.13.1
    uuid: ^8.3.2
    winston: ^3.3.3
-    x2js: ^3.4.2
    xmldom-ts: ^0.3.1
    xpath-ts: ^1.3.13
  languageName: unknown
@@ -3162,6 +3181,17 @@ __metadata:
  languageName: node
  linkType: hard

+"fs-extra@npm:^10.0.0":
+  version: 10.0.0
+  resolution: "fs-extra@npm:10.0.0"
+  dependencies:
+    graceful-fs: ^4.2.0
+    jsonfile: ^6.0.1
+    universalify: ^2.0.0
+  checksum: 5285a3d8f34b917cf2b66af8c231a40c1623626e9d701a20051d3337be16c6d7cac94441c8b3732d47a92a2a027886ca93c69b6a4ae6aee3c89650d2a8880c0a
+  languageName: node
+  linkType: hard
+
 "fs-minipass@npm:^2.0.0":
  version: 2.1.0
  resolution: "fs-minipass@npm:2.1.0"
@@ -3362,7 +3392,7 @@ __metadata:
  languageName: node
  linkType: hard

-"graceful-fs@npm:^4.2.6":
+"graceful-fs@npm:^4.1.6, graceful-fs@npm:^4.2.0, graceful-fs@npm:^4.2.6":
  version: 4.2.8
  resolution: "graceful-fs@npm:4.2.8"
  checksum: 5d224c8969ad0581d551dfabdb06882706b31af2561bd5e2034b4097e67cc27d05232849b8643866585fd0a41c7af152950f8776f4dd5579e9853733f31461c6
@@ -4598,6 +4628,19 @@ __metadata:
  languageName: node
  linkType: hard

+"jsonfile@npm:^6.0.1":
+  version: 6.1.0
+  resolution: "jsonfile@npm:6.1.0"
+  dependencies:
+    graceful-fs: ^4.1.6
+    universalify: ^2.0.0
+  dependenciesMeta:
+    graceful-fs:
+      optional: true
+  checksum: 7af3b8e1ac8fe7f1eccc6263c6ca14e1966fcbc74b618d3c78a0a2075579487547b94f72b7a1114e844a1e15bb00d440e5d1720bfc4612d790a6f285d5ea8354
+  languageName: node
+  linkType: hard
+
 "keyv@npm:^3.0.0":
  version: 3.1.0
  resolution: "keyv@npm:3.1.0"
@@ -6685,6 +6728,15 @@ resolve@^1.20.0:
  languageName: node
  linkType: hard

+"tmp@npm:^0.2.1":
+  version: 0.2.1
+  resolution: "tmp@npm:0.2.1"
+  dependencies:
+    rimraf: ^3.0.0
+  checksum: 8b1214654182575124498c87ca986ac53dc76ff36e8f0e0b67139a8d221eaecfdec108c0e6ec54d76f49f1f72ab9325500b246f562b926f85bcdfca8bf35df9e
+  languageName: node
+  linkType: hard
+
 "tmpl@npm:1.0.x":
  version: 1.0.4
  resolution: "tmpl@npm:1.0.4"
@@ -6992,6 +7044,13 @@ typescript@^4.4.2:
  languageName: node
  linkType: hard

+"universalify@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "universalify@npm:2.0.0"
+  checksum: 2406a4edf4a8830aa6813278bab1f953a8e40f2f63a37873ffa9a3bc8f9745d06cc8e88f3572cb899b7e509013f7f6fcc3e37e8a6d914167a5381d8440518c44
+  languageName: node
+  linkType: hard
+
 "unpipe@npm:1.0.0, unpipe@npm:~1.0.0":
  version: 1.0.0
  resolution: "unpipe@npm:1.0.0"
@@ -7260,15 +7319,6 @@ typescript@^4.4.2:
  languageName: node
  linkType: hard

-"x2js@npm:^3.4.2":
-  version: 3.4.2
-  resolution: "x2js@npm:3.4.2"
-  dependencies:
-    "@xmldom/xmldom": ^0.7.4
-  checksum: 4a77f684b312492f42265aad88c849347831fe17c7c43c66b2f45f3742bd008221c80d0c6875d2a14d63ebcb833130086d7c0d0103674c68c41a9e222e9c05d2
-  languageName: node
-  linkType: hard
-
 "xdg-basedir@npm:^4.0.0":
  version: 4.0.0
  resolution: "xdg-basedir@npm:4.0.0"
Author	SHA1	Message	Date
simojenki	c1010df803	Update README	2021-10-08 11:48:56 +11:00
Simon J	cc95beb4f2	Ability to see TopRated/starred albums (#63 )	2021-10-08 00:08:32 +11:00
simojenki	6116975d7a	Fix issue fetching public resources from web container when running out of docker	2021-10-07 19:57:21 +11:00
Simon J	8f3d2bddf7	Ability to heart and star tracks whilst playing Ability to heart and star tracks whilst playing	2021-10-07 15:57:09 +11:00
simojenki	a02b8c1ecd	Re-enable tests removed with .only	2021-10-03 18:49:16 +11:00
simojenki	effb02f46e	Removed http://moapi.sonos.com/Test/TestService.php from sonos wsdl as causes noise in logs	2021-10-03 18:47:26 +11:00
Simon J	d7a7747fab	Ability to cache subsonic artist images locally on disk (#61 )	2021-10-03 16:36:50 +11:00
simojenki	da1860d556	Update README	2021-09-30 19:01:45 +10:00
Simon J	b6ba9c5a52	Use bat query param rather than header when streaming as headers not passed in HEAD requests from sonos. Improve handling of failures when fetching coverArt to return undefined rather than throwing exception (#59 )	2021-09-30 12:19:43 +10:00
simojenki	fbb621c7c4	Add additional debug logging around /stream endpoint	2021-09-30 10:30:49 +10:00
Simon J	1cf7453908	Awaiting responses in setPlayedSeconds (#58 )	2021-09-27 21:12:53 +10:00
Simon J	c312778e13	Marking nowPlaying in smapi setPlayedSeconds handler so does not mark when sonos pre-caches a track (#57 )	2021-09-27 19:13:47 +10:00
Simon J	36d0023a1e	Migrate Navidrome support to generic subsonic clone support (#55 ) Renaming BONOB_* env vars to BNB_*	2021-09-27 14:03:14 +10:00
simojenki	c60d2e7745	Fix build error	2021-09-21 11:41:14 +10:00
simojenki	0bc2d39a37	Disabled sonos should return false for all mutations	2021-09-21 11:15:51 +10:00
simojenki	a0043668d2	Update README:	2021-09-21 11:05:24 +10:00
simojenki	9b00c96aa0	Update README	2021-09-21 11:04:26 +10:00
Simon J	d508eaebcf	Change ND genre ids to b64 encoded strings of genre, so as to differentiate between genre name and id (#54 )	2021-09-21 10:53:02 +10:00
Simon J	be4fcdff24	Support for register using a seed host (#51 )	2021-09-12 15:34:09 +10:00