torytis 스킨 옵션 변수 빌드

src/public/index.xml 파일의 variables 에 정의한 여러 변수들을 typescript 에서 타입 추론할 수 있도록 빌드 할 수 있습니다. 아래 명령어를 입력하면 됩니다.

npm run build:variable

스킨 옵션 변수에 대한 값 치환자

npm run build:variable 명령어를 입력하게 되면 src/public/index.xml 파일의 variables 에 정의한 변수들에 대한 치환자들이 src/consts/torytis-variable-object.ts 파일에 typescript 코드로 생성됩니다. 이후 필요한 곳에서 Var['...'] 형태로 사용하실 수 있습니다. 아래는 그 사용 예시입니다.

import { Var } from "@/consts/torytis-variable-object";
 
export function MyStatus() {
  return (
    <>
      <div className={cn("font-bold", Var["[##_var_today_is_##]"])}>...</div>
    </>
  );
}

스킨 옵션 변수에 대한 요소명

스킨 옵션 변수를 지정하게 되면 해당 변수가 존재할 때 그리고 존재하지 않을 때에 해당하는 요소를 사용할 수 있는데 npm run build:variable 명령어를 입력하게 되면 해당 요소에 대한 타입이 src/types/torytis-variable.d.ts 파일에 생성됩니다. 즉, 스킨 옵션 변수에 해당하는 if 관련 요소들을 작성할 때 자동완성 목록이 지원됩니다. 아래는 그 예시입니다.

사용해야 하는 상황

다시 말하자면, src/public/index.xml 파일의 내용을 수정하였다면 npm run build:variable 명령어를 실행하는 것이 좋습니다.