@mui/codemod
Version:
Codemod scripts for Material UI.
39 lines (37 loc) • 2.36 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = transformer;
const capitalize = str => {
return str.charAt(0).toUpperCase() + str.slice(1);
};
const JoyComponents = ['Alert', 'AspectRatio', 'Autocomplete', 'AutocompleteListbox', 'AutocompleteOption', 'Avatar', 'AvatarGroup', 'Badge', 'Box', 'Breadcrumbs', 'Button', 'Card', 'CardContent', 'CardCover', 'CardOverflow', 'Checkbox', 'Chip', 'ChipDelete', 'CircularProgress', 'Container', 'CssBaseline', 'Divider', 'FormControl', 'FormHelperText', 'FormLabel', 'Grid', 'IconButton', 'Input', 'LinearProgress', 'Link', 'List', 'ListDivider', 'ListItem', 'ListItemButton', 'ListItemContent', 'ListItemDecorator', 'ListSubheader', 'Menu', 'MenuItem', 'MenuList', 'Modal', 'ModalClose', 'ModalDialog', 'Option', 'Radio', 'RadioGroup', 'ScopedCssBaseline', 'Select', 'Sheet', 'Slider', 'Stack', 'SvgIcon', 'Switch', 'Tab', 'Table', 'TableCell', 'TabList', 'TabPanel', 'Tabs', 'Textarea', 'TextField', 'Tooltip', 'Typography'];
/**
* @param {import('jscodeshift').FileInfo} file
*/
function transformer(file) {
return file.source
// from `--<Component>-<slot>-<property>` to `--<Component>-<slot><Property>`
.replace(/--([a-zA-Z]+)([-_])([a-zA-Z]+)-([a-zA-Z]+)/gm, (matched, capture1, capture2, capture3, capture4) => {
if (!JoyComponents.includes(capture1) && !['internal', 'unstable', 'private'].includes(capture1)) {
return matched;
}
// turn `--List-item-...` and `--List-divider-...` to `--ListItem-...` and `--ListDivider-...`
if (capture1 === 'List' && ['divider', 'item'].includes(capture3)) {
return `--${capture1}${capitalize(capture3)}-${capture4}`;
}
// turn `--List-decorator-...` to `--ListItemDecorator-...`
if (capture1 === 'List' && ['decorator'].includes(capture3)) {
return `--${capture1}Item${capitalize(capture3)}-${capture4}`;
}
if (!JoyComponents.includes(capture3)) {
return `--${capture1}${capture2}${capture3}${capitalize(capture4)}`;
}
return matched;
}).replace(/--List-decoratorSize/gm, '--ListItemDecorator-size').replace(/--List-decoratorColor/gm, '--ListItemDecorator-color')
// from `--internal-...` to `--unstable_...`
.replace(/--internal-/gm, '--unstable_')
// from `--private_...` to `--unstable_...`
.replace(/--private_/gm, '--unstable_');
}