fix(storybook): update storybook generation templates

web/.storybook/tools/generate-document-stories.mjs

@@ -1,7 +1,7 @@
 import fs from 'fs';
 import handlebars from 'handlebars';
 
-const template = fs.readFileSync('./Document.stories.mdx', 'utf8');
+const template = fs.readFileSync('./Document.template', 'utf8');
 let t = handlebars.compile(template, { noEscape: true });
 
 const documents = [
@@ -30,5 +30,5 @@ documents.forEach(doc => {
 
   const document = fs.readFileSync(doc.path, 'utf8');
   const output = t({ name: doc.name, title: doc.title, content: document });
-  fs.writeFileSync(`../stories-category-doc-pages/${doc.name}.stories.mdx`, output);
+  fs.writeFileSync(`../stories-category-doc-pages/${doc.name}.mdx`, output);
 });

web/.storybook/tools/generate-emoji-story.mjs

@@ -31,7 +31,7 @@ emojiCollectionDirs.forEach(collection => {
   emojiCollections[collection] = { name: collection, images: emojiCollection };
 });
 
-const template = fs.readFileSync('./Emoji.stories.mdx', 'utf8');
+const template = fs.readFileSync('./Emoji.template', 'utf8');
 let t = handlebars.compile(template);
 let output = t({ emojiCollections });
 console.log(output);

web/.storybook/tools/generate-image-story.mjs

@@ -31,7 +31,7 @@ const images = readdirSync(dir)
   })
   .filter(Boolean);
 
-const templateFile = useLarge ? './ImagesLarge.stories.mdx' : './Images.stories.mdx';
+const templateFile = useLarge ? './ImagesLarge.template' : './Images.template';
 const template = fs.readFileSync(templateFile, 'utf8');
 let t = handlebars.compile(template);
 let output = t({ images, title, category });

web/.storybook/tools/generate-stories.sh

@@ -1,7 +1,7 @@
 #!/bin/sh
 
 # Generate the custom Emoji story
-node generate-emoji-story.mjs >../stories-category-doc-pages/Emoji.stories.mdx
+node generate-emoji-story.mjs >../stories-category-doc-pages/Emoji.mdx
 
 # Generate stories out of documentation
 
@@ -11,7 +11,7 @@ node generate-document-stories.mjs
 
 # Project image assets
 
-node generate-image-story.mjs ../../public/img/ Images "owncast/Frontend Assets/Images" "img" >../stories-category-doc-pages/Images.stories.mdx
-node generate-image-story.mjs ../../public/img/platformlogos/ "Social Platform Images" "owncast/Frontend Assets/Social Platform Images" "img/platformlogos" >../stories-category-doc-pages/SocialPlatformImages.stories.mdx
-node generate-image-story.mjs ../story-assets/project/ "Logos & Graphics" "owncast/Project Assets/Logos & Graphics" "project" --large >../stories-category-doc-pages/LogosAndGraphics.stories.mdx
-node generate-image-story.mjs ../story-assets/tshirt/ "T-shirt" "owncast/Project Assets/T-Shirt" "tshirt" --large >../stories-category-doc-pages/Tshirt.stories.mdx
+node generate-image-story.mjs ../../public/img/ Images "owncast/Frontend Assets/Images" "img" >../stories-category-doc-pages/Images.mdx
+node generate-image-story.mjs ../../public/img/platformlogos/ "Social Platform Images" "owncast/Frontend Assets/Social Platform Images" "img/platformlogos" >../stories-category-doc-pages/SocialPlatformImages.mdx
+node generate-image-story.mjs ../story-assets/project/ "Logos & Graphics" "owncast/Project Assets/Logos & Graphics" "project" --large >../stories-category-doc-pages/LogosAndGraphics.mdx
+node generate-image-story.mjs ../story-assets/tshirt/ "T-shirt" "owncast/Project Assets/T-Shirt" "tshirt" --large >../stories-category-doc-pages/Tshirt.mdx