@co-labo-hub/fetcha v1.0.7

fetcha!

Comparison

• fetch

fetch("https://example.com/api", {
  method: "POS", // typo
  headers: {
    "Content-Typ": "application/jso", // typo
    Authorization: `Bearer ${"foo"}`,
  },
  credentials: "include",
  mode: "cors",
  body: JSON.stringify({ name: "bar" }), // JSON.stringify
})
  .then((resp) => {
    // normal and abnormal.

    if (resp.ok) return resp.json();

    switch (resp.status) {
      case 500:
        location.href = "/500.html";
        return;
      case 404:
        location.href = "/404.html";
        return;
      case 401:
        location.href = "/login.html";
        return;
      default:
        alert(resp.statusText);
    }
  })
  .then(({ id }: { id: number }) => console.log(id))
  .catch((e) => alert(e.message));

• fetcha!

fetcha("https://example.com/api")
  .contentType("application/json")
  .header("Authrization", `Bearer ${"foo"}`)
  .credentials("include")
  .mode("cors")
  .post({ name: "bar" })
  .then((resp) => resp.toJson<{ id: number }>())
  .then(({id}) => console.(id))
  .catch((e: FetchaError) => {
    switch (e.status) {
      case 500:
        location.href = "/500.html";
        return;
      case 404:
        location.href = "/404.html";
        return;
      case 401:
        location.href = "/login.html";
        return;
      default:
        alert(e.message);
    }
  });

Install

npm install @co-labo-hub/fetcha

import { fetcha, FetchaError } from "@co-labo-hub/fetcha";

Examples

• /src/example.ts

Methods

Response

additional properties

Error

FetchaError: constructor({ message, request, response }: FetchaErrorProps)