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

Merge pull request #14950 from storybookjs/feat/cli-link-local

Browse Source 
CLI: Add sb link --local option
This commit is contained in:
Michael Shilman 2021-05-20 21:06:52 +08:00 committed by GitHub
commit 22fb0dc622
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 41 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
lib/cli/src/generate.ts
View File

@ -110,10 +110,11 @@ program
);
program
.command('link <repro-url>')
.description('Pull down a repro from a URL, link it, and run storybook')
.action((reproUrl) =>
link({ reproUrl }).catch((e) => {
.command('link <repo-url-or-directory>')
.description('Pull down a repro from a URL (or a local directory), link it, and run storybook')
.option('--local', 'Link a local directory already in your file system')
.action((target, { local }) =>
link({ target, local }).catch((e) => {
logger.error(e);
process.exit(1);
})

52
lib/cli/src/link.ts
View File

@ -1,14 +1,16 @@
import fse from 'fs-extra';
import path from 'path';
import { sync as spawnSync } from 'cross-spawn';
import { logger } from '@storybook/node-logger';
import { exec } from './repro-generators/scripts';
interface LinkOptions {
reproUrl: string;
target: string;
local?: boolean;
}
export const link = async ({ reproUrl }: LinkOptions) => {
const storybookDirectory = process.cwd();
export const link = async ({ target, local }: LinkOptions) => {
const storybookDir = process.cwd();
try {
const packageJson = JSON.parse(fse.readFileSync('package.json', 'utf8'));
if (packageJson.name !== '@storybook/root') throw new Error();
@ -16,28 +18,46 @@ export const link = async ({ reproUrl }: LinkOptions) => {
throw new Error('Expected to run link from the root of the storybook monorepo');
}
const reprosDirectory = path.join(storybookDirectory, '../storybook-repros');
logger.info(`Ensuring directory ${reprosDirectory}`);
fse.ensureDirSync(reprosDirectory);
let reproDir = target;
let reproName = path.basename(target);
logger.info(`Cloning ${reproUrl}`);
await exec(`git clone ${reproUrl}`, { cwd: reprosDirectory });
// Extract a repro name from url given as input (take the last part of the path and remove the extension)
const reproName = path.basename(reproUrl, path.extname(reproUrl));
const repro = path.join(reprosDirectory, reproName);
if (!local) {
const reprosDir = path.join(storybookDir, '../storybook-repros');
logger.info(`Ensuring directory ${reprosDir}`);
fse.ensureDirSync(reprosDir);
logger.info(`Linking ${repro}`);
await exec(`yarn link --all ${storybookDirectory}`, { cwd: repro });
logger.info(`Cloning ${target}`);
await exec(`git clone ${target}`, { cwd: reprosDir });
// Extract a repro name from url given as input (take the last part of the path and remove the extension)
reproName = path.basename(target, path.extname(target));
reproDir = path.join(reprosDir, reproName);
}
const version = spawnSync('yarn', ['--version'], {
cwd: reproDir,
stdio: 'pipe',
}).stdout.toString();
if (!version.startsWith('2.')) {
logger.warn(`🚨 Expected yarn 2 in ${reproDir}!`);
logger.warn('');
logger.warn('Please set it up with `yarn set version berry`,');
logger.warn(`then link '${reproDir}' with the '--local' flag.`);
return;
}
logger.info(`Linking ${reproDir}`);
await exec(`yarn link --all ${storybookDir}`, { cwd: reproDir });
logger.info(`Installing ${reproName}`);
await exec(`yarn install`, { cwd: repro });
await exec(`yarn install`, { cwd: reproDir });
// ⚠️ TODO: Fix peer deps in `@storybook/preset-create-react-app`
logger.info(
`Magic stuff related to @storybook/preset-create-react-app, we need to fix peerDependencies`
);
await exec(`yarn add -D webpack-hot-middleware`, { cwd: repro });
await exec(`yarn add -D webpack-hot-middleware`, { cwd: reproDir });
logger.info(`Running ${reproName} storybook`);
await exec(`yarn run storybook`, { cwd: repro });
await exec(`yarn run storybook`, { cwd: reproDir });
};