feat(overmind-devtools-client): hit metaKey and r to refresh the app

Author: christianalfoni

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

@@ -1,15 +1,26 @@
-import { createElement, FunctionComponent, Fragment } from 'react'
+import { createElement, FunctionComponent, Fragment, useEffect } from 'react'
 import { useOvermind } from '../../overmind'
 import * as styles from './styles'
 import * as text from '../../styles/text'
 import { colors } from '../../theme'
-import Input from '../common/Input'
-import Button from '../common/Button'
 import Workspace from '../Workspace'
 import { css } from 'emotion'
 
 const Devtools: FunctionComponent = () => {
-  const { state } = useOvermind()
+  const { state, actions } = useOvermind()
+
+  useEffect(() => {
+    const listener = (event: KeyboardEvent) => {
+      if (event.metaKey && event.keyCode === 82) {
+        actions.refreshApp()
+      }
+    }
+    document.addEventListener('keydown', listener)
+
+    return () => {
+      document.removeEventListener('keydown', listener)
+    }
+  }, [])
 
   if (state.error) {
     return (

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

@@ -194,3 +194,7 @@ export const submitState: Action<string> = ({ state, effects }, newState) => {
 export const toggleRuntimeConfig: Action = ({ state }) => {
   state.isShowingRuntime = !state.isShowingRuntime
 }
+
+export const refreshApp: Action = ({ state, effects }) => {
+  effects.connector.sendMessage(state.currentAppName, 'refresh')
+}

packages/node_modules/overmind/src/Devtools.ts

@@ -106,31 +106,6 @@ export class Devtools {
         this.reconnect(host, onMessage)
       }
     }
-
-    if (window.parent) {
-      window.parent.postMessage(
-        {
-          type: 'overmind:devtools:ready',
-        },
-        '*'
-      )
-      window.addEventListener('error', () => {
-        window.parent.postMessage(
-          {
-            type: 'overmind:devtools:error',
-          },
-          '*'
-        )
-      })
-      window.addEventListener('unload', () => {
-        window.parent.postMessage(
-          {
-            type: 'overmind:devtools:reload',
-          },
-          '*'
-        )
-      })
-    }
   }
   private reconnect(host, onMessage) {
     setTimeout(

packages/node_modules/overmind/src/index.ts

@@ -711,6 +711,9 @@ export class Overmind<ThisConfig extends IConfiguration>
         }
 
         switch (message.type) {
+          case 'refresh':
+            location.reload(true)
+            break
           case 'executeAction':
             const action = message.data.name
               .split('.')

packages/overmind-website/src/index.tsx

@@ -14,7 +14,9 @@ const overmind = createOvermind(
     ? {
         devtools: false,
       }
-    : {}
+    : {
+        devtools: 'localhost:3032',
+      }
 )
 setConfig({
   ignoreSFC: true, // RHL will be __completely__ disabled for SFC