Ajout page Tags pour recherche articles par sujet

- Créer page Tags unifiée affichant tous les tags des articles blog et docs
- Mettre à jour tags dans toutes les pages pour être plus pertinents et recherchables

plugins/docusaurus-plugin-unified-tags/index.js

@@ -0,0 +1,132 @@
+const path = require('path');
+const fs = require('fs-extra');
+
+module.exports = function pluginUnifiedTags(context, options) {
+  return {
+    name: 'docusaurus-plugin-unified-tags',
+
+    async allContentLoaded({actions, allContent}) {
+      const {addRoute} = actions;
+      const {setGlobalData} = actions;
+
+      const blogPlugin = allContent?.['docusaurus-plugin-content-blog'];
+      const docsPlugin = allContent?.['docusaurus-plugin-content-docs'];
+
+      const blogContent = blogPlugin?.default;
+      const docsContent = docsPlugin?.default;
+
+      const tagsMap = new Map();
+
+      if (blogContent?.blogPosts) {
+        blogContent.blogPosts.forEach((post) => {
+          if (post.metadata.tags) {
+            post.metadata.tags.forEach((tag) => {
+              const tagKey = tag.label.toLowerCase();
+              if (!tagsMap.has(tagKey)) {
+                tagsMap.set(tagKey, {
+                  label: tag.label,
+                  permalink: tag.permalink,
+                  count: 0,
+                  items: []
+                });
+              }
+              const tagData = tagsMap.get(tagKey);
+              tagData.count++;
+              tagData.items.push({
+                type: 'blog',
+                title: post.metadata.title,
+                permalink: post.metadata.permalink,
+                date: post.metadata.date,
+                formattedDate: post.metadata.formattedDate,
+                description: post.metadata.description,
+                authors: post.metadata.authors,
+                tags: post.metadata.tags,
+                readingTime: post.metadata.readingTime
+              });
+            });
+          }
+        });
+      }
+
+      if (docsContent?.loadedVersions) {
+        docsContent.loadedVersions.forEach((version) => {
+          version.docs.forEach((doc) => {
+            if (doc.tags) {
+              doc.tags.forEach((tag) => {
+                const tagKey = tag.label.toLowerCase();
+                if (!tagsMap.has(tagKey)) {
+                  tagsMap.set(tagKey, {
+                    label: tag.label,
+                    permalink: tag.permalink,
+                    count: 0,
+                    items: []
+                  });
+                }
+                const tagData = tagsMap.get(tagKey);
+                tagData.count++;
+                tagData.items.push({
+                  type: 'doc',
+                  title: doc.title,
+                  permalink: doc.permalink,
+                  description: doc.description,
+                  tags: doc.tags
+                });
+              });
+            }
+          });
+        });
+      }
+
+      const allTags = Array.from(tagsMap.values()).sort((a, b) =>
+        a.label.localeCompare(b.label)
+      );
+
+      const tagsByLetter = {};
+      allTags.forEach((tag) => {
+        const firstLetter = tag.label.charAt(0).toUpperCase();
+        if (!tagsByLetter[firstLetter]) {
+          tagsByLetter[firstLetter] = [];
+        }
+        tagsByLetter[firstLetter].push(tag);
+      });
+
+      const globalData = {
+        allTags,
+        tagsByLetter,
+        tagsMap: Object.fromEntries(
+          Array.from(tagsMap.entries()).map(([key, value]) => [
+            key,
+            {
+              ...value,
+              items: value.items.sort((a, b) => {
+                if (a.type === 'blog' && b.type === 'blog') {
+                  return new Date(b.date) - new Date(a.date);
+                }
+                if (a.type === 'doc' && b.type === 'doc') {
+                  return a.title.localeCompare(b.title);
+                }
+                return a.type === 'blog' ? -1 : 1;
+              })
+            }
+          ])
+        )
+      };
+
+      setGlobalData(globalData);
+
+      const locale = context.i18n.currentLocale;
+      const baseUrl = locale === context.i18n.defaultLocale ? '/' : `/${locale}/`;
+
+      Array.from(tagsMap.entries()).forEach(([tagKey, tagData]) => {
+        addRoute({
+          path: `${baseUrl}tags/${tagKey}`,
+          component: '@site/src/theme/TagPage',
+          exact: true,
+          props: {
+            tagKey: tagKey,
+          },
+        });
+      });
+    }
+  };
+};