Setting Multiple Headers | Effect Http Client

To set several headers at once, use HttpClientRequest.setHeaders().

Instead of chaining multiple setHeader calls, you pass an object with all the headers you need.

1
import {
2
  FetchHttpClient,
3
  HttpClient,
4
  HttpClientRequest,
5
} from "effect/unstable/http";
6
import { Effect } from "effect";
7

8
function fetchProducts() {
9
  return Effect.gen(function* () {
10
    const client = yield* HttpClient.HttpClient;
11

12
    const request = HttpClientRequest.get(
13
      "https://dummyjson.com/products",
14
    ).pipe(
15
      HttpClientRequest.setUrlParam("limit", "3"),
16
      HttpClientRequest.setHeaders({
17
        "X-Request-Source": "effect-course",
18
        "X-Request-Version": "1.0",
19
        "Cache-Control": "no-cache",
20
      }),
21
    );
22

23
    const response = yield* client.execute(request);
24
    const data = yield* response.json;
25

26
    return data;
27
  }).pipe(Effect.provide(FetchHttpClient.layer));
28
}
29

30
// Test it
31
Effect.runPromise(fetchProducts()).then((data) => {
32
  data.products.forEach((product) => {
33
    console.log(`  - ${product.title}: $${product.price}`);
34
  });
35
});

Output:

1
  - Essence Mascara Lash Princess: $9.99
2
  - Eyeshadow Palette with Mirror: $19.99
3
  - Powder Canister: $14.99

setHeaders takes an object where each key is a header name and each value is the header value. All headers are applied at once, replacing any existing headers with the same names.

Stay in the loop