Literal Types

let direction: "up";

direction = "up"; // правильно
// direction = "down"; // помилка

type Direction = "up" | "down" | "left" | "right";

let playerDirection: Direction;

playerDirection = "left"; // правильно
playerDirection = "right"; // правильно
// playerDirection = "forward"; // помилка

type LogLevel = "info" | "warning" | "error";

function logMessage(level: LogLevel, message: string): void {
  console.log(`[${level}] ${message}`);
}

logMessage("info", "Сервер запущено");
logMessage("error", "Не вдалося підключитися");
// logMessage("debug", "Додаткова інформація"); // помилка

let httpSuccessCode: 200;

httpSuccessCode = 200; // правильно
// httpSuccessCode = 201; // помилка

type HttpStatusCode = 200 | 201 | 400 | 401 | 404 | 500;

function handleStatus(code: HttpStatusCode): string {
  if (code === 200) {
    return "Запит успішний";
  }

  if (code === 404) {
    return "Ресурс не знайдено";
  }

  if (code === 500) {
    return "Внутрішня помилка сервера";
  }

  return `Отримано код ${code}`;
}

console.log(handleStatus(200));
console.log(handleStatus(404));
// handleStatus(403); // помилка

let isProduction: true;

isProduction = true; // правильно
// isProduction = false; // помилка

let isEnabled: boolean;

isEnabled = true;
isEnabled = false;

type SuccessfulResponse = {
  ok: true;
  data: string;
};

const response: SuccessfulResponse = {
  ok: true,
  data: "Дані отримано",
};

// response.ok = false; // помилка

const fixedStatus = "success";
// Тип: "success"

let currentStatus = "success";
// Тип: string

currentStatus = "error"; // дозволено

let currentStatus: "success" | "error" = "success";

currentStatus = "error"; // правильно
// currentStatus = "pending"; // помилка

const settings = {
  theme: "dark",
};

// Тип властивості settings.theme — string

type Theme = "light" | "dark";

function applyTheme(theme: Theme): void {
  console.log(`Використовується тема: ${theme}`);
}

const selectedTheme = {
  theme: "dark",
};

// applyTheme(selectedTheme.theme); // помилка: тип string несумісний з Theme

type Theme = "light" | "dark";

function applyTheme(theme: Theme): void {
  console.log(`Використовується тема: ${theme}`);
}

const selectedTheme = {
  theme: "dark",
} as const;

applyTheme(selectedTheme.theme); // правильно

type ButtonVariant = "primary" | "secondary" | "danger";
type ButtonSize = "small" | "medium" | "large";
type HttpStatus = 200 | 201 | 400 | 404 | 500;

type ButtonOptions = {
  variant: ButtonVariant;
  size: ButtonSize;
  disabled: boolean;
};

function createButton(options: ButtonOptions): string {
  const state = options.disabled ? "disabled" : "active";

  return `Кнопка: variant=${options.variant}, size=${options.size}, state=${state}`;
}

function describeStatus(status: HttpStatus): string {
  switch (status) {
    case 200:
      return "Успішна відповідь";
    case 201:
      return "Ресурс створено";
    case 400:
      return "Некоректний запит";
    case 404:
      return "Ресурс не знайдено";
    case 500:
      return "Помилка сервера";
  }
}

const button = createButton({
  variant: "primary",
  size: "large",
  disabled: false,
});

const statusDescription = describeStatus(201);

console.log(button);
console.log(statusDescription);

// createButton({
//   variant: "success", // помилка: такого варіанта немає в ButtonVariant
//   size: "large",
//   disabled: false,
// });

// describeStatus(403); // помилка: такого коду немає в HttpStatus

function setTheme(theme: string): void {
  console.log(theme);
}

setTheme("dark");
setTheme("unknown"); // TypeScript не вважає це помилкою

type Theme = "light" | "dark";

function setTheme(theme: Theme): void {
  console.log(theme);
}

setTheme("dark");
// setTheme("unknown"); // помилка

let anyText: string = "hello";
anyText = "world"; // правильно

let onlyHello: "hello" = "hello";
// onlyHello = "world"; // помилка

const config = {
  mode: "production",
};

// Тип config.mode — string, а не "production"

type Mode = "development" | "production";

const config: { mode: Mode } = {
  mode: "production",
};

const fixedConfig = {
  mode: "production",
} as const;

type Priority = 1 | 2 | 3;

function setPriority(priority: Priority): void {
  console.log(`Пріоритет: ${priority}`);
}

setPriority(1);
// setPriority(4); // помилка