feat(bundler): add common bundler config in package

Author: posva

packages/@posva/vuefire-bundler/README.md

@@ -0,0 +1,11 @@
+# `@posva/vuefire-bundler`
+
+> TODO: description
+
+## Usage
+
+```
+const vuefireBundler = require('@posva/vuefire-bundler');
+
+// TODO: DEMONSTRATE API
+```

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

@@ -0,0 +1,35 @@
+{
+  "name": "@posva/vuefire-bundler",
+  "version": "1.0.0",
+  "description": "wrapper around rollup to bundle vuefire and vuexfire",
+  "author": "Eduardo San Martin Morote <posva13@gmail.com>",
+  "homepage": "https://github.com/vuejs/vuefire#readme",
+  "license": "MIT",
+  "main": "src/index.js",
+  "directories": {
+    "lib": "src"
+  },
+  "files": [
+    "src"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/vuejs/vuefire.git"
+  },
+  "bugs": {
+    "url": "https://github.com/vuejs/vuefire/issues"
+  },
+  "dependencies": {
+    "mkdirp": "^0.5.1",
+    "rollup": "^0.64.1",
+    "rollup-plugin-buble": "^0.19.2",
+    "rollup-plugin-node-resolve": "^3.3.0",
+    "shelljs": "^0.8.2"
+  },
+  "devDependencies": {
+    "eslint": "^5.3.0"
+  }
+}

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

@@ -0,0 +1,107 @@
+const rollup = require('rollup').rollup
+const buble = require('rollup-plugin-buble')
+const resolve = require('rollup-plugin-node-resolve')
+const uglify = require('uglify-js')
+const mkdirp = require('mkdirp')
+const { logError, write } = require('./utils')
+
+const { pwd } = require('shelljs')
+const { join } = require('path')
+
+const cwd = pwd().toString()
+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',
+}
+
+const plugins = [
+  // replace({
+  //   __VERSION__: version,
+  //   // 'process.env.NODE_ENV': '"development"',
+  // }),
+  resolve({
+    extensions: ['.js', '.vue', '.jsx', '.json'],
+  }),
+  buble({
+    objectAssign: 'Object.assign',
+    transforms: {
+      dangerousForOf: true,
+    },
+  }),
+]
+
+function createBundle({ filename, format, moduleName, banner }) {
+  rollup({
+    input: join(cwd, 'src/index.js'),
+    plugins,
+  })
+    .then(bundle => {
+      const options = Object.assign({ banner, name: moduleName }, bundleOptions)
+      if (format) options.format = format
+      return bundle.generate(options)
+    })
+    .then(({ code }) => {
+      if (/min$/.test(filename)) {
+        const minified = uglify.minify(code, {
+          output: {
+            preamble: banner,
+            ascii_only: true,
+          },
+        }).code
+        return write(`${distFolder}/${filename}.js`, minified)
+      } else {
+        return write(`${distFolder}/${filename}.js`, code)
+      }
+    })
+    .catch(logError)
+}
+
+module.exports = function run(moduleName) {
+  const banner =
+    '/*!\n' +
+    ` * ${name} v${version}\n` +
+    ` * (c) ${new Date().getFullYear()} ${authorName}\n` +
+    ' * Released under the MIT License.\n' +
+    ' */'
+
+  // Browser bundle (can be used with script)
+  createBundle({
+    banner,
+    filename: name,
+    moduleName,
+  })
+
+  // Commonjs bundle (preserves process.env.NODE_ENV) so
+  // the user can replace it in dev and prod mode
+  createBundle({
+    banner,
+    filename: `${name}.esm`,
+    format: 'es',
+    moduleName,
+  })
+
+  createBundle({
+    banner,
+    filename: `${name}.common`,
+    format: 'cjs',
+    moduleName,
+  })
+
+  // Minified version for browser
+  createBundle({
+    banner,
+    filename: `${name}.min`,
+    moduleName,
+  })
+}

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

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

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

@@ -0,0 +1,27 @@
+function logError (e) {
+  console.log(e)
+}
+
+function blue (str) {
+  return `\x1b[1m\x1b[34m${str}\x1b[39m\x1b[22m`
+}
+
+function green (str) {
+  return `\x1b[1m\x1b[32m${str}\x1b[39m\x1b[22m`
+}
+
+function red (str) {
+  return `\x1b[1m\x1b[31m${str}\x1b[39m\x1b[22m`
+}
+
+function yellow (str) {
+  return `\x1b[1m\x1b[33m${str}\x1b[39m\x1b[22m`
+}
+
+module.exports = {
+  blue,
+  green,
+  red,
+  yellow,
+  logError,
+}

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

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