Add identifying

Author: CompuIves

packages/app/package.json

@@ -230,6 +230,7 @@
     "react-stripe-elements": "^1.2.0",
     "react-tagsinput": "^3.19.0",
     "react-virtualized": "^9.19.1",
+    "sha1": "^1.1.1",
     "shelljs": "^0.7.8",
     "shortid": "^2.2.8",
     "socket.io-client": "^2.1.1",

packages/app/src/app/index.js

@@ -6,7 +6,7 @@ import { ApolloProvider } from 'react-apollo';
 import { Provider } from 'mobx-react';
 
 import history from 'app/utils/history';
-import _debug from 'app/utils/debug';
+import _debug from 'common/utils/debug';
 import { client } from 'app/graphql/client';
 import VERSION from 'common/version';
 import registerServiceWorker from 'common/registerServiceWorker';

packages/app/src/app/pages/index.js

@@ -4,7 +4,7 @@ import { inject, observer } from 'mobx-react';
 import Loadable from 'app/utils/Loadable';
 import { Route, Switch, Redirect } from 'react-router-dom';
 
-import _debug from 'app/utils/debug';
+import _debug from 'common/utils/debug';
 import Notifications from 'app/pages/common/Notifications';
 import { DragDropContext } from 'react-dnd';
 

packages/app/src/app/store/actions.js

@@ -1,7 +1,7 @@
 import axios from 'axios';
 
 import { generateFileFromSandbox } from 'common/templates/configuration/package-json';
-import track, { identify } from 'common/utils/analytics';
+import track, { identify, setUserId } from 'common/utils/analytics';
 
 import { parseConfigurations } from './utils/parse-configurations';
 import { mainModule, defaultOpenedModule } from './utils/main-module';
@@ -327,9 +327,10 @@ export function removeJwtFromStorage({ jwt }) {
   jwt.reset();
 }
 
-export function setSignedInCookie() {
+export function setSignedInCookie({ props }) {
   document.cookie = 'signedIn=true; Path=/;';
   identify('signed_in', true);
+  setUserId(props.user.id);
 }
 
 export function listenToConnectionChange({ connection }) {

packages/app/src/app/store/providers/Jwt.js

@@ -1,6 +1,6 @@
 import { Provider } from 'cerebral';
 import store from 'store/dist/store.modern';
-import { identify } from 'common/utils/analytics';
+import { identify, resetUserId } from 'common/utils/analytics';
 
 export default Provider({
   get() {
@@ -18,6 +18,7 @@ export default Provider({
     document.cookie = `jwt=; Path=/; expires=Thu, 01 Jan 1970 00:00:01 GMT;`;
 
     identify('signed_in', false);
+    resetUserId();
 
     return store.set('jwt', null);
   },

packages/app/src/app/store/providers/Socket.js

@@ -1,6 +1,6 @@
 import { Provider } from 'cerebral';
 import { Socket } from 'phoenix';
-import _debug from 'app/utils/debug';
+import _debug from 'common/utils/debug';
 
 let socket = null;
 const debug = _debug('cs:socket');

packages/app/src/app/utils/analytics.js

@@ -1,5 +1,5 @@
 // @flow
-import _debug from 'app/utils/debug';
+import _debug from 'common/utils/debug';
 import type { CurrentUser } from 'common/types';
 
 const debug = _debug('cs:analytics');

packages/app/src/sandbox/compile-old.js

@@ -1,6 +1,6 @@
 import { dispatch, clearErrorTransformers } from 'codesandbox-api';
 
-import _debug from 'app/utils/debug';
+import _debug from 'common/utils/debug';
 import { inject, unmount } from 'sandbox-hooks/react-error-overlay/overlay';
 import initializeErrorTransformers from 'sandbox-hooks/errors/transformers';
 import { Encode } from 'console-feed/lib/Transform';

packages/app/src/sandbox/compile.js

@@ -1,6 +1,6 @@
 import { dispatch, reattach, clearErrorTransformers } from 'codesandbox-api';
 import { absolute } from 'common/utils/path';
-import _debug from 'app/utils/debug';
+import _debug from 'common/utils/debug';
 import parseConfigurations from 'common/templates/configuration/parse';
 import initializeErrorTransformers from 'sandbox-hooks/errors/transformers';
 import { inject, unmount } from 'sandbox-hooks/react-error-overlay/overlay';

packages/app/src/sandbox/eval/cache.js

@@ -1,6 +1,6 @@
 // Responsible for consuming and syncing with the server/local cache
 import localforage from 'localforage';
-import _debug from 'app/utils/debug';
+import _debug from 'common/utils/debug';
 import type { default as Manager } from './manager';
 
 import { SCRIPT_VERSION } from '../';