다양한 HTTP 클라이언트(Fetch, Ky, Axios)에 동일한 미들웨어를 적용하는 경량 제너레이터

npm install plantae

import { createFetch } from "plantae";

const myAuthPlugin = () => ({
  name: "auth",
  context: { token: "" },
  hooks: {
    beforeRequest: (req) => {
      req.headers.set("Authorization", "Bearer token");
      return req;
    },
  },
});

export const myFetch = createFetch({
  client: fetch,
  plugins: [myAuthPlugin()],
});

const response = await myFetch("https://api.example.com/data");
const data = await response.json();

import { createAxiosInterceptors } from "plantae/axios";
import axios from "axios";

const myAxios = axios.create();
const { request, response } = createAxiosInterceptors({
  client: myAxios,
  plugins: [myAuthPlugin()],
});

myAxios.interceptors.request.use(request.onFulfilled, request.onRejected);
myAxios.interceptors.response.use(response.onFulfilled, response.onRejected);