Support null tags

package.json

@@ -40,6 +40,7 @@
     "npm-run-all": "^4.1.5",
     "octokit": "^3.1.0",
     "pagefind": "^0.12.0",
+    "prettier-plugin-astro": "^0.12.2",
     "remark": "^14.0.3",
     "remark-frontmatter": "^4.0.1",
     "rimraf": "^5.0.1",

src/content/config.ts

@@ -17,7 +17,11 @@ const blog = defineCollection({
     heroImage: z.string().optional(),
     draft: z.boolean().optional(),
     filepath: z.string().optional(), // Added from add-filepath plugin
-    tags: z.array(z.string().or(z.null())).optional(),
+    tags: z
+      .array(z.any())
+      .default([])
+      .nullable()
+      .transform((arr) => (arr ? arr.map((item) => String(item)) : [])),
   }),
 })
 
@@ -42,18 +46,25 @@ const secondBrain = defineCollection({
     draft: z.boolean().optional(),
     filepath: z.string(), // Added from add-filepath plugin
     tags: z
-      .array(
-        z
-          .string()
-          .refine(
-            (tag) => !/\s/.test(tag),
-            (tag) => ({
-              message: `Tag "${tag}" cannot include whitespaces`,
-            })
-          )
-          .or(z.null())
-      )
-      .optional(),
+      .array(z.any())
+      .nullable()
+      .default([])
+      .transform((arr) => (arr ? arr.map((item) => String(item).trim()) : []))
+      .refine(
+        (arr) =>
+          arr.every(
+            (item) =>
+              z
+                .string()
+                .refine((value) => !/\s/.test(value), {
+                  message: "String must not contain whitespaces",
+                })
+                .safeParse(item).success
+          ),
+        {
+          message: "Array elements must not contain whitespaces",
+        }
+      ),
   }),
 })
 

src/layouts/SecondBrainPost.astro

@@ -36,7 +36,7 @@ const { slug } = Astro.params
 
       <!-- Tags -->
       {
-        tags && tags.length && (
+        tags && tags.length ? (
           <div class="flex gap-1">
             {tags.map(
               (tag) =>
@@ -50,6 +50,8 @@ const { slug } = Astro.params
                 )
             )}
           </div>
+        ) : (
+          ""
         )
       }
 

src/pages/second-brain/index.astro

@@ -34,7 +34,9 @@ const secondBrainPosts = await getCollection("second-brain", ({ data }) => {
       {
         secondBrainPosts.map((post) => (
           <li>
-            <a href={`/${post.slug}/`} transition:name={`entry-${post.slug}`}>{post.data.title || post.id}</a>
+            <a href={`/${post.slug}/`} transition:name={`entry-${post.slug}`}>
+              {post.data.title || post.id}
+            </a>
           </li>
         ))
       }