storybook/scripts/build-package.js

143 lines
3.9 KiB
JavaScript
Raw Normal View History

2020-04-07 20:18:10 +02:00
#!/usr/bin/env node
/* eslint-disable global-require */
const { resolve } = require('path');
2022-04-28 16:52:35 +02:00
const { readJSON } = require('fs-extra');
2020-04-07 20:18:10 +02:00
const getStorybookPackages = async () => {
2022-07-29 17:22:56 +02:00
const workspaceJSON = await readJSON(resolve(__dirname, '..', 'code', 'workspace.json'));
return Object.entries(workspaceJSON.projects).map(([k, v]) => ({
location: v.root,
name: k,
}));
2020-04-07 20:18:10 +02:00
};
async function run() {
const prompts = require('prompts');
2020-04-07 20:18:10 +02:00
const program = require('commander');
const chalk = require('chalk');
const packages = await getStorybookPackages();
2020-04-07 20:18:10 +02:00
const packageTasks = packages
.map((package) => {
return {
...package,
suffix: package.name.replace('@storybook/', ''),
2020-04-07 20:18:10 +02:00
defaultValue: false,
helpText: `build only the ${package.name} package`,
2020-04-07 20:18:10 +02:00
};
})
.reduce((acc, next) => {
acc[next.name] = next;
return acc;
}, {});
const tasks = {
watch: {
name: `watch`,
defaultValue: false,
suffix: '--watch',
2020-04-07 20:18:10 +02:00
helpText: 'build on watch mode',
},
2022-06-29 00:13:43 +08:00
prod: {
name: `prod`,
defaultValue: false,
suffix: '--prod',
helpText: 'build on production mode',
},
2020-04-07 20:18:10 +02:00
...packageTasks,
};
const main = program.version('5.0.0').option('--all', `build everything ${chalk.gray('(all)')}`);
Object.keys(tasks)
.reduce((acc, key) => acc.option(tasks[key].suffix, tasks[key].helpText), main)
2020-04-07 20:18:10 +02:00
.parse(process.argv);
Object.keys(tasks).forEach((key) => {
// checks if a flag is passed e.g. yarn build --@storybook/addon-docs --watch
const containsFlag = program.rawArgs.includes(tasks[key].suffix);
tasks[key].value = containsFlag || program.all;
2020-04-07 20:18:10 +02:00
});
let selection;
let watchMode = false;
2022-06-29 00:13:43 +08:00
let prodMode = false;
2020-04-07 20:18:10 +02:00
if (
!Object.keys(tasks)
.map((key) => tasks[key].value)
.filter(Boolean).length
) {
selection = await prompts([
{
type: 'toggle',
2022-06-29 00:13:43 +08:00
name: 'watch',
message: 'Start in watch mode',
initial: false,
active: 'yes',
inactive: 'no',
},
2022-06-29 00:13:43 +08:00
{
type: 'toggle',
name: 'prod',
message: 'Start in production mode',
initial: false,
active: 'yes',
inactive: 'no',
},
{
type: 'autocompleteMultiselect',
message: 'Select the packages to build',
name: 'todo',
min: 1,
hint: 'You can also run directly with package name like `yarn build core`, or `yarn build --all` for all packages!',
2022-04-28 16:52:35 +02:00
optionsPerPage: require('window-size').height - 3, // 3 lines for extra info
choices: packages.map(({ name: key }) => ({
value: key,
title: tasks[key].name || key,
selected: (tasks[key] && tasks[key].defaultValue) || false,
})),
},
2022-06-29 00:13:43 +08:00
]).then(({ watch, prod, todo }) => {
watchMode = watch;
prodMode = prod;
return todo?.map((key) => tasks[key]);
});
2020-04-07 20:18:10 +02:00
} else {
// hits here when running yarn build --packagename
watchMode = process.argv.includes('--watch');
2022-06-29 00:13:43 +08:00
prodMode = process.argv.includes('--prod');
selection = Object.keys(tasks)
.map((key) => tasks[key])
2022-06-29 00:13:43 +08:00
.filter((item) => !['watch', 'prod'].includes(item.name) && item.value === true);
2020-04-07 20:18:10 +02:00
}
Merge commit '13b40e371555122513d307be94da2f0705df34ef' into future/modern-frameworks # Conflicts: # addons/a11y/package.json # addons/actions/package.json # addons/backgrounds/package.json # addons/controls/package.json # addons/docs/package.json # addons/essentials/package.json # addons/interactions/package.json # addons/jest/package.json # addons/links/package.json # addons/measure/package.json # addons/outline/package.json # addons/storyshots/storyshots-core/package.json # addons/storysource/package.json # addons/toolbars/package.json # addons/viewport/package.json # docs/faq.md # examples/angular-cli/.storybook/main.js # examples/angular-cli/package.json # examples/cra-kitchen-sink/.storybook/main.js # examples/cra-kitchen-sink/package.json # examples/cra-react15/.storybook/main.js # examples/cra-react15/package.json # examples/cra-ts-essentials/.storybook/main.ts # examples/cra-ts-essentials/package.json # examples/cra-ts-kitchen-sink/.storybook/main.ts # examples/cra-ts-kitchen-sink/package.json # examples/ember-cli/.storybook/main.js # examples/ember-cli/package.json # examples/external-docs/package.json # examples/html-kitchen-sink/.storybook/main.js # examples/html-kitchen-sink/package.json # examples/official-storybook/main.ts # examples/official-storybook/package.json # examples/preact-kitchen-sink/.storybook/main.js # examples/preact-kitchen-sink/package.json # examples/react-ts-webpack4/package.json # examples/react-ts/package.json # examples/server-kitchen-sink/package.json # examples/standalone-preview/package.json # examples/svelte-kitchen-sink/.storybook/main.js # examples/svelte-kitchen-sink/package.json # examples/vue-3-cli/.storybook/main.js # examples/vue-3-cli/package.json # examples/vue-cli/.storybook/main.js # examples/vue-cli/package.json # examples/vue-kitchen-sink/.storybook/main.js # examples/vue-kitchen-sink/package.json # examples/web-components-kitchen-sink/.storybook/main.js # frameworks/angular/package.json # frameworks/ember/package.json # frameworks/preact-webpack5/package.json # frameworks/vue-webpack5/package.json # frameworks/vue3-webpack5/package.json # lib/addons/package.json # lib/api/package.json # lib/builder-webpack4/package.json # lib/builder-webpack5/package.json # lib/channel-postmessage/package.json # lib/channel-websocket/package.json # lib/channels/package.json # lib/cli/package.json # lib/cli/src/automigrate/fixes/angular12.test.ts # lib/cli/src/automigrate/index.ts # lib/cli/src/versions.ts # lib/client-api/package.json # lib/client-logger/package.json # lib/codemod/package.json # lib/components/package.json # lib/core-client/package.json # lib/core-common/package.json # lib/core-events/package.json # lib/core-server/package.json # lib/core-server/src/__snapshots__/vue-3-cli_preview-dev-posix # lib/core-server/src/__snapshots__/vue-3-cli_preview-prod-posix # lib/core-vite/package.json # lib/csf-tools/package.json # lib/docs-tools/package.json # lib/instrumenter/package.json # lib/manager-webpack4/package.json # lib/manager-webpack5/package.json # lib/node-logger/package.json # lib/postinstall/package.json # lib/preview-web/package.json # lib/router/package.json # lib/source-loader/package.json # lib/store/package.json # lib/telemetry/package.json # lib/theming/package.json # lib/ui/package.json # presets/server-webpack/package.json # renderers/html/package.json # renderers/react/package.json # renderers/svelte/package.json # renderers/web-components/package.json # scripts/build-package.js # scripts/bundle-package.ts # yarn.lock
2022-05-26 14:39:12 +02:00
selection?.filter(Boolean).forEach(async (v) => {
2022-09-01 15:56:01 +03:00
const commmand = (await readJSON(resolve(v.location, 'package.json'))).scripts.prep;
2022-07-29 17:22:56 +02:00
const cwd = resolve(__dirname, '..', 'code', v.location);
2022-06-29 00:13:43 +08:00
const sub = require('execa').command(
2022-08-05 12:13:39 +02:00
`${commmand}${watchMode ? ' --watch' : ''}${prodMode ? ' --optimized' : ''}`,
2022-06-29 00:13:43 +08:00
{
cwd,
buffer: false,
shell: true,
env: {
NODE_ENV: 'production',
},
}
);
sub.stdout.on('data', (data) => {
process.stdout.write(`${chalk.cyan(v.name)}:\n${data}`);
2020-04-07 20:18:10 +02:00
});
sub.stderr.on('data', (data) => {
process.stderr.write(`${chalk.red(v.name)}:\n${data}`);
});
});
2020-04-07 20:18:10 +02:00
}
run().catch((e) => {
console.log(e);
process.exit(1);
});