mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-04 19:41:06 +08:00
90 lines
2.9 KiB
JavaScript
90 lines
2.9 KiB
JavaScript
import path from 'path';
|
|
import fs from 'fs';
|
|
import JSON5 from 'json5';
|
|
import mergeDirs from 'merge-dirs';
|
|
import { getVersions, getPackageJson, writePackageJson } from '../../lib/helpers';
|
|
|
|
export default async npmOptions => {
|
|
const [
|
|
storybookVersion,
|
|
actionsVersion,
|
|
linksVersion,
|
|
addonsVersion,
|
|
reactVersion,
|
|
reactDomVersion,
|
|
babelCoreVersion,
|
|
presetEnvVersion,
|
|
presetReactVersion,
|
|
presetStage0Version,
|
|
rootSlashImportVersion,
|
|
] = await getVersions(
|
|
npmOptions,
|
|
'@storybook/react',
|
|
'@storybook/addon-actions',
|
|
'@storybook/addon-links',
|
|
'@storybook/addons',
|
|
'react',
|
|
'react-dom',
|
|
'@babel/core',
|
|
'@babel/preset-env',
|
|
'@babel/preset-react',
|
|
'@babel/preset-stage-0',
|
|
'babel-root-slash-import'
|
|
);
|
|
|
|
mergeDirs(path.resolve(__dirname, 'template/'), '.', 'overwrite');
|
|
|
|
const packageJson = getPackageJson();
|
|
packageJson.devDependencies = packageJson.devDependencies || {};
|
|
packageJson.scripts = packageJson.scripts || {};
|
|
packageJson.dependencies = packageJson.dependencies || {};
|
|
|
|
// create or update .babelrc
|
|
let babelrc = null;
|
|
if (fs.existsSync('.babelrc')) {
|
|
const babelrcContent = fs.readFileSync('.babelrc', 'utf8');
|
|
babelrc = JSON5.parse(babelrcContent);
|
|
babelrc.plugins = babelrc.plugins || [];
|
|
|
|
if (babelrc.plugins.indexOf('module:babel-root-slash-import') < 0) {
|
|
babelrc.plugins.push('module:babel-root-slash-import');
|
|
packageJson.devDependencies['babel-root-slash-import'] = rootSlashImportVersion;
|
|
}
|
|
} else {
|
|
babelrc = {
|
|
presets: [
|
|
'@babel/preset-env',
|
|
'@babel/preset-react',
|
|
['@babel/preset-stage-0', { decoratorsLegacy: true }],
|
|
],
|
|
plugins: ['module:babel-root-slash-import'],
|
|
};
|
|
|
|
packageJson.devDependencies['@babel/preset-env'] = presetEnvVersion;
|
|
packageJson.devDependencies['@babel/preset-react'] = presetReactVersion;
|
|
packageJson.devDependencies['@babel/preset-stage-0'] = presetStage0Version;
|
|
packageJson.devDependencies['babel-root-slash-import'] = rootSlashImportVersion;
|
|
}
|
|
|
|
fs.writeFileSync('.babelrc', JSON.stringify(babelrc, null, 2), 'utf8');
|
|
|
|
// write the new package.json.
|
|
packageJson.devDependencies['@babel/core'] = babelCoreVersion;
|
|
packageJson.devDependencies['@storybook/react'] = storybookVersion;
|
|
packageJson.devDependencies['@storybook/addon-actions'] = actionsVersion;
|
|
packageJson.devDependencies['@storybook/addon-links'] = linksVersion;
|
|
packageJson.devDependencies['@storybook/addons'] = addonsVersion;
|
|
packageJson.scripts.storybook = 'start-storybook -p 6006';
|
|
packageJson.scripts['build-storybook'] = 'build-storybook';
|
|
|
|
// add react packages.
|
|
if (!packageJson.dependencies.react) {
|
|
packageJson.dependencies.react = reactVersion;
|
|
}
|
|
if (!packageJson.dependencies['react-dom']) {
|
|
packageJson.dependencies['react-dom'] = reactDomVersion;
|
|
}
|
|
|
|
writePackageJson(packageJson);
|
|
};
|