fix(overmind-devtools-client): properly show lazy derived

Author: christianalfoni

.gitignore

@@ -12,6 +12,7 @@ lib
 .cache
 .DS_Store
 devtoolsDist
+packages/overmind-website
 
 # Runtime data
 pids

packages/node_modules/overmind-devtools-client/src/components/Console/styles.ts

@@ -2,5 +2,5 @@ import { css } from 'emotion'
 
 export const wrapper = css({
   overflowY: 'scroll',
-  height: '100%',
+  height: '100vh',
 })

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

@@ -235,7 +235,7 @@ export const setAppDataFromStorage: AsyncAction<{
     effects.storage.get<string>(`${appName}.selectedActionQuery`),
     effects.storage.get<string>(`${appName}.actionQueryPayload`),
     effects.storage.get<Tab>(`${appName}.currentTab`),
-  ]).then(([selectedActionQuery, actionQueryPayload, tab]) => {
+  ]).then(([selectedActionQuery, actionQueryPayload, tab]: [string, string, Tab]) => {
     const actionQuery =
       selectedActionQuery && actions.includes(selectedActionQuery)
         ? selectedActionQuery

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

@@ -154,12 +154,14 @@ export const removeComponent: () => Operator<RemoveComponentMessage> = () =>
 export const updateDerived: () => Operator<DerivedMessage> = () =>
   mutate(({ state }, message) => {
     const appState = state.apps[message.appName].state
-    const path = message.data.path.split('.')
+    const path = message.data.path.slice()
     const key = path.pop()
     const target = path.reduce((aggr, pathKey) => aggr[pathKey], appState)
     target[key] = message.data.value
 
-    state.apps[message.appName].derived[message.data.path] = message.data
+    state.apps[message.appName].derived[message.data.path.join('.')] = message.data
+
+    console.log(state.apps[message.appName].derived)
   })
 
 export const updateFlushWithDerived: () => Operator<DirtyDerivedMessage> = () =>

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

@@ -273,7 +273,7 @@ export type UpdateComponentMessage = AppMessage<{
 export type RemoveComponentMessage = AddComponentMessage
 
 export type DerivedMessage = AppMessage<{
-  path: string
+  path: string[]
   paths: string[]
   updateCount: number
   value: any

packages/node_modules/overmind/src/index.ts

@@ -79,7 +79,7 @@ export const derived = <D extends IDerive<any, any, any>>(cb: D): D extends IDer
  * typing and then they can import `Action`,  `Operation` etc. directly from
  * overmind.
  */
-export interface Config extends IConfiguration {}
+export interface Config {}
 
 export interface Context extends IContext<Config> {}
 

packages/node_modules/proxy-state-tree/src/Proxyfier.ts

@@ -341,6 +341,16 @@ export class Proxifier {
         const mutationTree = proxifier.getMutationTree()
         const existingValue = target[prop]
 
+        if (typeof value === 'function' && proxifier.tree.master.options.onFunction) {
+          const result = proxifier.tree.master.options.onFunction(
+            proxifier.tree,
+            nestedPath,
+            value
+          )
+          
+          value = result.func
+        }
+
         mutationTree.addMutation(
           {
             method: 'set',