複数の HTTP クライアント(Fetch・Ky・Axios)に同じミドルウェアを適用できるリクエスト・レスポンス API ジェネレータです。

npm install plantae

import { createFetch } from "plantae";
import myPlugin from "../myPlugin";

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

import { createKyHooks } from "plantae/ky";
import ky from "ky";

const hooks = createKyHooks({
  client: ky,
  plugins: [myPlugin()],
});

export const myKy = ky.extend({ hooks });

import type { Plugin } from "plantae";

export default function AuthPlugin(): Plugin<{ token: string }> {
  const context = { token: "token" };
  return {
    name: "plugin-auth",
    context,
    hooks: {
      beforeRequest: (req) => {
        req.headers.set("Authorization", context.token);
        return req;
      },
      afterResponse: async (res, req, retry) => {
        if (res.status === 401) {
          const refresh = new Request("https://example.com/refresh-token");
          const token = await retry(refresh).then((res) => res.text());
          context.token = token;
          req.headers.set("Authorization", `token ${token}`);
          return retry(req);
        }
        return res;
      },
    },
  };
}