docs(website): update guides to latest api

Author: christianalfoni

packages/overmind-website/examples/guide/connectingcomponents/actions.ts

@@ -3,11 +3,8 @@ const javascript = {
     {
       fileName: 'app/actions.js',
       code: `
-import * as mutations from './mutations'
-
-export const toggleAwesomeApp = action =>
-  action
-    .mutate(mutations.toggleAwesomeApp)
+export const toggleAwesomeApp = ({ state }) =>
+  state.isAwesome = !state.isAwesome
     `,
     },
     {
@@ -31,11 +28,8 @@ export default connect(App)
     {
       fileName: 'app/actions.js',
       code: `
-import * as mutations from './mutations'
-
-export const toggleAwesomeApp: Action = action =>
-  action
-    .mutate(mutations.toggleAwesomeApp)
+export const toggleAwesomeApp = ({ state }) =>
+  state.isAwesome = !state.isAwesome
     `,
     },
     {
@@ -63,11 +57,10 @@ const typescript = {
     {
       fileName: 'app/actions.ts',
       code: `
-import * as mutations from './mutations'
+import { Action } from 'overmind'
 
-export const toggleAwesomeApp: Action = action =>
-  action
-    .mutate(mutations.toggleAwesomeApp)
+export const toggleAwesomeApp: Action = ({ state }) =>
+  state.isAwesome = !state.isAwesome
     `,
     },
     {
@@ -91,11 +84,10 @@ export default connect(App)
     {
       fileName: 'app/actions.ts',
       code: `
-import * as mutations from './mutations'
+import { Action } from 'overmind'
 
-export const toggleAwesomeApp: Action = action =>
-  action
-    .mutate(mutations.toggleAwesomeApp)
+export const toggleAwesomeApp: Action = ({ state }) =>
+  state.isAwesome = !state.isAwesome
     `,
     },
     {

packages/overmind-website/examples/guide/creatingactions/chain.ts

@@ -7,15 +7,12 @@ export default (ts, view) =>
           fileName: 'app/actions.js',
           code: `
 import { Action } from 'overmind'
-import * as mutations from './mutations'
-import * as operations from './operations'
 
-export const loadPosts: Action = action =>
-  action
-    .mutate(mutations.setLoadingPosts)
-    .map(operations.getPosts)
-    .mutate(mutations.setPosts)
-    .mutate(mutations.unsetLoadingPosts)
+export const loadPosts: Action = async ({ state, jsonPlaceholder }) => {
+  state.isLoadingPosts = true
+  state.posts = await jsonPlaceholder.getPosts()
+  state.isLoadingPosts = false
+}
     `,
         },
         {
@@ -35,31 +32,24 @@ const config = {
         },
       ]
     : [
-        {
-          fileName: 'app/actions.js',
-          code: `
-import * as mutations from './mutations'
-import * as operations from './operations'
-
-export const loadPosts = action =>
-  action
-    .mutate(mutations.setLoadingPosts)
-    .map(operations.getPosts)
-    .mutate(mutations.setPosts)
-    .mutate(mutations.unsetLoadingPosts)
-    `,
-        },
         {
           fileName: 'app/index.js',
           code: `
 import { Overmind } from 'overmind'
 import { createConnect } from 'overmind-${view}'
-import * as state from './state'
-import * as actions from './actions'
 
 export const app = new Overmind({
-  state,
-  actions
+  state: {
+    isLoadingPosts: false,
+    posts: []
+  },
+  actions: {
+    loadPosts: async ({ state, jsonPlaceholder }) => {
+      state.isLoadingPosts = true
+      state.posts = await jsonPlaceholder.getPosts()
+      state.isLoadingPosts = false
+    }
+  }
 })
 
 export const connect = createConnect(app)