@skbkontur/icons-codemods

Пакет с кодмодами для пакета иконок @skbkontur/icons.
Для запуска потребуется Node 20.19.0 и выше.

Использование

С помощью npx:

npx @skbkontur/icons-codemods [CODEMOD] [JSCODESHIFT_OPTIONS]

или с установкой:

npm install @skbkontur/icons-codemods
npm exec @skbkontur/icons-codemods [CODEMOD] [JSCODESHIFT_OPTIONS]

Список кодмодов

Миграция @skbkontur/icons с v1 на v2

Транформации:

• Обновляет формат имён [Name]Icon[Size][Weight] 🠊 Icon[Name][Weight][Size]
• Цельные иконки переименовываются с дефолтным начертанием ...Regular16
• Приводит все импорты в единый формат @skbkontur/icons/{Icon...Regular16}
• Алиасы остаются

icons-v1-v2/transformImports

Использование

npx --yes @skbkontur/icons-codemods icons-v1-v2/transformImports.js --parser tsx [FILES_PATH]

Пример

import { CertRosetteIcon20Solid } from "@skbkontur/icons/icons/CertRosetteIcon/CertRosetteIcon20Solid";
import { NetCloudIcon16Light as Cloud } from "@skbkontur/icons/icons/NetCloudIcon16Light";
import { PeopleCircle1Icon24Regular } from "@skbkontur/icons/icons/PeopleCircle1Icon";
import { QuestionSquareIcon16Regular as HelpLite } from "@skbkontur/icons/icons/QuestionSquareIcon/QuestionSquareIcon16Regular";
import { XIcon } from "@skbkontur/icons/XIcon";
import { RootIcon } from "@skbkontur/icons";
import { Root1Icon, Root2Icon as Root, Root3Icon20Solid } from "@skbkontur/icons";

export const fixture = () => (
    <>
        <XIcon />
        <Cloud />
        <CertRosetteIcon20Solid />
        <PeopleCircle1Icon24Regular />
        <HelpLite />
        <RootIcon />
        <Root1Icon size={24} />
        <Root />
        <Root3Icon20Solid />
    </>
);

🠋

import { IconCertRosetteSolid20 } from "@skbkontur/icons/IconCertRosetteSolid20";
import { IconNetCloudLight16 as Cloud } from "@skbkontur/icons/IconNetCloudLight16";
import { IconPeopleCircle1Regular24 } from "@skbkontur/icons/IconPeopleCircle1Regular24";
import { IconQuestionSquareRegular16 as HelpLite } from "@skbkontur/icons/IconQuestionSquareRegular16";
import { IconXRegular16 } from "@skbkontur/icons/IconXRegular16";
import { IconRootRegular16 } from "@skbkontur/icons/IconRootRegular16";
import { IconRoot1Regular16 } from "@skbkontur/icons/IconRoot1Regular16";
import { IconRoot2Regular16 as Root } from "@skbkontur/icons/IconRoot2Regular16";
import { IconRoot3Solid20 } from "@skbkontur/icons/IconRoot3Solid20";

export const fixture = () => (
    <>
        <IconXRegular16 />
        <Cloud />
        <IconCertRosetteSolid20 />
        <IconPeopleCircle1Regular24 />
        <HelpLite />
        <IconRootRegular16 />
        <IconRoot1Regular16 size={24} />
        <Root />
        <IconRoot3Solid20 />
    </>
);

icons-v1-v2/transformExports

Использование

npx --yes @skbkontur/icons-codemods icons-v1-v2/transformExports.js --parser tsx [FILES_PATH]

Пример

export { CopyIcon16Regular } from "@skbkontur/icons/CopyIcon16Regular";
export { DocsTextIcon16Light } from "@skbkontur/icons/icons/DocsTextIcon/DocsTextIcon16Light";
export { ShapeCircleSIcon16Solid as ShapeIcon } from "@skbkontur/icons/icons/ShapeCircleSIcon/ShapeCircleSIcon16Solid";
export { XIcon } from "@skbkontur/icons";

🠋

export { IconCopyRegular16 } from "@skbkontur/icons/IconCopyRegular16";
export { IconDocsTextLight16 } from "@skbkontur/icons/IconDocsTextLight16";
export { IconShapeCircleSSolid16 as ShapeIcon } from "@skbkontur/icons/IconShapeCircleSSolid16";
export { IconXRegular16 } from "@skbkontur/icons/IconXRegular16";