restore old version

Author: alanpeng

.babelrc

@@ -3,16 +3,3 @@
   "plugins": ["transform-runtime"],
   "comments": false
 }
-{
-  "presets": [
-    ["@babel/preset-env", {
-      "modules": false,
-      "targets": {
-        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
-      }
-    }]
-  ],
-  "plugins": [
-    "@babel/plugin-transform-runtime"
-  ]
-}

.circleci/config.yml

@@ -6,7 +6,7 @@ jobs:
       - run:
           name: Build an amd64 container image
           command: |
-            docker run -t --rm -v ${PWD}:/deploy-ui -w /deploy-ui node:22 bash -c "npm install && npm run build"
+            docker run -t --rm -v ${PWD}:/deploy-ui -w /deploy-ui node:10.15 bash -c "npm install && npm run build"
             docker build -t wise2c/deploy-ui:amd64-$CIRCLE_BRANCH .
             docker login -u $DOCKER_USERNAME -p $DOCKER_PASSWORD
             docker push wise2c/deploy-ui:amd64-$CIRCLE_BRANCH
@@ -18,7 +18,7 @@ jobs:
       - run:
           name: Build an amd64 container image
           command: |
-            docker run -t --rm -v ${PWD}:/deploy-ui -w /deploy-ui node:22 bash -c "npm install && npm run build"
+            docker run -t --rm -v ${PWD}:/deploy-ui -w /deploy-ui node:10.15 bash -c "npm install && npm run build"
             docker build -t wise2c/deploy-ui:amd64-$CIRCLE_TAG .
             docker login -u $DOCKER_USERNAME -p $DOCKER_PASSWORD
             docker push wise2c/deploy-ui:amd64-$CIRCLE_TAG
@@ -31,7 +31,7 @@ jobs:
       - run:
           name: Build an aarch64 container image
           command: |
-            docker run -t --rm -v ${PWD}:/deploy-ui -w /deploy-ui node:22 bash -c "npm install && npm run build"          
+            docker run -t --rm -v ${PWD}:/deploy-ui -w /deploy-ui node:10.15 bash -c "npm install && npm run build"          
             docker build -t wise2c/deploy-ui:aarch64-$CIRCLE_BRANCH .
             docker login -u $DOCKER_USERNAME -p $DOCKER_PASSWORD
             docker push wise2c/deploy-ui:aarch64-$CIRCLE_BRANCH
@@ -44,7 +44,7 @@ jobs:
       - run:
           name: Build an aarch64 container image
           command: |
-            docker run -t --rm -v ${PWD}:/deploy-ui -w /deploy-ui node:22 bash -c "npm install && npm run build"
+            docker run -t --rm -v ${PWD}:/deploy-ui -w /deploy-ui node:10.15 bash -c "npm install && npm run build"
             docker build -t wise2c/deploy-ui:aarch64-$CIRCLE_TAG .
             docker login -u $DOCKER_USERNAME -p $DOCKER_PASSWORD
             docker push wise2c/deploy-ui:aarch64-$CIRCLE_TAG

.gitignore

@@ -8,4 +8,3 @@ test/e2e/reports
 .idea
 *.iml
 .vscode
-.aider*

build/build.js

@@ -1,41 +1,30 @@
-const path = require('path')
-const config = require('../config')
-const ora = require('ora')
-const webpack = require('webpack')
-const webpackConfig = require('./webpack.prod.conf')
+// https://github.com/shelljs/shelljs
+require('shelljs/global')
+env.NODE_ENV = 'production'
+
+var path = require('path')
+var config = require('../config')
+var ora = require('ora')
+var webpack = require('webpack')
+var webpackConfig = require('./webpack.prod.conf')
 
 console.log(
   '  Tip:\n' +
   '  Built files are meant to be served over an HTTP server.\n' +
   '  Opening index.html over file:// won\'t work.\n'
 )
 
-const spinner = ora('building for production...')
+var spinner = ora('building for production...')
 spinner.start()
 
