added support for draft markdowns

src/components/SearchInput/SearchInput.tsx

@@ -48,7 +48,6 @@ const SearchInput: Component<SearchInputProps> = (props) => {
 			resetSearch();
 			return;
 		}
-		console.log(param);
 
 		setSearch(param);
 	});

src/i18n/utils.ts

@@ -14,7 +14,7 @@ export function formatArticlesByLangs(data: Record<string, MDXInstance<ArticleTy
 		const name = splitted.at(-3);
 
 		if (!modules[name]) modules[name] = {};
-		modules[name][lang] = module;
+		if (!module.frontmatter.draft) modules[name][lang] = module;
 	}
 
 	return modules;

src/pages/[...slug].astro

@@ -21,14 +21,16 @@ export async function getStaticPaths() {
 	const entries = Object.keys(modules).map((key) => [key, key.split("/").slice(6)[0]]);
 	const formatted = formatArticlesByLangs(modules);
 
-	return entries.map(([key, lang]) => {
-		const article = modules[key];
-		const dirName = key.split("/").at(-3);
-		const published_at = new Date(article.frontmatter.published_at).toLocaleDateString("en-CA");
-		const slug = `${lang !== DEFAULT_LANGUAGE ? `${lang}/` : ""}blog/${published_at}/${article.frontmatter.slug}`;
+	return entries
+		.map(([key, lang]) => {
+			const article = modules[key];
+			const dirName = key.split("/").at(-3);
+			const published_at = new Date(article.frontmatter.published_at).toLocaleDateString("en-CA");
+			const slug = `${lang !== DEFAULT_LANGUAGE ? `${lang}/` : ""}blog/${published_at}/${article.frontmatter.slug}`;
 
-		return { params: { slug }, props: { article, alternateLangs: Object.keys(formatted[dirName]) } };
-	});
+			return { params: { slug }, props: { article, alternateLangs: Object.keys(formatted[dirName]) } };
+		})
+		.filter(({ props: { article } }) => !article.frontmatter.draft);
 }
 
 const {

src/services/ArticleService.ts

@@ -24,7 +24,7 @@ class ArticleService {
 			}
 		}
 
-		return articles;
+		return articles.filter((article) => !article.frontmatter.draft);
 	}
 }
 

src/types/main.d.ts

@@ -39,6 +39,7 @@ declare global {
 		tags: Array<string>;
 		published_at: string;
 		lang?: string;
+		draft?: boolean;
 	};
 
 	type ProjectType = {