docs(website): add top level domain explanation

Author: christianalfoni

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

@@ -3,7 +3,7 @@
   "displayName": "Overmind Devtools VSCode",
   "description": "Devtools for Overmind",
   "publisher": "christianalfoni",
-  "version": "0.0.20",
+  "version": "0.0.21",
   "repository": {
     "type": "git",
     "url": "https://github.com/cerebral/overmind.git"

packages/overmind-website/api/config.md

@@ -15,6 +15,10 @@ h(Example, { name: "api/config_merge" })
 
 Note that merge can be useful to combine a root configuration with namespaced configuration.
 
+```marksy
+h(Example, { name: "api/config_merge_namespaced" })
+```
+
 ## namespaced
 Allows you to namespace configurations by a key.
 

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

@@ -0,0 +1,54 @@
+export default (ts) =>
+  ts
+    ? [
+        {
+          fileName: 'overmind.ts',
+          code: `
+import { createOvermind, IConfig } from 'overmind'
+import { merge, namespaced } from 'overmind/config'
+import { state } from './state'
+import * as moduleA from './moduleA'
+import * as moduleB from './moduleB'
+
+const config = merge(
+  {
+    state
+  },
+  namespaced({
+    moduleA,
+    moduleB
+  })
+)
+
+declare module 'overmind' {
+  interface Config extends IConfig<typeof config> {}
+}
+
+export default createOvermind(config)
+`,
+        },
+      ]
+    : [
+        {
+          fileName: 'overmind/index.js',
+          code: `
+import { createOvermind } from 'overmind'
+import { merge, namespaced } from 'overmind/config'
+import { state } from './state'
+import * as moduleA from './moduleA'
+import * as moduleB from './moduleB'
+
+const config = merge(
+  {
+    state
+  },
+  namespaced({
+    moduleA,
+    moduleB
+  })
+)
+
+export default createOvermind(config)
+`,
+        },
+      ]

packages/overmind-website/examples/guide/structuringtheapp/merge_namespaced.ts

@@ -0,0 +1,49 @@
+export default (ts, view) =>
+  ts
+    ? [
+        {
+          fileName: 'overmind/index.ts',
+          code: `
+import { IConfig } from 'overmind'
+import { merge, namespaced } from 'overmind/config'
+import { state } from './state'
+import * as posts from './posts'
+import * as admin from './admin'
+
+export const config = merge(
+  {
+    state
+  },
+  namespaced({
+    posts,
+    admin
+  })
+)
+
+declare module 'overmind' {
+  interface Config extends IConfig<typeof config> {}
+}
+`,
+        },
+      ]
+    : [
+        {
+          fileName: 'overmind/index.js',
+          code: `
+import { merge, namespaced } from 'overmind/config'
+import { state } from './state'
+import * as posts from './posts'
+import * as admin from './admin'
+
+export const config = merge(
+  {
+    state
+  },
+  namespaced({
+    posts,
+    admin
+  })
+)
+`,
+        },
+      ]

packages/overmind-website/examples/guide/structuringtheapp/namespaced.ts

@@ -32,21 +32,19 @@ export {
         {
           fileName: 'overmind/index.ts',
           code: `
-import { createOvermind, IConfig } from 'overmind'
+import { IConfig } from 'overmind'
 import { namespaced } from 'overmind/config'
 import * as posts from './posts'
 import * as admin from './admin'
 
-const config = namespaced({
+export const config = namespaced({
   posts,
   admin
 })
 
 declare module 'overmind' {
   interface Config extends IConfig<typeof config> {}
 }
-
-const overmind = createOvermind(config)
 `,
         },
       ]
@@ -82,17 +80,14 @@ export {
         {
           fileName: 'overmind/index.js',
           code: `
-import { createOvermind } from 'overmind'
 import { namespaced } from 'overmind/config'
 import * as posts from './posts'
 import * as admin from './admin'
 
-const config = namespaced({
+export const config = namespaced({
   posts,
   admin
 })
-
-const overmind = createOvermind(config)
 `,
         },
       ]

packages/overmind-website/guides/beginner/06_structuringtheapp.md

@@ -68,6 +68,12 @@ h(Example, { name: "guide/structuringtheapp/namespaced" })
 
 We used the **namespaced** function to put the state, actions and effects from each domain behind a key. In this case the key is the same as the name of the domain itself. This is an effective way to split up your app. 
 
+You can also combine this with the **merge** tool to have a top level domain.
+
+```marksy
+h(Example, { name: "guide/structuringtheapp/merge_namespaced" })
+```
+
 ```marksy
 h(Notice, null, "Even though you split up into different domains each domain has access to the state of the whole application. This is an important feature of Overmind which allows you to scale up and explore the domains of the application without having to worry about isolation.")
 ```

packages/overmind-website/src/components/Footer/index.tsx

@@ -19,7 +19,11 @@ const Footer: SFC = () => {
         </a>
         <div> Copyright © 2019 Christian Alfoni</div>
       </div>
-      <a href="https://discord.gg/YKw9Kd" target="_new" className={styles.chat}>
+      <a
+        href="https://discord.gg/sHWcKF6"
+        target="_new"
+        className={styles.chat}
+      >
         <Icon>chat</Icon>
       </a>
     </div>