fetchbasequery 0.0.2 → 0.1.0

package/README.md

@@ -2,8 +2,21 @@
 
 Library for easily make HTTP queries without mass of boilerplate code.
 
-Usage
------
+## Installation
+
+NPM:
+
+```sh
+npm install fetchbasequery
+```
+
+PNPM:
+
+```sh
+pnpm add fetchbasequery
+```
+
+## Usage
 
 Build base query function:
 
@@ -11,14 +24,21 @@ Build base query function:
 import fetchBaseQuery, { baseQuery, encodeBody, accessToken, jsonReply, commonReply } from 'fetchbasequery'
 
 const query = fetchBaseQuery({
+    // main options ...
     baseUrl: 'https://api.example.org/v1'
     baseQuery,
     logErrors: true,
+    // add some defaults for `fetch()` ...
+    mode: 'cors',
+    credentials: 'include',
+    cache: 'reload',
+    // middlewares
     middleware: [
         encodeBody(),
         accessToken({
             getAccessToken: () => localStorage.getItem('access_token'),
             setAccessToken: (token) => localStorage.setItem('access_token', token),
+            removeAccessToken: (token) => localStorage.removeItem('access_token'),
             getUpdatedAccessToken: async (response) => response.headers.get('X-Access-Token')
         }),
         jsonReply(),
@@ -54,3 +74,7 @@ addEventListener('fetch', evt => {
 It works fine both on frontend and backend sides. For backend side usage Node.js v18+ is required,
 because the middleware `baseQuery` based on `Fetch API`. But it can be replaced with your own
 implementation based on another API (e.g. based on `axios` etc).
+
+## License
+
+MIT

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fetchbasequery",
-  "version": "0.0.2",
+  "version": "0.1.0",
   "description": "Library for easily make HTTP queries without mass of boilerplate code.",
   "type": "module",
   "main": "src/fetchBaseQuery.js",

package/src/baseQuery.js

@@ -16,12 +16,6 @@ export default async ({ url: endpoint, request: subject, ...options } = {}) => {
             : undefined,
         ...options
     }
-    // default options for `fetch()`
-    const defaultFetchOptions = {
-        method: 'GET',
-        cache: 'reload',
-        credentials: 'include',
-    }
     // extract options which are known by `fetch()`
     const { method, headers, body, mode, credentials, cache, redirect,
         referrer, referrerPolicy, integrity, keepalive, signal } = restOptions
@@ -51,10 +45,10 @@ export default async ({ url: endpoint, request: subject, ...options } = {}) => {
             }
             subject = url
         }
-        request = new Request(subject, {
-            ...defaultFetchOptions,
-            ...fetchOptions
-        })
+        request = new Request(subject, fetchOptions)
+        if (debug?.baseQuery) {
+            console.log(moduleName, { request })
+        }
         response = await fetch(request)
     } catch (error) {
         if (logErrors) {
@@ -63,7 +57,7 @@ export default async ({ url: endpoint, request: subject, ...options } = {}) => {
         response = responseFromError(error)
     }
     if (debug?.baseQuery) {
-        console.log(moduleName, response)
+        console.log(moduleName, { response })
     }
     return response
 }

package/src/middlewares/accessToken.js

@@ -7,12 +7,14 @@ export default (settings = {}) => query => async ({ payload, headers, ...options
     const {
         getAccessToken,
         setAccessToken,
+        removeAccessToken,
         isUnauthorized,
         getUpdatedAccessToken,
         getAuthorizationHeaders
     } = {
         getAccessToken: (payload) => undefined,
         setAccessToken: (token) => {},
+        removeAccessToken: () => {},
         isUnauthorized: (response) => response.status === 401,
         getUpdatedAccessToken: async (response) => undefined,
         getAuthorizationHeaders: (accessToken) => (
@@ -39,7 +41,7 @@ export default (settings = {}) => query => async ({ payload, headers, ...options
     }
     try {
         if (isUnauthorized(response)) {
-            setAccessToken(null) // special case to remove access token from storage
+            removeAccessToken()
         } else {
             const updatedAccessToken = await getUpdatedAccessToken(response)
             if (updatedAccessToken) {
@@ -53,7 +55,7 @@ export default (settings = {}) => query => async ({ payload, headers, ...options
         response = responseFromError(error)
     }
     if (options.debug?.accessToken) {
-        console.log(moduleName, response)
+        console.log(moduleName, { response })
     }
     return response
 }

package/src/middlewares/commonReply.js

@@ -17,7 +17,7 @@ export default () => query => async (options) => {
         reply = { status, headers }
     }
     if (options.debug?.commonReply) {
-        console.log(moduleName, reply)
+        console.log(moduleName, { reply })
     }
     return reply
 }

package/src/middlewares/encodeBody.js

@@ -76,7 +76,7 @@ export default (settings = {}) => (query) => async ({ body, headers, ...options
         response = responseFromError(error)
     }
     if (options.debug?.encodeBody) {
-        console.log(moduleName, response)
+        console.log(moduleName, { response })
     }
     return response
 }

package/src/middlewares/jsonReply.js

@@ -29,7 +29,7 @@ export default (settings = {}) => query => async (options = {}) => {
         }
     }
     if (options.debug?.jsonReply) {
-        console.log(moduleName, reply)
+        console.log(moduleName, { reply })
     }
     return reply
 }