import { match } from 'ts-pattern';

const value = [1, 2, 3];

const result = match(value)
  .with([1, 2, 3, 4], () => 'it is [1, 2, 3, 4]')
  .with([1, 2, 3], () => 'it is [1, 2, 3]')
  .with([1, 2], () => 'it is [1, 2]')
  .run();

console.log(result); // it is [1, 2, 3]

import { match, P } from 'ts-pattern';

const toString = (value: unknown): string =>
  match(value) // -> value가 unknown이기 때문에 아래 with 함수의 패턴 인자로 여러 타입을 넣을 수 있다.
    .with(P.string, (str) => str)
    .with(P.number, (num) => num.toFixed(2))
    .with(P.boolean, (bool) => `${bool}`)
    .with({ kimcoder: '😊' }, (obj) => JSON.stringify(obj))
    .otherwise(() => 'Unknown');

console.log(toString('aa')); // 'aa'
console.log(toString(123)); // 123.00
console.log(toString({ kimcoder: '😊' })); // {"kimcoder":"😊"}

import { match } from 'ts-pattern';

const upperCase: string = 'A';
const printUpper = () => 'it is upper';
const printLower = () => 'it is lower';

const first = match(upperCase)
  .with('a', printLower)
  .with('b', printLower)
  .with('A', printUpper)
  .with('B', printUpper)
  .otherwise(() => 'where is it?');

const second = match(upperCase)
  .with('a,', 'b', printLower)
  .with('A', 'B', printUpper)
  .otherwise(() => 'where is it?');

console.log(first); // 'it is upper'
console.log(second); // 'it is upper'

match('2024 years!').exhaustive();

/*
  위 코드는 NonExhaustiveError 명목으로 타입 체크가 실패한다.
  만약, 타입 불일치 경고를 무시하고 코드를 컴파일하고 실행하면, 런타임에서 아래와 같은 오류가 발생한다.
  Error: Pattern matching error: no pattern matches value "2024 years!"
  
  아래와 같이 수정하면 정상적으로 타입 체크를 수행할 수 있다.

  match("2024 years!")
    .with("2024 years!", () => "okay")
    .exhaustive();
*/

match('2024 years!').run();

/*
  위 코드를 컴파일하고 실행하면, 런타임에서 아래와 같은 오류가 발생한다.
  Error: Pattern matching error: no pattern matches value "2024 years!"
*/

import { isMatching } from 'ts-pattern';

const isDiscountProduct = isMatching({
  salePrice: P.number.gt(0),
  discountedSalePrice: P.number.gt(0),
});

if (isDiscountProduct(res.data)) {
  // do something!
}

import { match, P } from 'ts-pattern';

const message = match(data)
  .with({ order: { showOrderCount: true, orderCount: P.select() } }, (count) => {
    return match(count)
      .with(P.number.gt(0), () => `${count}번이나 주문했던 고객입니다!`)
      .with(0, () => '첫 주문 고객입니다!')
      .with(null, () => undefined)
      .exhaustive();
  })
  .otherwise(() => undefined);

type Data = {
  product: {
    name: string;
    price: number;
    isSale: boolean;
    relateProducts: Product[];
  };
  ad: {
    url: string;
    bannersImages: string[];
  };
};

match(res)
  .with(
    {
      product: { name: P.select('name'), price: P.select('price') },
      ad: { url: P.select('adUrl') },
    },
    ({ name, price, adUrl }) => {
      return { name, price: price.toLocaleString(), adUrl };
    },
  )
  .otherwise(() => '');

import { match, P } from 'ts-pattern';

type Input =
  | { type: 'user'; name: string }
  | { type: 'org'; name: string }
  | { type: 'text'; content: string }
  | { type: 'img'; src: string };

const output = match(input)
  .with({ type: P.union('user', 'org') }, (userOrOrg) => {
    // userOrOrg: User | Org
    return userOrOrg.name;
  })
  .otherwise(() => '');

import { match, P } from 'ts-pattern';

const output = match<unknown>(input)
  .with(P.string, () => 'it is a string!')
  .with(P.number, () => 'it is a number!')
  .with(P.bigint, () => 'it is a bigint!')
  .with(P.boolean, () => 'it is a boolean!')
  .with(P.symbol, () => 'it is a symbol!')
  .with(P.nullish, () => 'it is either null or undefined!')
  .with(P._, () => 'it is any!')
  .run();

import { match, P } from 'ts-pattern';

const output = match('kimcoder')
  .with(P.string.startsWith('c'), () => '😊')
  .with(P.string.regex(/sparkle/), () => '⭐')
  .with(P.string.minLength(100), () => 'it is so long')
  .with(P.string.includes('coder'), () => 'coder')
  .otherwise(() => 'it is default handler');

console.log(output); // coder

const output2 = match(2024)
  .with(P.number.between(1, 10), () => '1 ~ 10')
  .with(P.number.negative(), () => 'it is negative number')
  .with(P.number.gte(2024), () => '2024! 🎉')
  .otherwise(() => 'it is default handler');

console.log(output2); // 2024! 🎉

1import { match, P } from 'ts-pattern';
2
3/*
4  라이더 상태에 대한 임의의 정책을 구성하여 [라이더 현황 텍스트]를 처리한다.
5
6    1. 신규, 취소 주문 상태에서는 화면에 노출하지 않는다.
7    2. 배달 주문에서만 화면에 노출한다.
8    3. 음식양이 많아 라이더가 여러 명인 경우 현황 텍스트에 설명 문구를 추가한다.
9    4. 라이더의 상태에 따른 문구를 노출한다.
10    5. 배차가 완료된 예약 주문인 경우엔 현황 텍스트를 다르게 노출한다.
11*/
12type Order = {
13  status: '신규' | '접수중' | '취소' | '완료';
14  type: '배달' | '포장' | '매장';
15  reservation: boolean;
16  rider: null | {
17    riderCompany: string;
18    status: '배차 전' | '배차 완료' | '배차 취소' | '오는 중' | '배달 중' | '배달 완료';
19    riderAssignTime: string;
20    riderCount: number;
21  };
22}; // 임의의 정책에 맞게 필요한 부분만 타이핑
23
24const getStatusText = (data: Order) => {
25  if (data.status === '신규' || data.status === '취소') return '';
26  if (data.type !== '배달') return '';
27  if (!data.rider) return '';
28
29  if (data.rider.status === '배차 전') return '라이더 배차를 기다리고 있어요.';
30  if (data.rider.status === '배차 완료') {
31    if (data.reservation) {
32      return '주문의 예약 시간을 확인하셨나요? 배차가 방금 막 되었어요.';
33    }
34    return '라이더 배차가 완료되었어요.';
35  }
36  // 일부 로직 생략
37};
38
39const getStatusTextWithPatterMatching = (data: Order) => {
40  const getEmpty = () => '';
41
42  return match(data)
43    .with({ status: P.union('신규', '취소') }, { type: P.not('배달') }, getEmpty)
44    .with({ rider: { status: '배차 전' } }, () => '라이더 배차를 기다리고 있어요.')
45    .with(
46      { reservation: true, rider: { status: '배차 완료' } },
47      () => '주문의 예약 시간을 확인하셨나요? 배차가 방금 막 되었어요.',
48    )
49    .with({ reservation: false, rider: { status: '배차 완료' } }, () => '라이더 배차가 완료되었어요.')
50    .otherwise(getEmpty);
51  // 일부 로직 생략
52};

if (data.status === '신규' || data.status === '취소') return ''; // ASIS

.with(NEW_ORDER, CANCELED_ORDER, handler); // TOBE