feat: initial commit

packages/bolt/app/utils/logger.ts

@@ -0,0 +1,87 @@
+export type DebugLevel = 'trace' | 'debug' | 'info' | 'warn' | 'error';
+
+type LoggerFunction = (...messages: any[]) => void;
+
+interface Logger {
+  trace: LoggerFunction;
+  debug: LoggerFunction;
+  info: LoggerFunction;
+  warn: LoggerFunction;
+  error: LoggerFunction;
+  setLevel: (level: DebugLevel) => void;
+}
+
+let currentLevel: DebugLevel = import.meta.env.VITE_LOG_LEVEL ?? 'warn';
+
+export const logger: Logger = {
+  trace: (...messages: any[]) => log('trace', undefined, messages),
+  debug: (...messages: any[]) => log('debug', undefined, messages),
+  info: (...messages: any[]) => log('info', undefined, messages),
+  warn: (...messages: any[]) => log('warn', undefined, messages),
+  error: (...messages: any[]) => log('error', undefined, messages),
+  setLevel,
+};
+
+export function createScopedLogger(scope: string): Logger {
+  return {
+    trace: (...messages: any[]) => log('trace', scope, messages),
+    debug: (...messages: any[]) => log('debug', scope, messages),
+    info: (...messages: any[]) => log('info', scope, messages),
+    warn: (...messages: any[]) => log('warn', scope, messages),
+    error: (...messages: any[]) => log('error', scope, messages),
+    setLevel,
+  };
+}
+
+function setLevel(level: DebugLevel) {
+  if ((level === 'trace' || level === 'debug') && import.meta.env.PROD) {
+    return;
+  }
+
+  currentLevel = level;
+}
+
+function log(level: DebugLevel, scope: string | undefined, messages: any[]) {
+  const levelOrder: DebugLevel[] = ['trace', 'debug', 'info', 'warn', 'error'];
+
+  if (levelOrder.indexOf(level) >= levelOrder.indexOf(currentLevel)) {
+    const labelBackgroundColor = getColorForLevel(level);
+    const labelTextColor = level === 'warn' ? 'black' : 'white';
+
+    const labelStyles = getLabelStyles(labelBackgroundColor, labelTextColor);
+    const scopeStyles = getLabelStyles('#77828D', 'white');
+
+    const styles = [labelStyles];
+
+    if (typeof scope === 'string') {
+      styles.push('', scopeStyles);
+    }
+
+    console.log(`%c${level.toUpperCase()}${scope ? `%c %c${scope}` : ''}`, ...styles, ...messages);
+  }
+}
+
+function getLabelStyles(color: string, textColor: string) {
+  return `background-color: ${color}; color: white; border: 4px solid ${color}; color: ${textColor};`;
+}
+
+function getColorForLevel(level: DebugLevel): string {
+  switch (level) {
+    case 'trace':
+    case 'debug': {
+      return '#77828D';
+    }
+    case 'info': {
+      return '#1389FD';
+    }
+    case 'warn': {
+      return '#FFDB6C';
+    }
+    case 'error': {
+      return '#EE4744';
+    }
+    default: {
+      return 'black';
+    }
+  }
+}