Commit 5cbc38d4 authored by Muhammad Umair Khan's avatar Muhammad Umair Khan
Browse files

add log to front-end react application

parent 318a8438

.gitignore

+1 −0
Original line number Diff line number Diff line
@@ -7,3 +7,4 @@ vendor/ 
dist/

bin

js-packages/meep-*

.build_checksum

js-apps/frontend/package-lock.json

+63 −9
Original line number Diff line number Diff line
@@ -9531,7 +9531,17 @@ 
      "requires": {

        "is-in-browser": "^1.1.3",

        "symbol-observable": "^1.1.0",

        "warning": "^4.0.1"

        "warning": "^3.0.0"

      },

      "dependencies": {

        "warning": {

          "version": "3.0.0",

          "resolved": "https://registry.npmjs.org/warning/-/warning-3.0.0.tgz",

          "integrity": "sha512-jMBt6pUrKn5I+OGgtQ4YZLdhIeJmObddh6CsibPxyQ5yPZm1XExSyzC1LCNX7BzhxWgiHmizBWJTHJIjMjTQYQ==",

          "requires": {

            "loose-envify": "^1.0.0"

          }

        }

      }

    },

    "jss-camel-case": {
@@ -9547,7 +9557,17 @@ 
      "resolved": "https://registry.npmjs.org/jss-compose/-/jss-compose-5.0.0.tgz",

      "integrity": "sha512-YofRYuiA0+VbeOw0VjgkyO380sA4+TWDrW52nSluD9n+1FWOlDzNbgpZ/Sb3Y46+DcAbOS21W5jo6SAqUEiuwA==",

      "requires": {

        "warning": "^4.0.1"

        "warning": "^3.0.0"

      },

      "dependencies": {

        "warning": {

          "version": "3.0.0",

          "resolved": "https://registry.npmjs.org/warning/-/warning-3.0.0.tgz",

          "integrity": "sha512-jMBt6pUrKn5I+OGgtQ4YZLdhIeJmObddh6CsibPxyQ5yPZm1XExSyzC1LCNX7BzhxWgiHmizBWJTHJIjMjTQYQ==",

          "requires": {

            "loose-envify": "^1.0.0"

          }

        }

      }

    },

    "jss-default-unit": {
@@ -9565,7 +9585,17 @@ 
      "resolved": "https://registry.npmjs.org/jss-extend/-/jss-extend-6.2.0.tgz",

      "integrity": "sha512-YszrmcB6o9HOsKPszK7NeDBNNjVyiW864jfoiHoMlgMIg2qlxKw70axZHqgczXHDcoyi/0/ikP1XaHDPRvYtEA==",

      "requires": {

        "warning": "^4.0.1"

        "warning": "^3.0.0"

      },

      "dependencies": {

        "warning": {

          "version": "3.0.0",

          "resolved": "https://registry.npmjs.org/warning/-/warning-3.0.0.tgz",

          "integrity": "sha512-jMBt6pUrKn5I+OGgtQ4YZLdhIeJmObddh6CsibPxyQ5yPZm1XExSyzC1LCNX7BzhxWgiHmizBWJTHJIjMjTQYQ==",

          "requires": {

            "loose-envify": "^1.0.0"

          }

        }

      }

    },

    "jss-global": {
@@ -9578,7 +9608,17 @@ 
      "resolved": "https://registry.npmjs.org/jss-nested/-/jss-nested-6.0.1.tgz",

      "integrity": "sha512-rn964TralHOZxoyEgeq3hXY8hyuCElnvQoVrQwKHVmu55VRDd6IqExAx9be5HgK0yN/+hQdgAXQl/GUrBbbSTA==",

      "requires": {

        "warning": "^4.0.1"

        "warning": "^3.0.0"

      },

      "dependencies": {

        "warning": {

          "version": "3.0.0",

          "resolved": "https://registry.npmjs.org/warning/-/warning-3.0.0.tgz",

          "integrity": "sha512-jMBt6pUrKn5I+OGgtQ4YZLdhIeJmObddh6CsibPxyQ5yPZm1XExSyzC1LCNX7BzhxWgiHmizBWJTHJIjMjTQYQ==",

          "requires": {

            "loose-envify": "^1.0.0"

          }

        }

      }

    },

    "jss-preset-default": {
@@ -9608,7 +9648,17 @@ 
      "resolved": "https://registry.npmjs.org/jss-template/-/jss-template-1.0.1.tgz",

      "integrity": "sha512-m5BqEWha17fmIVXm1z8xbJhY6GFJxNB9H68GVnCWPyGYfxiAgY9WTQyvDAVj+pYRgrXSOfN5V1T4+SzN1sJTeg==",

      "requires": {

        "warning": "^4.0.1"

        "warning": "^3.0.0"

      },

      "dependencies": {

        "warning": {

          "version": "3.0.0",

          "resolved": "https://registry.npmjs.org/warning/-/warning-3.0.0.tgz",

          "integrity": "sha512-jMBt6pUrKn5I+OGgtQ4YZLdhIeJmObddh6CsibPxyQ5yPZm1XExSyzC1LCNX7BzhxWgiHmizBWJTHJIjMjTQYQ==",

          "requires": {

            "loose-envify": "^1.0.0"

          }

        }

      }

    },

    "jss-vendor-prefixer": {
@@ -9769,10 +9819,14 @@ 
      "dev": true

    },

    "loglevel": {

      "version": "1.6.8",

      "resolved": "https://registry.npmjs.org/loglevel/-/loglevel-1.6.8.tgz",

      "integrity": "sha512-bsU7+gc9AJ2SqpzxwU3+1fedl8zAntbtC5XYlt3s2j1hJcn2PsXSmgN8TaLG/J1/2mod4+cE/3vNL70/c1RNCA==",

      "dev": true

      "version": "1.9.2",

      "resolved": "https://registry.npmjs.org/loglevel/-/loglevel-1.9.2.tgz",

      "integrity": "sha512-HgMmCqIJSAKqo68l0rS2AanEWfkxaZ5wNiEFb5ggm08lDs9Xl2KxBlX3PTcaD2chBM1gXAYf491/M2Rv8Jwayg=="

    },

    "loglevel-plugin-prefix": {

      "version": "0.8.4",

      "resolved": "https://registry.npmjs.org/loglevel-plugin-prefix/-/loglevel-plugin-prefix-0.8.4.tgz",

      "integrity": "sha512-WpG9CcFAOjz/FtNht+QJeGpvVl/cdR6P0z6OcXSkr8wFJOsV2GRj2j10JLfjuA4aYkcKCNIEqRGCyTife9R8/g=="

    },

    "loose-envify": {

      "version": "1.4.0",

js-apps/frontend/package.json

+2 −0
Original line number Diff line number Diff line
@@ -37,6 +37,8 @@ 
    "ionicons": "^2.0.1",

    "leaflet": "1.6.0",

    "lodash": "^4.17.11",

    "loglevel": "^1.9.2",

    "loglevel-plugin-prefix": "^0.8.4",

    "mapbox-gl": "1.10.1",

    "mapbox-gl-leaflet": "0.0.12",

    "material-components-web": "^0.41.1",

js-apps/frontend/src/js/app-controller.js

+10 −6
Original line number Diff line number Diff line
@@ -24,24 +24,28 @@ import { saveState, loadState } from './util/persist'; 
// UI Components

import AppContainer from './containers/app-container';



import log from './util/logger';



// Initialize variables and listeners when document ready



// Get state from local storage

// Set state to 'undefined' to use default values

var loadedState = loadState();



// Uncomment if logger middleware is needed

// var logger = store => () => action => {

//   console.log(`logger - action: ${action.type}. payload: `, action.payload);

//   console.log('state: ', store.getState());

// };

// Redux logger middleware

const logger = store => next => action => {

  log.debug(`logger - action: ${action.type}. payload: `, action.payload);

  // log.trace('state: ', store.getState()); // Uncomment for detailed state logging

  return next(action);

};



// Create state store

const appStore = createStore(

  appReducer,

  loadedState ? loadedState : undefined,

  applyMiddleware(

    thunk

    thunk,

    logger

  )

);

window.appStore = appStore;

js-apps/frontend/src/js/containers/app-container.js

+2 −0
Original line number Diff line number Diff line
@@ -4,6 +4,7 @@ 


import _ from 'lodash';

import { connect } from 'react-redux';

import log from '../util/logger';

import React, { Component } from 'react';

import { StatusCodes } from 'http-status-codes';

import { TopAppBarFixedAdjust } from '@rmwc/top-app-bar';
@@ -246,6 +247,7 @@ class AppContainer extends Component { 
  }



  componentDidMount() {

    log.info('componentDidMount: AppContainer mounted');

    document.title = 'EdgeNative - Connector';

    this.setBasePaths();

    this.startTimers();