3 replies

Properly setting a minimum delay when fetching data from external api

hi all. i'm trying to use the scryfall api, and they've got a requirement to allow at least 50-100ms of delay between each request to their api.

how would i go about properly implementing that?

i tried throwing the "whole" thing in a

setTimeout()

setTimeout()

but that doesn't work as i'd expect, as it doesn't actually wait out the timeout and just returns

undefined

undefined

instantly.

import { z } from "zod";

import { createTRPCRouter, publicProcedure } from "~/server/api/trpc";

export const scryfallRouter = createTRPCRouter({
  get: publicProcedure
    .input(z.object({ name: z.string() }))
    .query(async ({ input }) => {
      setTimeout(async () => {
        console.log("required delay");

        const res = await fetch(
          `https://api.scryfall.com/cards/named?fuzzy=${input.name}`,
        );

        if (!res.ok) {
          throw new Error("Failed to fetch card");
        }

        const data = (await res.json()) as unknown;

        console.log(data);
        return data;
      }, 150);
    }),
});

import { z } from "zod";

import { createTRPCRouter, publicProcedure } from "~/server/api/trpc";

export const scryfallRouter = createTRPCRouter({
  get: publicProcedure
    .input(z.object({ name: z.string() }))
    .query(async ({ input }) => {
      setTimeout(async () => {
        console.log("required delay");

        const res = await fetch(
          `https://api.scryfall.com/cards/named?fuzzy=${input.name}`,
        );

        if (!res.ok) {
          throw new Error("Failed to fetch card");
        }

        const data = (await res.json()) as unknown;

        console.log(data);
        return data;
      }, 150);
    }),
});

i realize the placeholder

post

post

router, has something similar but i'm worried it won't actually delay the

fetch

fetch

call like required.

any insights/comments are greatly appreciated :JinxHeart:

Solution

await new Promise((resolve) => setTimeout(resolve, 150));

await new Promise((resolve) => setTimeout(resolve, 150));

Adding this, will delay whatever is happening by 150ms.

May I ask why do you want to fetch data more than 10 times a second?

Jump to solution

TTC

Theo's Typesafe Cult•2y ago•

3 replies

Jinx ᓚᘏᗢ

Properly setting a minimum delay when fetching data from external api

setTimeout()

setTimeout()

but that doesn't work as i'd expect, as it doesn't actually wait out the timeout and just returns

undefined

undefined

instantly.

import { z } from "zod";

import { createTRPCRouter, publicProcedure } from "~/server/api/trpc";

export const scryfallRouter = createTRPCRouter({
  get: publicProcedure
    .input(z.object({ name: z.string() }))
    .query(async ({ input }) => {
      setTimeout(async () => {
        console.log("required delay");

        const res = await fetch(
          `https://api.scryfall.com/cards/named?fuzzy=${input.name}`,
        );

        if (!res.ok) {
          throw new Error("Failed to fetch card");
        }

        const data = (await res.json()) as unknown;

        console.log(data);
        return data;
      }, 150);
    }),
});

import { z } from "zod";

import { createTRPCRouter, publicProcedure } from "~/server/api/trpc";

export const scryfallRouter = createTRPCRouter({
  get: publicProcedure
    .input(z.object({ name: z.string() }))
    .query(async ({ input }) => {
      setTimeout(async () => {
        console.log("required delay");

        const res = await fetch(
          `https://api.scryfall.com/cards/named?fuzzy=${input.name}`,
        );

        if (!res.ok) {
          throw new Error("Failed to fetch card");
        }

        const data = (await res.json()) as unknown;

        console.log(data);
        return data;
      }, 150);
    }),
});

i realize the placeholder

post

post

router, has something similar but i'm worried it won't actually delay the

fetch

fetch

call like required.

any insights/comments are greatly appreciated :JinxHeart:

Solution

await new Promise((resolve) => setTimeout(resolve, 150));

await new Promise((resolve) => setTimeout(resolve, 150));

Adding this, will delay whatever is happening by 150ms.

May I ask why do you want to fetch data more than 10 times a second?

Jump to solution

Properly setting a minimum delay when fetching data from external api

Properly setting a minimum delay when fetching data from external api

Similar Threads

Similar Threads

Similar Threads