fix: improve browser packaging

main/consola.js → index.js

@@ -2,7 +2,7 @@ if (global.consola) {
   module.exports = global.consola
 } else {
   const env = require('std-env')
-  const { Consola, BasicReporter, FancyReporter } = require('../dist/consola.cjs.js')
+  const { Consola, BasicReporter, FancyReporter } = require('./dist/consola.cjs.js')
 
   // Log level
   let level = env.debug ? 4 : 3

package.json

@@ -6,19 +6,20 @@
   "repository": "nuxt/consola",
   "main": "main/consola.js",
   "browser": "dist/consola.js",
+  "side-effects": false,
   "scripts": {
     "build": "yarn build:cjs && yarn build:browser",
     "build:cjs": "bili -t node --format cjs src/index.js",
-    "build:browser": "bili --format umd main/consola.browser.js",
+    "build:browser": "bili --format umd src/browser.js",
     "lint": "eslint .",
     "test": "yarn lint && yarn build && jest test",
     "prepublish": "yarn build",
     "release": "standard-version && yarn build && git push --follow-tags && npm publish"
   },
   "files": [
     "dist",
-    "main",
-    "src"
+    "src",
+    "index.js"
   ],
   "keywords": [
     "console",

src/browser.js

@@ -0,0 +1,13 @@
+import Consola from './consola'
+import BrowserReporter from './reporters/browser'
+
+if (!window.consola) {
+  // Create new consola instance
+  window.consola = new Consola({
+    reporters: [
+      new BrowserReporter()
+    ]
+  })
+}
+
+export default window.consola

src/consola.js

@@ -1,8 +1,8 @@
-import { Types } from './types'
+import Types from './types'
 import { isLogObj } from './utils'
 import { version } from '../package.json'
 
-export class Consola {
+export default class Consola {
   constructor (options = {}) {
     this.reporters = options.reporters || []
     this.level = options.level != null ? options.level : 3

src/index.js

@@ -1,13 +1,5 @@
-export {
-  Consola
-} from './consola'
-
-export {
-  Types
-} from './types'
-
-export {
-  isLogObj
-} from './utils'
+export { default as Consola } from './consola'
+export { default as Types } from './types'
+export { isLogObj } from './utils'
 
 export * from './reporters'

src/types.js

@@ -1,4 +1,4 @@
-export const Types = {
+export default {
   fatal: {
     level: 0,
     color: 'red'