-const compiler = webpack(webpackConfig)
+var assetsPath = path.join(config.build.assetsRoot, config.build.assetsSubDirectory)
+rm('-rf', assetsPath)
+mkdir('-p', assetsPath)
+cp('-R', 'static/', assetsPath)
 
-compiler.run((err, stats) => {
+webpack(webpackConfig, function (err, stats) {
   spinner.stop()
-  if (err) {
-    console.error(err.stack || err)
-    if (err.details) {
-      console.error(err.details)
-    }
-    process.exit(1)
-  }
-
-  const info = stats.toJson()
-
-  if (stats.hasErrors()) {
-    console.error(info.errors)
-    process.exit(1)
-  }
-
-  if (stats.hasWarnings()) {
-    console.warn(info.warnings)
-  }
-
+  if (err) throw err
   process.stdout.write(stats.toString({
     colors: true,
     modules: false,

build/dev-server.js

@@ -1,2 +1,65 @@
-// This file is no longer needed as we're using webpack-dev-server directly
-// Configuration is now handled in webpack.dev.conf.js
+var path = require('path')
+var express = require('express')
+var webpack = require('webpack')
+var config = require('../config')
+var proxyMiddleware = require('http-proxy-middleware')
+var webpackConfig = process.env.NODE_ENV === 'testing'
+  ? require('./webpack.prod.conf')
+  : require('./webpack.dev.conf')
+
+// default port where dev server listens for incoming traffic
+var port = process.env.PORT || config.dev.port
+// Define HTTP proxies to your custom API backend
+// https://github.com/chimurai/http-proxy-middleware
+var proxyTable = config.dev.proxyTable
+
+var app = express()
+var compiler = webpack(webpackConfig)
+
+var devMiddleware = require('webpack-dev-middleware')(compiler, {
+  publicPath: webpackConfig.output.publicPath,
+  stats: {
+    colors: true,
+    chunks: false
+  }
+})
+
+var hotMiddleware = require('webpack-hot-middleware')(compiler)
+// force page reload when html-webpack-plugin template changes
+compiler.plugin('compilation', function (compilation) {
+  compilation.plugin('html-webpack-plugin-after-emit', function (data, cb) {
+    hotMiddleware.publish({ action: 'reload' })
+    cb()
+  })
+})
+
+// proxy api requests
+Object.keys(proxyTable).forEach(function (context) {
+  var options = proxyTable[context]
+  if (typeof options === 'string') {
+    options = { target: options }
+  }
+  app.use(proxyMiddleware(context, options))
+})
+
+// handle fallback for HTML5 history API
+app.use(require('connect-history-api-fallback')())
+
+// serve webpack bundle output
+app.use(devMiddleware)
+
+// enable hot-reload and state-preserving
+// compilation error display
+app.use(hotMiddleware)
+
+// serve pure static assets
+var staticPath = path.posix.join(config.dev.assetsPublicPath, config.dev.assetsSubDirectory)
+app.use(staticPath, express.static('./static'))
+
+module.exports = app.listen(port, function (err) {
+  if (err) {
+    console.log(err)
+    return
+  }
+  console.log('Listening at http://localhost:' + port + '\n')
+})

build/utils.js

@@ -22,27 +22,22 @@ exports.cssLoaders = function (options) {
       return loader + (options.sourceMap ? extraParamChar + 'sourceMap' : '')
     }).join('!')
 
-    // Extract CSS when that option is specified
     if (options.extract) {
-      return ExtractTextPlugin.extract({
-        use: sourceLoader,
-        fallback: 'vue-style-loader'
-      })
+      return ExtractTextPlugin.extract('vue-style-loader', sourceLoader)
     } else {
-      return ['style-loader', sourceLoader].join('!')
+      return ['vue-style-loader', sourceLoader].join('!')
     }
   }
 
   // http://vuejs.github.io/vue-loader/configurations/extract-css.html
   return {
     css: generateLoaders(['css']),
-    postcss: generateLoaders(['css', 'postcss']),
+    postcss: generateLoaders(['css']),
     less: generateLoaders(['css', 'less']),
     sass: generateLoaders(['css', 'sass?indentedSyntax']),
     scss: generateLoaders(['css', 'sass']),
     stylus: generateLoaders(['css', 'stylus']),
-    styl: generateLoaders(['css', 'stylus']),
-    font: generateLoaders(['file-loader'])
+    styl: generateLoaders(['css', 'stylus'])
   }
 }
 

build/webpack.base.conf.js

@@ -1,12 +1,9 @@
-const path = require('path')
-const config = require('../config')
-const utils = require('./utils')
-const projectRoot = path.resolve(__dirname, '../')
-const TerserPlugin = require('terser-webpack-plugin')
-const { VueLoaderPlugin } = require('vue-loader')
+var path = require('path')
+var config = require('../config')
+var utils = require('./utils')
+var projectRoot = path.resolve(__dirname, '../')
 
 module.exports = {
-  mode: process.env.NODE_ENV === 'production' ? 'production' : 'development',
   entry: {
     app: './src/main.js'
   },
@@ -34,79 +31,69 @@ module.exports = {
     fallback: [path.join(__dirname, '../node_modules')]
   },
   module: {
-    noParse: /.npminstall\/localforage\/1.4.3\/localforage\/dist\/localforage.js/,
-    rules: [
+    noParse: /.npminstall\/localforage\/1.4.3\/localforage\/dist\/localforage.js/,    
+    preLoaders: [
       {
         test: /\.vue$/,
-        loader: 'vue-loader'
+        loader: 'eslint',
+        include: projectRoot,
+        exclude: /node_modules/
+      },
+      {
+        test: /\.js$/,
+        loader: 'eslint',
+        include: projectRoot,
+        exclude: /node_modules/
+      }
+    ],
+    loaders: [
+      // {
+      //   test: require.resolve('jsplumb'),
+      //   loaders: [
+      //     'imports?this=>window',
+      //     'script'
+      //   ]
+      // },
+      {
+        test: /\.vue$/,
+        loader: 'vue'
       },
       {
         test: /\.js$/,
-        loader: 'babel-loader',
+        loader: 'babel',
         include: projectRoot,
         exclude: /node_modules/
       },
       {
         test: /\.json$/,
-        type: 'json'
+        loader: 'json'
       },
       {
         test: /\.html$/,
-        loader: 'vue-html-loader'
+        loader: 'vue-html'
       },
       {
         test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
-        loader: 'url-loader',
-        options: {
+        loader: 'url',
+        query: {
           limit: 10000,
           name: utils.assetsPath('img/[name].[hash:7].[ext]')
         }
       },
       {
         test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
-        loader: 'url-loader',
-        options: {
+        loader: 'url',
+        query: {
           limit: 10000,
           name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
         }
-      },
-      {
-        test: /\.css$/,
-        use: [
-          'style-loader',
-          {
-            loader: 'css-loader',
-            options: {
-              sourceMap: process.env.NODE_ENV === 'production' ?
-                config.build.productionSourceMap :
-                config.dev.cssSourceMap
-            }
-          }
-        ]
       }
     ]
   },
   eslint: {
     formatter: require('eslint-friendly-formatter')
   },
-  optimization: {
-    minimize: process.env.NODE_ENV === 'production',
-    minimizer: [
-      new TerserPlugin({
-        terserOptions: {
-          compress: {
-            warnings: false
-          },
-          output: {
-            comments: false
-          },
-          sourceMap: config.build.productionSourceMap
-        },
-        parallel: true
-      })
-    ]
-  },
-  plugins: [
-    new VueLoaderPlugin()
-  ]
+  vue: {
+    loaders: utils.cssLoaders()
+  }
 }

build/webpack.dev.conf.js

@@ -12,7 +12,7 @@ Object.keys(baseWebpackConfig.entry).forEach(function (name) {
 
 module.exports = merge(baseWebpackConfig, {
   module: {
-    rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap })
+    loaders: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap })
   },
   // eval-source-map is faster for development
   devtool: '#eval-source-map',