2018-08-22 18:40:39 +02:00

74 lines
2.2 KiB
JavaScript

import path from 'path';
import fs from 'fs';
import JSON5 from 'json5';
import mergeDirs from 'merge-dirs';
import { getVersions, getPackageJson, writePackageJson, installBabel } from '../../lib/helpers';
export default async npmOptions => {
const [
storybookVersion,
actionsVersion,
linksVersion,
addonsVersion,
reactVersion,
reactDomVersion,
presetEnvVersion,
presetReactVersion,
] = await getVersions(
npmOptions,
'@storybook/react',
'@storybook/addon-actions',
'@storybook/addon-links',
'@storybook/addons',
'react',
'react-dom',
'@babel/preset-env',
'@babel/preset-react'
);
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 || [];
} else {
babelrc = {
presets: ['@babel/preset-env', '@babel/preset-react'],
};
packageJson.devDependencies['@babel/preset-env'] = presetEnvVersion;
packageJson.devDependencies['@babel/preset-react'] = presetReactVersion;
}
fs.writeFileSync('.babelrc', JSON.stringify(babelrc, null, 2), 'utf8');
// write the new package.json.
packageJson.devDependencies['@storybook/react'] = storybookVersion;
packageJson.devDependencies['@storybook/addon-actions'] = actionsVersion;
packageJson.devDependencies['@storybook/addon-links'] = linksVersion;
packageJson.devDependencies['@storybook/addons'] = addonsVersion;
await installBabel(npmOptions, packageJson);
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);
};