ant-design/scripts/collect-token-statistic.ts

53 lines
1.5 KiB
TypeScript
Raw Normal View History

import React from 'react';
import chalk from 'chalk';
import cliProgress from 'cli-progress';
import fs from 'fs-extra';
import ReactDOMServer from 'react-dom/server';
import { DesignTokenContext, statistic } from '../components/theme/internal';
import seedToken from '../components/theme/themes/seed';
import { generateCssinjs, styleFiles } from './generate-cssinjs';
console.log(`🪄 Collecting token statistics...`);
const bar = new cliProgress.SingleBar(
{
format: `🪄 Collecting by component: [${chalk.cyan('{bar}')}] {component} | {value}/{total}`,
},
cliProgress.Presets.rect,
);
bar.start(styleFiles.length, 0);
(async () => {
await generateCssinjs({
key: 'file',
beforeRender(componentName: string) {
bar.increment({ component: componentName });
},
render(Component: any) {
ReactDOMServer.renderToString(React.createElement(Component));
// Render wireframe
const wireframeToken = { ...seedToken, wireframe: true };
ReactDOMServer.renderToString(
React.createElement(
DesignTokenContext.Provider,
{
value: {
token: wireframeToken,
override: {
override: wireframeToken,
},
},
},
React.createElement(Component),
),
);
},
});
bar.stop();
const tokenPath = `${process.cwd()}/components/version/token.json`;
fs.writeJsonSync(tokenPath, statistic, 'utf8');
console.log(chalk.green(`✅ Collected token statistics successfully, check it in`), tokenPath);
})();