docs(website): fix state docs

Author: christianalfoni

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

@@ -8,7 +8,7 @@ export default (ts, view) =>
           code: tsAppIndex(
             view,
             `
-import * as state from './state'
+import { state } from './state'
 import * as effects from './effects'
 import * as actions from './actions'
 
@@ -27,7 +27,7 @@ const config = {
           code: `
 import { Overmind } from 'overmind'
 import { createConnect } from 'overmind-${view}'
-import * as state from './state'
+import state from './state'
 import * as effects from './effects'
 import * as actions from './actions'
 

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

@@ -11,10 +11,16 @@ export type Item = {
   completed: boolean
 }
 
-export const items: Item[] = []
+export type State = {
+  items: Item[]
+  completedItems: Derive<State, Item[]>
+}
 
-export const completedItems: Derive<Item[]> = (state, rootState) =>
-  state.items.filter(item => item.completed)
+export const state: State = {
+  items: [],
+  completedItems: (state, rootState) =>
+    state.items.filter(item => item.completed)
+}
     `,
         },
       ]
@@ -24,10 +30,11 @@ export const completedItems: Derive<Item[]> = (state, rootState) =>
           code: `
 import * as derived from './derived'
 
-export const items = []
-
-export const completedItems = (state, rootState) =>
-  state.items.filter(item => item.completed)
+export default {
+  items: [],
+  completedItems: (state, rootState) =>
+    state.items.filter(item => item.completed)
+}
     `,
         },
       ]

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

@@ -22,7 +22,7 @@ export default onInitialize
             view,
             `
 import onInitialize from './onInitialize'
-import * as state from './state'
+import { state } from './state'
 import * as actions from './actions'
 
 const config = {
@@ -51,7 +51,7 @@ export default onInitialize
           code: `
 import { Overmind } from 'overmind'
 import onInitialize from './onInitialize'
-import * as state from './state'
+import { state } from './state'
 import * as actions from './actions'
 
 const app = new Overmind({

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

@@ -9,19 +9,26 @@ export type User = {
   bio: string
 }
 
-export let isLoading: boolean = false
+export type State = {
+  isLoading: boolean
+  user: User
+}
 
-export let user: User = null
+export const state: State = {
+  isLoading: false,
+  user: null
+}
   `,
         },
       ]
     : [
         {
           fileName: 'app/state.js',
           code: `
-export let isLoading = false
-
-export let user = null
+export default {
+  isLoading: false,
+  user: null
+}
   `,
         },
       ]

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

@@ -13,14 +13,31 @@ export type Users = {
   [username: string]: User
 }
 
-export let isLoadingUsers: boolean = false
+export type State = {
+  isLoadingUsers: boolean
+  users: Users
+}
 
-export const users: Users = {}
+export const state: State = {
+  isLoadingUsers: false,
+  users: {}
+}
   `,
         },
         {
           fileName: 'app/issues/state.ts',
           code: `
+export type Issue = {
+  id: string
+  username: string
+  title: string
+  description: string
+}
+
+export type Issues = {
+  [id: string]: Issue
+}
+
 export enum SortKey = {
   Date = 'date',
   Title = 'title'
@@ -36,13 +53,18 @@ export type Sorting {
   type: SortDirection
 }
 
-export let isLoading = false
-
-export const issues = {}
+export type State = {
+  isLoading: boolean
+  issues: Issues
+}
 
-export const sorting: Sorting = {
-  key: SortKey.Date,
-  direction: SortDirection.Asc
+export const state: State = {
+  isLoading: false,
+  issues: {},
+  sorting: {
+    key: SortKey.Date,
+    direction: SortDirection.Asc
+  }
 }
   `,
         },
@@ -51,21 +73,22 @@ export const sorting: Sorting = {
         {
           fileName: 'app/admin/state.js',
           code: `
-export let isLoadingUsers = false
-
-export const users = {}
+export default {
+  isLoadingUsers: false,
+  users: {}
+}
   `,
         },
         {
           fileName: 'app/issues/state.js',
           code: `
-export let isLoading = false
-
-export const issues = {}
-
-export const sorting = {
-  key: 'date',
-  type: 'asc'
+export default {
+  isLoading: false,
+  issues: {},
+  sorting: {
+    key: 'date',
+    type: 'asc'
+  }
 }
   `,
         },

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

@@ -20,7 +20,7 @@ export const loadPosts: Action = async ({ state, jsonPlaceholder }) => {
           code: tsAppIndex(
             view,
             `
-import * as state from './state'
+import { state } from './state'
 import * as actions from './actions'
 
 const config = {

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

@@ -11,17 +11,23 @@ export type Post = {
   body: string
 }
 
-export let isLoadingPosts: boolean = false
+export type State = {
+  isLoadingPosts: boolean
+  posts: Post[]
+}
 
-export let posts: Post[] = []
+export const state: State = {
+  isLoadingPosts: false,
+  posts: []
+}
     `,
         },
         {
           fileName: 'app/index.ts',
           code: tsAppIndex(
             view,
             `
-import * as state from './state'
+import { state } from './state'
 
 const config = {
   state,

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

@@ -21,7 +21,7 @@ export const jsonPlaceholder = {
           code: tsAppIndex(
             view,
             `
-import * as state from './state'
+import state from './state'
 import * as actions from './actions'
 import * as effects from './effects'
 

packages/overmind-website/examples/guide/routing/router.ts

@@ -7,7 +7,7 @@ export default (ts, view) =>
 import { Overmind, TApp } from 'overmind'
 import { createConnect, TConnect } from 'overmind-${view}'
 import * as page from 'page'
-import * as state from './state'
+import { state } from './state'
 import * as actions from './actions'
 import * as effects from './effects'
 
@@ -44,7 +44,7 @@ export connect = createConnect(app)
 import { Overmind } from 'overmind'
 import { createConnect } from 'overmind-${view}'
 import page from 'page'
-import * as state from './state'
+import state from './state'
 import * as actions from './actions'
 import * as effects from './effects'
 

packages/overmind-website/examples/guide/runningsideeffects/axios.ts

@@ -14,7 +14,7 @@ export { default as http } from 'axios'
           code: tsAppIndex(
             view,
             `
-import * as state from './state'
+import { state } from './state'
 import * as actions from './actions'
 import * as effects from './effects'
 
@@ -39,7 +39,7 @@ export { default as http } from 'axios'
           code: `
 import { Overmind } from 'overmind'
 import { createConnect } from 'overmind-${view}'
-import * as state from './state'
+import state from './state'
 import * as actions from './actions'
 import * as effects from './effects'