[deps] Update development related dependencies

.gitignore

@@ -4,6 +4,7 @@ app/dist-trezor/
 app/main.js
 app/main.js.map
 app/main.js.LICENSE.txt
+app/*.node
 node_modules/
 npm-debug.log
 public/js/bundle.js

app/main.development.js

@@ -92,6 +92,11 @@ import {
   LOCALE,
   DISABLE_HARDWARE_ACCEL
 } from "constants/config";
+import {
+  default as devtoolsInstaller,
+  REACT_DEVELOPER_TOOLS,
+  REDUX_DEVTOOLS
+} from "electron-devtools-installer";
 
 // setPath as decrediton
 app.setPath("userData", getAppDataDirectory());
@@ -238,16 +243,13 @@ process.on("uncaughtException", (err) => {
 
 const installExtensions = async () => {
   if (process.env.NODE_ENV === "development") {
-    const installer = require("electron-devtools-installer"); // eslint-disable-line global-require
-
-    const extensions = ["REACT_DEVELOPER_TOOLS", "REDUX_DEVTOOLS"];
+    const extensions = [REACT_DEVELOPER_TOOLS, REDUX_DEVTOOLS];
     const forceDownload = !!process.env.UPGRADE_EXTENSIONS;
     for (const name of extensions) {
-      // eslint-disable-line
       try {
-        await installer.default(installer[name], forceDownload);
+        await devtoolsInstaller(name, forceDownload);
       } catch (e) {
-        console.log("Error installing extesion: " + e);
+        console.log("Error installing extension: " + e);
       }
     }
   }
@@ -645,11 +647,11 @@ app.on("ready", async () => {
 
   mainWindow = new BrowserWindow(windowOpts);
   installSessionHandlers(logger);
-  if (debug) mainWindow.webContents.openDevTools();
   mainWindow.loadURL(url);
 
   mainWindow.webContents.on("did-finish-load", () => {
     mainWindow.show();
+    if (debug) mainWindow.webContents.openDevTools();
     mainWindow.focus();
   });
 

app/main_dev/externalRequests.js

@@ -180,8 +180,7 @@ export const reloadAllowedExternalRequests = () => {
 
   if (process.env.NODE_ENV === "development") {
     allowedURLs.push(/^http:\/\/localhost:3000/);
-    allowedURLs.push(/^chrome-extension:\/\/react-developer-tools\/*/);
-    allowedURLs.push(/^chrome-extension:\/\/redux-devtools\/*/);
+    allowedURLs.push(/^chrome-extension:\/\/*/);
   }
 
   const globalCfg = getGlobalCfg();

app/main_dev/logging.js

@@ -3,6 +3,7 @@ import path from "path";
 import { MAX_LOG_LENGTH } from "constants";
 import { getAppDataDirectory } from "./paths";
 import os from "os";
+import logform from "logform";
 
 let dcrdLogs = Buffer.from("");
 let dcrwalletLogs = Buffer.from("");
@@ -45,39 +46,45 @@ const logLevelsPrintable = {
 
 const logFormatter = (opts) => {
   const lvl = logLevelsPrintable[opts.level] || "UNK";
-  const time = opts.timestamp();
+  const time = opts.timestamp;
   const msg = opts.message;
   const subsys = "DCTN";
   return `${time} [${lvl}] ${subsys}: ${msg}`;
 };
 
-const logFormatterColorized = (opts) => {
-  const config = winston.config;
-  return config.colorize(opts.level, logFormatter(opts));
-};
-
 // createLogger creates the main app logger. This stores all logs into the
 // decrediton app data dir and sends to the console when debug == true.
 // This is meant to be called from the ipcMain thread.
 export function createLogger(debug) {
   if (logger) return logger;
-  logger = new winston.Logger({
+
+  const { combine, timestamp, printf, colorize, splat } = logform.format;
+
+  logger = new winston.createLogger({
     transports: [
       new winston.transports.File({
-        json: false,
         filename: path.join(getAppDataDirectory(), "decrediton.log"),
-        timestamp: logTimestamp,
-        formatter: logFormatter
+        format: combine(
+          timestamp({ format: logTimestamp }),
+          splat(),
+          printf(logFormatter)
+        )
       })
     ]
   });
 
   if (debug) {
-    logger.add(winston.transports.Console, {
-      timestamp: logTimestamp,
-      formatter: logFormatterColorized,
-      level: "debug"
-    });
+    logger.add(
+      new winston.transports.Console({
+        level: "debug",
+        format: combine(
+          timestamp({ format: logTimestamp }),
+          splat(),
+          printf(logFormatter),
+          colorize({ all: true })
+        )
+      })
+    );
   }
 
   return logger;