From a341ae4b31ff3e77a96fa1a7eeed1cc9deff5ed9 Mon Sep 17 00:00:00 2001
From: Florian Lefebvre <contact@florian-lefebvre.dev>
Date: Mon, 15 Jul 2024 16:49:31 +0200
Subject: [PATCH 1/2] feat: update content config

---
 src/content/config.ts | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/content/config.ts b/src/content/config.ts
index 7ac4a25..61c6bf7 100644
--- a/src/content/config.ts
+++ b/src/content/config.ts
@@ -52,7 +52,15 @@ const resourcesSchema = defineCollection({
 	}),
 });
 
+export const tagsSchema = defineCollection({
+	type: 'data',
+	schema: z.object({
+		title: z.string()
+	})
+})
+
 export const collections = {
 	docs: starlightSchema,
 	resources: resourcesSchema,
+	tags: tagsSchema
 };

From ce5ad46969a712b3fcf9623bba4f451490bc9831 Mon Sep 17 00:00:00 2001
From: Florian Lefebvre <contact@florian-lefebvre.dev>
Date: Mon, 15 Jul 2024 16:58:40 +0200
Subject: [PATCH 2/2] feat: whatever

---
 src/components/Tags.astro              | 21 +++++++++------------
 src/content/config.ts                  |  4 ++--
 src/content/tags/3rd-party.json        |  3 +++
 src/content/tags/animation.json        |  3 +++
 src/content/tags/auth.json             |  3 +++
 src/content/tags/css.json              |  3 +++
 src/content/tags/db.json               |  3 +++
 src/content/tags/deploy.json           |  3 +++
 src/content/tags/editor.json           |  3 +++
 src/content/tags/i18n.json             |  3 +++
 src/content/tags/images.json           |  3 +++
 src/content/tags/markdown.json         |  3 +++
 src/content/tags/migration.json        |  3 +++
 src/content/tags/performance.json      |  3 +++
 src/content/tags/rss.json              |  3 +++
 src/content/tags/utilities.json        |  3 +++
 src/content/tags/view-transitions.json |  3 +++
 17 files changed, 56 insertions(+), 14 deletions(-)
 create mode 100644 src/content/tags/3rd-party.json
 create mode 100644 src/content/tags/animation.json
 create mode 100644 src/content/tags/auth.json
 create mode 100644 src/content/tags/css.json
 create mode 100644 src/content/tags/db.json
 create mode 100644 src/content/tags/deploy.json
 create mode 100644 src/content/tags/editor.json
 create mode 100644 src/content/tags/i18n.json
 create mode 100644 src/content/tags/images.json
 create mode 100644 src/content/tags/markdown.json
 create mode 100644 src/content/tags/migration.json
 create mode 100644 src/content/tags/performance.json
 create mode 100644 src/content/tags/rss.json
 create mode 100644 src/content/tags/utilities.json
 create mode 100644 src/content/tags/view-transitions.json

diff --git a/src/components/Tags.astro b/src/components/Tags.astro
index 43bcef5..d943fc1 100644
--- a/src/components/Tags.astro
+++ b/src/components/Tags.astro
@@ -6,25 +6,22 @@ interface Props {
   tags?: string[];
 }
 const allResources = await getCollection("resources");
+const allTags = await getCollection("tags")
 
 const tagsParams = Astro.url.searchParams.getAll("tag");
 
-// Set is used to remove duplicates
-const allTags = Array.from(
-  new Set(allResources.flatMap((resource) => resource.data.tags ?? [])),
-);
 const { tags } = Astro.props;
 
 // Determine which tags to display
 const filteredTags =
   tags && tags.length > 0
-    ? allTags.filter((tag) => tags.includes(tag))
+    ? allTags.filter((tag) => tags.includes(tag.id))
     : allTags;
 
 const style = allTags
   .map(
     (tag) =>
-      `.sl-markdown-content:has([data-tag=${JSON.stringify(tag)}]:checked) .card-wrapper[data-tags*=${JSON.stringify(tag)}] { display: block; }`,
+      `.sl-markdown-content:has([data-tag=${JSON.stringify(tag.id)}]:checked) .card-wrapper[data-tags*=${JSON.stringify(tag.id)}] { display: block; }`,
   )
   .join("\n");
 ---
@@ -80,12 +77,12 @@ const style = allTags
           <input
             type="checkbox"
             name="tag"
-            id={tag}
-            value={tag}
-            data-tag={tag}
-            checked={tagsParams.length === 0 ? true : tagsParams.includes(tag)}
+            id={tag.id}
+            value={tag.id}
+            data-tag={tag.id}
+            checked={tagsParams.length === 0 ? true : tagsParams.includes(tag.id)}
           />
-          <label for={tag}>{tag}</label>
+          <label for={tag.id}>{tag.data.title}</label>
         </div>
       ))
     }
