docs(website): update with latest devtool experience

Author: christianalfoni

packages/node_modules/overmind-angular/README.md

@@ -1,3 +1,3 @@
-# react-overmind
+# overmind-angular
 
-To be filled
+[https://overmindjs.org](https://overmindjs.org)

packages/node_modules/overmind-devtools-vscode/package.json

@@ -3,7 +3,11 @@
   "displayName": "Overmind Devtools VSCode",
   "description": "Devtools for Overmind",
   "publisher": "christianalfoni",
-  "version": "0.0.10",
+  "version": "0.0.11",
+  "repository": {
+    "type" : "git",
+    "url" : "https://github.com/cerebral/overmind.git"
+  },
   "engines": {
     "vscode": "^1.35.0"
   },

packages/node_modules/overmind-react/README.md

@@ -1,3 +1,3 @@
-# react-overmind
+# overmind-react
 
-To be filled
+[https://overmindjs.org](https://overmindjs.org)

packages/node_modules/overmind-vue/README.md

@@ -1,3 +1,3 @@
-# react-overmind
+# overmind-vue
 
-To be filled
+[https://overmindjs.org](https://overmindjs.org)

packages/overmind-website/examples/guide/definingstate/derived_passvalue.ts

@@ -1,7 +1,45 @@
-export default () => [
-  {
-    code: `
-const posts = state.userPosts(userId)
+export default (ts) =>
+  ts
+    ? [
+        {
+          fileName: 'overmind/state.ts',
+          code: `
+import { Derive } from 'overmind'
+
+export type State = {
+  counts: {
+    [id: string]: number
+  }
+  totalCountBy: Derive<State, (ids: string[]) => number>
+}
+
+export const state: State = {
+  counts: {
+    a: 2,
+    b: 3,
+    c: 5
+  },
+  totalCountBy: state => ids => ids.reduce((aggr, id) => aggr + state.counts[id], 0)
+}
+
+// state.totalCountBy(['a', 'b'])
   `,
+        },
+      ]
+    : [
+        {
+          fileName: 'overmind/state.js',
+          code: `
+export const state = {
+  counts: {
+    a: 2,
+    b: 3,
+    c: 5
   },
-]
+  totalCountBy: state => ids => ids.reduce((aggr, id) => aggr + state.counts[id], 0)
+}
+
+// state.totalCountBy(['a', 'b'])
+  `,
+        },
+      ]

packages/overmind-website/examples/guide/definingstate/objects.ts

@@ -2,17 +2,21 @@ export default () => [
   {
     code: `
 {
+  modes: ['issues', 'admin'],
+  currentModeIndex: 0,
   admin: {
-    users: {},
-    isLoadingUsers: false
-  },
-  home: {
-    tabs: ['issues', 'admin'],
-    currentTabIndex: 0
+    currentUserId: null,
+    users: {
+      isLoading: false,
+      data: {},
+      error: null
+    },
   },
   issues: {
     sortBy: 'name',
-    list: []
+    isLoading: false,
+    data: {},
+    error: null
   }
 }
   `,

packages/overmind-website/examples/guide/definingstate/strings.ts

@@ -2,14 +2,11 @@ export default () => [
   {
     code: `
 {
-  ...
-  home: {
-    tabs: {
-     issues: 0,
-     admin: 1 
-    },
-    currentTab: 'issues'
+  modes: {
+    issues: 0,
+    admin: 1 
   },
+  currentMode: 'issues'
   ...
 }
   `,

packages/overmind-website/examples/guide/getstarted/changestate.ts

@@ -8,8 +8,12 @@ export default (ts) =>
           code: `
 import { Action } from 'overmind'
 
-export const changeCount: Action<number> = ({ state }, countChange) => {
-  state.count += countChange
+export const increaseCount: Action = ({ state }) => {
+  state.count += 1
+}
+
+export const decreaseCount: Action = ({ state }) => {
+  state.count -= 1
 }
 `,
         },
@@ -29,18 +33,27 @@ export const config = {
         },
       ]
     : [
+        {
+          fileName: 'overmind/actions.js',
+          code: `
+export const increaseCount = ({ state }) => {
+  state.count += 1
+}
+
+export const decreaseCount = ({ state }) => {
+  state.count -= 1
+}
+`,
+        },
         {
           fileName: 'overmind/index.js',
           code: `
+import { state } from './state'
+import * as actions from './actions'
+
 export const config = {
-  state: {
-    count: 0
-  },
-  actions: {
-    changeCount({ state }, countChange) {
-      state.count += countChange
-    }
-  }
+  state,
+  actions
 }
 `,
         },

packages/overmind-website/examples/guide/getstarted/connectapp.ts

@@ -1,14 +1,14 @@
 const javascript = {
   react: [
     {
-      fileName: 'overmind/index.ts',
+      fileName: 'overmind/index.js',
       code: `
 import { createHook } from 'overmind-react'
 import { state } from './state'
 import * as actions from './actions'
 import * as effects from './effects'
 
-const config = {
+export const config = {
   state,
   actions,
   effects
@@ -48,9 +48,9 @@ const Count = () => {
 
   return (
     <div>
-      <button onClick={() => actions.changeCount(-1)}>-1</button>
+      <button onClick={() => actions.decreaseCount()}>-</button>
       {state.count}
-      <button onClick={() => actions.changeCount(1)}>+1</button>
+      <button onClick={() => actions.increaseCount()}>+</button>
     </div>
   )
 }
@@ -86,9 +86,9 @@ new Vue({
       target: 'markup',
       code: `
 <div>
-  <button @click="actions.changeCount(-1)">-1</button>
+  <button @click="actions.decreaseCount()">-</button>
   {{ state.count }}
-  <button @click="actions.changeCount(1)">+1</button>
+  <button @click="actions.increaseCount()">+</button>
 </div>
     `,
     },
@@ -149,9 +149,9 @@ const Count: React.FunctionComponent = () => {
 
   return (
     <div>
-      <button onClick={() => actions.changeCount(-1)}>-1</button>
+      <button onClick={() => actions.decreaseCount()}>-</button>
       {state.count}
-      <button onClick={() => actions.changeCount(1)}>+1</button>
+      <button onClick={() => actions.increaseCount()}>+</button>
     </div>
   )
 }
@@ -215,9 +215,9 @@ import { Store } from '../overmind'
   selector: 'count-component',
   template: \`
 <div *track>
-  <button (click)="actions.changeCount(-1)">-1</button>
+  <button (click)="actions.decreaseCount()">-</button>
   {{ state.count }}
-  <button (click)="actions.changeCount(1)">+1</button>
+  <button (click)="actions.increaseCount()">+</button>
 </div>
   \`
 })

packages/overmind-website/examples/guide/getstarted/createapp.ts

@@ -38,14 +38,22 @@ const overmind = createOvermind(config)
         },
       ]
     : [
+        {
+          fileName: 'overmind/state.js',
+          code: `
+export const state = {
+  count: 0
+}
+`,
+        },
         {
           fileName: 'overmind/index.js',
           code: `
+import { state } from './state'
+
 export const config = {
-  state: {
-    count: 0
-  }
-})
+  state
+}
 `,
         },
         {