add chameleon script

Author: christianalfoni

packages/app/src/app/overmind/effects/chameleon.ts

@@ -0,0 +1,20 @@
+import { Reaction } from '..';
+
+let _hasLoadedScript = false;
+
+export default {
+  initialize(reaction: Reaction) {
+    reaction(
+      state => state.user && state.user.id,
+      userId => {
+        if (!_hasLoadedScript && userId) {
+          const script = document.createElement('script');
+          script.innerHTML = `/* Chameleon - better user onboarding */!function(t,n,o){var a="chmln",e="adminPreview",c="setup identify alias track clear set show on off custom help _data".split(" ");if(n[a]||(n[a]={}),n[a][e]&&(n[a][e]=!1),!n[a].root){n[a].accountToken=o,n[a].location=n.location.href.toString(),n[a].now=new Date;for(var s=0;s<c.length;s++)!function(){var t=n[a][c[s]+"_a"]=[];n[a][c[s]]=function(){t.push(arguments)}}();var i=t.createElement("script");i.src="https://fast.trychameleon.com/messo/"+o+"/messo.min.js",i.async=!0,t.head.appendChild(i)}}(document,window,"SD8v1wAhTGvsMfAUSklVZC5ucKfiTB8uw73OJ9QOxIdiGn-1Ia9sN-BDlqTksEtFejdYPw");
+          chmln.identify(${userId}, {});`;
+          document.body.appendChild(script);
+          _hasLoadedScript = true;
+        }
+      }
+    );
+  },
+};

packages/app/src/app/overmind/effects/index.ts

@@ -25,3 +25,4 @@ export { default as codesandboxApi } from './codesandboxApi';
 export { default as themes } from './themes';
 export { default as executor } from './executor';
 export { default as stripe } from './stripe';
+export { default as chameleon } from './chameleon';

packages/app/src/app/overmind/index.ts

@@ -1,33 +1,35 @@
-import { createHook } from 'overmind-react';
 import {
+  IAction,
   IConfig,
+  IDerive,
   IOnInitialize,
-  IAction,
   IOperator,
-  IDerive,
+  IReaction,
   IState,
 } from 'overmind';
+import { createHook } from 'overmind-react';
 import { merge, namespaced } from 'overmind/config';
+
+import * as actions from './actions';
 import { createConnect } from './createConnect';
 import * as effects from './effects';
-import { state } from './state';
-import { onInitialize } from './onInitialize';
-import * as actions from './actions';
-import * as preferences from './namespaces/preferences';
-import * as userNotifications from './namespaces/userNotifications';
-import * as patron from './namespaces/patron';
-import * as editor from './namespaces/editor';
-import * as live from './namespaces/live';
-import * as workspace from './namespaces/workspace';
+import { createModals } from './factories';
+import * as modals from './modals';
 import * as dashboard from './namespaces/dashboard';
 import * as deployment from './namespaces/deployment';
+import * as editor from './namespaces/editor';
+import * as explore from './namespaces/explore';
 import * as files from './namespaces/files';
 import * as git from './namespaces/git';
-import * as explore from './namespaces/explore';
+import * as live from './namespaces/live';
+import * as patron from './namespaces/patron';
+import * as preferences from './namespaces/preferences';
 import * as profile from './namespaces/profile';
 import * as server from './namespaces/server';
-import { createModals } from './factories';
-import * as modals from './modals';
+import * as userNotifications from './namespaces/userNotifications';
+import * as workspace from './namespaces/workspace';
+import { onInitialize } from './onInitialize';
+import { state } from './state';
 
 export const config = merge(
   {
@@ -61,6 +63,9 @@ export interface OnInitialize extends IOnInitialize<Config> {}
 export interface Action<Input = void, Output = void>
   extends IAction<Config, Input, Output> {}
 
+export interface Reaction<Input = void, Output = void>
+  extends IReaction<Config> {}
+
 export interface AsyncAction<Input = void, Output = void>
   extends IAction<Config, Input, Promise<Output>> {}
 

packages/app/src/app/overmind/onInitialize.ts

@@ -6,6 +6,8 @@ export const onInitialize: OnInitialize = (
 ) => {
   const provideJwtToken = () => state.jwt || effects.jwt.get();
 
+  effects.chameleon.initialize(overmindInstance.reaction);
+
   effects.fsSync.initialize({
     onModulesByPathChange(cb: (modulesByPath: any) => void) {
       overmindInstance.reaction(