GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-07 07:21:17 +08:00
Code Issues Packages Projects Releases Wiki Activity

improve package guessing logic

Browse Source
This commit is contained in:
Yann Braga 2024-12-04 10:08:41 +01:00
parent 54a7a1ec72
commit 7dc82673f9
1 changed files with 68 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

135
scripts/build-package.ts
View File

@ -81,60 +81,80 @@ async function run() {
tasks[key].value = containsFlag || opts.all;
});
let selection;
let watchMode = false;
let prodMode = false;
if (
!Object.keys(tasks)
.map((key) => tasks[key].value)
.filter(Boolean).length
) {
selection = await prompts([
{
type: 'toggle',
name: 'watch',
message: 'Start in watch mode',
initial: false,
active: 'yes',
inactive: 'no',
},
{
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!',
// @ts-expect-error @types incomplete
optionsPerPage: windowSize.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,
})),
},
]).then(({ watch, prod, todo }: { watch: boolean; prod: boolean; todo: Array<string> }) => {
// hits here when running yarn build --packagename
let watchMode = process.argv.includes('--watch');
let prodMode = process.argv.includes('--prod');
let selection = Object.keys(tasks)
.map((key) => tasks[key])
.filter((item) => !['watch', 'prod'].includes(item.name) && item.value === true);
// user has passed an invalid package name(s) - try to guess the correct package name(s)
if ((!selection.length && main.args.length >= 1) || selection.length !== main.args.length) {
const suffixList = Object.values(tasks)
.filter((t) => t.name.includes('@storybook'))
.map((t) => t.suffix);
for (const arg of main.args) {
if (!suffixList.includes(arg)) {
const matchText = findMostMatchText(suffixList, arg);
if (matchText) {
console.log(
`${picocolors.red('Error')}: ${picocolors.cyan(
arg
)} is not a valid package name, Did you mean ${picocolors.cyan(matchText)}?`
);
}
}
}
process.exit(0);
}
if (!selection.length) {
selection = await prompts(
[
{
type: 'toggle',
name: 'watch',
message: 'Start in watch mode',
initial: false,
active: 'yes',
inactive: 'no',
},
{
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!',
// @ts-expect-error @types incomplete
optionsPerPage: windowSize.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,
})),
},
],
{ onCancel: () => process.exit(0) }
).then(({ watch, prod, todo }: { watch: boolean; prod: boolean; todo: Array<string> }) => {
watchMode = watch;
prodMode = prod;
return todo?.map((key) => tasks[key]);
});
} else {
// hits here when running yarn build --packagename
watchMode = process.argv.includes('--watch');
prodMode = process.argv.includes('--prod');
selection = Object.keys(tasks)
.map((key) => tasks[key])
.filter((item) => !['watch', 'prod'].includes(item.name) && item.value === true);
}
selection?.filter(Boolean).forEach(async (v) => {
console.log('Building selected packages...');
selection.forEach(async (v) => {
const command = (await readJSON(resolve('../code', v.location, 'package.json'))).scripts?.prep
.split(posix.sep)
.join(sep);
@ -165,25 +185,6 @@ async function run() {
process.stderr.write(`${picocolors.red(v.name)}:\n${data}`);
});
});
if (!selection.length && (watchMode || prodMode)) {
const args = program.rawArgs.slice(3);
const suffixList = Object.values(tasks)
.filter((t) => t.name.includes('@storybook'))
.map((t) => t.suffix);
for (const arg of args) {
const matchText = findMostMatchText(suffixList, arg);
if (matchText) {
console.log(
`\n${chalk.red('Error')}: ${chalk.cyan(
arg
)} is not a valid package name, Did you mean ${chalk.cyan(matchText)}?`
);
}
}
}
}
run().catch((e) => {