Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/johannschopplich/unrested
🚥 Minimal, type-safe REST client using JS proxies (36 loc)
https://github.com/johannschopplich/unrested
fetch ohmyfetch rest unjs
Last synced: 2 days ago
JSON representation
🚥 Minimal, type-safe REST client using JS proxies (36 loc)
- Host: GitHub
- URL: https://github.com/johannschopplich/unrested
- Owner: johannschopplich
- License: mit
- Created: 2022-02-14T19:50:04.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-27T06:10:52.000Z (6 months ago)
- Last Synced: 2024-04-22T12:15:13.543Z (6 months ago)
- Topics: fetch, ohmyfetch, rest, unjs
- Language: TypeScript
- Homepage:
- Size: 453 KB
- Stars: 159
- Watchers: 4
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
> [!TIP]
> **This is now part of [apiful](https://github.com/johannschopplich/apiful).**
>
> You can still use this package, but it will no longer be actively maintained. Please consider migrating to [apiful](https://github.com/johannschopplich/apiful). It is the spiritual successor of `unrested` and comes with many more features.
# unrested
Minimal, type-safe REST client using JS proxies.
## Features
- 🌁 Lightweight, only 36 loc
- 🦾 Strongly typed
- 📚 Supports chain and bracket syntax
- `api.nested.users(1).get()`
- or `api.nested.users["1"].get()`
- 🪵 Use other HTTP methods, like `.post()`
`unrested` uses [ofetch](https://github.com/unjs/ofetch) for data fetching under the hood. Thus, every option available for ofetch is usable with unrested as well!
## Installation
Run the following command to add `unrested` to your project.
```bash
# npm
npm install unrested
# pnpm
pnpm add unrested
# yarn
yarn add unrested
```
## Usage
```ts
import { createClient } from 'unrested'
// The base URL default is `/`
const api = createClient()
```
`unrested` inherits `ofetch`'s options. Refer to the [documentation for a complete list of options](https://github.com/unjs/ofetch).
```ts
import { createClient } from 'unrested'
// Set a custom base URL as needed
const api = createClient({
baseURL: 'https://jsonplaceholder.typicode.com',
})
```
### Path Segment Chaining
Chain single path segments or path IDs by a dot. You can type the response by passing a generic type to the method:
```ts
// GET request to /users
const response = await api.users.get()
```
For `GET` request, the first parameter is used as query parameters:
```ts
// /users?search=john
const response = await api.users.get({ search: 'john' })
```
For HTTP request methods supporting a payload, the first parameter is used as payload:
```ts
// POST request to /users
const response = await api.users.post({ name: 'foo' })
```
To include dynamic API path segments, you can choose between the chain syntax or the bracket syntax:
```ts
// Typed GET request to /users/1
const userId = 1
// … using the chain syntax:
const user = await api.users(userId).get()
// … or the bracket syntax:
const user = await api.users[`${userId}`].get()
```
### HTTP Request Methods
The following methods are supported as the last method in the chain:
- `get(, )`
- `post(, )`
- `put(, )`
- `delete(, )`
- `patch(, )`
### Default Options for `ofetch`
```ts
import { createClient } from 'unrested'
const api = createClient({
baseURL: 'https://jsonplaceholder.typicode.com',
async onRequestError({ request, options, error }) {
console.log('[fetch request error]', request, error)
},
async onResponseError({ request, options, error }) {
console.log('[fetch response error]', request, error)
}
})
```
### Override Default Options
Any fetch options on a method-level will override the default options:
```ts
const response = await api.users.get({
headers: {
'Cache-Control': 'no-cache'
}
})
```
## License
[MIT](./LICENSE) License © 2022-PRESENT [Johann Schopplich](https://github.com/johannschopplich)