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

Core: Add fileName to built-in stories.json extraction

Browse Source
This commit is contained in:
Michael Shilman 2021-05-18 09:27:20 +08:00
parent 06851d2610
commit 343f7fd534
2 changed files with 27 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
lib/core-server/src/build-static.ts
View File

@ -71,7 +71,11 @@ export async function buildStaticStandalone(options: CLIOptions & LoadOptions &
};
const storiesGlobs = (await presets.apply('stories')) as string[];
await extractStoriesJson(path.join(options.outputDir, 'stories.json'), storiesGlobs);
await extractStoriesJson(
path.join(options.outputDir, 'stories.json'),
storiesGlobs,
options.configDir
);
const prebuiltDir = await getPrebuiltDir(fullOptions);

36
lib/core-server/src/utils/stories-json.ts
View File

@ -14,48 +14,56 @@ interface ExtractedStory {
type ExtractedStories = Record<string, ExtractedStory>;
export async function extractStoriesJson(fileName: string, storiesGlobs: string[]) {
export async function extractStoriesJson(
ouputFile: string,
storiesGlobs: string[],
configDir: string
) {
if (!storiesGlobs) {
throw new Error('No stories glob');
}
const storyFiles: string[] = [];
await Promise.all(
storiesGlobs.map(async (storiesGlob) => {
const files = await glob(storiesGlob);
const files = await glob(path.join(configDir, storiesGlob));
storyFiles.push(...files);
})
);
logger.info(`⚙️ Processing ${storyFiles.length} story files`);
logger.info(`⚙️ Processing ${storyFiles.length} story files from ${storiesGlobs}`);
const stories: ExtractedStories = {};
await Promise.all(
storyFiles.map(async (csfFile) => {
const ext = path.extname(csfFile);
storyFiles.map(async (fileName) => {
const ext = path.extname(fileName);
if (!['.js', '.jsx', '.ts', '.tsx'].includes(ext)) {
logger.info(`skipping ${csfFile}`);
logger.info(`skipping ${fileName}`);
}
const csf = (await readCsf(csfFile)).parse();
const csf = (await readCsf(fileName)).parse();
csf.stories.forEach((story) => {
stories[story.id] = { ...story, kind: csf.meta.title };
stories[story.id] = {
...story,
kind: csf.meta.title,
parameters: { ...story.parameters, fileName },
};
});
})
);
await fs.writeJson(fileName, { v: 3, stories });
await fs.writeJson(ouputFile, { v: 3, stories });
}
const timeout = 30000; // 30s
const step = 100; // .1s
export async function useStoriesJson(router: any, options: Options) {
const storiesFile = resolvePathInStorybookCache('stories.json');
await fs.remove(storiesFile);
const storiesJson = resolvePathInStorybookCache('stories.json');
await fs.remove(storiesJson);
const storiesGlobs = (await options.presets.apply('stories')) as string[];
extractStoriesJson(storiesFile, storiesGlobs);
extractStoriesJson(storiesJson, storiesGlobs, options.configDir);
router.use('/stories.json', async (_req: any, res: any) => {
for (let i = 0; i < timeout / step; i += 1) {
if (fs.existsSync(storiesFile)) {
if (fs.existsSync(storiesJson)) {
// eslint-disable-next-line no-await-in-loop
const json = await fs.readFile(storiesFile, 'utf-8');
const json = await fs.readFile(storiesJson, 'utf-8');
res.header('Content-Type', 'application/json');
return res.send(json);
}