refactor(bundler): add eslint

Author: posva

packages/@posva/vuefire-bundler/package.json

@@ -12,6 +12,9 @@
   "files": [
     "src"
   ],
+  "scripts": {
+    "lint": "eslint --fix src"
+  },
   "publishConfig": {
     "access": "public"
   },
@@ -27,9 +30,11 @@
     "rollup": "^0.64.1",
     "rollup-plugin-buble": "^0.19.2",
     "rollup-plugin-node-resolve": "^3.3.0",
-    "shelljs": "^0.8.2"
+    "shelljs": "^0.8.2",
+    "uglify-js": "^3.4.7"
   },
   "devDependencies": {
-    "eslint": "^5.3.0"
+    "eslint": "^5.3.0",
+    "eslint-plugin-vue-libs": "^3.0.0"
   }
 }

packages/@posva/vuefire-bundler/src/index.js

@@ -13,16 +13,14 @@ const packageData = require(join(cwd, 'package.json'))
 const { version, author, name } = packageData
 // remove the email at the end
 const authorName = author.name
-const moduleName = 'Vuefire'
-console.log({ name, author, moduleName })
 
 // Make sure dist dir exists
 const distFolder = join(cwd, 'dist')
 mkdirp(distFolder)
 
 const bundleOptions = {
   exports: 'auto',
-  format: 'umd',
+  format: 'umd'
 }
 
 const plugins = [
@@ -31,20 +29,20 @@ const plugins = [
   //   // 'process.env.NODE_ENV': '"development"',
   // }),
   resolve({
-    extensions: ['.js', '.vue', '.jsx', '.json'],
+    extensions: ['.js', '.vue', '.jsx', '.json']
   }),
   buble({
     objectAssign: 'Object.assign',
     transforms: {
-      dangerousForOf: true,
-    },
-  }),
+      dangerousForOf: true
+    }
+  })
 ]
 
-function createBundle({ filename, format, moduleName, banner }) {
+function createBundle ({ filename, format, moduleName, banner }) {
   rollup({
     input: join(cwd, 'src/index.js'),
-    plugins,
+    plugins
   })
     .then(bundle => {
       const options = Object.assign({ banner, name: moduleName }, bundleOptions)
@@ -56,8 +54,8 @@ function createBundle({ filename, format, moduleName, banner }) {
         const minified = uglify.minify(code, {
           output: {
             preamble: banner,
-            ascii_only: true,
-          },
+            ascii_only: true
+          }
         }).code
         return write(`${distFolder}/${filename}.js`, minified)
       } else {
@@ -67,7 +65,7 @@ function createBundle({ filename, format, moduleName, banner }) {
     .catch(logError)
 }
 
-module.exports = function run(moduleName) {
+module.exports = function run (moduleName) {
   const banner =
     '/*!\n' +
     ` * ${name} v${version}\n` +
@@ -79,7 +77,7 @@ module.exports = function run(moduleName) {
   createBundle({
     banner,
     filename: name,
-    moduleName,
+    moduleName
   })
 
   // Commonjs bundle (preserves process.env.NODE_ENV) so
@@ -88,20 +86,20 @@ module.exports = function run(moduleName) {
     banner,
     filename: `${name}.esm`,
     format: 'es',
-    moduleName,
+    moduleName
   })
 
   createBundle({
     banner,
     filename: `${name}.common`,
     format: 'cjs',
-    moduleName,
+    moduleName
   })
 
   // Minified version for browser
   createBundle({
     banner,
     filename: `${name}.min`,
-    moduleName,
+    moduleName
   })
 }

packages/@posva/vuefire-bundler/src/utils/index.js

@@ -3,5 +3,5 @@ const { logError } = require('./log.js')
 
 module.exports = {
   write,
-  logError,
+  logError
 }

packages/@posva/vuefire-bundler/src/utils/log.js

@@ -23,5 +23,5 @@ module.exports = {
   green,
   red,
   yellow,
-  logError,
+  logError
 }

packages/@posva/vuefire-bundler/src/utils/write.js

@@ -2,7 +2,7 @@ const fs = require('fs')
 
 const { blue } = require('./log.js')
 
-function write(dest, code) {
+function write (dest, code) {
   return new Promise((resolve, reject) => {
     fs.writeFile(dest, code, err => {
       if (err) return reject(err)
@@ -12,7 +12,7 @@ function write(dest, code) {
   })
 }
 
-function getSize(code) {
+function getSize (code) {
   return (code.length / 1024).toFixed(2) + 'kb'
 }