@dpgradio/creative 5.0.3 → 5.0.4

package/README.md

@@ -225,8 +225,10 @@ const image = new ImageGeneratorProperties('https://static.qmusic.be/acties/joe-
 
 This package provides a number of utility functions.
 
-| Function                        | Description                                                   |
-| ------------------------------- | -----------                                                   |
-| `loadScript(url, { timeout })`  | Dynammically loads a JS script.                               |
-| `openLink(url)`                 | App-compatible link opener.                                   |
-| `tap(value, callback)`          | Invokes `callback` with the `value` and then returns `value`. |
+| Function                        | Description                                                                              |
+| ------------------------------- | ---------------------------------------------------------------------------------------- |
+| `loadScript(url, { timeout })`  | Dynammically loads a JS script.                                                          |
+| `openLink(url)`                 | App-compatible link opener.                                                              |
+| `tap(value, callback)`          | Invokes `callback` with the `value` and then returns `value`.                            |
+| `cdnImageUrl(endpoint[, size])` | Get a full image URL for an endpoint in a given size (`w480`, `w800`, `w1200`, `w2400`). |
+| `cdnUrl(endpoint)`              | Get a full CDN URL for a given endpoint.                                                 |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dpgradio/creative",
-  "version": "5.0.3",
+  "version": "5.0.4",
   "description": "Support package for standalone Javascript applications",
   "main": "src/index.js",
   "scripts": {

package/src/api/api.js

@@ -17,6 +17,11 @@ export class Api {
 
     this.requestModifiers = []
 
+    this.errorHandlers = []
+
+    this.apiKey = null
+    this.radioToken = null
+
     // Endpoints
     this.channels = new Channels(this)
     this.config = new Config(this)
@@ -29,18 +34,23 @@ export class Api {
   }
 
   request() {
-    return tap(new Request(this.baseUrl, this.version), (request) => {
-      this.requestModifiers.forEach((modifier) => modifier(request))
+    const modifiers = [...this.requestModifiers]
+
+    this.apiKey && modifiers.push((request) => request.withQueryParameters({ api_key: this.apiKey }))
+    this.radioToken && modifiers.push((request) => request.withHeader('Authorization', `Bearer ${this.radioToken}`))
+
+    return tap(new Request(this.baseUrl, this.version, this.errorHandlers), (request) => {
+      modifiers.forEach((modifier) => modifier(request))
     })
   }
 
   setApiKey(apiKey) {
-    this.requestModifiers.push((request) => request.withQueryParameters({ api_key: apiKey }))
+    this.apiKey = apiKey
     return this
   }
 
   setRadioToken(token) {
-    this.requestModifiers.push((request) => request.withHeader('Authorization', `Bearer ${token}`))
+    this.radioToken = token
     return this
   }
 
@@ -52,9 +62,15 @@ export class Api {
     return tap(this.clone(), (api) => (api.baseUrlOverride = GLOBAL_API_URL))
   }
 
+  addErrorHandler(handler) {
+    this.errorHandlers.push(handler)
+    return this
+  }
+
   clone() {
     return tap(new Api(this.baseUrlOverride, this.version), (api) => {
       api.requestModifiers = this.requestModifiers
+      api.errorHandlers = this.errorHandlers
     })
   }
 }

package/src/api/request.js

@@ -1,9 +1,10 @@
 import tap from '../utils/tap.js'
 
 export default class Request {
-  constructor(baseUrl, version) {
+  constructor(baseUrl, version, errorHandlers = []) {
     this.baseUrl = baseUrl
     this.version = version
+    this.errorHandlers = errorHandlers
     this.queryParameters = {}
     this.data = null
     this.headers = {}
@@ -75,6 +76,8 @@ export default class Request {
     })
 
     if (!response.ok) {
+      this.errorHandlers.forEach((handler) => handler({ response }))
+
       throw new Error(
         `API request (${method} ${url}) failed: [${response.status}] ${response.statusText}\n\n` +
           `RESPONSE\n--------\n${await response.text()}`