feat: optimize cr

Author: MuYunyun

packages/crd-scripts/src/conf/getPrerenderRoutes.js

@@ -8,21 +8,15 @@ const getDirTree = (cmd) => {
     extensions: /\.md/,
     prerender: true,
   }
-  // collect unique tags from all articles.
-  const tagsArr = []
   const mapTagsWithArticle = []
   const dirTree = dirs.map(path => DirectoryTree({
     path,
     options: otherProps,
-    tagsArr,
     mapTagsWithArticle
   }))
 
   return {
     dirTree,
-    // duplicate total tags from document.
-    // tagsArr: ['custom Tag 1', 'custom Tag 2']
-    tagsArr,
     // map tags with path. [{ tagName: 'custom Tag 1', mapArticle: [{ path, name }]}]
     mapTagsWithArticle
   }
@@ -34,6 +28,7 @@ const getPrerenderRoutes = (dirTree) => {
   const dpCloneDirTree = JSON.parse(JSON.stringify(dirTree))
   const result = recursiveDirTree(dpCloneDirTree)
   result.push('/404')
+  result.push('/tags')
   return result
 }
 

packages/crd-scripts/src/conf/node-directory-tree.js

@@ -6,12 +6,9 @@ const { execSync } = require('child_process')
 const {
   replaceForFrontMatter,
   generateRandomId,
-  // getDocsConfig
 } = require('crd-utils')
 const { getDigitFromDir, timeFormat } = require('../utils')
 
-// const docsConfig = getDocsConfig()
-
 const constants = {
   DIRECTORY: 'directory',
   FILE: 'file',
@@ -53,18 +50,23 @@ function safeReadDirSync(path) {
  *   prerender: Boolean. Used for prerender.
  *   generate: Boolean. Used for generating info in front-matter.
  * }
+ * tagsArr: collect unique tags from all articles.
+ * mapTagsWithArticle: [{
+ *  tagName: 'customTag1',    // tag type name
+ *  mapArticle: [{
+ *    path,                   // click tag to jump route such as /tags/customTag1
+ *    title                   // the name of article
+ *  }]}]
  */
 function directoryTree({
   path,
   options,
   tagsArr = [],
-  // [{ tagName: 'custom Tag 1', mapArticle: [{ path, title }]}]
   mapTagsWithArticle = [],
   routePath = ''
 }) {
   const name = PATH.basename(path, '.md')
   const item = { name }
-  // const routePropsCurrent = `${routePath}/${name}`.replace(/.md$/, '')
   const routePropsCurrent = `${routePath}/${name}`
   if (!options.prerender) {
     item.path = path
@@ -110,8 +112,7 @@ function directoryTree({
       }
 
       const yamlParse = contentMatch ? YAML.parse(contentMatch[1]) : {}
-      const articleTags = yamlParse.tags
-      const abbrlink = yamlParse.abbrlink
+      const { tags: articleTags, abbrlink } = yamlParse
       if (Array.isArray(articleTags)) {
         const cpArticleTags = Array.from(new Set(articleTags))
         for (let i = 0; i < cpArticleTags.length; i++) {

packages/crd-seed/component/Tags/index.js

@@ -2,6 +2,9 @@ import { Link } from 'react-router-dom'
 import { ifProd } from 'crd-client-utils'
 import styles from './index.less'
 
+/**
+ * name: the name of tag category.
+ */
 const Tags = ({ name }) => {
   const { user, repo } = DOCSCONFIG || {}
 
@@ -15,7 +18,7 @@ const Tags = ({ name }) => {
               return <Link
                 className={styles['tags-text']}
                 to={ifProd ? `/${repo}${path}` : `${path}`}
-                key={title}
+                key={path}
               >
                 {title}
               </Link>