add version, update deps

Author: Steffan

build/build.js

@@ -6,6 +6,7 @@ const rollup = require('rollup');
 const uglify = require('uglify-js');
 const vue = require('rollup-plugin-vue');
 const buble = require('rollup-plugin-buble');
+const replace = require('rollup-plugin-replace');
 const {name, version, homepage} = require('../package.json');
 const banner =
     '/*!\n' +
@@ -16,7 +17,7 @@ const banner =
 
 rollup.rollup({
     input: 'src/index.js',
-    plugins: [vue(), buble()]
+    plugins: [vue(), buble(), replace({__VERSION__: version})]
 })
 .then(bundle =>
     bundle.generate({

package.json

@@ -35,8 +35,9 @@
         "eslint": "^5.1.0",
         "eslint-plugin-vue": "^4.7.0",
         "replace-in-file": "^3.1.1",
-        "rollup": "^0.63.2",
+        "rollup": "^0.64.1",
         "rollup-plugin-buble": "^0.19.1",
+        "rollup-plugin-replace": "^2.0.0",
         "rollup-plugin-vue": "^3.0.0",
         "uglify-js": "^3.4.5",
         "vue": "^2.5.17",

src/index.js

@@ -2,25 +2,32 @@
  * Install plugin.
  */
 
-import Util from './util';
 import Field from './field';
 import Fields from './fields.vue';
+import Util, {log} from './util';
 
-export default function plugin(Vue) {
+const Plugin = {
 
-    if (plugin.installed) {
-        return;
-    }
+    Field,
+    Fields,
 
-    Util(Vue);
+    install(Vue) {
 
-    Vue.component('field', Field);
-    Vue.component('fields', Fields);
-}
+        if (this.installed) {
+            return;
+        }
+
+        Util(Vue); log(this.version);
 
-plugin.Field = Field;
-plugin.Fields = Fields;
+        Vue.component('field', Field);
+        Vue.component('fields', Fields);
+    },
+
+    version: '__VERSION__'
+};
 
 if (typeof window !== 'undefined' && window.Vue) {
-    window.Vue.use(plugin);
+    window.Vue.use(Plugin);
 }
+
+export default Plugin;

src/util.js

@@ -2,23 +2,27 @@
  * Utility functions.
  */
 
-let debug = false, _set;
+let _config = {}, _set;
 
 export const assign = Object.assign || _assign;
 
 export const isArray = Array.isArray;
 
 export default function ({set, config}) {
     _set = set;
-    debug = config.debug || !config.silent;
+    _config = config;
 }
 
-export function warn(msg) {
-    if (typeof console !== 'undefined' && debug) {
-        console.log(`%c vue-fields %c ${msg} `, 'color: #fff; background: #35495E; padding: 1px; border-radius: 3px 0 0 3px;', 'color: #fff; background: #DB6B00; padding: 1px; border-radius: 0 3px 3px 0;');
+export function log(message, color = '#41B883') {
+    if (typeof console !== 'undefined' && _config.devtools) {
+        console.log(`%c vue-fields %c ${message} `, 'color: #fff; background: #35495E; padding: 1px; border-radius: 3px 0 0 3px;', `color: #fff; background: ${color}; padding: 1px; border-radius: 0 3px 3px 0;`);
     }
 }
 
+export function warn(message, color = '#DB6B00') {
+    log(message, color);
+}
+
 export function isString(val) {
     return typeof val === 'string';
 }