refactor(DBIPC): show slow query

src/IPC/DBIPC.ts

@@ -28,13 +28,13 @@ type SQLRowReturn<T> = {
 };
 
 class _DBIPC {
-  private log: boolean = false;
-
   // exec
   async exec(sql: SQLParams['sql'], params?: SQLParams['params']): Promise<SQLRunReturn> {
-    if (this.log) console.log(sql, params);
     const p: SQLParams = {sql, params};
-    return ipcRenderer.invoke(ChannelNames.exec, p);
+    const t = Date.now();
+    const res = await ipcRenderer.invoke(ChannelNames.exec, p);
+    this.showLog(t, sql, params);
+    return res;
   }
 
   onExec(handler: (_ev, params: SQLParams) => Promise<SQLRunReturn>) {
@@ -43,9 +43,11 @@ class _DBIPC {
 
   // select
   async select<T = any>(sql: SQLParams['sql'], params?: SQLParams['params']): Promise<SQLRowsReturn<T>> {
-    if (this.log) console.log(sql, params);
     const p: SQLParams = {sql, params};
-    return ipcRenderer.invoke(ChannelNames.select, p);
+    const t = Date.now();
+    const res = await ipcRenderer.invoke(ChannelNames.select, p);
+    this.showLog(t, sql, params);
+    return res;
   }
 
   onSelect(handler: (_ev, params: SQLParams) => Promise<SQLRowsReturn<any>>) {
@@ -54,9 +56,11 @@ class _DBIPC {
 
   // selectSingle
   async selectSingle<T = any>(sql: SQLParams['sql'], params?: SQLParams['params']): Promise<SQLRowReturn<T>> {
-    if (this.log) console.log(sql, params);
     const p: SQLParams = {sql, params};
-    return ipcRenderer.invoke(ChannelNames.selectSingle, p);
+    const t = Date.now();
+    const res = await ipcRenderer.invoke(ChannelNames.selectSingle, p);
+    this.showLog(t, sql, params);
+    return res;
   }
 
   onSelectSingle(handler: (_ev, params: SQLParams) => Promise<SQLRowReturn<any>>) {
@@ -71,6 +75,18 @@ class _DBIPC {
   onInit(handler: (_ev, configIndex: number) => Promise<void>) {
     ipcMain.handle(ChannelNames.init, handler);
   }
+
+  private showLog(startTime: number, sql: SQLParams['sql'], params: SQLParams['params']) {
+    const isDev = process.env.JASPER === 'DEV';
+    if (!isDev) return;
+
+    const time = Date.now() - startTime;
+    if (time > 33) {
+      console.debug(`<span style="color: red">slow query ${time}</span>`, sql, params);
+    } else {
+      console.debug(time, sql, params);
+    }
+  }
 }
 
 export const DBIPC = new _DBIPC();