docs(overmind): add api for statecharts and fix api section

Author: christianalfoni

packages/overmind-website/api/action.md

@@ -1,4 +1,4 @@
-# Action
+# action
 
 ```marksy
 h(Example, { name: "api/action"})
@@ -12,7 +12,7 @@ This *injected* context allows Overmind to understand from where you are changin
 
 State changes are restricted to these actions. That means if you try to change the state outside of an action you will get an error. The state changes are also scoped to the action. That means it does not matter if you perform the state change asynchronously, either by defining the action as an **async** function or for example use a **setTimeout**. You can change the state at any time within the action.
 
-## Payload
+## payload
 
 When an action is called you can optionally pass it a payload. This payload is received as the second argument to the action.
 

packages/overmind-website/api/addFlushListener.md

@@ -0,0 +1,8 @@
+# addFlushListener
+
+The **addMutationListener** triggers whenever there is a mutation. The **addFlushListener** triggers whenever Overmind tells components to render again. It can have multiple mutations related to it.
+
+```marksy
+h(Example, { name: "api/app_addFlushListener" })
+```
+

packages/overmind-website/api/addMutationListener.md

@@ -0,0 +1,7 @@
+# addMutationListener
+
+It is possible to listen to all mutations performed in Overmind. This allows you to create special effects based on mutations within a certain domain of your app, or whatever else you come up with. Note that this method triggers before the mutation occurs, you might rather want to use **addFlushListener** to be notified about batched changes, like the components does.
+
+```marksy
+h(Example, { name: "api/app_addMutationListener" })
+```

packages/overmind-website/api/config.md

@@ -1,28 +1,12 @@
-# Overmind
+# createOvermind
 
 The **createOvermind** factory is used to create the application instance. You need to create and export a mechanism to connect your instance to the components. Please look at the guides for each view layer for more information.
 
 ```marksy
 h(Example, { name: "api/app_initialize" })
 ```
 
-You can pass a second argument to the **createOvermind** factory. This is an options object with the following properties:
-
-## addMutationListener
-
-It is possible to listen to all mutations performed in Overmind. This allows you to create special effects based on mutations within a certain domain of your app, or whatever else you come up with. Note that this method triggers before the mutation occurs, you might rather want to use **addFlushListener** to be notified about batched changes, like the components does.
-
-```marksy
-h(Example, { name: "api/app_addMutationListener" })
-```
-
-## addFlushListener
-
-The **addMutationListener** triggers whenever there is a mutation. The **addFlushListener** triggers whenever Overmind tells components to render again. It can have multiple mutations related to it.
-
-```marksy
-h(Example, { name: "api/app_addFlushListener" })
-```
+You can pass a second argument to the **createOvermind** factory. This is an options object with the following properties.
 
 ## options.devtools
 If you develop your app on localhost the application connects to the devtools on **localhost:3031**. You can change this in case you need to use an IP address, the devtools is configured with a different port or you want to connect to localhost (with default port) even though the app is not on localhost.

packages/overmind-website/api/overmind.md …s/overmind-website/api/createOvermind.mdpackages/overmind-website/api/overmind.md renamed to packages/overmind-website/api/createOvermind.md packages/overmind-website/api/overmind.md renamed to packages/overmind-website/api/createOvermind.md

@@ -1,4 +1,4 @@
-# Mock
+# createOvermindMock
 
 The **createOvermindMock** factory creates an instance of Overmind which can be used to test actions. You can mock out effects and evaluate mutations performed during action execution.
 

packages/overmind-website/api/mock.md …ermind-website/api/createOvermindMock.mdpackages/overmind-website/api/mock.md renamed to packages/overmind-website/api/createOvermindMock.md packages/overmind-website/api/mock.md renamed to packages/overmind-website/api/createOvermindMock.md

@@ -1,4 +1,4 @@
-# Derive
+# derive
 
 You can add derived state to your application. You access derived state like any other value, there is no need to call it as a function. The derived value is cached and will only update when any accessed state changes.
 

packages/overmind-website/api/derive.md

@@ -1,4 +1,4 @@
-# Effects
+# effects
 
 ```marksy
 h(Example, { name: "api/effects" })

packages/overmind-website/api/effects.md

@@ -1,4 +1,4 @@
-# Json
+# json
 
 Overmind wraps objects and arrays in your state structure with proxies. If you pass state to 3rd party libraries, to a service worker or similar, you should pass a long a copy of that state. This avoids the 3rd party tool from mutating your state when you do not want it to.
 

packages/overmind-website/api/json.md

@@ -0,0 +1,7 @@
+# lazy
+
+You can lazy load configurations. You do this by giving each configuration a key with a function that returns the config when called. To actually load the configurations you can either call an effect or an action with the key of the configuration to load.
+
+```marksy
+h(Example, { name: "api/config_lazy" })
+```