Writing code to convert Stack to LegacyStack & AlphaStack to Stack

[yangwooseong]

Summary

V2부터는 기존의 Stack과 StackItem 을 섞어서 사용하던 방식을 지원 중단하고 AlphaStack 사용을 권장하게 됩니다. 따라서 이를 사용하는 기존의 코드를 마이그레이션하는 codemod 를 작성합니다.

Description

// As-is
import { HStack, StackItem, Spacer } from '@channel.io/bezier-react' // HStack, Stack 까지 고려

<HStack>
  <StackItem>
    { SomeElement }
  </StackItem>
  <Spacer />
  <StackItem>
    { SomeElement }
  </StackItem>
</HStack>

// To-be
import { LegacyHStack, LegacyStackItem, LegacySpacer } from '@channel.io/bezier-react'

<LegacyHStack>
  <LegacyStackItem>
    { SomeElement }
  </LegacyStackItem>
  <LegacySpacer />
  <LegacyStackItem>
    { SomeElement }
  </LegacyStackItem>  
</LegacyHStack>

// As-is
import { AlphaStack } from '@channel.io/bezier-react'

<AlphaStack direction="horizontal">
  { SomeElement }
</AlphaStack>

// To-be
import { Stack } from '@channel.io/bezier-react'

<Stack direction="horizontal">
  { SomeElement }
</Stack

[sungik-choi]

(+ Spacer!)