generated from RedHatInsights/frontend-starter-app
-
Notifications
You must be signed in to change notification settings - Fork 42
/
babel.config.js
88 lines (81 loc) · 2.31 KB
/
babel.config.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
require.extensions['.css'] = () => undefined;
const path = require('path');
const glob = require('glob');
const cammelToDash = (name) =>
name
.split(/(?=[A-Z])/)
.join('-')
.toLowerCase();
// Mapper for Patternly components
const mapper = {
TextVariants: 'Text',
DropdownPosition: 'dropdownConstants',
EmptyStateVariant: 'EmptyState',
TextListItemVariants: 'TextListItem',
TextListVariants: 'TextList',
};
// Wrapper for Patternfly icons
const iconMapper = {};
// Mapper for cloud-services components
const FECMapper = {
SkeletonSize: 'Skeleton',
PageHeaderTitle: 'PageHeader',
};
const NotificationMapper = {
REMOVE_NOTIFICATION: 'actionTypes',
ADD_NOTIFICATION: 'actionTypes',
NotificationsPortal: 'NotificationPortal',
addNotification: 'actions',
};
const CharMapper = {
ChartThemeColor: 'ChartTheme',
};
module.exports = {
presets: ['@babel/env', '@babel/react'],
plugins: [
'@babel/plugin-transform-runtime',
'@babel/plugin-syntax-dynamic-import',
'@babel/plugin-proposal-object-rest-spread',
'@babel/plugin-proposal-class-properties',
'lodash',
[
'transform-imports',
{
'@patternfly/react-core': {
transform: (importName) => {
const files = glob.sync(
path.resolve(
__dirname,
`./node_modules/@patternfly/react-core/dist/esm/**/${
mapper[importName] || importName
}.js`
)
);
if (files.length > 0) {
return files[0].replace(/.*(?=@patternfly)/, '');
} else {
throw `File with importName ${importName} does not exist`;
}
},
preventFullImport: false,
skipDefaultConversion: true,
},
'@patternfly/react-icons': {
transform: (importName) =>
`@patternfly/react-icons/dist/esm/icons/${cammelToDash(
importName
)}.js`,
preventFullImport: true,
},
'@patternfly/react-charts': {
transform: (importName) =>
`@patternfly/react-charts/dist/esm/components/${
CharMapper[importName] || importName
}/index.js`,
preventFullImport: true,
skipDefaultConversion: true,
},
},
],
],
};