Що таке Type Narrowing

let value: string | number = "TypeScript";

// Помилка: метод toUpperCase доступний лише для string
// value.toUpperCase();

function formatValue(value: string | number): string {
  if (typeof value === "string") {
    return value.toUpperCase();
  }

  return value.toFixed(2);
}

console.log(formatValue("typescript")); // TYPESCRIPT
console.log(formatValue(12.5)); // 12.50

function describeValue(value: string | number | boolean): string {
  if (typeof value === "string") {
    return `Рядок: ${value}`;
  }

  if (typeof value === "number") {
    return `Число: ${value}`;
  }

  return `Булеве значення: ${value}`;
}

console.log(describeValue("hello"));
console.log(describeValue(10));
console.log(describeValue(true));

function printName(name: string | null): void {
  if (name === null) {
    console.log("Ім'я не вказано");
    return;
  }

  console.log(`Ім'я: ${name.toUpperCase()}`);
}

printName("Anna");
printName(null);

function getLength(value: string | null): number {
  if (value === null) {
    return 0;
  }

  return value.length;
}

function printMessage(message: string | null): void {
  if (message) {
    console.log(message.toUpperCase());
  } else {
    console.log("Повідомлення відсутнє або порожнє");
  }
}

printMessage("Вітаю!");
printMessage(null);
printMessage("");

function printMessage(message: string | null): void {
  if (message !== null) {
    console.log(`Повідомлення: "${message}"`);
  }
}

function getStatusMessage(status: "success" | "error" | "loading"): string {
  if (status === "success") {
    return "Операцію виконано успішно";
  }

  if (status === "error") {
    return "Сталася помилка";
  }

  return "Операція виконується";
}

console.log(getStatusMessage("success"));
console.log(getStatusMessage("loading"));

"success" | "error" | "loading"

type Result = string | number;

function processResult(result: Result): void {
  if (typeof result === "string") {
    console.log(`Отримано текст довжиною ${result.length}`);
  } else {
    console.log(`Отримано число: ${result * 2}`);
  }
}

processResult("готово");
processResult(21);

type EmailContact = {
  email: string;
};

type PhoneContact = {
  phone: string;
};

function contactUser(contact: EmailContact | PhoneContact): string {
  if ("email" in contact) {
    return `Надсилаємо лист на ${contact.email}`;
  }

  return `Телефонуємо за номером ${contact.phone}`;
}

console.log(contactUser({ email: "user@example.com" }));
console.log(contactUser({ phone: "+380501234567" }));

type LoadingState = {
  status: "loading";
};

type SuccessState = {
  status: "success";
  data: string[];
};

type ErrorState = {
  status: "error";
  message: string;
};

type RequestState = LoadingState | SuccessState | ErrorState;

function renderState(state: RequestState): string {
  switch (state.status) {
    case "loading":
      return "Завантаження...";

    case "success":
      return `Отримано елементів: ${state.data.length}`;

    case "error":
      return `Помилка: ${state.message}`;
  }
}

console.log(renderState({ status: "loading" }));
console.log(renderState({ status: "success", data: ["A", "B"] }));
console.log(renderState({ status: "error", message: "Сервер недоступний" }));

class UserError {
  constructor(public message: string) {}
}

class NetworkError {
  constructor(public code: number) {}
}

function handleError(error: UserError | NetworkError): string {
  if (error instanceof UserError) {
    return `Помилка користувача: ${error.message}`;
  }

  return `Мережева помилка з кодом ${error.code}`;
}

console.log(handleError(new UserError("Некоректні дані")));
console.log(handleError(new NetworkError(500)));

const values: Array<string | number> = ["TypeScript", 10, "JavaScript", 20];

for (const value of values) {
  if (typeof value === "string") {
    console.log(value.toUpperCase());
  } else {
    console.log(value.toFixed(1));
  }
}

function printLength(value: string | number): void {
  // Помилка: у number немає властивості length
  // console.log(value.length);

  if (typeof value === "string") {
    console.log(value.length);
  }
}

function printValue(value: string | number): void {
  if (typeof value === "string") {
    console.log(value.toUpperCase());
    return;
  }

  console.log(value.toFixed(2));
}

function format(value: string | number): string {
  // Помилка: value може бути number
  // return value.toUpperCase();

  if (typeof value === "string") {
    return value.toUpperCase();
  }

  return value.toString();
}

function showName(name: string | null): void {
  if (name) {
    console.log(name);
  }
}

function showName(name: string | null): void {
  if (name !== null) {
    console.log(name);
  }
}

type Success = {
  status: "success";
  data: string;
};

type Failure = {
  status: "failure";
  error: string;
};

function getMessage(result: Success | Failure): string {
  if (result.status === "success") {
    return result.data;
  }

  return result.error;
}