optimize structor

Author: ThyeeZz

generate.js

@@ -1,60 +1,7 @@
-const fs = require('fs');
 const args = require('yargs').argv;
+const { copyComponents } = require('./scripts/copyComponents');
 
 // get project name via args.env
 const project = args.env || 'milvus';
 
-// copy milvus header and footer to components
-// new folder path is src/component/commonComponents
 copyComponents(project);
-
-// copy common component
-function copyComponents(project) {
-  const [baseSrcDir, baseTarDir] = [
-    './src/commonComponents',
-    './src/components/commonComponents',
-  ];
-  const copyFile = (sourcePath, targetPath) => {
-    const isDir = fs.statSync(sourcePath).isDirectory();
-
-    if (isDir) {
-      const paths = fs
-        .readdirSync(sourcePath)
-        .map(path => ({
-          srcPath: `${sourcePath}/${path}`,
-          tarPath: `${targetPath}/${path}`,
-        }))
-        .filter(v => !v.srcPath.includes('.DS_Store'));
-
-      fs.mkdirSync(targetPath);
-      paths.forEach(({ srcPath, tarPath }) => {
-        copyFile(srcPath, tarPath);
-      });
-    } else {
-      const file = fs.readFileSync(sourcePath);
-      fs.writeFileSync(targetPath, file);
-    }
-  };
-
-  const paths = fs
-    .readdirSync(`${baseSrcDir}/${project}`)
-    .map(path => ({
-      srcPath: `${baseSrcDir}/${project}/${path}`,
-      tarPath: `${baseTarDir}/${path}`,
-    }))
-    .filter(v => !v.srcPath.includes('.DS_Store'));
-
-  const isExist = fs.existsSync(baseTarDir);
-  if (!isExist) {
-    fs.mkdirSync(baseTarDir);
-  } else {
-    fs.rmSync(baseTarDir, {
-      recursive: true,
-      force: true,
-    });
-    fs.mkdirSync(baseTarDir);
-  }
-  paths.forEach(({ srcPath, tarPath }) => {
-    copyFile(srcPath, tarPath);
-  });
-}

package.json

@@ -5,7 +5,7 @@
   "scripts": {
     "dev-milvus": "node generate.js --env milvus && next dev",
     "dev-tohi": "node generate.js --env towhee && next dev",
-    "build": "next build && next export",
+    "build": "node generate.js --env milvus && next build && next export",
     "start": "next start",
     "lint": "next lint"
   },

scripts/copyComponents.js

@@ -0,0 +1,52 @@
+const fs = require('fs');
+
+// copy common component
+exports.copyComponents = project => {
+  const [baseSrcDir, baseTarDir] = [
+    './src/commonComponents',
+    './src/components/commonComponents',
+  ];
+  const copyFile = (sourcePath, targetPath) => {
+    const isDir = fs.statSync(sourcePath).isDirectory();
+
+    if (isDir) {
+      const paths = fs
+        .readdirSync(sourcePath)
+        .map(path => ({
+          srcPath: `${sourcePath}/${path}`,
+          tarPath: `${targetPath}/${path}`,
+        }))
+        .filter(v => !v.srcPath.includes('.DS_Store'));
+
+      fs.mkdirSync(targetPath);
+      paths.forEach(({ srcPath, tarPath }) => {
+        copyFile(srcPath, tarPath);
+      });
+    } else {
+      const file = fs.readFileSync(sourcePath);
+      fs.writeFileSync(targetPath, file);
+    }
+  };
+
+  const paths = fs
+    .readdirSync(`${baseSrcDir}/${project}`)
+    .map(path => ({
+      srcPath: `${baseSrcDir}/${project}/${path}`,
+      tarPath: `${baseTarDir}/${path}`,
+    }))
+    .filter(v => !v.srcPath.includes('.DS_Store'));
+
+  const isExist = fs.existsSync(baseTarDir);
+  if (!isExist) {
+    fs.mkdirSync(baseTarDir);
+  } else {
+    fs.rmSync(baseTarDir, {
+      recursive: true,
+      force: true,
+    });
+    fs.mkdirSync(baseTarDir);
+  }
+  paths.forEach(({ srcPath, tarPath }) => {
+    copyFile(srcPath, tarPath);
+  });
+};

src/pages/index.js

@@ -9,7 +9,6 @@ import TutorialCard from '../components/card';
 import classes from '../../styles/home.module.less';
 import ToolBar from '../components/toolBar';
 import { useRouter } from 'next/router';
-import axiosInstance from '../http/axios';
 import { getCodelabsJson } from '../utils/common';
 
 export default function HomePage({ data = [] }) {
@@ -77,7 +76,7 @@ export default function HomePage({ data = [] }) {
       case 'duration':
         return tempData.sort((x, y) => x.duration - y.duration);
     }
-  }, [sortWay, pathname, keyWord, categoryVal]);
+  }, [data, sortWay, pathname, keyWord, categoryVal]);
 
   return (
     <Layout>