Appending Multiple Parameters

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

8
function fetchPosts(tags: string[]) {
9
  return Effect.gen(function* () {
10
    const client = yield* HttpClient.HttpClient;
11

12
    // Convert array to tuples for duplicate keys
13
    const tagTuples: Array<[string, string]> = tags.map((tag) => ["tag", tag]);
14

15
    const request = HttpClientRequest.get("https://dummyjson.com/posts").pipe(
16
      HttpClientRequest.setUrlParam("limit", "3"),
17
      HttpClientRequest.appendUrlParams(tagTuples),
18
    );
19

20
    console.log("URL Params:", request.urlParams);
21

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

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

29
// Test it
30
Effect.runPromise(fetchPosts(["love", "history", "mystery"])).then((data) => {
31
  data.posts.forEach((post: any) => {
32
    console.log(`  - "${post.title.slice(0, 40)}..."`);
33
    console.log(`    Tags: ${post.tags.join(", ")}`);
34
  });
35
});

1
URL Params: [
2
  [ 'limit', '3' ],
3
  [ 'tag', 'love' ],
4
  [ 'tag', 'history' ],
5
  [ 'tag', 'mystery' ]
6
]
7
  - "His mother had always taught him..."
8
    Tags: history, american, crime
9
  - "He was an expert but not in a discipline..."
10
    Tags: french, fiction, english
11
  - "Dave watched as the forest burned up on ..."
12
    Tags: magical, history, french