feat: add minimalistic frontend logger

Signed-off-by: Philipp Hoenisch <philipp@coblox.tech>

webapp/frontend/lib/logger/logger.dart

@@ -0,0 +1,23 @@
+import 'package:get_10101/logger/simple_utc_printer.dart';
+import 'package:logger/logger.dart';
+
+// Getter to access the logger instance
+Logger get logger => AppLogger.instance;
+
+class AppLogger {
+  static late final Logger instance;
+}
+
+void buildLogger(bool isLogLevelTrace) {
+  final logger = Logger(
+      output: ConsoleOutput(),
+      filter: ProductionFilter(),
+      level: isLogLevelTrace ? Level.trace : Level.debug,
+      printer: SimpleUTCPrinter(
+          // Colorful log messages
+          colors: true,
+          // Should each log print contain a timestamp
+          printTime: true));
+
+  AppLogger.instance = logger;
+}

webapp/frontend/lib/logger/simple_utc_printer.dart

@@ -0,0 +1,57 @@
+import 'dart:convert';
+
+import 'package:logger/logger.dart';
+
+/// Outputs simple log messages:
+/// ```
+/// [E] Log message  ERROR: Error info
+/// ```
+class SimpleUTCPrinter extends LogPrinter {
+  static final levelPrefixes = {
+    Level.trace: '[TRACE]',
+    Level.debug: '[DEBUG]',
+    Level.info: '[INFO]',
+    Level.warning: '[WARN]',
+    Level.error: '[ERROR]',
+    Level.fatal: '[FATAL]',
+  };
+
+  static final levelColors = {
+    Level.trace: AnsiColor.fg(AnsiColor.grey(0.5)),
+    Level.debug: const AnsiColor.none(),
+    Level.info: const AnsiColor.fg(12),
+    Level.warning: const AnsiColor.fg(208),
+    Level.error: const AnsiColor.fg(196),
+    Level.fatal: const AnsiColor.fg(199),
+  };
+
+  final bool printTime;
+  final bool colors;
+
+  SimpleUTCPrinter({this.printTime = false, this.colors = true});
+
+  @override
+  List<String> log(LogEvent event) {
+    var messageStr = _stringifyMessage(event.message);
+    var errorStr = event.error != null ? '  ERROR: ${event.error}' : '';
+    var timeStr = printTime ? 'TIME: ${event.time.toUtc().toIso8601String()}' : '';
+    return ['${_labelFor(event.level)} $timeStr $messageStr$errorStr'];
+  }
+
+  String _labelFor(Level level) {
+    var prefix = levelPrefixes[level]!;
+    var color = levelColors[level]!;
+
+    return colors ? color(prefix) : prefix;
+  }
+
+  String _stringifyMessage(dynamic message) {
+    final finalMessage = message is Function ? message() : message;
+    if (finalMessage is Map || finalMessage is Iterable) {
+      var encoder = const JsonEncoder.withIndent(null);
+      return encoder.convert(finalMessage);
+    } else {
+      return finalMessage.toString();
+    }
+  }
+}

webapp/frontend/lib/main.dart

@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:get_10101/common/version_service.dart';
+import 'package:get_10101/logger/logger.dart';
 import 'package:get_10101/routes.dart';
 import 'package:get_10101/wallet/wallet_service.dart';
 import 'package:provider/provider.dart';
@@ -8,6 +9,11 @@ import 'common/color.dart';
 import 'common/theme.dart';
 
 void main() {
+  WidgetsFlutterBinding.ensureInitialized();
+  buildLogger(false);
+  logger.i("Logger initialized");
+
+
   var providers = [
     Provider(create: (context) => const VersionService()),
     Provider(create: (context) => const WalletService())

webapp/frontend/pubspec.yaml

@@ -44,6 +44,7 @@ dependencies:
   bitcoin_icons: ^0.0.4
   intl: ^0.19.0
   decimal: ^2.3.3
+  logger: ^2.0.2+1
 
 dev_dependencies:
   flutter_test: