add version, update deps

Author: Steffan

build/build.js

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

package.json

@@ -34,21 +34,22 @@
     "@storybook/vue": "^3.4.10",
     "buble": "^0.19.3",
     "buble-loader": "^0.5.1",
-    "eslint": "^5.3.0",
+    "eslint": "^5.4.0",
     "jasmine": "^3.1.0",
-    "jasmine-core": "^3.1.0",
+    "jasmine-core": "^3.2.1",
     "karma": "^2.0.0",
     "karma-chrome-launcher": "^2.2.0",
     "karma-firefox-launcher": "^1.1.0",
     "karma-jasmine": "^1.1.1",
     "karma-safari-launcher": "^1.0.0",
     "karma-webpack": "^2.0.9",
-    "replace-in-file": "^3.1.0",
+    "replace-in-file": "^3.4.2",
     "rollup": "^0.64.1",
     "rollup-plugin-buble": "^0.19.2",
-    "uglify-js": "^3.3.9",
+    "rollup-plugin-replace": "^2.0.0",
+    "uglify-js": "^3.4.7",
     "vue": "^2.5.17",
-    "vue-loader": "^15.3.0",
+    "vue-loader": "^15.4.0",
     "vue-template-compiler": "^2.5.17",
     "webpack": "^3.10.0"
   }

src/index.js

@@ -2,102 +2,10 @@
  * Install plugin.
  */
 
-import EventManager from './EventManager';
-import {assign, forEach, isArray, isObject} from './util';
-
-const Events = new EventManager();
-
-Events.install = function (Vue, options = {}) {
-
-    if (this.installed) {
-        return;
-    }
-
-    // add global instance/methods
-    Vue.prototype.$events = Vue.events = assign(Events, options);
-    Vue.prototype.$trigger = function (event, params = [], asynch = false) {
-
-        if (!isObject(event)) {
-            event = {name: event, origin: this};
-        }
-
-        return Events.trigger(event, params, asynch);
-    };
-
-    // add merge strategy for "events"
-    Vue.config.optionMergeStrategies.events = mergeEvents;
-
-    // add mixin to parse "events" from component options
-    Vue.mixin({beforeCreate: initEvents});
-};
-
-function mergeEvents(parentVal, childVal) {
-
-    if (!childVal) {
-        return parentVal;
-    }
-
-    if (!parentVal) {
-        return childVal;
-    }
-
-    const events = assign({}, parentVal);
-
-    for (const event in childVal) {
-
-        let parent = events[event];
-        const child = childVal[event];
-
-        if (parent && !isArray(parent)) {
-            parent = [parent];
-        }
-
-        events[event] = parent
-            ? parent.concat(child)
-            : isArray(child) ? child : [child];
-    }
-
-    return events;
-}
-
-function initEvents() {
-
-    const _events = [];
-    const {events} = this.$options;
-
-    if (events) {
-
-        forEach(events, (listeners, event) => {
-            forEach(isArray(listeners) ? listeners : [listeners], listener => {
-
-                let priority = 0;
-
-                if (isObject(listener)) {
-                    priority = listener.priority;
-                    listener = listener.handler;
-                }
-
-                _events.push(Events.on(event, bindListener(listener, this), priority));
-            });
-        });
-
-        this.$on('hook:beforeDestroy', () => _events.forEach(off => off()));
-    }
-}
-
-function bindListener(fn, vm) {
-
-    if (typeof fn === 'string') {
-        return function () {
-            return vm[fn].apply(vm, arguments);
-        };
-    }
-
-    return fn.bind(vm);
-}
+import Plugin from './plugin';
 
 if (typeof window !== 'undefined' && window.Vue) {
-    window.Vue.use(Events);
+    window.Vue.use(Plugin);
 }
 
-export default Events;
+export default Plugin;

src/plugin.js

@@ -0,0 +1,105 @@
+/**
+ * Plugin class.
+ */
+
+import EventManager from './EventManager';
+import Util, {log, assign, forEach, isArray, isObject} from './util';
+
+const Events = new EventManager();
+
+export default {
+
+    version: '__VERSION__',
+
+    install(Vue, options = {}) {
+
+        if (this.installed) {
+            return;
+        }
+
+        Util(Vue); log(this.version);
+
+        // add global instance/methods
+        Vue.prototype.$events = Vue.events = assign(Events, options);
+        Vue.prototype.$trigger = function (event, params = [], asynch = false) {
+
+            if (!isObject(event)) {
+                event = {name: event, origin: this};
+            }
+
+            return Events.trigger(event, params, asynch);
+        };
+
+        // add merge strategy for "events"
+        Vue.config.optionMergeStrategies.events = mergeEvents;
+
+        // add mixin to parse "events" from component options
+        Vue.mixin({beforeCreate: initEvents});
+    }
+
+};
+
+export function mergeEvents(parentVal, childVal) {
+
+    if (!childVal) {
+        return parentVal;
+    }
+
+    if (!parentVal) {
+        return childVal;
+    }
+
+    const events = assign({}, parentVal);
+
+    for (const event in childVal) {
+
+        let parent = events[event];
+        const child = childVal[event];
+
+        if (parent && !isArray(parent)) {
+            parent = [parent];
+        }
+
+        events[event] = parent
+            ? parent.concat(child)
+            : isArray(child) ? child : [child];
+    }
+
+    return events;
+}
+
+export function initEvents() {
+
+    const _events = [];
+    const {events} = this.$options;
+
+    if (events) {
+
+        forEach(events, (listeners, event) => {
+            forEach(isArray(listeners) ? listeners : [listeners], listener => {
+
+                let priority = 0;
+
+                if (isObject(listener)) {
+                    priority = listener.priority;
+                    listener = listener.handler;
+                }
+
+                _events.push(this.$events.on(event, bindListener(listener, this), priority));
+            });
+        });
+
+        this.$on('hook:beforeDestroy', () => _events.forEach(off => off()));
+    }
+}
+
+export function bindListener(fn, vm) {
+
+    if (typeof fn === 'string') {
+        return function () {
+            return vm[fn].apply(vm, arguments);
+        };
+    }
+
+    return fn.bind(vm);
+}

src/util.js

@@ -2,10 +2,26 @@
  * Utility functions.
  */
 
+let _config = {};
+
 export const assign = Object.assign || _assign;
 
 export const isArray = Array.isArray;
 
+export default function ({config}) {
+    _config = config;
+}
+
+export function log(message, color = '#41B883') {
+    if (typeof console !== 'undefined' && _config.devtools) {
+        console.log(`%c vue-event-manager %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 isObject(val) {
     return val !== null && typeof val === 'object';
 }