diff --git a/web/.storybook/stories-category-doc-pages/Design.mdx b/web/.storybook/stories-category-doc-pages/Design.mdx
index c9a9247e1e..f6a6b3233b 100644
--- a/web/.storybook/stories-category-doc-pages/Design.mdx
+++ b/web/.storybook/stories-category-doc-pages/Design.mdx
@@ -1,4 +1,4 @@
-import { Canvas, Meta, Story } from '@storybook/addon-docs/blocks';
+import { Meta } from '@storybook/addon-docs/blocks';
diff --git a/web/.storybook/stories-category-doc-pages/Development.mdx b/web/.storybook/stories-category-doc-pages/Development.mdx
index 28b170887a..888dfc4ede 100644
--- a/web/.storybook/stories-category-doc-pages/Development.mdx
+++ b/web/.storybook/stories-category-doc-pages/Development.mdx
@@ -1,28 +1,8 @@
-import { Canvas, Meta, Story } from '@storybook/addon-docs/blocks';
+import { Meta } from '@storybook/addon-docs/blocks';
----
-title: "How to work on Owncast"
-description: The technical details for those wishing to take part in Owncast development.
-tags:
- [
- development,
- contribute,
- open-source,
- github,
- git,
- go,
- react,
- typescript,
- contributing,
- ]
-aliases: [/docs/building]
-type: toc
-toc: true
----
+
-
-
-Click here if you are not redirected.
+Click here if you are not redirected.
diff --git a/web/.storybook/stories-category-doc-pages/Emoji.mdx b/web/.storybook/stories-category-doc-pages/Emoji.mdx
index 0d93116035..01a66b40a4 100644
--- a/web/.storybook/stories-category-doc-pages/Emoji.mdx
+++ b/web/.storybook/stories-category-doc-pages/Emoji.mdx
@@ -1,4 +1,4 @@
-import { Canvas, Meta, Story, IconGallery, IconItem } from '@storybook/addon-docs/blocks';
+import { Meta, IconGallery, IconItem } from '@storybook/addon-docs/blocks';
import { Image, ImageRow } from './ImageAsset';
@@ -147,6 +147,19 @@ import { Image, ImageRow } from './ImageAsset';
+## Fediverse
+
+
+ LICENSE
+
+
+
+
+
+
+
+
+
## Mutant
diff --git a/web/.storybook/stories-category-doc-pages/Images.mdx b/web/.storybook/stories-category-doc-pages/Images.mdx
index 3c2d9a0895..f671d41ed3 100644
--- a/web/.storybook/stories-category-doc-pages/Images.mdx
+++ b/web/.storybook/stories-category-doc-pages/Images.mdx
@@ -1,4 +1,4 @@
-import { Canvas, Meta, Story, IconItem, IconGallery } from '@storybook/addon-docs/blocks';
+import { Meta, IconItem, IconGallery } from '@storybook/addon-docs/blocks';
diff --git a/web/.storybook/stories-category-doc-pages/LogosAndGraphics.mdx b/web/.storybook/stories-category-doc-pages/LogosAndGraphics.mdx
index f7e760e845..78627a6b25 100644
--- a/web/.storybook/stories-category-doc-pages/LogosAndGraphics.mdx
+++ b/web/.storybook/stories-category-doc-pages/LogosAndGraphics.mdx
@@ -1,35 +1,35 @@
-import { Canvas, Meta, Story } from '@storybook/addon-docs/blocks';
+import { Meta } from '@storybook/addon-docs/blocks';
import { Image, ImageRow } from './ImageAsset';
-
+
# Logos & Graphics
-
- {src: "project/logo-translucent-grey.svg", name: "logo-translucent-grey.svg"},
- {src: "project/logo-semisimple-black.svg", name: "logo-semisimple-black.svg"},
- {src: "project/logo-semisimple-white.svg", name: "logo-semisimple-white.svg"},
- {src: "project/logo-simple-black.svg", name: "logo-simple-black.svg"},
- {src: "project/logo-simple-white.svg", name: "logo-simple-white.svg"},
-
- {src: "project/logo-semisimple-black-outlined.svg", name: "logo-semisimple-black-outlined.svg"},
- {src: "project/logo-semisimple-white-outlined.svg", name: "logo-semisimple-white-outlined.svg"},
-
- {src: "project/owncast-background.png", name: "owncast-background.png"},
- {src: "project/owncast-browser-mobile.png", name: "owncast-browser-mobile.png"},
- {src: "project/sticker-bigtech-alt.png", name: "sticker-bigtech-alt.png"},
- {src: "project/apps-logo.png", name: "apps-logo.png"},
- {src: "project/owncast-directory.png", name: "owncast-directory.png"},
- {src: "project/tv-apps-icon.png", name: "tv-apps-icon.png"},
-
-]}/>
diff --git a/web/.storybook/stories-category-doc-pages/ProductDefinition.mdx b/web/.storybook/stories-category-doc-pages/ProductDefinition.mdx
index e14d04a46b..39d5587073 100644
--- a/web/.storybook/stories-category-doc-pages/ProductDefinition.mdx
+++ b/web/.storybook/stories-category-doc-pages/ProductDefinition.mdx
@@ -1,4 +1,4 @@
-import { Canvas, Meta, Story } from '@storybook/addon-docs/blocks';
+import { Meta } from '@storybook/addon-docs/blocks';
diff --git a/web/.storybook/stories-category-doc-pages/SocialPlatformImages.mdx b/web/.storybook/stories-category-doc-pages/SocialPlatformImages.mdx
index fab02cabc2..066adfa6b0 100644
--- a/web/.storybook/stories-category-doc-pages/SocialPlatformImages.mdx
+++ b/web/.storybook/stories-category-doc-pages/SocialPlatformImages.mdx
@@ -1,4 +1,4 @@
-import { Canvas, Meta, Story, IconItem, IconGallery } from '@storybook/addon-docs/blocks';
+import { Meta, IconItem, IconGallery } from '@storybook/addon-docs/blocks';
@@ -8,6 +8,9 @@ import { Canvas, Meta, Story, IconItem, IconGallery } from '@storybook/addon-doc
+
+
+
@@ -71,6 +74,9 @@ import { Canvas, Meta, Story, IconItem, IconGallery } from '@storybook/addon-doc
+
+
+
diff --git a/web/.storybook/stories-category-doc-pages/Tshirt.mdx b/web/.storybook/stories-category-doc-pages/Tshirt.mdx
index 087b9666bd..927b12069f 100644
--- a/web/.storybook/stories-category-doc-pages/Tshirt.mdx
+++ b/web/.storybook/stories-category-doc-pages/Tshirt.mdx
@@ -1,4 +1,4 @@
-import { Canvas, Meta, Story } from '@storybook/addon-docs/blocks';
+import { Meta } from '@storybook/addon-docs/blocks';
import { Image, ImageRow } from './ImageAsset';
diff --git a/web/.storybook/stories-category-doc-pages/WebComponents.mdx b/web/.storybook/stories-category-doc-pages/WebComponents.mdx
index 497cb2fa37..f28cc3f51a 100644
--- a/web/.storybook/stories-category-doc-pages/WebComponents.mdx
+++ b/web/.storybook/stories-category-doc-pages/WebComponents.mdx
@@ -1,4 +1,4 @@
-import { Canvas, Meta, Story } from '@storybook/addon-docs/blocks';
+import { Meta } from '@storybook/addon-docs/blocks';
diff --git a/web/.storybook/tools/Document.template b/web/.storybook/tools/Document.template
index 21cec82dfc..a92fb1eadf 100644
--- a/web/.storybook/tools/Document.template
+++ b/web/.storybook/tools/Document.template
@@ -1,4 +1,4 @@
-import { Canvas, Meta, Story } from '@storybook/addon-docs';
+import { Meta } from '@storybook/addon-docs/blocks';
diff --git a/web/.storybook/tools/Emoji.template b/web/.storybook/tools/Emoji.template
index 3fed96e537..123c0d5790 100644
--- a/web/.storybook/tools/Emoji.template
+++ b/web/.storybook/tools/Emoji.template
@@ -1,4 +1,4 @@
-import { Canvas, Meta, Story, IconGallery, IconItem } from '@storybook/addon-docs';
+import { Meta, IconGallery, IconItem } from '@storybook/addon-docs/blocks';
import { Image, ImageRow } from './ImageAsset';
diff --git a/web/.storybook/tools/Images.template b/web/.storybook/tools/Images.template
index c0a986954e..69484a726b 100644
--- a/web/.storybook/tools/Images.template
+++ b/web/.storybook/tools/Images.template
@@ -1,4 +1,4 @@
-import { Canvas, Meta, Story, IconItem, IconGallery } from '@storybook/addon-docs';
+import { Meta, IconItem, IconGallery } from '@storybook/addon-docs/blocks';
diff --git a/web/.storybook/tools/ImagesLarge.template b/web/.storybook/tools/ImagesLarge.template
index ad6a60b031..ebd12f05f9 100644
--- a/web/.storybook/tools/ImagesLarge.template
+++ b/web/.storybook/tools/ImagesLarge.template
@@ -1,4 +1,4 @@
-import { Canvas, Meta, Story } from '@storybook/addon-docs';
+import { Meta } from '@storybook/addon-docs/blocks';
import { Image, ImageRow } from './ImageAsset';
diff --git a/web/.storybook/tools/generate-document-stories.mjs b/web/.storybook/tools/generate-document-stories.mjs
index 21072cb8f2..804f39bf12 100644
--- a/web/.storybook/tools/generate-document-stories.mjs
+++ b/web/.storybook/tools/generate-document-stories.mjs
@@ -4,6 +4,13 @@ import handlebars from 'handlebars';
const template = fs.readFileSync('./Document.template', 'utf8');
let t = handlebars.compile(template, { noEscape: true });
+// Strip YAML front matter from markdown content
+function stripFrontMatter(content) {
+ // Match YAML front matter: starts with ---, ends with ---
+ const frontMatterRegex = /^---\s*\n[\s\S]*?\n---\s*\n/;
+ return content.replace(frontMatterRegex, '');
+}
+
const documents = [
{
title: 'Product Definition',
@@ -28,7 +35,8 @@ documents.forEach(doc => {
return;
}
- const document = fs.readFileSync(doc.path, 'utf8');
+ let document = fs.readFileSync(doc.path, 'utf8');
+ document = stripFrontMatter(document);
const output = t({ name: doc.name, title: doc.title, content: document });
fs.writeFileSync(`../stories-category-doc-pages/${doc.name}.mdx`, output);
});