fetch.macro
Allows you to build fetcher function by URL at compile-time.
Usage
Simply install and configure babel-plugin-macros and then use fetch.macro.
Vite
To be able to use these macros in your Vite project, you only need install vite-plugin-babel-macros and add some configuration in vite.config.js. And it just work.
$ npm i -D vite-plugin-babel-macros
import MacrosPlugin from "vite-plugin-babel-macros";
export default {
// ...
plugins: [
// ...
MacrosPlugin(),
],
};
Example
Basic
Given the following Input:
import f from "fetch.macro";
const fetchByUrl = f("/api/v1/ping");
Babel will produce the following Output:
const fetchByUrl = (opts) => fetch("/api/v1/ping", opts);
It also works as a tagged template literal:
import f from "fetch.macro";
const fetchByUrl = f`/api/v1/ping`;
That will produce the same output as the function version.
Nested
Given the following Input:
import f from "fetch.macro";
const fetchProject = f`/api/v1/user/:id/project/:projectId/:others`;
Babel will produce the following Output:
const fetchProject = ({ id, projectId, others, ...opts }) =>
fetch(`/api/v1/user/${id}/project/${projectId}/${others}`, opts);
Contributors
 RiN |
 Ryan Aunur Rassyid |
82 Jan 8, 2023
5 Oct 31, 2022
2 Mar 29, 2022
4 Feb 21, 2022
19 Dec 19, 2022
9 Sep 3, 2022
39 Dec 8, 2022
6 Oct 21, 2022
12 Oct 18, 2022
3 Dec 15, 2022
70 Nov 24, 2022
8 Nov 27, 2022
13 Aug 22, 2022
21 Jun 20, 2022
14 Dec 8, 2022
4 Oct 16, 2022
5 Jul 25, 2022
4 Jan 31, 2022
165 Dec 21, 2022