@dpgradio/creative 7.0.2 → 7.0.4

package/package.json

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

package/src/app/authentication.js

@@ -0,0 +1,96 @@
+import api from '../api/api.js'
+import hybrid from './hybrid.js'
+import { onLocalStorageChange } from '../utils/onLocalStorageChange.js'
+
+export const RADIO_TOKEN_LOCAL_STORAGE_KEY = 'radio-auth-token'
+
+class Authentication {
+  constructor() {
+    this.radioToken = null
+    this.askingForLogin = false
+
+    this.radioTokenListeners = []
+    this.askingForLoginListeners = []
+  }
+
+  initialize() {
+    hybrid.appLoaded().then((radioToken) => {
+      if (radioToken) {
+        this.setToken(radioToken)
+      }
+    })
+    hybrid.on('authenticated', ({ radioToken }) => this.setToken(radioToken))
+    onLocalStorageChange(RADIO_TOKEN_LOCAL_STORAGE_KEY, (token) => this.setToken(token), true)
+  }
+
+  markAskingForLogin(state) {
+    this.askingForLogin = state
+    this.askingForLoginListeners.forEach((listener) => listener(state))
+  }
+
+  setToken(token) {
+    this.radioToken = token
+
+    api.setRadioToken(token)
+
+    if (token) {
+      this.markAskingForLogin(false)
+    }
+
+    this.radioTokenListeners.forEach((listener) => listener(token))
+  }
+
+  askForLogin() {
+    this.markAskingForLogin(true)
+
+    if (import.meta?.env?.DEV) {
+      this.setToken(prompt('[DEVELOPMENT] Please enter your radio token:'))
+    } else if (hybrid.isNativeApp()) {
+      hybrid.call('showAuthentication', { tier: 'light' })
+    } else {
+      window.location.href = '/login'
+    }
+  }
+
+  /**
+   * Ensure that the user is authenticated by awaiting this method.
+   *
+   * Example usage:
+   *
+   * ```js
+   * await authentication.require()
+   * like(track)
+   * ```
+   **/
+  require() {
+    if (this.radioToken) {
+      return Promise.resolve()
+    }
+
+    return new Promise((resolve, reject) => {
+      const onCompletion = () => (this.radioToken ? resolve() : reject('There is no authenticated user.'))
+      this.onRadioTokenChange(onCompletion)
+      this.askingForLoginListeners.push(onCompletion)
+
+      this.askForLogin()
+    })
+  }
+
+  isLoggedIn() {
+    return !!this.radioToken
+  }
+
+  onRadioTokenChange(listener) {
+    this.radioTokenListeners.push(listener)
+  }
+
+  onLogin(listener) {
+    this.onRadioTokenChange(() => {
+      if (this.radioToken) {
+        listener()
+      }
+    })
+  }
+}
+
+export default new Authentication()

package/src/index.js

@@ -9,6 +9,8 @@ export { default as configuration, config } from './config/config.js'
 
 export { default as api } from './api/api.js'
 
+export { default as authentication } from './app/authentication.js'
+
 export { default as loadScript } from './utils/loadScript.js'
 export { default as openLink } from './utils/openLink.js'
 export { default as tap } from './utils/tap.js'