fix(overmind): fix typing issues with fork

Author: christianalfoni

packages/node_modules/overmind/src/index.ts

@@ -1413,11 +1413,11 @@ export function tryCatch<
 
 export function fork<
   Input,
-  Paths extends { [key: string]: IOperator<ThisConfig, Input, any> },
+  Paths extends { [key: string]: IOperator<ThisConfig, any, any> },
   ThisConfig extends IConfiguration = Config
 >(
   operation: (context: IContext<ThisConfig>, value: Input) => keyof Paths,
-  paths: Paths
+  paths: Paths & { [N in keyof Paths]: IOperator<ThisConfig, Input, any> }
 ): IOperator<ThisConfig, Input, Input> {
   return createOperator<ThisConfig>(
     'fork',

packages/node_modules/overmind/src/operators.test.ts

@@ -195,20 +195,24 @@ describe('OPERATORS', () => {
 
   test('fork', () => {
     expect.assertions(1)
+    enum Key {
+      Foo = 'foo',
+    }
     const test: Operator<string> = pipe(
-      fork(() => 'foo', {
-        foo: pipe(
-          map((_, value) => value.toUpperCase()),
+      fork(() => Key.Foo, {
+        [Key.Foo]: pipe(
+          map((_, value) => {
+            return value.toUpperCase()
+          }),
           mutate(({ state }, value) => (state.foo = value))
         ),
       })
     )
 
-    const state = {
-      foo: 'bar',
-    }
     const config = {
-      state,
+      state: {
+        foo: 'bar',
+      },
       actions: {
         test,
       },

packages/overmind-website/api/operators.md

@@ -52,6 +52,10 @@ Allows you to execute an operator/pipe based on the matching key.
 h(Example, { name: "api/operators_operator_fork" })
 ```
 
+```marksy
+h(TypescriptNotice, null, "You have to use ENUM for these keys for the typing to work")
+```
+
 ## map
 Returns a new value to the pipe. If the value is a promise it will wait until promise is resolved.
 

packages/overmind-website/examples/api/operators_operator_fork.ts

@@ -18,12 +18,13 @@ export const forkUserType: (paths: { [key: string]: Operator<User> }) => Operato
           code: `
 import { Operator, pipe } from 'overmind'
 import * as o from './operators'
+import { UserType } from './state'
 
 export const getUser: Operator<string, User> = pipe(
   o.getUser(),
   o.forkUserType({
-    admin: o.doThis(),
-    superuser: o.doThat()
+    [UserType.ADMIN]: o.doThis(),
+    [UserType.SUPERUSER]: o.doThat()
   })
 )
           `,