A delightfully easy to use wrapper over the fetch API providing an easier way to create RESTful endpoints. Inspired by Phoenix frameworks "resources" macro. This project was initially created to simplify http calls in Vuex Actions, but can be used anywhere.
import { http } from "http-dub";
const req = http("https://yoururl.com/:id);NOTE The :id will be replaced by a provided argument during execution of one of the http methods, if the value isn't provided it's automatically removed.
req.getReq({
arguments: {
// :id will be replaced with "user-id" in the url
":id": "user-id"
},
onResolve: () => {},
onReject: (resp) => {<do something>}
})If an extra route or http method is need besides the one that the library provides you can easily add with the extend method. The custom request is available on the otherReq method.
// req.extend(<funcName>, <method>, <path>)
req.extend("listUsers", "GET", "/list-users");
// The above added extension can now be called with
req.otherReq.listUsers();NOTE The extended path is only available as a subpath of the original URL
List of all Supported request methods
getReq: "GET" request
postReq: "POST" request
putReq: "PUT" request
deleteReq: "DELETE" request
otherReq: custom requests added with the "extend" method
Each of the above takes an object as argument. The object properties are
arguments object; // Eg { :id: 5 }
body // body of fetch function
config RequestConfig; // The remaining properties of a fetch functions config excluding body
onResolve // callback function to handle successful request
onReject // callback function which gets the error returned from the request as the first argument Hooks are provided that can run some code before or/and after a request is made
req
.afterEach(() => {})
.beforeEach(() => {})If you like the project consider starring on Github. All contributions are welcome, Issues and PR.If you like the project consider starring it on Github