Merge pull request #16 from willybrauner/prevent-drop-on-compilation-3

Bypass dropping of console.log from the build process

Author: willybrauner

README.md

@@ -13,7 +13,7 @@ Tiny debug tool (~500 bytes) for terminal and browser inspired by [debug-js/debu
 ## Motivation
 
 `@wbe/debug` was built in order to be as light as possible for terminal and browser,
-as the same way as the great visionmedia/debug tool.
+as the same way as the great debug-js/debug tool.
 
 ## Installation
 

examples/browser/vite.config.ts

@@ -6,6 +6,6 @@ console.log("isProd", isProd)
 export default defineConfig({
   esbuild: {
     pure: isProd ? ["console.log"] : [],
-    //drop: isProd ? ["console"] : [],
+    //drop: ["console"],
   },
 })

examples/node/index.js

@@ -1,4 +1,4 @@
-const debug = require("@wbe/debug")
+import debug from "@wbe/debug"
 const str = "hello debug!"
 
 debug("01-namespace")(str)

examples/node/package.json

@@ -1,14 +1,11 @@
 {
   "name": "node",
-  "version": "1.0.0",
-  "description": "",
   "main": "index.js",
+  "type": "module",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "start": "node index.js"
   },
-  "keywords": [],
-  "author": "",
-  "license": "ISC",
   "dependencies": {
     "@wbe/debug": "workspace:*"
   }

package.json

@@ -1,13 +1,16 @@
 {
   "name": "@wbe/debug",
   "version": "1.2.0",
-  "description": "Tiny debug tool (~500 bytes) for terminal and browser inspired by visionmedia/debug API.",
+  "description": "Tiny debug tool (~500 bytes) for terminal and browser inspired by debug-js/debug API.",
   "author": "Willy Brauner",
   "license": "MIT",
   "type": "module",
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
   "sideEffects": false,
   "repository": {
     "type": "git",

src/debug.ts

@@ -5,29 +5,33 @@ import { isBrowser, stringToRgb } from "./helpers"
  * debug
  */
 // prettier-ignore
-export const debug = (namespace?: string) => (...rest: any[]): void =>
-{
+export const debug = (namespace?: string) => (...rest: any[]): void => {
   const rgb = stringToRgb(namespace)
 
   const showLog = (value: string): boolean =>
     value?.includes(":*")
       ? namespace.startsWith( value.split(":*")[0])
       : value === namespace || value === "*"
 
+  // Allow to bypass dropping of console.log from the build process
+  // tested with esbuild config: pure: ["console.log"] or drop: ["console"]
+  const log = console['log']
+
   if (isBrowser)
   {
     showLog(localStorage.getItem("debug"))
     &&
-    console.log(
+    log(
       namespace && `%c${namespace}`, `color: rgb(${rgb[0]}, ${rgb[1]}, ${rgb[2]})`,
       ...rest
     )
   }
+  
   else
-  {
+{
     showLog(process.env.DEBUG)
     &&
-    console.log(
+    log(
       namespace && couleur.bold(couleur.rgb(rgb[0], rgb[1], rgb[2])(namespace)),
       ...rest
     )