Add an alternative HTTP Fetcher that wraps jquery instead of using fetch()

Author: andreassolberg

README.md

@@ -188,7 +188,30 @@ client.getToken({
 })
 ```
 
-## Sending passive OpenID Connect authentication requests using hidden iframes (Advanced)
+
+The `FetcherJQuery` is an alternative interface that uses `jQuery.ajax()` instead of `fetch()`. Consider the `FetcherJQuery` *beta*.
+
+Notice that this class takes the jQuery object as a second argument to the constructor. The fetch options argument is provided as options to `jQuery.ajax()`.
+
+The `fetch()` function returns a Promise that resolves the response data.
+
+```javascript
+
+// Initialization
+let f = new FetcherJQuery(client, $)
+let url = 'https://some-api.httpjs.net/rest/me'
+f.fetch(url, {})
+	.then((data) => {
+		console.log("I got protected json data from the API", data)
+	})
+	.catch((err) => {
+		console.error("Error from fetcher", err)
+	})
+```
+
+
+
+## Sending passive OpenID Connect authentication requests using hidden iFrames (Advanced)
 
 If your OpenID Connect provider support passive requests and the enduser is already authenticated with single sign-on, you may obtain an authenticated state using a hidden iframe without redirecting the user at all.
 

src/HTTP/Fetcher.js

@@ -1,7 +1,5 @@
 
-class TokenExpiredException extends Error {
-
-}
+import ExpiredTokenError from '../errors/ExpiredTokenError'
 
 export default class Fetcher {
 	constructor(jso) {
@@ -12,7 +10,7 @@ export default class Fetcher {
     return fetch(url, opts)
       .then((response) => {
         if (response.status === 401) {
-          throw new TokenExpiredException()
+          throw new ExpiredTokenError()
         }
         return response
       })
@@ -48,7 +46,7 @@ export default class Fetcher {
         fetchOpts.headers.Authorization = 'Bearer ' + token.access_token
         return this._fetch(url, fetchOpts)
           .catch((err) => {
-            if (err instanceof TokenExpiredException) {
+            if (err instanceof ExpiredTokenError) {
               console.error("Token was expired. Deleting all tokens for this provider and get a new one", err)
               this.jso.wipeTokens()
               return this.fetch(url, opts, reccur+1)

src/HTTP/FetcherJQuery.js

@@ -0,0 +1,70 @@
+import ExpiredTokenError from '../errors/ExpiredTokenError'
+
+export default class FetcherJQuery {
+	constructor(jso, jquery) {
+    this.jso = jso
+    this.jquery = jquery
+	}
+
+  _fetch(url, opts) {
+
+    return new Promise((resolve, reject) => {
+
+      opts.done = resolve
+      opts.fail = (jqXHR, textStatus, errorThrown) => {
+        let status = parseInt(textStatus, 10)
+        if (status === 401) {
+          this.jso.wipeTokens()
+          return reject(new ExpiredTokenError())
+        }
+        return reject(errorThrown)
+      }
+      return this.jquery.ajax(url, opts)
+
+    })
+
+  }
+
+	fetch(url, opts, reccur) {
+    reccur = reccur ? reccur : 0
+    if (reccur > 2) {
+      throw new Error("Reccursion error. Expired tokens deleted and tried again multiple times.")
+    }
+    let getTokenOpts = {}
+    let fetchOpts = {
+      'mode': 'cors'
+    }
+    if (opts) {
+      fetchOpts = opts
+      Object.assign(fetchOpts, opts)
+    }
+    if (opts && opts.jso) {
+      Object.assign(getTokenOpts, opts.jso)
+    }
+
+    return this.jso.getToken(getTokenOpts)
+      .catch((err) => {
+        console.error("Error fetching token to use ", err)
+      })
+      .then((token) => {
+      	// console.log("I got the token: ", token.access_token)
+
+        if (!fetchOpts.headers) {
+          fetchOpts.headers = {}
+        }
+        fetchOpts.headers.Authorization = 'Bearer ' + token.access_token
+        return this._fetch(url, fetchOpts)
+          .catch((err) => {
+            if (err instanceof ExpiredTokenError) {
+              console.error("Token was expired. Deleting all tokens for this provider and get a new one", err)
+              this.jso.wipeTokens()
+              return this.fetch(url, opts, reccur+1)
+            }
+          })
+
+      })
+	}
+
+
+
+}

src/JSO.js

@@ -23,6 +23,7 @@ import IFramePassive from './Loaders/IFramePassive'
 import Popup from './Loaders/Popup'
 
 import Fetcher from './HTTP/Fetcher'
+import FetcherJQuery from './HTTP/FetcherJQuery'
 
 // import ExpiredTokenError from './errors/ExpiredTokenError'
 // import HTTPError from './errors/HTTPError'
@@ -435,4 +436,4 @@ class JSO extends EventEmitter {
 
 // Object.assign(JSO.prototype, new EventEmitter({}))
 
-export {JSO, BasicLoader, HTTPRedirect, Popup, IFramePassive, Fetcher}
+export {JSO, BasicLoader, HTTPRedirect, Popup, IFramePassive, Fetcher, FetcherJQuery}