refactor: make webpack version app

Author: ciao-chung

.gitignore

@@ -1,6 +1,6 @@
 .DS_Store
-**/node_modules/**
-/dist/
+node_modules/
+/app/dist/
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
@@ -14,7 +14,4 @@ selenium-debug.log
 *.suo
 *.ntvs*
 *.njsproj
-*.sln
-
-static/config.json
-prod/static/config.json
+*.sln

app/assets/logo.png

@@ -0,0 +1,36 @@
+require('../src/Global')
+module.exports = () => {
+  return {
+    target: 'node',
+    entry: ['babel-polyfill', pathResolve(appRoot, 'src/App.js')],
+    output: {
+      path: outputPath,
+      filename: `${projectConfig.name}/app.js`,
+    },
+    resolve: {
+      extensions: ['.js', '.json'],
+      modules: [
+        appRoot,
+        pathResolve('src'),
+        'node_modules',
+      ],
+      alias: {
+        'src': pathResolve('src'),
+      },
+    },
+    module: {
+      rules: [
+        {
+          test: /\.js$/,
+          use: {
+            loader: 'babel-loader',
+            options: {
+              presets: ['@babel/preset-env'],
+            },
+          },
+        },
+      ],
+    },
+    plugins: [],
+  }
+}

app/config/webpack.config.js

@@ -0,0 +1,19 @@
+const baseConfig = require('./webpack.config')
+const merge = require('webpack-merge')
+const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
+
+module.exports = () => {
+  return merge(baseConfig(), {
+    plugins: [
+      new UglifyJsPlugin({
+        uglifyOptions: {
+          compress: {
+            warnings: false
+          }
+        },
+        sourceMap: true,
+        parallel: true
+      }),
+    ],
+  })
+}

app/config/webpack.dev.config.js

@@ -0,0 +1,8 @@
+const baseConfig = require('./webpack.config')
+const merge = require('webpack-merge')
+
+module.exports = () => {
+  return merge(baseConfig(), {
+    devtool: '#inline-source-map',
+  })
+}

app/config/webpack.test.config.js

@@ -0,0 +1,36 @@
+{
+  "name": "nodejs-webpack",
+  "version": "1.0.0",
+  "main": "index.js",
+  "author": "Ciao Chung <[email protected]>",
+  "license": "MIT",
+  "scripts": {
+    "unit": "node node_modules/mocha-webpack/bin/mocha-webpack test/unit/**/*.js --webpack-config config/webpack.test.config.js",
+    "unit:single": "node node_modules/mocha-webpack/bin/mocha-webpack --webpack-config config/webpack.test.config.js",
+    "dev": "node runner/dev.js; node dist/**/app.js",
+    "start": "node dist/**/app.js",
+    "prod": "node runner/dev.js --prod"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.2.0",
+    "@babel/preset-env": "^7.2.0",
+    "babel-loader": "^8.0.4",
+    "babel-polyfill": "^6.26.0",
+    "mocha": "^5.2.0",
+    "mocha-webpack": "^1.1.0",
+    "node-notifier": "^5.3.0",
+    "ora": "^3.0.0",
+    "shelljs": "^0.8.3",
+    "uglifyjs-webpack-plugin": "1.2.7",
+    "webpack": "3.11.0",
+    "webpack-merge": "^4.1.5"
+  },
+  "dependencies": {
+    "axios": "^0.18.0",
+    "chalk": "^2.4.1",
+    "cron": "^1.6.0",
+    "moment": "^2.22.2",
+    "nodemailer": "^5.1.1",
+    "yargs-parser": "^11.1.1"
+  }
+}

app/copyfile/.gitkeep

