/
index.ts
75 lines (60 loc) · 2.38 KB
/
index.ts
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
import chalk from 'chalk';
import shell from 'shelljs';
import { getBabelDependencies, paddedLog, copyTemplate } from '../../helpers';
import { JsPackageManager } from '../../js-package-manager';
import { NpmOptions } from '../../NpmOptions';
import { GeneratorOptions } from '../baseGenerator';
const generator = async (
packageManager: JsPackageManager,
npmOptions: NpmOptions,
installServer: boolean,
options: GeneratorOptions
): Promise<void> => {
// set correct project name on entry files if possible
const dirname = shell.ls('-d', 'ios/*.xcodeproj').stdout;
// Only notify about app name if running in React Native vanilla (Expo projects do not have ios directory)
if (dirname) {
const projectName = dirname.slice('ios/'.length, dirname.length - '.xcodeproj'.length - 1);
if (projectName) {
shell.sed('-i', '%APP_NAME%', projectName, 'storybook/index.js');
} else {
paddedLog(
chalk.red(
'ERR: Could not determine project name, to fix: https://github.com/storybookjs/storybook/issues/1277'
)
);
}
}
const packageJson = packageManager.retrievePackageJson();
const missingReactDom =
!packageJson.dependencies['react-dom'] && !packageJson.devDependencies['react-dom'];
const reactVersion = packageJson.dependencies.react;
// should resolve to latest 5.3 version, this is required until react-native storybook supports v6
const webAddonsV5 = [
'@storybook/addon-links@^5.3',
'@storybook/addon-knobs@^5.3',
'@storybook/addon-actions@^5.3',
];
const nativeAddons = ['@storybook/addon-ondevice-knobs', '@storybook/addon-ondevice-actions'];
const packagesToResolve = [
...nativeAddons,
'@storybook/react-native',
installServer && '@storybook/react-native-server',
].filter(Boolean);
const resolvedPackages = await packageManager.getVersionedPackages(...packagesToResolve);
const babelDependencies = await getBabelDependencies(packageManager, packageJson);
const packages = [
...babelDependencies,
...resolvedPackages,
...webAddonsV5,
missingReactDom && reactVersion && `react-dom@${reactVersion}`,
].filter(Boolean);
packageManager.addDependencies({ ...npmOptions, packageJson }, packages);
if (installServer) {
packageManager.addStorybookCommandInScripts({
port: 7007,
});
}
copyTemplate(__dirname, options.storyFormat);
};
export default generator;