feat(statistics): include til tags on tag-cloud

fix #797

package.json

@@ -56,7 +56,6 @@
     "remark-rehype": "^11.0.0",
     "sharp": "^0.33.0",
     "shiki": "^1.1.7",
-    "shuffle-array": "^1.0.1",
     "tailwindcss-animated": "^1.0.1",
     "unified": "^11.0.4",
     "unist-util-visit": "^5.0.0",

src/app/about/statistics/_components/writing-dashboard/cards/tag-cloud.tsx

@@ -1,7 +1,6 @@
-import arrayShuffle from 'shuffle-array'
-
 import { Tag } from '@phosphor-icons/react/dist/ssr'
-import { getTagsAndNumberOfPosts } from '~/lib/tags'
+import { shuffleArray } from '~/lib/shuffleArray'
+import { countAllTags } from '~/lib/tags'
 
 // https://github.com/madox2/react-tagcloud/blob/43a706b36a606ddd8a39c4060510166aebdf445e/src/helpers.js#L4
 const fontSizeConverter = (
@@ -23,11 +22,13 @@ const fontSizeConverter = (
 }
 
 export async function TagCloud() {
-  const tags: { value: string; count: number }[] = arrayShuffle(
-    getTagsAndNumberOfPosts().map(value => ({
-      value: value.tag,
-      count: value.numberOfPosts
-    }))
+  const tagsCount = countAllTags().map(({ count, tag }) => ({
+    value: tag,
+    count
+  }))
+
+  const tags: { value: string; count: number }[] = shuffleArray(
+    tagsCount.sort((a, b) => b.count - a.count).slice(0, 100)
   )
 
   return (

src/lib/tags.ts

@@ -1,7 +1,7 @@
 import { slug } from '~/lib/slug'
 import { removeRepeatedValuesFromArray } from '~/lib/remove-repeated-values-from-array'
 import { getFrequencyOfValue } from '~/lib/get-frequency-of-value'
-import { Post, posts } from '#content'
+import { Post, posts, tils } from '#content'
 
 const getRawTagListFromPosts = () =>
   posts.filter((post: Post) => !post.test).flatMap(post => post.tags)
@@ -43,3 +43,16 @@ export function getNormalTagString(tag: string) {
 
   return allTags.find(currTag => slug(currTag) === slug(tag))
 }
+
+export function countAllTags() {
+  const tagList = [
+    ...tils.flatMap(til => til.tags),
+    ...posts.flatMap(post => post.tags)
+  ]
+  const uniqueTagList = removeRepeatedValuesFromArray(tagList)
+
+  return uniqueTagList.map(tag => ({
+    tag,
+    count: getFrequencyOfValue(tagList, tag)
+  }))
+}