@@ -0,0 +1,74 @@
+require('../src/Global')
+const { existsSync } = require('fs')
+const asyncWebpackConfig = require('../config/webpack.config')
+const webpack = require('webpack')
+const spinner = require('ora')('Start Build App')
+
+class dev {
+  constructor() {
+    this.start()
+  }
+
+  async start() {
+    this.seconds = 0
+    clearInterval(this.interval)
+    this.interval = setInterval(() => this.seconds++, 1000)
+    await this.build()
+  }
+
+  async build() {
+    notify('Start Build App')
+
+    if(existsSync(outputPath)) {
+      await execAsync(`rm -rf ./*`, { cwd: outputPath })
+    }
+
+    spinner.start()
+    await this.webpackBuild()
+
+    if(args.prod == true) {
+      await this.production()
+    }
+
+    log(`Spent ${this.seconds} seconds`, 'green')
+    clearInterval(this.interval)
+  }
+
+  async production() {
+    const distFolderPath = pathResolve(outputPath, projectConfig.name)
+    const productionAppPath = pathResolve(productionPath, projectConfig.name)
+    const copyfileFolderPath = pathResolve(appRoot, 'copyfile')
+    const readmeFilePath = pathResolve(projectRoot, 'README.md')
+
+    await execAsync(`rm -rf ${productionAppPath}`)
+    mkdir('-p', productionAppPath)
+    await execAsync(`cp ${readmeFilePath} ./`, { cwd: productionAppPath })
+    try {
+      await execAsync(`cp -r ${copyfileFolderPath}/* ./`, { cwd: productionAppPath })
+    } catch(error) {
+      log(error, 'yellow')
+    }
+    await execAsync(`cp -r ${distFolderPath}/* ./`, { cwd: productionAppPath })
+  }
+
+  webpackBuild() {
+    return new Promise((resolve) => {
+      webpack(asyncWebpackConfig(), (error, stats) => {
+        spinner.stop()
+        if(!error) {
+          log('Build Success')
+          notify('Build Success')
+        }
+
+        else {
+          log(`Build Fail: ${error}`, 'red')
+          notify(`Build Fail: ${error}`)
+        }
+
+        resolve()
+      })
+    })
+  }
+}
+
+module.exports = new dev()

app/package.json

@@ -0,0 +1,35 @@
+require('../src/Global')
+const asyncWebpackConfig = require('../config/webpack.test.config')
+const webpack = require('webpack')
+const spinner = require('ora')('Start Build App')
+
+class dev {
+  constructor() {
+    this.start()
+  }
+
+  async start() {
+    this.startWebpack()
+  }
+
+  startWebpack() {
+    return new Promise((resolve) => {
+      webpack(asyncWebpackConfig(), (error, stats) => {
+        spinner.stop()
+        if(!error) {
+          log('Build Success')
+          notify('Build Success')
+        }
+
+        else {
+          log(`Build Fail: ${error}`, 'red')
+          notify(`Build Fail: ${error}`)
+        }
+
+        resolve()
+      })
+    })
+  }
+}
+
+module.exports = new dev()

app/runner/dev.js

@@ -0,0 +1,60 @@
+import 'Global'
+import { CronJob } from 'cron'
+import Runner from 'Modules/Runner'
+import { readFileSync } from 'fs'
+class App {
+  constructor() {
+    this.init()
+  }
+
+  async init() {
+    try {
+      global.config = JSON.parse(readFileSync(args.config, 'utf8'))
+    } catch (error) {
+      process.exit()
+    }
+    this.runner = Runner(config)
+    this.start()
+  }
+
+  async start() {
+    console.log(chalk.cyan(`App start... \t ${now()}`))
+    for(const jobName in config.jobs) {
+      const jobConfig = config.jobs[jobName]
+      this.setupSchedule(jobName, jobConfig)
+
+      if(jobConfig.runAtStart) this.startJob(jobName, jobConfig)
+    }
+  }
+
+  setupSchedule(jobName, jobConfig) {
+    if(!Array.isArray(jobConfig.schedule)) {
+      const job = new CronJob(jobConfig.schedule, () => this.startJob(jobName, jobConfig))
+      job.start()
+      return
+    }
+
+    for(const schedule of jobConfig.schedule) {
+      const job = new CronJob(schedule, () => this.startJob(jobName, jobConfig))
+      job.start()
+    }
+  }
+
+  /**
+   * log style(white, red, green, yellow, cyan, magenta)
+   */
+  log(content, style = 'cyan') {
+    console.log(chalk[`${style}Bright`](content)+chalk.whiteBright(`\t at ${now()}`))
+  }
+
+  now() {
+    return moment(new Date).format('YYYY-MM-DD HH:mm:ss')
+  }
+
+  async startJob(jobName, jobConfig) {
+    log(`[Cron Service] Runner execute ${jobConfig.name} \t\tat ${now()}`)
+    this.runner.execute(jobName, jobConfig)
+  }
+}
+
+new App()