fary-client-log - npm Package Compare versions

Comparing version 0.1.1 to 1.0.0

lib/index.common.js

 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var IS_DEBUG = process.env.NODE_ENV === 'development';
@@ -36,2 +38,40 @@ var isBrowser = typeof window !== 'undefined';
 
+var vueLogger = {
+    install: function (Vue) {
+        // 如果不需开启log, 则赋值为空函数
+        if (!shouldEnable('')) {
+            Object.keys(logMap).forEach(function (method) {
+                Vue.prototype[method] = function () { return ({}); };
+            });
+            return;
+        }
+        Object.keys(logMap).forEach(function (method) {
+            var color = logMap[method];
+            Vue.prototype[method] = function () {
+                var args = [];
+                for (var _i = 0; _i < arguments.length; _i++) {
+                    args[_i] = arguments[_i];
+                }
+                var vm = this;
+                // 尝试获取当前组件信息
+                var filename = '';
+                var parentVnode = vm.$options._parentVnode;
+                if (parentVnode) {
+                    filename = parentVnode.componentOptions.Ctor.options.__file || '';
+                }
+                var index = filename.lastIndexOf('/');
+                var componentName = filename.slice(index + 1, -4) || '(unkonwn component name)';
+                if (!shouldEnable(componentName)) {
+                    return;
+                }
+                var routeName = vm.$route ? vm.$route.name : '(unkonwn route name)';
+                args.unshift("%c[component][" + componentName + "]:", color);
+                /* tslint-disable no-console */
+                console[method].apply(console, args);
+                /* tslint-enable */
+            };
+        });
+    },
+};
+
 /**
@@ -69,2 +109,3 @@ * 创建日志打印器
 
-module.exports = index;
+exports['default'] = index;
+exports.vueLogger = vueLogger;

lib/index.d.ts

@@ -0,1 +1,2 @@
+export { default as vueLogger } from './vue-logger';
 /**
@@ -2,0 +3,0 @@ * 创建日志打印器

lib/index.esm.js

@@ -34,2 +34,40 @@ var IS_DEBUG = process.env.NODE_ENV === 'development';
 
+var vueLogger = {
+    install: function (Vue) {
+        // 如果不需开启log, 则赋值为空函数
+        if (!shouldEnable('')) {
+            Object.keys(logMap).forEach(function (method) {
+                Vue.prototype[method] = function () { return ({}); };
+            });
+            return;
+        }
+        Object.keys(logMap).forEach(function (method) {
+            var color = logMap[method];
+            Vue.prototype[method] = function () {
+                var args = [];
+                for (var _i = 0; _i < arguments.length; _i++) {
+                    args[_i] = arguments[_i];
+                }
+                var vm = this;
+                // 尝试获取当前组件信息
+                var filename = '';
+                var parentVnode = vm.$options._parentVnode;
+                if (parentVnode) {
+                    filename = parentVnode.componentOptions.Ctor.options.__file || '';
+                }
+                var index = filename.lastIndexOf('/');
+                var componentName = filename.slice(index + 1, -4) || '(unkonwn component name)';
+                if (!shouldEnable(componentName)) {
+                    return;
+                }
+                var routeName = vm.$route ? vm.$route.name : '(unkonwn route name)';
+                args.unshift("%c[component][" + componentName + "]:", color);
+                /* tslint-disable no-console */
+                console[method].apply(console, args);
+                /* tslint-enable */
+            };
+        });
+    },
+};
+
 /**
@@ -67,2 +105,3 @@ * 创建日志打印器
 
+export { vueLogger };
 export default index;

lib/index.js

 (function (global, factory) {
-	typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
-	typeof define === 'function' && define.amd ? define(factory) :
-	(global.faryClientLog = factory());
-}(this, (function () { 'use strict';
+	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+	typeof define === 'function' && define.amd ? define(['exports'], factory) :
+	(factory((global.faryClientLog = {})));
+}(this, (function (exports) { 'use strict';
 
@@ -40,2 +40,40 @@ var IS_DEBUG = process.env.NODE_ENV === 'development';
 
+var vueLogger = {
+    install: function (Vue) {
+        // 如果不需开启log, 则赋值为空函数
+        if (!shouldEnable('')) {
+            Object.keys(logMap).forEach(function (method) {
+                Vue.prototype[method] = function () { return ({}); };
+            });
+            return;
+        }
+        Object.keys(logMap).forEach(function (method) {
+            var color = logMap[method];
+            Vue.prototype[method] = function () {
+                var args = [];
+                for (var _i = 0; _i < arguments.length; _i++) {
+                    args[_i] = arguments[_i];
+                }
+                var vm = this;
+                // 尝试获取当前组件信息
+                var filename = '';
+                var parentVnode = vm.$options._parentVnode;
+                if (parentVnode) {
+                    filename = parentVnode.componentOptions.Ctor.options.__file || '';
+                }
+                var index = filename.lastIndexOf('/');
+                var componentName = filename.slice(index + 1, -4) || '(unkonwn component name)';
+                if (!shouldEnable(componentName)) {
+                    return;
+                }
+                var routeName = vm.$route ? vm.$route.name : '(unkonwn route name)';
+                args.unshift("%c[component][" + componentName + "]:", color);
+                /* tslint-disable no-console */
+                console[method].apply(console, args);
+                /* tslint-enable */
+            };
+        });
+    },
+};
+
 /**
@@ -73,4 +111,7 @@ * 创建日志打印器
 
-return index;
+exports['default'] = index;
+exports.vueLogger = vueLogger;
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 })));

package.json

 {
   "name": "fary-client-log",
-  "version": "0.1.1",
+  "version": "1.0.0",
   "description": "A friendly logger for client/browser, attached with vue logger.",
   "scripts": {
     "build": "rollup -c",
+    "prepub": "npm run build",
     "pub": "np --no-cleanup"
@@ -8,0 +9,0 @@ },

src/index.ts

 import { logMap, shouldEnable } from './utils'
+export { default as vueLogger } from './vue-logger'
 
@@ -3,0 +4,0 @@ /**

Fixed alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

25639

increased by24.58%

Lines of code

661

increased by21.73%

Number of low quality alerts

1

decreased by-50%

No dependency changes