@@ -96,7 +93,7 @@ const style = allTags
 <CardGrid>
   {
     allResources.map((r) => (
-      <div class="card-wrapper" data-tags={r.data.tags}>
+      <div class="card-wrapper" data-tags={r.data.tags.map(t => t.id)}>
         <LinkCard
           title={r.data.title}
           description={r.data.description ?? ""}
diff --git a/src/content/config.ts b/src/content/config.ts
index 8452f6b..d363920 100644
--- a/src/content/config.ts
+++ b/src/content/config.ts
@@ -1,4 +1,4 @@
-import { defineCollection, z } from 'astro:content';
+import { defineCollection, reference, z } from 'astro:content';
 import { docsSchema } from '@astrojs/starlight/schema';
 import { minVersion, outside, validRange } from 'semver';
 import pkg from '../../package.json';
@@ -28,7 +28,7 @@ const starlightSchema = defineCollection({
 const resourcesSchema = defineCollection({
 	type: 'data',
 	schema: z.object({
-		tags: z.array(z.string()),
+		tags: z.array(reference('tags')),
 		title: z.string(),
 		link: z.string(),
 		description: z.string().optional(),
diff --git a/src/content/tags/3rd-party.json b/src/content/tags/3rd-party.json
new file mode 100644
index 0000000..23427c8
--- /dev/null
+++ b/src/content/tags/3rd-party.json
@@ -0,0 +1,3 @@
+{
+    "title": "3rd party"
+}
\ No newline at end of file
diff --git a/src/content/tags/animation.json b/src/content/tags/animation.json
new file mode 100644
index 0000000..b8558f5
--- /dev/null
+++ b/src/content/tags/animation.json
@@ -0,0 +1,3 @@
+{
+  "title": "Animation"
+}
\ No newline at end of file
diff --git a/src/content/tags/auth.json b/src/content/tags/auth.json
new file mode 100644
index 0000000..acbae21
--- /dev/null
+++ b/src/content/tags/auth.json
@@ -0,0 +1,3 @@
+{
+  "title": "Auth"
+}
diff --git a/src/content/tags/css.json b/src/content/tags/css.json
new file mode 100644
index 0000000..9afb086
--- /dev/null
+++ b/src/content/tags/css.json
@@ -0,0 +1,3 @@
+{
+  "title": "CSS"
+}
\ No newline at end of file
diff --git a/src/content/tags/db.json b/src/content/tags/db.json
new file mode 100644
index 0000000..6231308
--- /dev/null
+++ b/src/content/tags/db.json
@@ -0,0 +1,3 @@
+{
+  "title": "DB"
+}
\ No newline at end of file
diff --git a/src/content/tags/deploy.json b/src/content/tags/deploy.json
new file mode 100644
index 0000000..c7a68c6
--- /dev/null
+++ b/src/content/tags/deploy.json
@@ -0,0 +1,3 @@
+{
+  "title": "Deploy"
+}
\ No newline at end of file
diff --git a/src/content/tags/editor.json b/src/content/tags/editor.json
new file mode 100644
index 0000000..c664065
--- /dev/null
+++ b/src/content/tags/editor.json
@@ -0,0 +1,3 @@
+{
+  "title": "Editor"
+}
\ No newline at end of file
diff --git a/src/content/tags/i18n.json b/src/content/tags/i18n.json
new file mode 100644
index 0000000..d536cad
--- /dev/null
+++ b/src/content/tags/i18n.json
@@ -0,0 +1,3 @@
+{
+  "title": "i18n"
+}
\ No newline at end of file
diff --git a/src/content/tags/images.json b/src/content/tags/images.json
new file mode 100644
index 0000000..c492490
--- /dev/null
+++ b/src/content/tags/images.json
@@ -0,0 +1,3 @@
+{
+  "title": "Images"
+}
\ No newline at end of file
diff --git a/src/content/tags/markdown.json b/src/content/tags/markdown.json
new file mode 100644
index 0000000..9df70e0
--- /dev/null
+++ b/src/content/tags/markdown.json
@@ -0,0 +1,3 @@
+{
+  "title": "Markdown"
+}
\ No newline at end of file
diff --git a/src/content/tags/migration.json b/src/content/tags/migration.json
new file mode 100644
index 0000000..023558a
--- /dev/null
+++ b/src/content/tags/migration.json
@@ -0,0 +1,3 @@
+{
+  "title": "Migration"
+}
\ No newline at end of file
diff --git a/src/content/tags/performance.json b/src/content/tags/performance.json
new file mode 100644
index 0000000..1540927
--- /dev/null
+++ b/src/content/tags/performance.json
@@ -0,0 +1,3 @@
+{
+  "title": "Performance"
+}
\ No newline at end of file
diff --git a/src/content/tags/rss.json b/src/content/tags/rss.json
new file mode 100644
index 0000000..fa361c7
--- /dev/null
+++ b/src/content/tags/rss.json
@@ -0,0 +1,3 @@
+{
+  "title": "RSS"
+}
\ No newline at end of file
diff --git a/src/content/tags/utilities.json b/src/content/tags/utilities.json
new file mode 100644
index 0000000..a118d3a
--- /dev/null
+++ b/src/content/tags/utilities.json
@@ -0,0 +1,3 @@
+{
+  "title": "Utilities"
+}
\ No newline at end of file
diff --git a/src/content/tags/view-transitions.json b/src/content/tags/view-transitions.json
new file mode 100644
index 0000000..9062a23
--- /dev/null
+++ b/src/content/tags/view-transitions.json
@@ -0,0 +1,3 @@
+{
+  "title": "View Transitions"
+}
\ No newline at end of file