LogalDeveloper/owncast
0
Fork 0
Code Activity

Add additional assets to Storybook

Browse Source
This commit is contained in:
Gabe Kangas
2023-01-27 20:07:14 -08:00
parent 1054e4e4b1
commit f97c180c3d
32 changed files with 197 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
web/.storybook/tools/generate-image-story.mjs
View File

@@ -11,13 +11,14 @@ handlebars.registerHelper('capitalize', function (str) {
const args = process.argv;
const dir = args[2];
const title = args[3];
if (args.length < 4) {
console.error('Usage: generate-image-story.mjs <dir> <title>');
const category = args[4];
const publicPath = args[5];
if (args.length < 6) {
console.error('Usage: generate-image-story.mjs <dir> <title> <category> <webpublicpath>');
process.exit(1);
}
const relativeDir = path.relative('../../public/', dir);
const images = readdirSync(dir)
.map(img => {
const resolvedPath = path.resolve(dir, img);
@@ -25,11 +26,11 @@ const images = readdirSync(dir)
return;
}
return { name: img, src: `${relativeDir}/${img}` };
return { name: img, src: `${publicPath}/${img}` };
})
.filter(Boolean);
const template = fs.readFileSync('./Images.stories.mdx', 'utf8');
let t = handlebars.compile(template);
let output = t({ images, title });
let output = t({ images, title, category });
console.log(output);