mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-30 12:28:33 +08:00
863f61d908
Co-authored-by: afc163 <afc163@gmail.com>
66 lines
1.6 KiB
TypeScript
66 lines
1.6 KiB
TypeScript
import React from 'react';
|
|
import {
|
|
legacyNotSelectorLinter,
|
|
logicalPropertiesLinter,
|
|
NaNLinter,
|
|
parentSelectorLinter,
|
|
StyleProvider,
|
|
} from '@ant-design/cssinjs';
|
|
import chalk from 'chalk';
|
|
import ReactDOMServer from 'react-dom/server';
|
|
|
|
import { ConfigProvider } from '../components';
|
|
import { generateCssinjs } from './generate-cssinjs';
|
|
|
|
console.log(chalk.green(`🔥 Checking CSS-in-JS...`));
|
|
|
|
let errorCount = 0;
|
|
const originError = console.error;
|
|
console.error = (msg: any) => {
|
|
if (msg.includes('Warning: [Ant Design CSS-in-JS]')) {
|
|
errorCount += 1;
|
|
console.log(chalk.red(`❌ `), msg.slice(msg.indexOf('Error in')).replace(/\s+/g, ' '));
|
|
} else {
|
|
originError(msg);
|
|
}
|
|
};
|
|
|
|
async function checkCSSVar() {
|
|
await generateCssinjs({
|
|
key: 'check',
|
|
render(Component: any) {
|
|
ReactDOMServer.renderToString(
|
|
<StyleProvider linters={[NaNLinter]}>
|
|
<ConfigProvider theme={{ cssVar: true, hashed: false }}>
|
|
<Component />
|
|
</ConfigProvider>
|
|
</StyleProvider>,
|
|
);
|
|
},
|
|
});
|
|
}
|
|
|
|
(async () => {
|
|
await generateCssinjs({
|
|
key: 'check',
|
|
render(Component: any) {
|
|
ReactDOMServer.renderToString(
|
|
<StyleProvider
|
|
linters={[logicalPropertiesLinter, legacyNotSelectorLinter, parentSelectorLinter]}
|
|
>
|
|
<Component />
|
|
</StyleProvider>,
|
|
);
|
|
},
|
|
});
|
|
|
|
await checkCSSVar();
|
|
|
|
if (errorCount > 0) {
|
|
console.log(chalk.red(`❌ CSS-in-JS check failed with ${errorCount} errors.`));
|
|
process.exit(1);
|
|
} else {
|
|
console.log(chalk.green(`✅ CSS-in-JS check passed.`));
|
|
}
|
|
})();
|