feat(Console): provide a mean to log only in dev

kronostechnologies · Mar 28, 2024 · 3bb2dac · 3bb2dac
1 parent 65199d6
commit 3bb2dac
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 0 deletions.
diff --git a/packages/react/src/hooks/use-dev-console.ts b/packages/react/src/hooks/use-dev-console.ts
@@ -0,0 +1,16 @@
+type DevConsole = Pick<Console, 'log' | 'info' | 'warn' | 'error'>;
+
+// eslint-disable-next-line no-underscore-dangle
+const inDevMode = globalThis.__DS_DEV__;
+
+// eslint-disable-next-line @typescript-eslint/no-empty-function
+function noop(): void {}
+
+export function useDevConsole(): DevConsole {
+    return {
+        log: inDevMode ? console.log : noop,
+        info: inDevMode ? console.info : noop,
+        warn: inDevMode ? console.warn : noop,
+        error: inDevMode ? console.error : noop,
+    };
+}
diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
@@ -1,3 +1,8 @@
+// eslint-disable-next-line no-underscore-dangle, no-var, vars-on-top
+declare global { var __DS_DEV__: boolean; }
+// eslint-disable-next-line no-underscore-dangle
+global.__DS_DEV__ = process.env.NODE_ENV !== 'production' && process.env.NODE_ENV !== 'test';
+
 // Buttons
 export { Button } from './components/buttons/button';
 export { IconButton } from './components/buttons/icon-button';