Add more metrics

Author: CompuIves

packages/app/src/app/pages/common/Modals/ShareModal/index.js

@@ -5,6 +5,7 @@ import ModeIcons from 'app/components/ModeIcons';
 import { getModulePath } from 'common/sandbox/modules';
 import QRCode from 'qrcode.react';
 import Button from 'app/components/Button';
+import track from 'app/utils/analytics';
 
 import {
   optionsToParameterizedUrl,
@@ -45,6 +46,10 @@ class ShareView extends React.Component {
     showQRCode: false,
   };
 
+  componentDidMount() {
+    track('share-opened', {});
+  }
+
   handleChange = e => this.setState({ message: e.target.value });
 
   handleSend = () => {

packages/app/src/app/store/factories.js

@@ -1,6 +1,7 @@
 import { sequence, parallel } from 'cerebral';
 import { set, when } from 'cerebral/operators';
 import { state, props } from 'cerebral/tags';
+import { track as trackAnalytics } from 'app/utils/analytics';
 import * as actions from './actions';
 
 export function addTabById(id) {
@@ -34,6 +35,22 @@ export function addTabById(id) {
   };
 }
 
+const trackedEvents = {};
+
+export function track(e, args, { trackOnce } = { trackOnce: false }) {
+  return () => {
+    if (!trackOnce || !trackedEvents[e]) {
+      trackAnalytics(e, args);
+
+      if (trackOnce) {
+        trackedEvents[e] = true;
+      }
+    }
+
+    return {};
+  };
+}
+
 export function setCurrentModuleById(id) {
   // eslint-disable-next-line
   return function setCurrentModuleById({ state, resolve }) {

packages/app/src/app/store/modules/editor/sequences.js

@@ -18,7 +18,7 @@ import {
   closeModal,
 } from '../../sequences';
 
-import { setCurrentModule, addNotification } from '../../factories';
+import { setCurrentModule, addNotification, track } from '../../factories';
 
 export const openQuickActions = set(state`editor.quickActionsOpen`, true);
 
@@ -116,6 +116,7 @@ export const forceForkSandbox = [
 ];
 
 export const changeCode = [
+  track('change-code', {}, { trackOnce: true }),
   actions.setCode,
   actions.addChangedModule,
   actions.unsetDirtyTab,
@@ -140,6 +141,7 @@ export const saveChangedModules = [
 ];
 
 export const saveCode = [
+  track('save-code', {}),
   ensureOwnedSandbox,
   when(props`code`),
   {

packages/app/src/app/store/modules/live/sequences.js

@@ -361,6 +361,7 @@ export const sendSelection = [
 ];
 
 export const createLive = [
+  factories.track('create-live', {}),
   set(state`live.isOwner`, true),
   actions.createRoom,
   initializeLive,
@@ -413,6 +414,7 @@ export const removeEditor = [
 export const sendChat = [actions.sendChat];
 
 export const setChatEnabled = [
+  factories.track('live-chat-enabled', {}),
   equals(state`live.isOwner`),
   {
     true: [
@@ -424,6 +426,7 @@ export const setChatEnabled = [
 ];
 
 export const setFollowing = [
+  factories.track('live-follow-user', {}),
   set(state`live.followingUserId`, props`userId`),
   actions.getCurrentModuleIdOfUser,
   when(props`moduleShortid`),

packages/app/src/app/store/sequences.js

@@ -135,6 +135,7 @@ export const fetchGitChanges = [
 
 export const signIn = [
   set(state`isAuthenticating`, true),
+  factories.track('sign-in', {}),
   actions.signInGithub,
   {
     success: [