feat: support frontmatter

Author: MuYunyun

docs/快速上手.md

@@ -1,3 +1,9 @@
+<!--
+title: 快速上手
+abbrlink: 290a4219
+date: 2019-05-12 13:23:44
+-->
+
 ## 快速上手
 
 **create-react-doc** 非常容易上手。开发者不需要额外安装或配置 webpack 或者 Babel 等工具，它们被内置隐藏在脚手架中，因此开发者可以专心于文档的书写。

packages/crd-seed/component/Menu/MenuItem.js

@@ -16,6 +16,9 @@ function MenuItem({
   }
 
   const renderMenuItem = () => {
+    if (selectedKey === '/290a4219') {
+      debugger
+    }
     return (
       <li
         className={cx(styles['menu-item'], styles[`menu-${theme}`], {

packages/crd-seed/layout/index.js

@@ -56,6 +56,10 @@ function BasicLayout({
     return (
       <>
         {menus.map((item, index) => {
+          const { mdconf, routePath } = item || {}
+          const { abbrlink } = mdconf || {}
+          const path = abbrlink ? `/${abbrlink}` : routePath
+          console.log('item123', item)
           // item.path carrys .md here.
           return item.children && item.children.length > 0 ? (
             <SubMenu key={index} keyValue={item.path} title={item.name} icon={<Icon type="folder" size={16} />}>
@@ -65,7 +69,7 @@ function BasicLayout({
             <Menu.Item
               key={index}
               icon={<Icon type="file" size={16} />}
-              keyValue={item.path}
+              keyValue={abbrlink ? `/${abbrlink}` : item.path}
               title={
                 item &&
                 item.type === "directory" &&
@@ -76,8 +80,8 @@ function BasicLayout({
                   </span>
                 ) : (
                   <Link
-                    to={ifProd ? `/${repo}${item.routePath}` : item.routePath}
-                    replace={pathname.indexOf(item.routePath) > -1}
+                    to={ifProd ? `/${repo}${path}` : path}
+                    replace={pathname.indexOf(path) > -1}
                   >
                     {item && item.mdconf && item.mdconf.title
                       ? item.mdconf.title
@@ -111,6 +115,7 @@ function BasicLayout({
           }}
           selectedKey={selectedKey}
           onSelect={(keyValue) => {
+            console.log('keyValue', keyValue)
             setSelectedKey(keyValue)
           }}
           defaultOpenKeys={curOpenKeys}
@@ -217,13 +222,16 @@ function BasicLayout({
           {/* see https://reacttraining.com/react-router/web/api/Redirect/exact-bool */}
           <Redirect exact from={ifAddPrefix ? `/${repo}` : `/`} to={ifAddPrefix ? `/${repo}/README` : `/README`} />
           {routeData.map((item) => {
+            const { path, mdconf, component } = item
+            const { abbrlink } = mdconf
+            const enhancePath = abbrlink ? `/${abbrlink}` : path
             return (
               <Route
-                key={item.path}
+                key={enhancePath}
                 exact
-                path={ifAddPrefix ? `/${repo}${item.path}` : item.path}
+                path={ifAddPrefix ? `/${repo}${enhancePath}` : enhancePath}
                 render={() => {
-                  const Comp = item.component
+                  const Comp = component
                   return <Comp {...item} />
                 }}
               />
@@ -255,7 +263,7 @@ function BasicLayout({
         <Footer inlineCollapsed={inlineCollapsed} />
       </div>
     </div>
-  );
+  )
 }
 
 export default BasicLayout

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

@@ -76,9 +76,10 @@ function directoryTree({
       item.type = constants.FILE
       const contentStr = fs.readFileSync(path).toString()
       if (contentStr && !options.prerender) {
-        const contentMatch = contentStr.match(/^<!--(\s?[^>]*)-->/)
+        const contentMatch = contentStr.match(/^<!--([^>]*)-->/)
         item.relative = item.path.replace(process.cwd(), '')
         item.mdconf = contentMatch ? YAML.parse(contentMatch[1]) : {}
+        console.log('item.mdconf', item.mdconf)
         item.isEmpty = contentMatch
           ? !String.prototype.trim.call(contentStr.replace(contentMatch[0], ''))
           : true

packages/scripts/src/conf/webpack.config.prod.js

@@ -123,6 +123,11 @@ module.exports = function (cmd) {
 
   const routes = getPrerenderRoutes(cmd)
 
+  console.log('docsConfig.repo', docsConfig.repo,)
+  console.log('outputDir', docsConfig.repo ? `${docsBuildDist}/${docsConfig.repo}` : docsBuildDist,)
+  console.log('indexPath', docsConfig.repo ? `${docsBuildDist}/${docsConfig.repo}/index.html` : `${docsBuildDist}/index.html`,)
+  console.log('routes', routes)
+
   config.plugins = config.plugins.concat([
     new webpack.DefinePlugin({
       env: JSON.stringify('prod'),
@@ -156,10 +161,19 @@ module.exports = function (cmd) {
     new PrerenderSPAPlugin({
       // Required - The path to the webpack-outputted app to prerender.
       staticDir: docsBuildDist,
-      outputDir: docsConfig.repo ? `${docsBuildDist}/${docsConfig.repo}` : docsBuildDist,
-      indexPath: docsConfig.repo ? `${docsBuildDist}/${docsConfig.repo}/index.html` : `${docsBuildDist}/index.html`,
+      outputDir: docsConfig.repo
+        ? `${docsBuildDist}/${docsConfig.repo}`
+        : docsBuildDist,
+      indexPath: docsConfig.repo
+        ? `${docsBuildDist}/${docsConfig.repo}/index.html`
+        : `${docsBuildDist}/index.html`,
       // Required - Routes to render.
-      routes,
+      // routes,
+      routes: [
+        '/README', '/快速上手',
+        '/hijkl', '/mnopq',
+        '/404'
+      ],
       successCb: async () => {
         if (docsConfig.repo) {
           // not use fs.move here or it'll throw error in github action

packages/scripts/src/web/Router.js

@@ -23,7 +23,6 @@ function routeData(data, arrayRoute = [], routePath = '/', article) {
   return arrayRoute
 }
 
-
 function menuSourceFormat(data, routePath, article) {
   const arr = []
   data.forEach((item) => {