From 479127f2ef73aa878723a9ed78a5b3f310fc5573 Mon Sep 17 00:00:00 2001
From: dallyh <hon.dalibor@gmail.com>
Date: Thu, 22 Feb 2024 23:03:41 +0100
Subject: [PATCH] Show hidden posts in dev mode

---
 src/components/astro/blog/BlogPostPreview.astro   | 12 ++++++++++++
 .../astro/blog/SmallBlogPostPreview.astro         | 13 +++++++++++++
 src/content/categories/other.yaml                 |  8 ++++++++
 .../posts/cs/2023-01-01-my-fourth-blog-post.md    |  2 +-
 .../posts/cs/2023-01-01-my-second-blog-post.md    |  2 +-
 .../posts/cs/2023-01-01-my-third-blog-post.md     |  2 +-
 .../posts/cs/2023-01-01-typography-example.md     |  1 +
 .../posts/cs/2023-12-29-localized-slug-title.md   |  2 +-
 .../cs/2024-01-02-test-post-from-identity.md      | 15 ---------------
 .../posts/cs/2024-01-07-test-post-from-cms.md     |  2 +-
 .../2024-01-13-test-post-with-external-image.md   |  2 +-
 .../posts/en/2023-01-01-my-fourth-blog-post.md    |  2 +-
 .../posts/en/2023-01-01-my-second-blog-post.md    |  2 +-
 .../posts/en/2023-01-01-my-third-blog-post.md     |  2 +-
 .../posts/en/2023-01-01-typography-example.md     |  1 +
 .../posts/en/2023-12-29-localized-slug-title.md   |  2 +-
 .../en/2024-01-02-test-post-from-identity.md      | 15 ---------------
 .../posts/en/2024-01-07-test-post-from-cms.md     |  2 +-
 .../2024-01-13-test-post-with-external-image.md   |  2 +-
 .../[...lang]/blog/categories/[...category].astro |  6 +++---
 .../[...lang]/blog/posts/[...slug]/index.png.ts   | 11 +++++------
 src/utils/getFilteredPostsCollection.ts           | 15 +++++++++++++--
 22 files changed, 68 insertions(+), 53 deletions(-)
 create mode 100644 src/content/categories/other.yaml
 delete mode 100644 src/content/posts/cs/2024-01-02-test-post-from-identity.md
 delete mode 100644 src/content/posts/en/2024-01-02-test-post-from-identity.md

diff --git a/src/components/astro/blog/BlogPostPreview.astro b/src/components/astro/blog/BlogPostPreview.astro
index 7fd1f57..cb5483a 100644
--- a/src/components/astro/blog/BlogPostPreview.astro
+++ b/src/components/astro/blog/BlogPostPreview.astro
@@ -20,6 +20,7 @@ await loadNamespaces(locale, ["blog"]);
 ---
 
 <div class="post-preview">
+    {post.data.hidden && <div class="hidden-post">DEV MODE HIDDEN</div>}
     <img src={ogUrl} alt={post.data.title} loading="eager" />
     <hr />
     <div class="post-description">
@@ -43,6 +44,16 @@ await loadNamespaces(locale, ["blog"]);
 </div>
 
 <style>
