fch 6.0.0 → 6.0.1

package/index.d.ts

@@ -5,12 +5,6 @@ type Store = {
     has?: (key: string) => Promise<boolean>;
     clear?: () => Promise<any>;
 };
-type Cache = boolean | number | string | Store | {
-    expire?: number | string;
-    store?: Store;
-    shouldCache?: (request: any) => boolean;
-    createKey?: (request: any) => string;
-};
 type Headers = {
     [name: string]: string;
 };
@@ -28,7 +22,7 @@ type Options = {
     headers?: Headers;
     baseUrl?: string;
     baseURL?: string;
-    cache?: Cache;
+    cache?: Store;
     output?: string;
     credentials?: string;
     before?: (req: any) => any;
@@ -63,7 +57,7 @@ interface FchInstance {
     headers: Headers;
     baseUrl: string | null;
     baseURL: string | null;
-    cache: any;
+    cache: Store | null;
     output: string;
     credentials: string;
     before?: (req: any) => any;

package/index.min.js

@@ -1 +1 @@
-var z=async(i)=>(i=await i,Array.isArray(i)?await Promise.all(i.map(z)):i),Y=(i,n)=>(...x)=>((w)=>w instanceof RegExp?w.test.bind(w):w)(i).call(n,...x),T=(i,n)=>async(x,w,m)=>({value:x,extra:await Y(i,n)(x,w,m)}),D=({extra:i})=>i,K=({value:i})=>i,Q={every:async(i,n,x)=>{for(let w=0;w<i.length;w++)if(!await Y(n,x)(i[w],w,i))return!1;return!0},filter:async(i,n,x)=>(await z(i.map(T(n,x)))).filter(D).map(K),find:async(i,n,x)=>{for(let w=0;w<i.length;w++)if(await Y(n,x)(i[w],w,i))return i[w]},findIndex:async(i,n,x)=>{for(let w=0;w<i.length;w++)if(await Y(n,x)(i[w],w,i))return w;return-1},forEach:async(i,n,x)=>(await z(i.map(T(n,x))),i),reduce:async(i,n,x)=>{let w=x!==void 0;w||(x=i[0]);for(let m=w?0:1;m<i.length;m++)x=await Y(n)(x,i[m],m,i);return x},reduceRight:async(i,n,x)=>{let w=x!==void 0;w||(x=i[i.length-1]);for(let m=i.length-(w?1:2);m>=0;m--)x=await Y(n)(x,i[m],m,i);return x},some:async(i,n,x)=>{for(let w=0;w<i.length;w++)if(await Y(n,x)(i[w],w,i))return!0;return!1}},V=(i,n)=>(x,w)=>w==="then"?(...m)=>z(i).then(...m):w==="catch"?(...m)=>G(z(i).catch(...m)):E(z(i).then((m)=>typeof w=="symbol"?m[w]:(w in n)?E((...P)=>n[w](m,...P),n):typeof m=="number"&&(w in n.number)?E((...P)=>n.number[w](m,...P),n):typeof m=="string"&&(w in n.string)?E((...P)=>n.string[w](m,...P),n):Array.isArray(m)&&(w in n.array)?E((...P)=>n.array[w](m,...P),n):m[w]&&m[w].bind?E(m[w].bind(m),n):E(m[w],n)),n),F=(i,n)=>(x,w,m)=>E(z(i).then((P)=>{return typeof P!="function"?(g=`You tried to call "${JSON.stringify(P)}" (${typeof P}) as a function, but it is not.`,Promise.reject(Error(g))):P(...m);var g}),n),E=(i,n)=>new Proxy(()=>{},{get:V(i,n),apply:F(i,n)});function G(i,{number:n,string:x,array:w,...m}={}){return typeof i=="function"?(...P)=>G(Promise.all(P).then((g)=>i(...g)),{number:n,string:x,array:w,...m}):new Proxy({},{get:V(i,{number:{...n},string:{...x},array:{...Q,...w},...m})})}var H=(i)=>{if(!i)return!1;if(i instanceof FormData)return!1;if(typeof(i.pipe||i.pipeTo)==="function")return!1;return typeof i==="object"||Array.isArray(i)},J=(i)=>{if(typeof i!=="object")return i;for(let n in i)if(i[n]===void 0)delete i[n];return i};class X extends Error{response;constructor(i){let n="Error "+i.status;super(n);this.response=i,this.message=n}}var R=(i,n,x)=>{let[w,m=""]=i.split("?"),P=new URLSearchParams(Object.fromEntries([...new URLSearchParams(J(n)),...new URLSearchParams(J(m))])).toString();if(P)w=w+"?"+P;if(!x)return w;return new URL(w.replace(/^\//,""),x).href},B=(i)=>{let n={};for(let[x,w]of Object.entries(i))n[x.toLowerCase()]=w;return n},Z=async(i)=>{let n=i.headers.get("content-type"),x=n&&n.includes("application/json"),w=await i.clone().text();return x?JSON.parse(w):w},_=async(i)=>{let n={status:i.status,statusText:i.statusText,headers:{},body:void 0};if(i.headers.forEach((x,w)=>{n.headers[w.toLowerCase()]=x}),!i.ok)throw new X(i);return n.body=await Z(i),n},W=(i,{ref:n,after:x,error:w,output:m})=>{return fetch(i.url,i).then(async(P)=>{if(n.res=P,P.ok&&m==="stream")return P.body;if(P.ok&&P[m]&&typeof P[m]==="function")return P[m]();let g=x(await _(P));if(m==="body")return g.body;else if(m==="response")return g;else if(m==="raw")return P.clone();else throw Error(`Invalid option output="${m}"`)}).catch(w)},C=(i)=>i.method==="get",U=(i)=>i.method+":"+i.url,y=(i)=>{let n={store:i??null,shouldCache:C,createKey:U,clear:()=>Promise.resolve(n.store).then((x)=>x?.clear?x.clear():Promise.resolve())};return n};function L(i={}){let n={},x={},m=G(async(P="/",g={})=>{let{output:v,before:M,after:O,error:S,cache:j,...A}={...m,...g},N={...m.cache};if(A.url=R(P,{...m.query,...g.query},A.baseUrl??A.baseURL),A.method=A.method.toLowerCase()||"GET",A.headers=B({...m.headers,...g.headers}),typeof SubmitEvent<"u"&&A.body instanceof SubmitEvent)A.body=new FormData(A.body.target);if(typeof HTMLFormElement<"u"&&A.body instanceof HTMLFormElement)A.body=new FormData(A.body);if(H(A.body))A.body=JSON.stringify(J(A.body)),A.headers["content-type"]="application/json";if(A=M?M(A):A,N.shouldCache(A)&&N.store){let $=N.createKey(A);if(await N.store.has($))return N.store.get($);if(n[$])return n[$];let I;try{n[$]=W(A,{ref:x,cache:N,output:v,error:S,after:O}),I=await n[$]}finally{delete n[$]}return await N.store.set($,I),I}return W(A,{ref:x,output:v,error:S,after:O})},{text:()=>x.res.clone().text(),json:()=>x.res.clone().json(),blob:()=>x.res.clone().blob(),stream:()=>x.res.clone().body,arrayBuffer:()=>x.res.clone().arrayBuffer(),formData:()=>x.res.clone().formData(),body:()=>Z(x.res.clone()),clone:()=>x.res.clone(),raw:()=>x.res.clone(),response:()=>_(x.res.clone())});return m.url=i.url??"/",m.method=i.method??"get",m.query=i.query??{},m.headers=i.headers??{},m.baseUrl=i.baseUrl??i.baseURL??null,m.baseURL=i.baseUrl??i.baseURL??null,m.cache=y(i.cache),m.output=i.output??"body",m.credentials=i.credentials??"include",m.before=i.before??((P)=>P),m.after=i.after??((P)=>P),m.error=i.error??((P)=>Promise.reject(P)),m.get=(P,g)=>m(P,{method:"get",...g}),m.head=(P,g)=>m(P,{method:"head",...g}),m.post=(P,g,v)=>m(P,{method:"post",body:g,...v}),m.patch=(P,g,v)=>m(P,{method:"patch",body:g,...v}),m.put=(P,g,v)=>m(P,{method:"put",body:g,...v}),m.delete=(P,g)=>m(P,{method:"delete",...g}),m.del=m.delete,m.create=L,m}if(typeof window<"u")window.fch=L();var b=L();export{b as default,L as create};
+var S=async(i)=>(i=await i,Array.isArray(i)?await Promise.all(i.map(S)):i),N=(i,w)=>(...x)=>((n)=>n instanceof RegExp?n.test.bind(n):n)(i).call(w,...x),O=(i,w)=>async(x,n,m)=>({value:x,extra:await N(i,w)(x,n,m)}),_=({extra:i})=>i,D=({value:i})=>i,Q={every:async(i,w,x)=>{for(let n=0;n<i.length;n++)if(!await N(w,x)(i[n],n,i))return!1;return!0},filter:async(i,w,x)=>(await S(i.map(O(w,x)))).filter(_).map(D),find:async(i,w,x)=>{for(let n=0;n<i.length;n++)if(await N(w,x)(i[n],n,i))return i[n]},findIndex:async(i,w,x)=>{for(let n=0;n<i.length;n++)if(await N(w,x)(i[n],n,i))return n;return-1},forEach:async(i,w,x)=>(await S(i.map(O(w,x))),i),reduce:async(i,w,x)=>{let n=x!==void 0;n||(x=i[0]);for(let m=n?0:1;m<i.length;m++)x=await N(w)(x,i[m],m,i);return x},reduceRight:async(i,w,x)=>{let n=x!==void 0;n||(x=i[i.length-1]);for(let m=i.length-(n?1:2);m>=0;m--)x=await N(w)(x,i[m],m,i);return x},some:async(i,w,x)=>{for(let n=0;n<i.length;n++)if(await N(w,x)(i[n],n,i))return!0;return!1}},T=(i,w)=>(x,n)=>n==="then"?(...m)=>S(i).then(...m):n==="catch"?(...m)=>Y(S(i).catch(...m)):v(S(i).then((m)=>typeof n=="symbol"?m[n]:(n in w)?v((...P)=>w[n](m,...P),w):typeof m=="number"&&(n in w.number)?v((...P)=>w.number[n](m,...P),w):typeof m=="string"&&(n in w.string)?v((...P)=>w.string[n](m,...P),w):Array.isArray(m)&&(n in w.array)?v((...P)=>w.array[n](m,...P),w):m[n]&&m[n].bind?v(m[n].bind(m),w):v(m[n],w)),w),F=(i,w)=>(x,n,m)=>v(S(i).then((P)=>{return typeof P!="function"?(g=`You tried to call "${JSON.stringify(P)}" (${typeof P}) as a function, but it is not.`,Promise.reject(Error(g))):P(...m);var g}),w),v=(i,w)=>new Proxy(()=>{},{get:T(i,w),apply:F(i,w)});function Y(i,{number:w,string:x,array:n,...m}={}){return typeof i=="function"?(...P)=>Y(Promise.all(P).then((g)=>i(...g)),{number:w,string:x,array:n,...m}):new Proxy({},{get:T(i,{number:{...w},string:{...x},array:{...Q,...n},...m})})}var H=(i)=>{if(!i)return!1;if(i instanceof FormData)return!1;if(typeof(i.pipe||i.pipeTo)==="function")return!1;return typeof i==="object"||Array.isArray(i)},G=(i)=>{if(typeof i!=="object")return i;for(let w in i)if(i[w]===void 0)delete i[w];return i};class W extends Error{response;constructor(i){let w="Error "+i.status;super(w);this.response=i,this.message=w}}var R=(i,w,x)=>{let[n,m=""]=i.split("?"),P=new URLSearchParams(Object.fromEntries([...new URLSearchParams(G(w)),...new URLSearchParams(G(m))])).toString();if(P)n=n+"?"+P;if(!x)return n;return new URL(n.replace(/^\//,""),x).href},B=(i)=>{let w={};for(let[x,n]of Object.entries(i))w[x.toLowerCase()]=n;return w},X=async(i)=>{let w=i.headers.get("content-type"),x=w&&w.includes("application/json"),n=await i.clone().text();return x?JSON.parse(n):n},Z=async(i)=>{let w={status:i.status,statusText:i.statusText,headers:{},body:void 0};if(i.headers.forEach((x,n)=>{w.headers[n.toLowerCase()]=x}),!i.ok)throw new W(i);return w.body=await X(i),w},V=(i,{ref:w,after:x,error:n,output:m})=>{return fetch(i.url,i).then(async(P)=>{if(w.res=P,P.ok&&m==="stream")return P.body;if(P.ok&&P[m]&&typeof P[m]==="function")return P[m]();let g=x(await Z(P));if(m==="body")return g.body;else if(m==="response")return g;else if(m==="raw")return P.clone();else throw Error(`Invalid option output="${m}"`)}).catch(n)};function I(i={}){let w={},x={},m=Y(async(P="/",g={})=>{let{output:$,before:J,after:K,error:L,cache:z,...A}={...m,...g};if(A.url=R(P,{...m.query,...g.query},A.baseUrl??A.baseURL),A.method=(A.method||"get").toLowerCase(),A.headers=B({...m.headers,...g.headers}),typeof SubmitEvent<"u"&&A.body instanceof SubmitEvent||typeof HTMLFormElement<"u"&&A.body instanceof HTMLFormElement)A.body=new FormData(A.body);if(H(A.body))A.body=JSON.stringify(G(A.body)),A.headers["content-type"]="application/json";if(A=J?J(A):A,!z||A.method!=="get")return V(A,{ref:x,output:$,error:L,after:K});let E=A.method+":"+A.url,M=await z.get(E);if(M)return M;if(w[E])return w[E];let C;try{w[E]=V(A,{ref:x,output:$,error:L,after:K}),C=await w[E]}finally{delete w[E]}return await z.set(E,C),C},{text:()=>x.res.clone().text(),json:()=>x.res.clone().json(),blob:()=>x.res.clone().blob(),stream:()=>x.res.clone().body,arrayBuffer:()=>x.res.clone().arrayBuffer(),formData:()=>x.res.clone().formData(),body:()=>X(x.res.clone()),clone:()=>x.res.clone(),raw:()=>x.res.clone(),response:()=>Z(x.res.clone())});return m.url=i.url??"/",m.method=i.method??"get",m.query=i.query??{},m.headers=i.headers??{},m.baseUrl=i.baseUrl??i.baseURL??null,m.baseURL=i.baseUrl??i.baseURL??null,m.cache=i.cache??null,m.output=i.output??"body",m.credentials=i.credentials??"include",m.before=i.before??((P)=>P),m.after=i.after??((P)=>P),m.error=i.error??((P)=>Promise.reject(P)),m.get=(P,g)=>m(P,{method:"get",...g}),m.head=(P,g)=>m(P,{method:"head",...g}),m.post=(P,g,$)=>m(P,{method:"post",body:g,...$}),m.patch=(P,g,$)=>m(P,{method:"patch",body:g,...$}),m.put=(P,g,$)=>m(P,{method:"put",body:g,...$}),m.delete=(P,g)=>m(P,{method:"delete",...g}),m.del=m.delete,m.create=I,m}if(typeof window<"u")window.fch=I();var j=I();export{j as default,I as create};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fch",
-  "version": "6.0.0",
+  "version": "6.0.1",
   "description": "Fetch interface with better promises, deduplication, defaults, etc.",
   "homepage": "https://github.com/franciscop/fetch",
   "repository": "https://github.com/franciscop/fetch.git",

package/readme.md

@@ -1,4 +1,4 @@
-# Fch [![npm install fch](https://img.shields.io/badge/npm%20install-fch-blue.svg)](https://www.npmjs.com/package/fch) [![test badge](https://github.com/franciscop/fetch/workflows/tests/badge.svg "test badge")](https://github.com/franciscop/fetch/blob/master/.github/workflows/tests.yml) [![gzip size](https://img.badgesize.io/franciscop/fetch/master/index.min.js.svg?compression=gzip)](https://github.com/franciscop/fetch/blob/master/index.min.js)
+# Fch [![npm install fch](https://img.shields.io/badge/npm%20install-fch-blue.svg)](https://www.npmjs.com/package/fch) [![test badge](https://github.com/franciscop/fetch/workflows/tests/badge.svg "test badge")](https://github.com/franciscop/fetch/actions) [![gzip size](https://img.badgesize.io/franciscop/fetch/master/index.min.js.svg?compression=gzip)](https://bundlephobia.com/package/fch)
 
 A tiny library to make API calls easier. Similar to Axios, but tiny size and simpler API:
 
@@ -17,7 +17,7 @@ await api.patch("/pokemon/150", { type: "psychic" });
 - Create instances with shared options across requests.
 - Configurable **cache** that works in-memory, with redis, or others.
 - Automatically encode and decode JSON bodies.
-- Await/Async Promises; `>= 400 and <= 100` will throw an error.
+- Await/Async Promises; non-OK responses (status < 200 or >= 300) will throw an error.
 - Credentials: "include" by default
 - Interceptors: `before` the request, `after` the response and catch with `error`.
 - Designed for both Node.js and the browser through its extensible cache system.
@@ -156,9 +156,9 @@ It can be either absolute or relative, in which case it'll use the local one in
 
 ```js
 import api from "fch";
-api.baseUrl = "https//api.filemon.io/";
+api.baseUrl = "https://api.filemon.io/";
 api.get("/hello");
-// Called https//api.filemon.io/hello
+// Called https://api.filemon.io/hello
 ```
 
 > Note: with Node.js you need to either set an absolute baseUrl or make the URL absolute
@@ -170,10 +170,10 @@ api.get("/hello");
 The `body` can be a string, a plain object|array, a FormData instance, a ReadableStream, a SubmitEvent or a HTMLFormElement. If it's a plain array or object, it'll be stringified and the header `application/json` will be added:
 
 ```js
-import api from "api";
+import fch from "fch";
 
 // Sending plain text
-await api.post("/houses", "plain text");
+await fch.post("/houses", "plain text");
 
 // Will JSON.stringify it internally and add the JSON headers
 await api.post("/houses", { id: 1, name: "Cute Cottage" });
@@ -182,12 +182,12 @@ await api.post("/houses", { id: 1, name: "Cute Cottage" });
 form.onsubmit = (e) => api.post("/houses", new FormData(e.target));
 
 // We have some helpers so you can just pass the Event or <form> itself!
-form.onsubmit = (e) => api.post("/houses", e); // does not work with jquery BTW
+form.onsubmit = (e) => api.post("/houses", e);
 form.onsubmit = (e) => api.post("/houses", e.target);
 form.onsubmit = (e) => api.post("/houses", new FormData(e.target));
 ```
 
-The methods `GET`, `HEAD` and `DELETE` do not accept a body and it'll be ignored if you try to force it into the options.
+The methods `GET` and `HEAD` do not accept a body. For `DELETE`, while not common, you can pass a body via the options parameter if needed: `fch.delete('/resource', { body: {...} })`.
 
 ### Query
 
@@ -295,7 +295,7 @@ There are few options that can be specified:
 - `output: "response"`: return the full response with the properties `body`, `headers`, `status`. The body will be parsed as JSON or plain TEXT depending on the headers. If you want the raw `response`, use `raw` or `clone` instead (see below in "raw" or "clone").
 - `output: "stream"`: return a [web ReadableStream](https://developer.mozilla.org/en-US/docs/Web/API/ReadableStream) of the body as the result of the promise.
 - `output: "arrayBuffer"`\*: returns an arrayBuffer of the response body.
-- `output: "blob"`\*: returns an arrayBuffer of the response body.
+- `output: "blob"`\*: returns a Blob of the response body.
 - `output: "clone"`\*: returns the raw Response, with the raw body. See also `raw` below.
 - `output: "formData"`\* (might be unavailable): returns an instance of FormData with all the parsed data.
 - `output: "json"`\*: attempts to parse the response as JSON.
@@ -326,21 +326,29 @@ stream.pipeTo(...);
 
 ### Cache
 
-The cache (disabled by default) is a great method to reduce the number of API requests we make. We use [polystore](https://polystore.dev/) for cache storage, which provides a unified interface for multiple storage backends.
+> We use **[polystore](https://polystore.dev/)** for Cache management.
+
+The cache (disabled by default) is a great method to reduce the number of API requests we make. Provide a [polystore](https://polystore.dev/) Store instance directly to `fch.create()` (or per request) and fch will cache GET responses using whatever persistence that store offers. Set `cache` to `null` on a call to skip caching entirely. Legacy cache helpers such as `shouldCache`, `generateKey`, or expiry options have been removed; fch now relies purely on the semantics of the Polystore Store you pass in.
+
 
-> Note: cache should only be used through `fch.create({ cache: ... })`, not through the global instance.
 
-To activate the cache, you can pass a time string or number (seconds), and an in-memory store will be created automatically:
+While a GET request is in flight, fch keeps an internal map of ongoing requests so additional calls reuse the same promise instead of triggering duplicate fetches. As soon as the request resolves, the result is written to your store (if available) and the entry is removed from the in-flight map.
+
+To activate the cache, create a polystore store and pass it to fch:
 
 ```js
-// This API has 1h cache by default (uses in-memory Map):
+import kv from "polystore";
+
+// This API reuses responses using an in-memory Map:
+const cache = kv(new Map());
 const api = fch.create({
-  baseUrl: 'https://api.myweb.com/',
-  cache: '1h'
+  cache,
+  baseUrl: "https://api.myweb.com/",
 });
 
-// This specific call will be cached for 20s
-api.get('/somedata', { cache: '20s' });
+// Provide a different store per request if needed
+const shortCache = kv(new Map());
+api.get("/somedata", { cache: shortCache });
 ```
 
 For more control, you can use **polystore** to create a custom cache store with different backends (in-memory, Redis, localStorage, etc.):
@@ -349,12 +357,12 @@ For more control, you can use **polystore** to create a custom cache store with
 import fch from "fch";
 import kv from "polystore";
 
-// In-memory cache with 1 hour expiration
-const cache = kv(new Map()).expires("1h");
+// In-memory cache backed by a Map
+const cache = kv(new Map());
 
 const api = fch.create({
-  baseUrl: 'https://api.myweb.com/',
-  cache: cache
+  baseUrl: "https://api.myweb.com/",
+  cache,
 });
 ```
 
@@ -365,12 +373,12 @@ import fch from "fch";
 import kv from "polystore";
 import { createClient } from "redis";
 
-// Redis cache with 1 hour expiration
+// Redis-backed cache store
 const redis = await createClient().connect();
-const cache = kv(redis).expires("1h");
+const cache = kv(redis);
 
 const api = fch.create({
-  cache: cache
+  cache,
 });
 ```
 
@@ -379,7 +387,7 @@ That's the basic usage, but "invalidating cache" is not one of the complex topic
 ```js
 import kv from "polystore";
 
-const cache = kv(new Map()).expires("1h");
+const cache = kv(new Map());
 const api = fch.create({ cache });
 
 // Remove them all
@@ -394,7 +402,7 @@ import kv from "polystore";
 import { createClient } from "redis";
 
 const redis = await createClient().connect();
-const cache = kv(redis).expires("1h");
+const cache = kv(redis);
 
 const api = fch.create({ cache });
 
@@ -402,64 +410,6 @@ const api = fch.create({ cache });
 await redis.flushDB();
 ```
 
-For advanced cache configuration, you can pass an object with additional options like `shouldCache` and `createKey`:
-
-```js
-import kv from "polystore";
-
-const cache = kv(new Map()).expires("1h");
-
-const api = fch.create({
-  cache: {
-    store: cache,
-    // Default shouldCache; Note the lowercase
-    shouldCache: (request) => request.method === "get",
-
-    // Default createKey;
-    createKey: (request) => request.method + ":" + request.url,
-  },
-});
-```
-
-For example, if you want to differentiate the auth requests from the non-auth requests, you can do it so:
-
-```js
-import kv from "polystore";
-
-const cache = kv(new Map()).expires("1h");
-
-const api = fch.create({
-  cache: {
-    store: cache,
-    // Create a key unique for each user
-    createKey: (req) => user.id + ":" + req.method + ":" + req.url,
-  }
-});
-
-const onLogin = (user) => {
-  // Remove the old requests since we were not auth'ed yet
-  cache.clear();
-};
-```
-
-Or maybe you just want to NOT cache any of the requests that have an `Authorization` header, you can do so:
-
-```js
-import kv from "polystore";
-
-const cache = kv(new Map()).expires("1week");
-
-const api = fch.create({
-  cache: {
-    store: cache,
-    // Note the lowercase in both! we normalize them to be lowercase
-    shouldCache: (req) => req.method === "get" && !req.headers.authorization,
-  },
-});
-```
-
-It is this flexible since you can use fch both in the front-end and back-end, so usually in each of them you might want to follow a slightly different strategy.
-
 #### Creating a custom store
 
 You can create a custom store that works with fch by implementing the polystore-compatible interface. See the [polystore documentation](https://polystore.dev/) for details on creating custom stores and adapters.
@@ -581,8 +531,9 @@ import fch from "fch";
 // All the requests will add the Authorization header when the token is
 // in localStorage
 fch.before = (req) => {
-  if (localStorage.get("token")) {
-    req.headers.Authorization = "bearer " + localStorage.get("token");
+  const token = localStorage.getItem("token");
+  if (token) {
+    req.headers.Authorization = "bearer " + token;
   }
   return req;
 };
@@ -696,7 +647,7 @@ axios.interceptors.request.use(fn);
 fch.before = fn;
 ```
 
-API size is also strikingly different, with **7.8kb** for Axios and **1.1kb** for fch.
+API size is also strikingly different, with **7.8kb** for Axios and **2.1kb** for fch (gzipped).
 
 As disadvantages, I can think of two major ones for `fch`: