perf(overmind-devtools-client): fix production build and only show console in development

Author: christianalfoni

packages/node_modules/overmind-devtools-client/package.json

@@ -7,7 +7,7 @@
 	"repository": "git+https://github.com/cerebral/overmind.git",
 	"scripts": {
 		"start": "webpack-dev-server",
-		"build": "webpack",
+		"build": "webpack --mode production",
 		"typecheck": "tsc --noEmit",
 		"test": "jest --runInBand",
 		"test:watch": "jest --watch --updateSnapshot --coverage false",

packages/node_modules/overmind-devtools-client/src/components/Tabs/index.tsx

@@ -100,17 +100,19 @@ const Tabs: FunctionComponent = () => {
           <FaSave />
         </button>
       </Tooltip>
-      <Tooltip text="Console">
-        <button
-          className={css(
-            styles.button,
-            state.currentTab === Tab.Console && styles.activeButton
-          )}
-          onClick={() => actions.changeTab(Tab.Console)}
-        >
-          <FaTerminal />
-        </button>
-      </Tooltip>
+      {process.env.NODE_ENV === 'development' ? (
+        <Tooltip text="Console">
+          <button
+            className={css(
+              styles.button,
+              state.currentTab === Tab.Console && styles.activeButton
+            )}
+            onClick={() => actions.changeTab(Tab.Console)}
+          >
+            <FaTerminal />
+          </button>
+        </Tooltip>
+      ) : null}
     </div>
   )
 }

packages/node_modules/overmind-devtools-client/src/overmind/operators.ts

@@ -98,9 +98,11 @@ export const ensureApp: () => Operator<Message> = () =>
 
 export const addClientMessage: () => Operator<Message> = () =>
   mutate(({ state }, message) => {
-    state.apps[message.appName].messages.unshift(
-      JSON.parse(JSON.stringify(message.message))
-    )
+    if (process.env.NODE_ENV === 'development') {
+      state.apps[message.appName].messages.unshift(
+        JSON.parse(JSON.stringify(message.message))
+      )
+    }
   })
 
 export const addComponent: () => Operator<AddComponentMessage> = () =>