modify logger settings

config/logger/config.dev.js

@@ -1,7 +1,7 @@
 module.exports = {
   default: 'info',
 
-  //// configure level for name
+  //// configure level for server
   // 'express:*': 'debug',
   // 'growi:*': 'debug',
   'growi:crowi': 'debug',
@@ -14,4 +14,7 @@ module.exports = {
   // 'growi:routes:page': 'debug',
   // 'growi-plugin:*': 'debug',
   // 'growi:InterceptorManager': 'debug',
+
+  //// configure level for client
+  'growi:app': 'debug',
 };

resource/js/app.js

@@ -7,6 +7,7 @@ import io from 'socket.io-client';
 
 import i18nFactory from './i18n';
 
+import loggerFactory from '@alias/logger';
 import Xss from '../../lib/util/xss';
 
 import Crowi from './util/Crowi';
@@ -39,6 +40,8 @@ import CustomHeaderEditor from './components/Admin/CustomHeaderEditor';
 
 import * as entities from 'entities';
 
+const logger = loggerFactory('growi:app');
+
 if (!window) {
   window = {};
 }
@@ -463,24 +466,26 @@ function updatePageStatusAlert(page, user) {
   }
 }
 socket.on('page:create', function(data) {
-  console.log(data);
   // skip if triggered myself
   if (data.socketClientId != null && data.socketClientId === socketClientId) {
     return;
   }
 
+  logger.debug({ obj: data }, `websocket on 'page:create'`); // eslint-disable-line quotes
+
   // update PageStatusAlert
   if (data.page.path == pagePath) {
     updatePageStatusAlert(data.page, data.user);
   }
 });
 socket.on('page:update', function(data) {
-  console.log(data);
   // skip if triggered myself
   if (data.socketClientId != null && data.socketClientId === socketClientId) {
     return;
   }
 
+  logger.debug({ obj: data }, `websocket on 'page:update'`); // eslint-disable-line quotes
+
   if (data.page.path == pagePath) {
     // update PageStatusAlert
     updatePageStatusAlert(data.page, data.user);
@@ -494,24 +499,26 @@ socket.on('page:update', function(data) {
   }
 });
 socket.on('page:delete', function(data) {
-  console.log(data);
   // skip if triggered myself
   if (data.socketClientId != null && data.socketClientId === socketClientId) {
     return;
   }
 
+  logger.debug({ obj: data }, `websocket on 'page:delete'`); // eslint-disable-line quotes
+
   // update PageStatusAlert
   if (data.page.path == pagePath) {
     updatePageStatusAlert(data.page, data.user);
   }
 });
 socket.on('page:editingWithHackmd', function(data) {
-  console.log(data);
   // skip if triggered myself
   if (data.socketClientId != null && data.socketClientId === socketClientId) {
     return;
   }
 
+  logger.debug({ obj: data }, `websocket on 'page:editingWithHackmd'`); // eslint-disable-line quotes
+
   if (data.page.path == pagePath) {
     // update PageStatusAlert
     const pageStatusAlert = componentInstances.pageStatusAlert;