refactor: Simpler logging with loglevel

6 files changed, 58 insertions, 14 deletions

diff --git a/packages/main/package.json b/packages/main/package.json
index 5010092..c4670a8 100644
--- a/packages/main/package.json
+++ b/packages/main/package.json
@@ -12,10 +12,11 @@
   "dependencies": {
     "@sophie/service-shared": "workspace:*",
     "@sophie/shared": "workspace:*",
-    "consola": "^2.15.3",
     "electron": "16.0.5",
     "json5": "^2.2.0",
     "lodash": "^4.17.21",
+    "loglevel": "^1.8.0",
+    "loglevel-plugin-prefix": "^0.8.4",
     "mobx": "^6.3.10",
     "mobx-state-tree": "^5.1.0",
     "ms": "^2.1.3"
diff --git a/packages/main/src/controllers/config.ts b/packages/main/src/controllers/config.ts
index b6aba35..7187ab4 100644
--- a/packages/main/src/controllers/config.ts
+++ b/packages/main/src/controllers/config.ts
@@ -18,18 +18,17 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import consola from 'consola';
 import { debounce } from 'lodash';
 import ms from 'ms';
 import { applySnapshot, getSnapshot, onSnapshot } from 'mobx-state-tree';
 
 import type { ConfigPersistenceService } from '../services/ConfigPersistenceService';
 import type { Config, ConfigSnapshotOut } from '../stores/Config';
-import { Disposer } from '../utils';
+import { Disposer, getLogger } from '../utils';
 
 const DEFAULT_CONFIG_DEBOUNCE_TIME = ms('1s');
 
-const logger = consola.withTag('sophie:controller:config');
+const logger = getLogger('controller:config');
 
 export async function initConfig(
   config: Config,
@@ -71,7 +70,7 @@ export async function initConfig(
     logger.info('Config file was not found');
     try {
       await writeConfig();
-      logger.success('Created config file');
+      logger.info('Created config file');
     } catch (err) {
       logger.error('Failed to initialize config');
     }
diff --git a/packages/main/src/controllers/nativeTheme.ts b/packages/main/src/controllers/nativeTheme.ts
index 6548771..9f9bc21 100644
--- a/packages/main/src/controllers/nativeTheme.ts
+++ b/packages/main/src/controllers/nativeTheme.ts
@@ -18,14 +18,13 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import consola from 'consola';
 import { nativeTheme } from 'electron';
 import { autorun } from 'mobx';
 
 import type { MainStore } from '../stores/MainStore';
-import { Disposer } from '../utils';
+import { Disposer, getLogger } from '../utils';
 
-const logger = consola.withTag('sophie:controller:nativeTheme');
+const logger = getLogger('controller:nativeTheme');
 
 export function initNativeTheme(store: MainStore): Disposer {
   logger.debug('Initializing controller');
diff --git a/packages/main/src/utils.ts b/packages/main/src/utils/index.ts
index 0d469dd..9a57e02 100644
--- a/packages/main/src/utils.ts
+++ b/packages/main/src/utils/index.ts
@@ -21,3 +21,5 @@
 import { IDisposer } from 'mobx-state-tree';
 
 export type Disposer = IDisposer;
+
+export { getLogger } from './logging';
diff --git a/packages/main/src/utils/logging.ts b/packages/main/src/utils/logging.ts
new file mode 100644
index 0000000..9f1133f
--- /dev/null
+++ b/packages/main/src/utils/logging.ts
@@ -0,0 +1,49 @@
+/*
+ * Copyright (C)  2021-2022 Kristóf Marussy <kristof@marussy.com>
+ *
+ * This file is part of Sophie.
+ *
+ * Sophie is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, version 3.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+import loglevel, { Logger } from 'loglevel';
+import prefix from 'loglevel-plugin-prefix';
+
+const isDevelopment = import.meta.env.MODE === 'development';
+
+if (isDevelopment) {
+  loglevel.enableAll();
+}
+
+prefix.reg(loglevel);
+prefix.apply(loglevel, {
+  format(level, name, timestamp) {
+    let shortName = 'global';
+    if (name !== undefined) {
+      const nameSegments = name.split(':');
+      const lastSegment = nameSegments.pop();
+      shortName = [...nameSegments.map((segment) => segment[0]), lastSegment].join(':');
+    }
+    if (isDevelopment) {
+      // `watch.js` already appends timestamps.
+      return `${level} (${shortName})`;
+    }
+    return `[${timestamp}] ${level} (${shortName})`;
+  },
+});
+
+export function getLogger(loggerName: string): Logger {
+  return loglevel.getLogger(`sophie:${loggerName}`);
+}
diff --git a/packages/main/vite.config.js b/packages/main/vite.config.js
index d6f9373..bdb0ca1 100644
--- a/packages/main/vite.config.js
+++ b/packages/main/vite.config.js
@@ -20,12 +20,6 @@ const config = makeConfig({
     'global.process.env': 'global.process["env"]',
     'globalThis.process.env': 'globalThis.process["env"]',
   },
-  resolve: {
-    alias: {
-      // Force resolve consola to the nodejs version.
-      consola: 'consola/dist/consola.js',
-    },
-  },
   build: {
     target: node,
     lib: {