Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@sapphire/fetch

Package Overview
Dependencies
Maintainers
0
Versions
872
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@sapphire/fetch

Tiny wrapper around globalThis.fetch for improved TypeScript and data type support

  • 3.0.5
  • latest
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
4.3K
decreased by-7.07%
Maintainers
0
Weekly downloads
 
Created
Source

Sapphire Logo

@sapphire/fetch

Tiny wrapper around Node's global fetch for improved TypeScript and data type support

GitHub npm bundle size npm

Table of Contents

Description

Node has a great global fetch (powered by undici) for making API calls, but because it focuses solely on bringing the Fetch API to Node.js, it doesn't provide specific error messages and handling for different return types (JSON, Buffer, plain text, etc). This is where @sapphire/fetch comes in. The syntax is more restrictive than that of undici, but that makes it consistent and easier to use in TypeScript.

Features

  • Written in TypeScript
  • Fully tested
  • Exported enum for the common return data types
  • Throws distinctive errors when the API returns a "not ok" status code to make them easier to understand
  • Enforces casting the return type when requesting JSON data, to ensure your return data is strictly typed
  • Uses global fetch, which for NodeJS is undici and for browsers is the Fetch API

Installation

You can use the following command to install this package, or replace npm install with your package manager of choice.

npm install @sapphire/fetch

Usage

[!NOTE] While this section uses import, it maps 1:1 with CommonJS' require syntax. For example,

import { fetch } from '@sapphire/fetch';

is the same as

const { fetch } = require('@sapphire/fetch');

[!IMPORTANT] When providing a serializable object to the body option, @sapphire/fetch will automatically call JSON.stringify on the object. This means you can pass an object directly to the body option without having to call JSON.stringify yourself. If the body is not serializable (such as a File, Buffer, or Blob), the body will be sent as-is. Serializability is calculated based on:

  • If the body is null
  • If the body's .constructor property is undefined
  • If the body's .constructor.name property is Object
  • If the body has a function property named toJSON

[!WARNING] Because @sapphire/fetch aims to be as close to global fetch as possible, it doesn't support proxy options that a library like undici does. If you want to use a proxy, you should use undici directly.

GETting JSON data

// Import the fetch function
import { fetch, FetchResultTypes } from '@sapphire/fetch';

interface JsonPlaceholderResponse {
	userId: number;
	id: number;
	title: string;
	completed: boolean;
}

// Fetch the data. No need to call `.json()` after making the request!
const data = await fetch<JsonPlaceholderResponse>('https://jsonplaceholder.typicode.com/todos/1', FetchResultTypes.JSON);

// Do something with the data
console.log(data.userId);

GETting Buffer data (images, etc.)

// Import the fetch function
import { fetch, FetchResultTypes } from '@sapphire/fetch';

// Fetch the data. No need to call `.buffer()` after making the request!
const sapphireLogo = await fetch('https://github.com/sapphiredev.png', FetchResultTypes.Buffer);

// sapphireLogo is the `Buffer` of the image
console.log(sapphireLogo);

POSTing JSON data

// Import the fetch function
import { fetch, FetchResultTypes, FetchMethods } from '@sapphire/fetch';

// Post the data. No need to call `.json()` after making the request!
const responseData = await fetch(
	'https://jsonplaceholder.typicode.com/todos',
	{
		method: FetchMethods.Post,
		headers: {
			'Content-Type': 'application/json'
		},
		body: { name: 'John Doe' }
	},
	FetchResultTypes.JSON
);

// Do something with the response data
console.log(responseData);

Buy us some doughnuts

Sapphire Community is and always will be open source, even if we don't get donations. That being said, we know there are amazing people who may still want to donate just to show their appreciation. Thank you very much in advance!

We accept donations through Open Collective, Ko-fi, PayPal, Patreon and GitHub Sponsorships. You can use the buttons below to donate through your method of choice.

Donate WithAddress
Open CollectiveClick Here
Ko-fiClick Here
PatreonClick Here
PayPalClick Here

Contributors

Please make sure to read the Contributing Guide before making a pull request.

Thank you to all the people who already contributed to Sapphire!

Keywords

FAQs

Package last updated on 09 Nov 2024

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc