refactor: use generic centralised to render markdown with ignored parts

Author: abelflopes

packages/docs/pages/src/changelog.mdx

@@ -1,5 +1,5 @@
 import { Meta } from "@storybook/blocks";
-import { Markdown } from "@storybook/blocks";
+import { Markdown } from "@react-ck/story-config";
 import text from "../../../../CHANGELOG.md?raw";
 
 <Meta title="Changelog" />

packages/docs/pages/src/roadmap.mdx

@@ -0,0 +1,7 @@
+import { Meta } from "@storybook/blocks";
+import { Markdown } from "@react-ck/story-config";
+import text from "../../../../docs/ROADMAP.md?raw";
+
+<Meta title="Roadmap" />
+
+<Markdown>{text}</Markdown>

packages/docs/pages/src/welcome.mdx

@@ -1,31 +1,7 @@
 import { Meta } from "@storybook/blocks";
-import { Markdown } from "@storybook/blocks";
+import { Markdown } from "@react-ck/story-config";
 import text from "../../../../README.md?raw";
 
 <Meta title="Welcome" />
 
 <Markdown>{text}</Markdown>
-
-## Story
-
-Born from the culmination of experiences in two diverse design systems within different corporate realms, RCK stands as a labor of love and dedication. Having actively participated in shaping the visual identities of two prominent companies, Mr. Crocodile recognized the need for a platform that not only showcased their knowledge but also served as a valuable resource for fellow developers and designers worldwide. Thus, RCK was conceived – a hub where expertise meets innovation.
-
-## Misson
-
-The RCK mission is simple: to empower developers and designers with a meticulously crafted repository of React components. We understand the challenges faced in the ever-evolving landscape of web development, and our goal is to provide you with a toolkit that not only simplifies your workflow but also enhances the user experience of your projects.
-
-## What RCK Provides
-
-RCK prides itself on its commitment to quality, usability, and versatility. Every component featured here is a result of hands-on experience, industry insights, and a keen eye for detail. Whether you're building a cutting-edge web application or working on a sleek user interface, RCK components are designed to seamlessly integrate, ensuring a smooth development process.
-
-- **Expertly Crafted Components**: Our components are meticulously designed and thoroughly tested, guaranteeing top-notch performance and reliability.
-- **Community-Driven**: RCK is more than just a toolkit; it's a community of like-minded developers and designers. Join us in shaping the future of web development.
-- **Continuous Innovation**: We are constantly evolving, keeping up with the latest trends and technologies to bring you innovative solutions that stand the test of time.
-
----
-
-We invite you to explore the world of RCK and witness the difference expertise can make in your projects.
-Whether you're a seasoned developer or a budding enthusiast, there's a place for you in this project.
-Let's embark on this exciting journey together, where creativity knows no bounds, and excellence is the standard.
-
-Thank you, let's revolutionize the way we build the web, one component at a time.

packages/docs/storybook/addons/package-info/manager.tsx

@@ -6,7 +6,7 @@ import { type PackageInfo } from "../../scripts/package-info/types";
 import { useData, UseDataReturn } from "@react-ck/react-hooks/src";
 import { isPackageInfoList } from "../../scripts/package-info/type-guards";
 // https://storybook.js.org/docs/react/addons/addon-knowledge-base#storybook-components
-import { Markdown } from "@storybook/blocks";
+import { Markdown } from "@react-ck/story-config";
 
 const CONFIG = {
   id: "package-info",

packages/infra/story/src/Markdown.tsx

@@ -0,0 +1,18 @@
+import React, { useMemo } from "react";
+import { Markdown as StorybookMarkdown } from "@storybook/blocks";
+
+export interface MarkdownProps {
+  children: string;
+}
+
+export const Markdown = ({ children }: Readonly<MarkdownProps>): React.ReactElement => {
+  const computedContent = useMemo(() => {
+    const [filtered] = children.split("<!-- storybook-ignore -->");
+
+    if (!filtered) throw new Error("No content to render");
+
+    return filtered;
+  }, [children]);
+
+  return <StorybookMarkdown>{computedContent}</StorybookMarkdown>;
+};

packages/infra/story/src/index.tsx renamed to packages/infra/story/src/configure-story.tsx

@@ -0,0 +1,3 @@
+export * from "./configure-story";
+
+export * from "./Markdown";