@capillarytech/cap-ui-utils 1.0.6 → 1.0.8

package/GA/index.js

@@ -7,9 +7,8 @@ import isEmpty from '../utils/isEmpty';
 
 import warn from '../utils/console/warn';
 import log from '../utils/console/log';
-import { trackException } from './utils/tracker';
 
-function _initialize(GAConfigs) {
+const _initialize = (GAConfigs) => {
   if (!GAConfigs.accessKey) {
     warn("Cannot initialize GA without accessKey");
     return;
@@ -17,9 +16,16 @@ function _initialize(GAConfigs) {
   if(GAConfigs.accessKey) {
     ReactGA.initialize(GAConfigs.accessKey,{debug: true,}); //UA-152081629-1
   }
+  if(GAConfigs.trackError){
+     //Track Error
+    window.addEventListener('error', (e)  =>{
+      tracker.trackException(`UI Error ${e.message}`);
+    });
+  }
+  eventsAfterInitialize();
   log("Cap GA initialized");
 }
-function initialize(GAConfigs) {
+const initialize = (GAConfigs) =>{
   if (isEmpty(GAConfigs)) {
     warn("Cannot initialize empty object");
     return;
@@ -31,47 +37,46 @@ function initialize(GAConfigs) {
     }
   }
   _initialize(GAConfigs);
+  
   return true;
 }
+const eventsAfterInitialize = () => {
 
-//Track Error
-window.addEventListener('error', function(e) {
-  tracker.trackException(`UI Error ${e.message}`);
-});
+  //Track windo Active and inActive time.
+  window.addEventListener('visibilitychange', ()=> {
+    const { startTracking, stopTracking } = timeTracker;
+    document.hidden ? stopTracking() : startTracking();
+  });
+}
 
-//Track windo Active and inActive time.
-window.addEventListener('visibilitychange', function() {
-  const { startTracking, stopTracking } = timeTracker;
-  document.hidden ? stopTracking() : startTracking();
-});
 
 // ttiPolyfill.getFirstConsistentlyInteractive().then(tti => {
 //   console.log('performance tti', tti);
 // });
 
-const callback = list => {
-  list.getEntries().forEach(entry => {
-    console.log('performance callback entry', entry);
-    console.log(
-      'performance callback server latentcy',
-      entry.responseStart - entry.requestStart,
-    );
-    console.log(
-      'performance callback download time',
-      entry.responseEnd - entry.responseStart,
-    );
-    console.log(
-      'performance callback load time',
-      entry.responseEnd - entry.requestStart,
-    );
-  });
-};
+// const callback = list => {
+//   list.getEntries().forEach(entry => {
+//     console.log('performance callback entry', entry);
+//     console.log(
+//       'performance callback server latentcy',
+//       entry.responseStart - entry.requestStart,
+//     );
+//     console.log(
+//       'performance callback download time',
+//       entry.responseEnd - entry.responseStart,
+//     );
+//     console.log(
+//       'performance callback load time',
+//       entry.responseEnd - entry.requestStart,
+//     );
+//   });
+// };
 
-var observer = new PerformanceObserver(callback);
-observer.observe({ entryTypes: ['navigation'] });
-var perfData = window.performance.timing;
-var pageLoadTime = perfData.loadEventEnd - perfData.navigationStart;
-console.log('Performance metrics', perfData, pageLoadTime);
+// var observer = new PerformanceObserver(callback);
+// observer.observe({ entryTypes: ['navigation'] });
+// var perfData = window.performance.timing;
+// var pageLoadTime = perfData.loadEventEnd - perfData.navigationStart;
+// console.log('Performance metrics', perfData, pageLoadTime);
 
 export default{
   initialize,

package/GA/utils/timeTracker.js

@@ -1,49 +1,48 @@
 
 // import ReactGA from 'react-ga';
 import tracker from './tracker'
+import log from '../../utils/console/log'
 let trackableEvents = {};
 let trackingStoppedAt = 0;
 let windowWasInActive = false;
 const {trackEvent}= tracker;
 let addInactiveTimeToEvents = inActiveInterval => {
-  Object.keys(trackableEvents).map(function(key) {
-    console.log('tracker', 'adjusted timing for', key);
+  Object.keys(trackableEvents).forEach((key) =>{
     trackableEvents[key] += inActiveInterval;
   });
 };
 
-function startTimer(event) {
-  console.log('tracker', 'Started timer for ', event);
+const startTimer = (event) => {
+  log(`tracker Started timer for ${event}` );
   trackableEvents[event] = Date.now();
 }
-function stopTimer(event, options) {
+const stopTimer = (event, options) =>{
   const timeTaken = Date.now() - (trackableEvents[event] || 0);
   delete trackableEvents[event];
-  console.log('tracker', 'stopped timer for ', event, timeTaken, options);
+  log(`tracker stopped timer for ${event} ${timeTaken} ${options}` );
   //Track the event timing
+  const { category , action, label } =options;
   if (options) {
     trackEvent({
-      category: options.category,
-      action: options.action,
-      label: options.label,
+      category: category,
+      action: action,
+      label: label,
       value: timeTaken,
     });
   }
   return timeTaken;
 }
 
-function stopTracking() {
+const stopTracking = () =>{
   trackingStoppedAt = Date.now();
   windowWasInActive = true;
-  console.log('tracker', 'window is inactive');
 }
 
-function startTracking() {
+const startTracking = () =>{
   if (!windowWasInActive) {
     return false;
   }
   const inActiveInterval = Date.now() - trackingStoppedAt;
-  console.log('tracker', 'window was inactive for ', inActiveInterval);
   trackingStoppedAt = 0;
   windowWasInActive = false;
   addInactiveTimeToEvents(inActiveInterval);

package/GA/utils/tracker.js

@@ -1,14 +1,14 @@
 import ReactGA from 'react-ga';
 
-function trackEvent(options) {
+const trackEvent = (options)=> {
   ReactGA.event(options);
 }
 
-function trackTiming() {}
+const trackTiming = () => {}
 
-function trackPageView() {}
+const trackPageView = () => {}
 
-function trackException(description, fatal = true) {
+const trackException = (description, fatal = true) => {
   ReactGA.exception({
     description,
     fatal,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@capillarytech/cap-ui-utils",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "description": "Utility functions shared accross all the modules",
   "main": "index.js",
   "scripts": {