+    .hidden-post {
+        color: red;
+        position: absolute;
+        font-weight: 600;
+        font-size: 3rem;
+        opacity: 0.2;
+        top: 50%;
+        transform: translateY(-50%) rotate(45deg);
+    }
+    
     .post-preview {
         display: flex;
         flex-direction: column;
@@ -56,6 +67,7 @@ await loadNamespaces(locale, ["blog"]);
         overflow: hidden;
         color: var(--body-color);
         border: var(--border);
+        position: relative;
 
         .tags {
             display: flex;
diff --git a/src/components/astro/blog/SmallBlogPostPreview.astro b/src/components/astro/blog/SmallBlogPostPreview.astro
index 8881435..c241cd0 100644
--- a/src/components/astro/blog/SmallBlogPostPreview.astro
+++ b/src/components/astro/blog/SmallBlogPostPreview.astro
@@ -20,6 +20,7 @@ await loadNamespaces(locale, ["blog"]);
 ---
 
 <div class="post-preview">
+    {post.data.hidden && <div class="hidden-post">DEV MODE HIDDEN</div>}
     <img src={ogUrl} alt={post.data.title} />
     <div class="post-description">
         <a href={postUrl} class="post-title">{post.data.title}</a>
@@ -37,6 +38,17 @@ await loadNamespaces(locale, ["blog"]);
 </div>
 
 <style>
+    .hidden-post {
+        color: red;
+        position: absolute;
+        font-weight: 600;
+        font-size: 3rem;
+        opacity: 0.2;
+        top: 50%;
+        left: 50%;
+        transform: translateX(-50%) translateY(-50%);
+    }
+
     .post-preview {
         display: flex;
         flex-direction: row;
@@ -48,6 +60,7 @@ await loadNamespaces(locale, ["blog"]);
         overflow: hidden;
         color: var(--body-color);
         border: var(--border);
+        position: relative;
 
         @media (max-width: 468px) {
             flex-direction: column;
diff --git a/src/content/categories/other.yaml b/src/content/categories/other.yaml
new file mode 100644
index 0000000..d7eb632
--- /dev/null
+++ b/src/content/categories/other.yaml
@@ -0,0 +1,8 @@
+id: other
+languages:
+    cs:
+        title: Nezařazeno
+        description: Ostatní a nezařazené příspěvky.
+    en:
+        title: Uncategorized
+        description: Other and uncategorized posts.
diff --git a/src/content/posts/cs/2023-01-01-my-fourth-blog-post.md b/src/content/posts/cs/2023-01-01-my-fourth-blog-post.md
index dd8f16b..b4ae8e2 100644
--- a/src/content/posts/cs/2023-01-01-my-fourth-blog-post.md
+++ b/src/content/posts/cs/2023-01-01-my-fourth-blog-post.md
@@ -12,7 +12,7 @@ tags:
     - astro
     - development
     - flexicapture
-hidden: false
+hidden: true
 category: guides
 ---
 
diff --git a/src/content/posts/cs/2023-01-01-my-second-blog-post.md b/src/content/posts/cs/2023-01-01-my-second-blog-post.md
index fe60b0c..549f69b 100644
--- a/src/content/posts/cs/2023-01-01-my-second-blog-post.md
+++ b/src/content/posts/cs/2023-01-01-my-second-blog-post.md
@@ -11,7 +11,7 @@ tags:
     - astro
     - development
     - flexicapture
-hidden: false
+hidden: true
 featured: true
 pubDateTime: 2024-01-04T14:10:16+01:00
 modDatetime: ""
diff --git a/src/content/posts/cs/2023-01-01-my-third-blog-post.md b/src/content/posts/cs/2023-01-01-my-third-blog-post.md
index 957de18..3fc401b 100644
--- a/src/content/posts/cs/2023-01-01-my-third-blog-post.md
+++ b/src/content/posts/cs/2023-01-01-my-third-blog-post.md
@@ -12,7 +12,7 @@ tags:
     - astro
     - development
     - flexicapture
-hidden: false
+hidden: true
 ---
 
 This is a paragraph. Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur vero esse non molestias eos excepturi, inventore atque cupiditate. Sed voluptatem quas omnis culpa, et odit.
diff --git a/src/content/posts/cs/2023-01-01-typography-example.md b/src/content/posts/cs/2023-01-01-typography-example.md
index aa0da41..93fb184 100644
--- a/src/content/posts/cs/2023-01-01-typography-example.md
+++ b/src/content/posts/cs/2023-01-01-typography-example.md
@@ -13,6 +13,7 @@ image:
 tags:
     - astro
 hidden: false
+category: other
 ---
 
 This is a paragraph. Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur vero esse non molestias eos excepturi, inventore atque cupiditate. Sed voluptatem quas omnis culpa, et odit.
diff --git a/src/content/posts/cs/2023-12-29-localized-slug-title.md b/src/content/posts/cs/2023-12-29-localized-slug-title.md
index 12e141b..20dd3b8 100644
--- a/src/content/posts/cs/2023-12-29-localized-slug-title.md
+++ b/src/content/posts/cs/2023-12-29-localized-slug-title.md
@@ -6,7 +6,7 @@ author: Dalibor Hon
 tags:
     - flexicapture
 language: cs
-hidden: false
+hidden: true
 featured: true
 pubDateTime: 2023-12-29T23:20:35.541
 ---
diff --git a/src/content/posts/cs/2024-01-02-test-post-from-identity.md b/src/content/posts/cs/2024-01-02-test-post-from-identity.md
deleted file mode 100644
index d1f059f..0000000
--- a/src/content/posts/cs/2024-01-02-test-post-from-identity.md
+++ /dev/null
@@ -1,15 +0,0 @@
----
-title: Test post from identity
-postId: 943b9bc5-49e8-4849-95f3-f982f4d51c24
-description: Test post from identity
-author: Dalibor Hon
-tags:
-    - astro
-language: cs
-hidden: true
-featured: false
-pubDateTime: 2024-01-02T13:34:43+01:00
-modDatetime: 2024-01-02T13:34:44+01:00
----
-
-Test post from identity
diff --git a/src/content/posts/cs/2024-01-07-test-post-from-cms.md b/src/content/posts/cs/2024-01-07-test-post-from-cms.md
index 84d428f..f7619a3 100644
--- a/src/content/posts/cs/2024-01-07-test-post-from-cms.md
+++ b/src/content/posts/cs/2024-01-07-test-post-from-cms.md
@@ -7,7 +7,7 @@ tags:
     - flexicapture
 category: software
 language: cs
-hidden: false
+hidden: true
 featured: false
 ogImage: /assets/uploads/img/astro.jpg
 pubDateTime: 2024-01-07T21:37:39+01:00
diff --git a/src/content/posts/cs/2024-01-13-test-post-with-external-image.md b/src/content/posts/cs/2024-01-13-test-post-with-external-image.md
index 852247f..4cf1897 100644
--- a/src/content/posts/cs/2024-01-13-test-post-with-external-image.md
+++ b/src/content/posts/cs/2024-01-13-test-post-with-external-image.md
@@ -7,7 +7,7 @@ tags:
     - development
 category: software
 language: cs
-hidden: false
+hidden: true
 featured: false
 ogImage: https://astro.build/og/astro.jpg
 pubDateTime: 2024-01-13T22:09:12+01:00
diff --git a/src/content/posts/en/2023-01-01-my-fourth-blog-post.md b/src/content/posts/en/2023-01-01-my-fourth-blog-post.md
index 8f835c2..088ea93 100644
--- a/src/content/posts/en/2023-01-01-my-fourth-blog-post.md
+++ b/src/content/posts/en/2023-01-01-my-fourth-blog-post.md
@@ -12,7 +12,7 @@ tags:
     - astro
     - development
     - flexicapture
-hidden: false
+hidden: true
 category: guides
 ---
 
diff --git a/src/content/posts/en/2023-01-01-my-second-blog-post.md b/src/content/posts/en/2023-01-01-my-second-blog-post.md
index f4b83d7..b591c85 100644
--- a/src/content/posts/en/2023-01-01-my-second-blog-post.md
+++ b/src/content/posts/en/2023-01-01-my-second-blog-post.md
@@ -11,7 +11,7 @@ tags:
     - astro
     - development
     - flexicapture
-hidden: false
+hidden: true
 featured: true
 pubDateTime: 2024-01-04T14:10:16+01:00
 modDatetime: ""
diff --git a/src/content/posts/en/2023-01-01-my-third-blog-post.md b/src/content/posts/en/2023-01-01-my-third-blog-post.md
index c3becc8..1038951 100644
--- a/src/content/posts/en/2023-01-01-my-third-blog-post.md
+++ b/src/content/posts/en/2023-01-01-my-third-blog-post.md
@@ -12,7 +12,7 @@ tags:
     - astro
     - development
     - flexicapture
-hidden: false
+hidden: true
 ---
 
 This is a paragraph. Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur vero esse non molestias eos excepturi, inventore atque cupiditate. Sed voluptatem quas omnis culpa, et odit.
diff --git a/src/content/posts/en/2023-01-01-typography-example.md b/src/content/posts/en/2023-01-01-typography-example.md
index c6fe230..6ffb28f 100644
--- a/src/content/posts/en/2023-01-01-typography-example.md
+++ b/src/content/posts/en/2023-01-01-typography-example.md
@@ -13,6 +13,7 @@ image:
 tags:
     - astro
 hidden: false
+category: other
 ---
 
 This is a paragraph. Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur vero esse non molestias eos excepturi, inventore atque cupiditate. Sed voluptatem quas omnis culpa, et odit.
diff --git a/src/content/posts/en/2023-12-29-localized-slug-title.md b/src/content/posts/en/2023-12-29-localized-slug-title.md
index dbb9355..b193bb5 100644
--- a/src/content/posts/en/2023-12-29-localized-slug-title.md
+++ b/src/content/posts/en/2023-12-29-localized-slug-title.md
@@ -6,7 +6,7 @@ author: Dalibor Hon
 tags:
     - flexicapture
 language: en
-hidden: false
+hidden: true
 featured: true
 pubDateTime: 2023-12-29T23:20:35.541
 ---
diff --git a/src/content/posts/en/2024-01-02-test-post-from-identity.md b/src/content/posts/en/2024-01-02-test-post-from-identity.md
deleted file mode 100644
index 892b418..0000000
--- a/src/content/posts/en/2024-01-02-test-post-from-identity.md
+++ /dev/null
@@ -1,15 +0,0 @@
----
-title: Test post from identity
-postId: 943b9bc5-49e8-4849-95f3-f982f4d51c24
-description: Test post from identity
-author: Dalibor Hon
-tags:
-    - astro
-language: en
-hidden: true
-featured: false
-pubDateTime: 2024-01-02T13:34:43+01:00
-modDatetime: 2024-01-02T13:34:44+01:00
----
-
-Test post from identity
diff --git a/src/content/posts/en/2024-01-07-test-post-from-cms.md b/src/content/posts/en/2024-01-07-test-post-from-cms.md
index 979fe86..aad321d 100644
--- a/src/content/posts/en/2024-01-07-test-post-from-cms.md
+++ b/src/content/posts/en/2024-01-07-test-post-from-cms.md
@@ -7,7 +7,7 @@ tags:
     - flexicapture
 category: software
 language: en
-hidden: false
+hidden: true
 featured: false
 ogImage: /assets/uploads/img/astro.jpg
 pubDateTime: 2024-01-07T21:37:39+01:00
diff --git a/src/content/posts/en/2024-01-13-test-post-with-external-image.md b/src/content/posts/en/2024-01-13-test-post-with-external-image.md
index cc71a1f..65109aa 100644
--- a/src/content/posts/en/2024-01-13-test-post-with-external-image.md
+++ b/src/content/posts/en/2024-01-13-test-post-with-external-image.md
@@ -7,7 +7,7 @@ tags:
     - development
 category: software
 language: en
-hidden: false
+hidden: true
 featured: false
 ogImage: https://astro.build/og/astro.jpg
 pubDateTime: 2024-01-13T22:09:12+01:00
diff --git a/src/pages/[...lang]/blog/categories/[...category].astro b/src/pages/[...lang]/blog/categories/[...category].astro
index e755acd..c7ba90c 100644
--- a/src/pages/[...lang]/blog/categories/[...category].astro
+++ b/src/pages/[...lang]/blog/categories/[...category].astro
@@ -23,9 +23,9 @@ export async function getStaticPaths() {
 
     const paths = await Promise.all(categories.flatMap((cat) => {
         return locales.map(async (locale) => {
-            const filteredPosts = await getFilteredPostsCollection({ locale: locale, categoryId: category });
-
-            if (filteredPosts?.length === 0) {
+            const filteredPosts = await getFilteredPostsCollection({ locale: locale, categoryId: cat.id });
+            
+            if (filteredPosts === undefined || filteredPosts.length === 0) {
                 return { params: { lang: getRoutingLocale(locale), category: undefined } }
             }
 
diff --git a/src/pages/[...lang]/blog/posts/[...slug]/index.png.ts b/src/pages/[...lang]/blog/posts/[...slug]/index.png.ts
index 1804ac5..964a727 100644
--- a/src/pages/[...lang]/blog/posts/[...slug]/index.png.ts
+++ b/src/pages/[...lang]/blog/posts/[...slug]/index.png.ts
@@ -1,14 +1,13 @@
 import { defaultLocale } from "@config/i18n";
 import { getRoutingLocale } from "@i18n/utils";
-import { generateOgImageForPost, getBlogPostSlug } from "@utils";
+import { generateOgImageForPost, getBlogPostSlug, getFilteredPostsCollection } from "@utils";
 import type { APIContext } from "astro";
-import { getCollection, type CollectionEntry } from "astro:content";
+import {type CollectionEntry } from "astro:content";
 
 export async function getStaticPaths() {
-    const allPosts = await getCollection("posts", ({ data }) => {
-        return !data.hidden;
-    });
-    const paths = allPosts.map((post) => {
+    const allPosts = await getFilteredPostsCollection();
+
+    const paths = allPosts?.map((post) => {
         return { params: { lang: getRoutingLocale(post.data.language), slug: getBlogPostSlug(post.data.language, post) }, props: { post: post } };
     });
 
diff --git a/src/utils/getFilteredPostsCollection.ts b/src/utils/getFilteredPostsCollection.ts
index 335bee6..244604d 100644
--- a/src/utils/getFilteredPostsCollection.ts
+++ b/src/utils/getFilteredPostsCollection.ts
@@ -9,7 +9,11 @@ interface FilteredPostsOptions {
     tagId?: string;
 }
 
-export async function getFilteredPostsCollection(options: FilteredPostsOptions) {
+export async function getFilteredPostsCollection(options: FilteredPostsOptions | undefined = undefined) {
+    if (options === undefined) {
+        return await getCollection("posts");
+    }
+
     const { featured, sort, locale, slice, categoryId, tagId } = options;
 
     let posts = await getCollection("posts", ({ data }) => {
@@ -46,7 +50,14 @@ function buildCondition(data: any, options: BuildConditionOptions = {}) {
     const { featured, locale, categoryId, tagId } = options;
 
     // Basic condition
-    let condition: boolean = !data.hidden;
+    let condition: boolean
+
+    // In DEV mode, show all posts
+    if (import.meta.env.DEV) {
+        condition = true;
+    } else {
+        condition = !data.hidden;
+    }
 
     if (locale) {
         condition = condition && data.language === locale;