GA works on prod only

Author: Yadro

.env.example

@@ -1,2 +1,4 @@
 SENTRY_DSN='https://XXXX.ingest.sentry.io/00000000'
 GA_UACODE=UA-XXXXXXXXXX
+# DEBUG=universal-analytics
+# NODE_DEBUG=request # debug requests in analytics

src/index.tsx

@@ -4,7 +4,7 @@ require('dotenv').config();
 
 import App from './App';
 import { initSentry } from './shared/initSentry';
-import './services/GaService';
+import './services/gaService/GaService';
 
 initSentry();
 

src/modules/projects/ProjectStore.ts

@@ -4,8 +4,11 @@ import ProjectModel from './models/ProjectModel';
 import ProjectService from './ProjectService';
 import TreeModelStoreHelper from '../../base/TreeModelStoreHelper';
 import { Undefined } from '../../types/CommonTypes';
-import GaService from '../../services/GaService';
-import { EEventCategory, EProjectEvents } from '../../services/EEvents';
+import GaService from '../../services/gaService/GaService';
+import {
+  EEventCategory,
+  EProjectEvents,
+} from '../../services/gaService/EEvents';
 
 export default class ProjectStore {
   projects: ProjectModel[] = [];

src/modules/tasks/TaskStore.ts

@@ -5,12 +5,12 @@ import TaskModel, { ITimeRangeModel } from './models/TaskModel';
 import TasksByProject from '../../modules/tasks/models/TasksByProject';
 import TreeModelStoreHelper from '../../base/TreeModelStoreHelper';
 import BadgeService from '../BadgeService';
-import GaService from '../../services/GaService';
+import GaService from '../../services/gaService/GaService';
 import {
   EEventCategory,
   ETasksEvents,
   ETimeRangeEvents,
-} from '../../services/EEvents';
+} from '../../services/gaService/EEvents';
 
 export default class TaskStore {
   tasks: TasksByProject = {};

src/screens/Main.tsx

@@ -7,7 +7,7 @@ import TaskControl from '../components/TaskControl/TaskControl';
 import HeaderMenu from '../components/HeaderMenu/HeaderMenu';
 import HoursScreen from './hours/HoursScreen';
 import Dashboard from './dashboard/Dashboard';
-import GaService from '../services/GaService';
+import GaService from '../services/gaService/GaService';
 
 const { Header } = Layout;
 

src/services/GaService.ts

@@ -0,0 +1,27 @@
+import ua from 'universal-analytics';
+
+const isProd = process.env.NODE_ENV === 'production';
+
+const gaCode = process.env.GA_UACODE;
+let analytics: any | null = null;
+
+if (isProd && gaCode) {
+  analytics = ua(gaCode);
+}
+
+const executeOnCondition = (fn: () => void) => {
+  if (isProd && analytics) {
+    fn();
+  }
+};
+
+const GaService = {
+  pageView(path: string) {
+    executeOnCondition(analytics?.pageview(path).send());
+  },
+  event(category: string, action: string) {
+    executeOnCondition(analytics?.event(category, action).send());
+  },
+};
+
+export default GaService;