diff --git a/.flowconfig b/.flowconfig
index 6d8e3988f5..936e631ab1 100644
--- a/.flowconfig
+++ b/.flowconfig
@@ -9,7 +9,10 @@
 
 [options]
 suppress_comment=.*\\$FlowFixMe
+suppress_comment=.*\\$FlowIssue
 esproposal.class_instance_fields=enable
+module.system.node.resolve_dirname=node_modules
+module.system.node.resolve_dirname=spectrum
 
 [lints]
 all=warn
diff --git a/athena/queues/message-notification.js b/athena/queues/message-notification.js
index 74a27e636f..a0cf4b67be 100644
--- a/athena/queues/message-notification.js
+++ b/athena/queues/message-notification.js
@@ -14,6 +14,7 @@ import { getThreadNotificationUsers } from '../models/usersThreads';
 import { getDirectMessageThreadMembers } from '../models/usersDirectMessageThreads';
 import sentencify from '../utils/sentencify';
 import bufferNotificationEmail from './buffer-message-notification-email';
+import { toPlainText, toState } from 'shared/draft-utils';
 
 const formatAndBufferNotificationEmail = (
   recipient,
@@ -45,7 +46,10 @@ const formatAndBufferNotificationEmail = (
             name: user.name,
           },
           content: {
-            body: message.content.body,
+            body:
+              message.messageType === 'draftjs'
+                ? toPlainText(toState(JSON.parse(message.content.body)))
+                : message.content.body,
           },
         },
       ],
diff --git a/chronos/models/community.js b/chronos/models/community.js
index d8d5e647d0..844185d275 100644
--- a/chronos/models/community.js
+++ b/chronos/models/community.js
@@ -2,7 +2,10 @@
 const { db } = require('./db');
 
 export const getCommunityById = (id: string): Promise<Object> => {
-  return db.table('communities').get(id).run();
+  return db
+    .table('communities')
+    .get(id)
+    .run();
 };
 
 export const getTopCommunities = (amount: number): Array<Object> => {
diff --git a/flow-typed/npm/draft-js-drag-n-drop-plugin_vx.x.x.js b/flow-typed/npm/draft-js-drag-n-drop-plugin_vx.x.x.js
new file mode 100644
index 0000000000..aec0f97a7a
--- /dev/null
+++ b/flow-typed/npm/draft-js-drag-n-drop-plugin_vx.x.x.js
@@ -0,0 +1,81 @@
+// flow-typed signature: f69f403c3f9e7e52c46f225a280964d1
+// flow-typed version: <<STUB>>/draft-js-drag-n-drop-plugin_v2.0.0-rc2/flow_v0.55.0
+
+/**
+ * This is an autogenerated libdef stub for:
+ *
+ *   'draft-js-drag-n-drop-plugin'
+ *
+ * Fill this stub out by replacing all the `any` types.
+ *
+ * Once filled out, we encourage you to share your work with the
+ * community by sending a pull request to:
+ * https://github.com/flowtype/flow-typed
+ */
+
+declare module 'draft-js-drag-n-drop-plugin' {
+  declare module.exports: any;
+}
+
+/**
+ * We include stubs for each file inside this npm package in case you need to
+ * require those files directly. Feel free to delete any files that aren't
+ * needed.
+ */
+declare module 'draft-js-drag-n-drop-plugin/lib/constants/index' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-drag-n-drop-plugin/lib/createDecorator' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-drag-n-drop-plugin/lib/handleDrop' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-drag-n-drop-plugin/lib/index' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-drag-n-drop-plugin/lib/modifiers/addBlock' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-drag-n-drop-plugin/lib/modifiers/removeBlock' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-drag-n-drop-plugin/postcss.config' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-drag-n-drop-plugin/webpack.config' {
+  declare module.exports: any;
+}
+
+// Filename aliases
+declare module 'draft-js-drag-n-drop-plugin/lib/constants/index.js' {
+  declare module.exports: $Exports<'draft-js-drag-n-drop-plugin/lib/constants/index'>;
+}
+declare module 'draft-js-drag-n-drop-plugin/lib/createDecorator.js' {
+  declare module.exports: $Exports<'draft-js-drag-n-drop-plugin/lib/createDecorator'>;
+}
+declare module 'draft-js-drag-n-drop-plugin/lib/handleDrop.js' {
+  declare module.exports: $Exports<'draft-js-drag-n-drop-plugin/lib/handleDrop'>;
+}
+declare module 'draft-js-drag-n-drop-plugin/lib/index.js' {
+  declare module.exports: $Exports<'draft-js-drag-n-drop-plugin/lib/index'>;
+}
+declare module 'draft-js-drag-n-drop-plugin/lib/modifiers/addBlock.js' {
+  declare module.exports: $Exports<'draft-js-drag-n-drop-plugin/lib/modifiers/addBlock'>;
+}
+declare module 'draft-js-drag-n-drop-plugin/lib/modifiers/removeBlock.js' {
+  declare module.exports: $Exports<'draft-js-drag-n-drop-plugin/lib/modifiers/removeBlock'>;
+}
+declare module 'draft-js-drag-n-drop-plugin/postcss.config.js' {
+  declare module.exports: $Exports<'draft-js-drag-n-drop-plugin/postcss.config'>;
+}
+declare module 'draft-js-drag-n-drop-plugin/webpack.config.js' {
+  declare module.exports: $Exports<'draft-js-drag-n-drop-plugin/webpack.config'>;
+}
diff --git a/flow-typed/npm/draft-js-focus-plugin_vx.x.x.js b/flow-typed/npm/draft-js-focus-plugin_vx.x.x.js
new file mode 100644
index 0000000000..eeb73ee436
--- /dev/null
+++ b/flow-typed/npm/draft-js-focus-plugin_vx.x.x.js
@@ -0,0 +1,102 @@
+// flow-typed signature: ca3fc9f543ceddf725d7a1bd33e0bb39
+// flow-typed version: <<STUB>>/draft-js-focus-plugin_v2.0.0-rc2/flow_v0.55.0
+
+/**
+ * This is an autogenerated libdef stub for:
+ *
+ *   'draft-js-focus-plugin'
+ *
+ * Fill this stub out by replacing all the `any` types.
+ *
+ * Once filled out, we encourage you to share your work with the
+ * community by sending a pull request to:
+ * https://github.com/flowtype/flow-typed
+ */
+
+declare module 'draft-js-focus-plugin' {
+  declare module.exports: any;
+}
+
+/**
+ * We include stubs for each file inside this npm package in case you need to
+ * require those files directly. Feel free to delete any files that aren't
+ * needed.
+ */
+declare module 'draft-js-focus-plugin/lib/createDecorator' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-focus-plugin/lib/index' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-focus-plugin/lib/modifiers/removeBlock' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-focus-plugin/lib/modifiers/setSelection' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-focus-plugin/lib/modifiers/setSelectionToBlock' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-focus-plugin/lib/utils/blockInSelection' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-focus-plugin/lib/utils/createBlockKeyStore' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-focus-plugin/lib/utils/getBlockMapKeys' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-focus-plugin/lib/utils/getSelectedBlocksMapKeys' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-focus-plugin/postcss.config' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-focus-plugin/webpack.config' {
+  declare module.exports: any;
+}
+
+// Filename aliases
+declare module 'draft-js-focus-plugin/lib/createDecorator.js' {
+  declare module.exports: $Exports<'draft-js-focus-plugin/lib/createDecorator'>;
+}
+declare module 'draft-js-focus-plugin/lib/index.js' {
+  declare module.exports: $Exports<'draft-js-focus-plugin/lib/index'>;
+}
+declare module 'draft-js-focus-plugin/lib/modifiers/removeBlock.js' {
+  declare module.exports: $Exports<'draft-js-focus-plugin/lib/modifiers/removeBlock'>;
+}
+declare module 'draft-js-focus-plugin/lib/modifiers/setSelection.js' {
+  declare module.exports: $Exports<'draft-js-focus-plugin/lib/modifiers/setSelection'>;
+}
+declare module 'draft-js-focus-plugin/lib/modifiers/setSelectionToBlock.js' {
+  declare module.exports: $Exports<'draft-js-focus-plugin/lib/modifiers/setSelectionToBlock'>;
+}
+declare module 'draft-js-focus-plugin/lib/utils/blockInSelection.js' {
+  declare module.exports: $Exports<'draft-js-focus-plugin/lib/utils/blockInSelection'>;
+}
+declare module 'draft-js-focus-plugin/lib/utils/createBlockKeyStore.js' {
+  declare module.exports: $Exports<'draft-js-focus-plugin/lib/utils/createBlockKeyStore'>;
+}
+declare module 'draft-js-focus-plugin/lib/utils/getBlockMapKeys.js' {
+  declare module.exports: $Exports<'draft-js-focus-plugin/lib/utils/getBlockMapKeys'>;
+}
+declare module 'draft-js-focus-plugin/lib/utils/getSelectedBlocksMapKeys.js' {
+  declare module.exports: $Exports<'draft-js-focus-plugin/lib/utils/getSelectedBlocksMapKeys'>;
+}
+declare module 'draft-js-focus-plugin/postcss.config.js' {
+  declare module.exports: $Exports<'draft-js-focus-plugin/postcss.config'>;
+}
+declare module 'draft-js-focus-plugin/webpack.config.js' {
+  declare module.exports: $Exports<'draft-js-focus-plugin/webpack.config'>;
+}
diff --git a/flow-typed/npm/draft-js-image-plugin_vx.x.x.js b/flow-typed/npm/draft-js-image-plugin_vx.x.x.js
new file mode 100644
index 0000000000..c554b5ec25
--- /dev/null
+++ b/flow-typed/npm/draft-js-image-plugin_vx.x.x.js
@@ -0,0 +1,60 @@
+// flow-typed signature: 1b6bfd1d8094619e9134e61f63e92a0f
+// flow-typed version: <<STUB>>/draft-js-image-plugin_v2.0.0-rc8/flow_v0.55.0
+
+/**
+ * This is an autogenerated libdef stub for:
+ *
+ *   'draft-js-image-plugin'
+ *
+ * Fill this stub out by replacing all the `any` types.
+ *
+ * Once filled out, we encourage you to share your work with the
+ * community by sending a pull request to:
+ * https://github.com/flowtype/flow-typed
+ */
+
+declare module 'draft-js-image-plugin' {
+  declare module.exports: any;
+}
+
+/**
+ * We include stubs for each file inside this npm package in case you need to
+ * require those files directly. Feel free to delete any files that aren't
+ * needed.
+ */
+declare module 'draft-js-image-plugin/lib/Image/index' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-image-plugin/lib/index' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-image-plugin/lib/modifiers/addImage' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-image-plugin/postcss.config' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-image-plugin/webpack.config' {
+  declare module.exports: any;
+}
+
+// Filename aliases
+declare module 'draft-js-image-plugin/lib/Image/index.js' {
+  declare module.exports: $Exports<'draft-js-image-plugin/lib/Image/index'>;
+}
+declare module 'draft-js-image-plugin/lib/index.js' {
+  declare module.exports: $Exports<'draft-js-image-plugin/lib/index'>;
+}
+declare module 'draft-js-image-plugin/lib/modifiers/addImage.js' {
+  declare module.exports: $Exports<'draft-js-image-plugin/lib/modifiers/addImage'>;
+}
+declare module 'draft-js-image-plugin/postcss.config.js' {
+  declare module.exports: $Exports<'draft-js-image-plugin/postcss.config'>;
+}
+declare module 'draft-js-image-plugin/webpack.config.js' {
+  declare module.exports: $Exports<'draft-js-image-plugin/webpack.config'>;
+}
diff --git a/flow-typed/npm/draft-js-import-markdown_vx.x.x.js b/flow-typed/npm/draft-js-import-markdown_vx.x.x.js
new file mode 100644
index 0000000000..66973d2153
--- /dev/null
+++ b/flow-typed/npm/draft-js-import-markdown_vx.x.x.js
@@ -0,0 +1,46 @@
+// flow-typed signature: 0ade55a84154638d6fb4ea8060bba647
+// flow-typed version: <<STUB>>/draft-js-import-markdown_v^1.2.0/flow_v0.55.0
+
+/**
+ * This is an autogenerated libdef stub for:
+ *
+ *   'draft-js-import-markdown'
+ *
+ * Fill this stub out by replacing all the `any` types.
+ *
+ * Once filled out, we encourage you to share your work with the
+ * community by sending a pull request to:
+ * https://github.com/flowtype/flow-typed
+ */
+
+declare module 'draft-js-import-markdown' {
+  declare module.exports: any;
+}
+
+/**
+ * We include stubs for each file inside this npm package in case you need to
+ * require those files directly. Feel free to delete any files that aren't
+ * needed.
+ */
+declare module 'draft-js-import-markdown/lib/main' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-import-markdown/lib/MarkdownParser' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-import-markdown/lib/stateFromMarkdown' {
+  declare module.exports: any;
+}
+
+// Filename aliases
+declare module 'draft-js-import-markdown/lib/main.js' {
+  declare module.exports: $Exports<'draft-js-import-markdown/lib/main'>;
+}
+declare module 'draft-js-import-markdown/lib/MarkdownParser.js' {
+  declare module.exports: $Exports<'draft-js-import-markdown/lib/MarkdownParser'>;
+}
+declare module 'draft-js-import-markdown/lib/stateFromMarkdown.js' {
+  declare module.exports: $Exports<'draft-js-import-markdown/lib/stateFromMarkdown'>;
+}
diff --git a/flow-typed/npm/draft-js-markdown-plugin_vx.x.x.js b/flow-typed/npm/draft-js-markdown-plugin_vx.x.x.js
new file mode 100644
index 0000000000..da284be9ca
--- /dev/null
+++ b/flow-typed/npm/draft-js-markdown-plugin_vx.x.x.js
@@ -0,0 +1,179 @@
+// flow-typed signature: 0742145ed3de57321a3d9f8459ccf7ef
+// flow-typed version: <<STUB>>/draft-js-markdown-plugin_v^1.0.0/flow_v0.55.0
+
+/**
+ * This is an autogenerated libdef stub for:
+ *
+ *   'draft-js-markdown-plugin'
+ *
+ * Fill this stub out by replacing all the `any` types.
+ *
+ * Once filled out, we encourage you to share your work with the
+ * community by sending a pull request to:
+ * https://github.com/flowtype/flow-typed
+ */
+
+declare module 'draft-js-markdown-plugin' {
+  declare module.exports: any;
+}
+
+/**
+ * We include stubs for each file inside this npm package in case you need to
+ * require those files directly. Feel free to delete any files that aren't
+ * needed.
+ */
+declare module 'draft-js-markdown-plugin/lib/components/Image/index' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-markdown-plugin/lib/components/Link/index' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-markdown-plugin/lib/constants' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-markdown-plugin/lib/decorators/image/imageStrategy' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-markdown-plugin/lib/decorators/image/index' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-markdown-plugin/lib/decorators/link/index' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-markdown-plugin/lib/decorators/link/linkStrategy' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-markdown-plugin/lib/index' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-markdown-plugin/lib/modifiers/adjustBlockDepth' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-markdown-plugin/lib/modifiers/changeCurrentBlockType' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-markdown-plugin/lib/modifiers/changeCurrentInlineStyle' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-markdown-plugin/lib/modifiers/handleBlockType' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-markdown-plugin/lib/modifiers/handleImage' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-markdown-plugin/lib/modifiers/handleInlineStyle' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-markdown-plugin/lib/modifiers/handleLink' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-markdown-plugin/lib/modifiers/handleNewCodeBlock' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-markdown-plugin/lib/modifiers/insertEmptyBlock' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-markdown-plugin/lib/modifiers/insertImage' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-markdown-plugin/lib/modifiers/insertLink' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-markdown-plugin/lib/modifiers/insertText' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-markdown-plugin/lib/modifiers/leaveList' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-markdown-plugin/lib/utils' {
+  declare module.exports: any;
+}
+
+// Filename aliases
+declare module 'draft-js-markdown-plugin/lib/components/Image/index.js' {
+  declare module.exports: $Exports<'draft-js-markdown-plugin/lib/components/Image/index'>;
+}
+declare module 'draft-js-markdown-plugin/lib/components/Link/index.js' {
+  declare module.exports: $Exports<'draft-js-markdown-plugin/lib/components/Link/index'>;
+}
+declare module 'draft-js-markdown-plugin/lib/constants.js' {
+  declare module.exports: $Exports<'draft-js-markdown-plugin/lib/constants'>;
+}
+declare module 'draft-js-markdown-plugin/lib/decorators/image/imageStrategy.js' {
+  declare module.exports: $Exports<'draft-js-markdown-plugin/lib/decorators/image/imageStrategy'>;
+}
+declare module 'draft-js-markdown-plugin/lib/decorators/image/index.js' {
+  declare module.exports: $Exports<'draft-js-markdown-plugin/lib/decorators/image/index'>;
+}
+declare module 'draft-js-markdown-plugin/lib/decorators/link/index.js' {
+  declare module.exports: $Exports<'draft-js-markdown-plugin/lib/decorators/link/index'>;
+}
+declare module 'draft-js-markdown-plugin/lib/decorators/link/linkStrategy.js' {
+  declare module.exports: $Exports<'draft-js-markdown-plugin/lib/decorators/link/linkStrategy'>;
+}
+declare module 'draft-js-markdown-plugin/lib/index.js' {
+  declare module.exports: $Exports<'draft-js-markdown-plugin/lib/index'>;
+}
+declare module 'draft-js-markdown-plugin/lib/modifiers/adjustBlockDepth.js' {
+  declare module.exports: $Exports<'draft-js-markdown-plugin/lib/modifiers/adjustBlockDepth'>;
+}
+declare module 'draft-js-markdown-plugin/lib/modifiers/changeCurrentBlockType.js' {
+  declare module.exports: $Exports<'draft-js-markdown-plugin/lib/modifiers/changeCurrentBlockType'>;
+}
+declare module 'draft-js-markdown-plugin/lib/modifiers/changeCurrentInlineStyle.js' {
+  declare module.exports: $Exports<'draft-js-markdown-plugin/lib/modifiers/changeCurrentInlineStyle'>;
+}
+declare module 'draft-js-markdown-plugin/lib/modifiers/handleBlockType.js' {
+  declare module.exports: $Exports<'draft-js-markdown-plugin/lib/modifiers/handleBlockType'>;
+}
+declare module 'draft-js-markdown-plugin/lib/modifiers/handleImage.js' {
+  declare module.exports: $Exports<'draft-js-markdown-plugin/lib/modifiers/handleImage'>;
+}
+declare module 'draft-js-markdown-plugin/lib/modifiers/handleInlineStyle.js' {
+  declare module.exports: $Exports<'draft-js-markdown-plugin/lib/modifiers/handleInlineStyle'>;
+}
+declare module 'draft-js-markdown-plugin/lib/modifiers/handleLink.js' {
+  declare module.exports: $Exports<'draft-js-markdown-plugin/lib/modifiers/handleLink'>;
+}
+declare module 'draft-js-markdown-plugin/lib/modifiers/handleNewCodeBlock.js' {
+  declare module.exports: $Exports<'draft-js-markdown-plugin/lib/modifiers/handleNewCodeBlock'>;
+}
+declare module 'draft-js-markdown-plugin/lib/modifiers/insertEmptyBlock.js' {
+  declare module.exports: $Exports<'draft-js-markdown-plugin/lib/modifiers/insertEmptyBlock'>;
+}
+declare module 'draft-js-markdown-plugin/lib/modifiers/insertImage.js' {
+  declare module.exports: $Exports<'draft-js-markdown-plugin/lib/modifiers/insertImage'>;
+}
+declare module 'draft-js-markdown-plugin/lib/modifiers/insertLink.js' {
+  declare module.exports: $Exports<'draft-js-markdown-plugin/lib/modifiers/insertLink'>;
+}
+declare module 'draft-js-markdown-plugin/lib/modifiers/insertText.js' {
+  declare module.exports: $Exports<'draft-js-markdown-plugin/lib/modifiers/insertText'>;
+}
+declare module 'draft-js-markdown-plugin/lib/modifiers/leaveList.js' {
+  declare module.exports: $Exports<'draft-js-markdown-plugin/lib/modifiers/leaveList'>;
+}
+declare module 'draft-js-markdown-plugin/lib/utils.js' {
+  declare module.exports: $Exports<'draft-js-markdown-plugin/lib/utils'>;
+}
diff --git a/flow-typed/npm/draft-js-plugins-editor_vx.x.x.js b/flow-typed/npm/draft-js-plugins-editor_vx.x.x.js
new file mode 100644
index 0000000000..4186a29f64
--- /dev/null
+++ b/flow-typed/npm/draft-js-plugins-editor_vx.x.x.js
@@ -0,0 +1,130 @@
+// flow-typed signature: 71a29656189a85cf204ea88894249805
+// flow-typed version: <<STUB>>/draft-js-plugins-editor_v2.0.0-rc2/flow_v0.55.0
+
+/**
+ * This is an autogenerated libdef stub for:
+ *
+ *   'draft-js-plugins-editor'
+ *
+ * Fill this stub out by replacing all the `any` types.
+ *
+ * Once filled out, we encourage you to share your work with the
+ * community by sending a pull request to:
+ * https://github.com/flowtype/flow-typed
+ */
+
+declare module 'draft-js-plugins-editor' {
+  declare module.exports: any;
+}
+
+/**
+ * We include stubs for each file inside this npm package in case you need to
+ * require those files directly. Feel free to delete any files that aren't
+ * needed.
+ */
+declare module 'draft-js-plugins-editor/lib/Editor/__test__/index' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-plugins-editor/lib/Editor/__test__/MultiDecorator' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-plugins-editor/lib/Editor/createCompositeDecorator' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-plugins-editor/lib/Editor/defaultKeyBindingPlugin' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-plugins-editor/lib/Editor/index' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-plugins-editor/lib/Editor/moveSelectionToEnd' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-plugins-editor/lib/Editor/MultiDecorator' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-plugins-editor/lib/Editor/proxies' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-plugins-editor/lib/index' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-plugins-editor/lib/modifiers/moveToEndOfSelectedBlock' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-plugins-editor/lib/modifiers/moveToStartOfSelectedBlock' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-plugins-editor/lib/utils/composeDecorators' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-plugins-editor/lib/utils/createCompositeDecorator' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-plugins-editor/lib/utils/createEditorStateWithText' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-plugins-editor/lib/utils/moveSelectionToEnd' {
+  declare module.exports: any;
+}
+
+// Filename aliases
+declare module 'draft-js-plugins-editor/lib/Editor/__test__/index.js' {
+  declare module.exports: $Exports<'draft-js-plugins-editor/lib/Editor/__test__/index'>;
+}
+declare module 'draft-js-plugins-editor/lib/Editor/__test__/MultiDecorator.js' {
+  declare module.exports: $Exports<'draft-js-plugins-editor/lib/Editor/__test__/MultiDecorator'>;
+}
+declare module 'draft-js-plugins-editor/lib/Editor/createCompositeDecorator.js' {
+  declare module.exports: $Exports<'draft-js-plugins-editor/lib/Editor/createCompositeDecorator'>;
+}
+declare module 'draft-js-plugins-editor/lib/Editor/defaultKeyBindingPlugin.js' {
+  declare module.exports: $Exports<'draft-js-plugins-editor/lib/Editor/defaultKeyBindingPlugin'>;
+}
+declare module 'draft-js-plugins-editor/lib/Editor/index.js' {
+  declare module.exports: $Exports<'draft-js-plugins-editor/lib/Editor/index'>;
+}
+declare module 'draft-js-plugins-editor/lib/Editor/moveSelectionToEnd.js' {
+  declare module.exports: $Exports<'draft-js-plugins-editor/lib/Editor/moveSelectionToEnd'>;
+}
+declare module 'draft-js-plugins-editor/lib/Editor/MultiDecorator.js' {
+  declare module.exports: $Exports<'draft-js-plugins-editor/lib/Editor/MultiDecorator'>;
+}
+declare module 'draft-js-plugins-editor/lib/Editor/proxies.js' {
+  declare module.exports: $Exports<'draft-js-plugins-editor/lib/Editor/proxies'>;
+}
+declare module 'draft-js-plugins-editor/lib/index.js' {
+  declare module.exports: $Exports<'draft-js-plugins-editor/lib/index'>;
+}
+declare module 'draft-js-plugins-editor/lib/modifiers/moveToEndOfSelectedBlock.js' {
+  declare module.exports: $Exports<'draft-js-plugins-editor/lib/modifiers/moveToEndOfSelectedBlock'>;
+}
+declare module 'draft-js-plugins-editor/lib/modifiers/moveToStartOfSelectedBlock.js' {
+  declare module.exports: $Exports<'draft-js-plugins-editor/lib/modifiers/moveToStartOfSelectedBlock'>;
+}
+declare module 'draft-js-plugins-editor/lib/utils/composeDecorators.js' {
+  declare module.exports: $Exports<'draft-js-plugins-editor/lib/utils/composeDecorators'>;
+}
+declare module 'draft-js-plugins-editor/lib/utils/createCompositeDecorator.js' {
+  declare module.exports: $Exports<'draft-js-plugins-editor/lib/utils/createCompositeDecorator'>;
+}
+declare module 'draft-js-plugins-editor/lib/utils/createEditorStateWithText.js' {
+  declare module.exports: $Exports<'draft-js-plugins-editor/lib/utils/createEditorStateWithText'>;
+}
+declare module 'draft-js-plugins-editor/lib/utils/moveSelectionToEnd.js' {
+  declare module.exports: $Exports<'draft-js-plugins-editor/lib/utils/moveSelectionToEnd'>;
+}
diff --git a/flow-typed/npm/draft-js-prism-plugin_vx.x.x.js b/flow-typed/npm/draft-js-prism-plugin_vx.x.x.js
new file mode 100644
index 0000000000..0302ea0f02
--- /dev/null
+++ b/flow-typed/npm/draft-js-prism-plugin_vx.x.x.js
@@ -0,0 +1,172 @@
+// flow-typed signature: cda5ecede2b0f032fb296bd71014c408
+// flow-typed version: <<STUB>>/draft-js-prism-plugin_v0.1.1/flow_v0.55.0
+
+/**
+ * This is an autogenerated libdef stub for:
+ *
+ *   'draft-js-prism-plugin'
+ *
+ * Fill this stub out by replacing all the `any` types.
+ *
+ * Once filled out, we encourage you to share your work with the
+ * community by sending a pull request to:
+ * https://github.com/flowtype/flow-typed
+ */
+
+declare module 'draft-js-prism-plugin' {
+  declare module.exports: any;
+}
+
+/**
+ * We include stubs for each file inside this npm package in case you need to
+ * require those files directly. Feel free to delete any files that aren't
+ * needed.
+ */
+declare module 'draft-js-prism-plugin/dist/index' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-prism-plugin/flow-typed/npm/babel-cli_vx.x.x' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-prism-plugin/flow-typed/npm/babel-core_vx.x.x' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-prism-plugin/flow-typed/npm/babel-eslint_vx.x.x' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-prism-plugin/flow-typed/npm/babel-plugin-transform-runtime_vx.x.x' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-prism-plugin/flow-typed/npm/babel-polyfill_vx.x.x' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-prism-plugin/flow-typed/npm/babel-preset-env_vx.x.x' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-prism-plugin/flow-typed/npm/babel-preset-es2015_vx.x.x' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-prism-plugin/flow-typed/npm/babel-preset-flow_vx.x.x' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-prism-plugin/flow-typed/npm/babel-preset-stage-2_vx.x.x' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-prism-plugin/flow-typed/npm/draft-js-prism_vx.x.x' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-prism-plugin/flow-typed/npm/eslint_vx.x.x' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-prism-plugin/flow-typed/npm/eslint-plugin-babel_vx.x.x' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-prism-plugin/flow-typed/npm/flow-bin_v0.x.x' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-prism-plugin/flow-typed/npm/husky_vx.x.x' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-prism-plugin/flow-typed/npm/jest_v19.x.x' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-prism-plugin/flow-typed/npm/lint-staged_vx.x.x' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-prism-plugin/flow-typed/npm/prettier_vx.x.x' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-prism-plugin/flow-typed/npm/rimraf_vx.x.x' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-prism-plugin/src/index' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-prism-plugin/src/test/index.test' {
+  declare module.exports: any;
+}
+
+// Filename aliases
+declare module 'draft-js-prism-plugin/dist/index.js' {
+  declare module.exports: $Exports<'draft-js-prism-plugin/dist/index'>;
+}
+declare module 'draft-js-prism-plugin/flow-typed/npm/babel-cli_vx.x.x.js' {
+  declare module.exports: $Exports<'draft-js-prism-plugin/flow-typed/npm/babel-cli_vx.x.x'>;
+}
+declare module 'draft-js-prism-plugin/flow-typed/npm/babel-core_vx.x.x.js' {
+  declare module.exports: $Exports<'draft-js-prism-plugin/flow-typed/npm/babel-core_vx.x.x'>;
+}
+declare module 'draft-js-prism-plugin/flow-typed/npm/babel-eslint_vx.x.x.js' {
+  declare module.exports: $Exports<'draft-js-prism-plugin/flow-typed/npm/babel-eslint_vx.x.x'>;
+}
+declare module 'draft-js-prism-plugin/flow-typed/npm/babel-plugin-transform-runtime_vx.x.x.js' {
+  declare module.exports: $Exports<'draft-js-prism-plugin/flow-typed/npm/babel-plugin-transform-runtime_vx.x.x'>;
+}
+declare module 'draft-js-prism-plugin/flow-typed/npm/babel-polyfill_vx.x.x.js' {
+  declare module.exports: $Exports<'draft-js-prism-plugin/flow-typed/npm/babel-polyfill_vx.x.x'>;
+}
+declare module 'draft-js-prism-plugin/flow-typed/npm/babel-preset-env_vx.x.x.js' {
+  declare module.exports: $Exports<'draft-js-prism-plugin/flow-typed/npm/babel-preset-env_vx.x.x'>;
+}
+declare module 'draft-js-prism-plugin/flow-typed/npm/babel-preset-es2015_vx.x.x.js' {
+  declare module.exports: $Exports<'draft-js-prism-plugin/flow-typed/npm/babel-preset-es2015_vx.x.x'>;
+}
+declare module 'draft-js-prism-plugin/flow-typed/npm/babel-preset-flow_vx.x.x.js' {
+  declare module.exports: $Exports<'draft-js-prism-plugin/flow-typed/npm/babel-preset-flow_vx.x.x'>;
+}
+declare module 'draft-js-prism-plugin/flow-typed/npm/babel-preset-stage-2_vx.x.x.js' {
+  declare module.exports: $Exports<'draft-js-prism-plugin/flow-typed/npm/babel-preset-stage-2_vx.x.x'>;
+}
+declare module 'draft-js-prism-plugin/flow-typed/npm/draft-js-prism_vx.x.x.js' {
+  declare module.exports: $Exports<'draft-js-prism-plugin/flow-typed/npm/draft-js-prism_vx.x.x'>;
+}
+declare module 'draft-js-prism-plugin/flow-typed/npm/eslint_vx.x.x.js' {
+  declare module.exports: $Exports<'draft-js-prism-plugin/flow-typed/npm/eslint_vx.x.x'>;
+}
+declare module 'draft-js-prism-plugin/flow-typed/npm/eslint-plugin-babel_vx.x.x.js' {
+  declare module.exports: $Exports<'draft-js-prism-plugin/flow-typed/npm/eslint-plugin-babel_vx.x.x'>;
+}
+declare module 'draft-js-prism-plugin/flow-typed/npm/flow-bin_v0.x.x.js' {
+  declare module.exports: $Exports<'draft-js-prism-plugin/flow-typed/npm/flow-bin_v0.x.x'>;
+}
+declare module 'draft-js-prism-plugin/flow-typed/npm/husky_vx.x.x.js' {
+  declare module.exports: $Exports<'draft-js-prism-plugin/flow-typed/npm/husky_vx.x.x'>;
+}
+declare module 'draft-js-prism-plugin/flow-typed/npm/jest_v19.x.x.js' {
+  declare module.exports: $Exports<'draft-js-prism-plugin/flow-typed/npm/jest_v19.x.x'>;
+}
+declare module 'draft-js-prism-plugin/flow-typed/npm/lint-staged_vx.x.x.js' {
+  declare module.exports: $Exports<'draft-js-prism-plugin/flow-typed/npm/lint-staged_vx.x.x'>;
+}
+declare module 'draft-js-prism-plugin/flow-typed/npm/prettier_vx.x.x.js' {
+  declare module.exports: $Exports<'draft-js-prism-plugin/flow-typed/npm/prettier_vx.x.x'>;
+}
+declare module 'draft-js-prism-plugin/flow-typed/npm/rimraf_vx.x.x.js' {
+  declare module.exports: $Exports<'draft-js-prism-plugin/flow-typed/npm/rimraf_vx.x.x'>;
+}
+declare module 'draft-js-prism-plugin/src/index.js' {
+  declare module.exports: $Exports<'draft-js-prism-plugin/src/index'>;
+}
+declare module 'draft-js-prism-plugin/src/test/index.test.js' {
+  declare module.exports: $Exports<'draft-js-prism-plugin/src/test/index.test'>;
+}
diff --git a/flow-typed/npm/draft-js-single-line-plugin_vx.x.x.js b/flow-typed/npm/draft-js-single-line-plugin_vx.x.x.js
new file mode 100644
index 0000000000..26b3ef6d50
--- /dev/null
+++ b/flow-typed/npm/draft-js-single-line-plugin_vx.x.x.js
@@ -0,0 +1,53 @@
+// flow-typed signature: 09d7e9659de8df545ddd929e1792d7f0
+// flow-typed version: <<STUB>>/draft-js-single-line-plugin_v^2.0.1/flow_v0.55.0
+
+/**
+ * This is an autogenerated libdef stub for:
+ *
+ *   'draft-js-single-line-plugin'
+ *
+ * Fill this stub out by replacing all the `any` types.
+ *
+ * Once filled out, we encourage you to share your work with the
+ * community by sending a pull request to:
+ * https://github.com/flowtype/flow-typed
+ */
+
+declare module 'draft-js-single-line-plugin' {
+  declare module.exports: any;
+}
+
+/**
+ * We include stubs for each file inside this npm package in case you need to
+ * require those files directly. Feel free to delete any files that aren't
+ * needed.
+ */
+declare module 'draft-js-single-line-plugin/lib/index' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-single-line-plugin/lib/utils' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-single-line-plugin/test/fixtures/content' {
+  declare module.exports: any;
+}
+
+declare module 'draft-js-single-line-plugin/test/index' {
+  declare module.exports: any;
+}
+
+// Filename aliases
+declare module 'draft-js-single-line-plugin/lib/index.js' {
+  declare module.exports: $Exports<'draft-js-single-line-plugin/lib/index'>;
+}
+declare module 'draft-js-single-line-plugin/lib/utils.js' {
+  declare module.exports: $Exports<'draft-js-single-line-plugin/lib/utils'>;
+}
+declare module 'draft-js-single-line-plugin/test/fixtures/content.js' {
+  declare module.exports: $Exports<'draft-js-single-line-plugin/test/fixtures/content'>;
+}
+declare module 'draft-js-single-line-plugin/test/index.js' {
+  declare module.exports: $Exports<'draft-js-single-line-plugin/test/index'>;
+}
diff --git a/flow-typed/npm/draftjs-to-markdown_vx.x.x.js b/flow-typed/npm/draftjs-to-markdown_vx.x.x.js
new file mode 100644
index 0000000000..acfae7fc7b
--- /dev/null
+++ b/flow-typed/npm/draftjs-to-markdown_vx.x.x.js
@@ -0,0 +1,32 @@
+// flow-typed signature: f3ff15cf91134e81c25cbad26151d901
+// flow-typed version: <<STUB>>/draftjs-to-markdown_v^0.4.2/flow_v0.55.0
+
+/**
+ * This is an autogenerated libdef stub for:
+ *
+ *   'draftjs-to-markdown'
+ *
+ * Fill this stub out by replacing all the `any` types.
+ *
+ * Once filled out, we encourage you to share your work with the
+ * community by sending a pull request to:
+ * https://github.com/flowtype/flow-typed
+ */
+
+declare module 'draftjs-to-markdown' {
+  declare module.exports: any;
+}
+
+/**
+ * We include stubs for each file inside this npm package in case you need to
+ * require those files directly. Feel free to delete any files that aren't
+ * needed.
+ */
+declare module 'draftjs-to-markdown/lib/draftjs-to-markdown' {
+  declare module.exports: any;
+}
+
+// Filename aliases
+declare module 'draftjs-to-markdown/lib/draftjs-to-markdown.js' {
+  declare module.exports: $Exports<'draftjs-to-markdown/lib/draftjs-to-markdown'>;
+}
diff --git a/flow-typed/npm/prismjs_vx.x.x.js b/flow-typed/npm/prismjs_vx.x.x.js
new file mode 100644
index 0000000000..3b1e79fe9c
--- /dev/null
+++ b/flow-typed/npm/prismjs_vx.x.x.js
@@ -0,0 +1,2307 @@
+// flow-typed signature: 3b1ba7420dcdbc68c7f45da488fb0141
+// flow-typed version: <<STUB>>/prismjs_v^1.8.1/flow_v0.55.0
+
+/**
+ * This is an autogenerated libdef stub for:
+ *
+ *   'prismjs'
+ *
+ * Fill this stub out by replacing all the `any` types.
+ *
+ * Once filled out, we encourage you to share your work with the
+ * community by sending a pull request to:
+ * https://github.com/flowtype/flow-typed
+ */
+
+declare module 'prismjs' {
+  declare module.exports: any;
+}
+
+/**
+ * We include stubs for each file inside this npm package in case you need to
+ * require those files directly. Feel free to delete any files that aren't
+ * needed.
+ */
+declare module 'prismjs/components' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-abap' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-abap.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-actionscript' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-actionscript.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-ada' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-ada.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-apacheconf' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-apacheconf.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-apl' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-apl.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-applescript' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-applescript.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-arduino' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-arduino.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-asciidoc' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-asciidoc.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-aspnet' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-aspnet.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-autohotkey' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-autohotkey.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-autoit' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-autoit.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-bash' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-bash.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-basic' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-basic.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-batch' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-batch.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-bison' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-bison.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-brainfuck' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-brainfuck.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-bro' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-bro.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-c' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-c.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-clike' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-clike.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-coffeescript' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-coffeescript.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-core' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-core.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-cpp' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-cpp.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-crystal' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-crystal.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-csharp' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-csharp.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-css-extras' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-css-extras.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-css' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-css.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-d' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-d.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-dart' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-dart.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-diff' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-diff.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-django' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-django.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-docker' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-docker.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-eiffel' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-eiffel.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-elixir' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-elixir.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-erlang' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-erlang.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-fortran' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-fortran.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-fsharp' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-fsharp.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-gherkin' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-gherkin.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-git' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-git.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-glsl' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-glsl.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-go' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-go.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-graphql' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-graphql.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-groovy' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-groovy.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-haml' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-haml.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-handlebars' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-handlebars.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-haskell' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-haskell.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-haxe' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-haxe.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-http' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-http.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-icon' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-icon.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-inform7' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-inform7.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-ini' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-ini.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-j' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-j.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-jade' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-jade.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-java' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-java.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-javascript' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-javascript.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-jolie' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-jolie.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-json' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-json.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-jsx' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-jsx.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-julia' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-julia.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-keyman' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-keyman.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-kotlin' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-kotlin.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-latex' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-latex.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-less' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-less.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-livescript' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-livescript.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-lolcode' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-lolcode.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-lua' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-lua.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-makefile' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-makefile.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-markdown' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-markdown.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-markup' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-markup.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-matlab' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-matlab.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-mel' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-mel.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-mizar' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-mizar.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-monkey' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-monkey.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-n4js' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-n4js.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-nasm' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-nasm.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-nginx' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-nginx.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-nim' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-nim.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-nix' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-nix.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-nsis' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-nsis.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-objectivec' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-objectivec.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-ocaml' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-ocaml.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-opencl' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-opencl.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-oz' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-oz.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-parigp' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-parigp.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-parser' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-parser.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-pascal' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-pascal.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-perl' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-perl.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-php-extras' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-php-extras.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-php' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-php.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-powershell' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-powershell.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-processing' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-processing.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-prolog' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-prolog.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-properties' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-properties.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-protobuf' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-protobuf.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-puppet' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-puppet.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-pure' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-pure.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-python' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-python.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-q' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-q.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-qore' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-qore.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-r' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-r.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-reason' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-reason.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-renpy' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-renpy.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-rest' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-rest.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-rip' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-rip.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-roboconf' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-roboconf.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-ruby' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-ruby.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-rust' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-rust.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-sas' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-sas.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-sass' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-sass.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-scala' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-scala.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-scheme' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-scheme.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-scss' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-scss.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-smalltalk' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-smalltalk.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-smarty' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-smarty.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-sql' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-sql.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-stylus' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-stylus.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-swift' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-swift.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-tcl' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-tcl.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-textile' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-textile.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-twig' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-twig.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-typescript' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-typescript.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-vbnet' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-vbnet.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-verilog' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-verilog.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-vhdl' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-vhdl.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-vim' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-vim.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-wiki' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-wiki.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-xojo' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-xojo.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-yaml' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/components/prism-yaml.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/examples' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/gulpfile' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/autolinker/prism-autolinker' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/autolinker/prism-autolinker.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/autoloader/prism-autoloader' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/autoloader/prism-autoloader.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/command-line/prism-command-line' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/command-line/prism-command-line.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/copy-to-clipboard/prism-copy-to-clipboard' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/copy-to-clipboard/prism-copy-to-clipboard.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/custom-class/prism-custom-class' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/custom-class/prism-custom-class.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/data-uri-highlight/prism-data-uri-highlight' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/data-uri-highlight/prism-data-uri-highlight.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/file-highlight/prism-file-highlight' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/file-highlight/prism-file-highlight.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/highlight-keywords/prism-highlight-keywords' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/highlight-keywords/prism-highlight-keywords.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/jsonp-highlight/prism-jsonp-highlight' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/jsonp-highlight/prism-jsonp-highlight.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/keep-markup/prism-keep-markup' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/keep-markup/prism-keep-markup.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/line-highlight/prism-line-highlight' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/line-highlight/prism-line-highlight.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/line-numbers/prism-line-numbers' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/line-numbers/prism-line-numbers.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/normalize-whitespace/prism-normalize-whitespace' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/normalize-whitespace/prism-normalize-whitespace.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/previewer-angle/prism-previewer-angle' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/previewer-angle/prism-previewer-angle.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/previewer-base/prism-previewer-base' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/previewer-base/prism-previewer-base.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/previewer-color/prism-previewer-color' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/previewer-color/prism-previewer-color.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/previewer-easing/prism-previewer-easing' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/previewer-easing/prism-previewer-easing.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/previewer-gradient/prism-previewer-gradient' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/previewer-gradient/prism-previewer-gradient.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/previewer-time/prism-previewer-time' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/previewer-time/prism-previewer-time.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/remove-initial-line-feed/prism-remove-initial-line-feed' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/remove-initial-line-feed/prism-remove-initial-line-feed.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/show-invisibles/prism-show-invisibles' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/show-invisibles/prism-show-invisibles.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/show-language/prism-show-language' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/show-language/prism-show-language.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/toolbar/prism-toolbar' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/toolbar/prism-toolbar.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/unescaped-markup/prism-unescaped-markup' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/unescaped-markup/prism-unescaped-markup.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/wpd/prism-wpd' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/plugins/wpd/prism-wpd.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/prism' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/tests/helper/components' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/tests/helper/prism-loader' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/tests/helper/test-case' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/tests/helper/test-discovery' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/tests/helper/token-stream-transformer' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/tests/languages/asciidoc/entity_feature' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/tests/languages/groovy/issue1049' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/tests/languages/groovy/string-interpolation_feature' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/tests/languages/handlebars/handlebars_in_markup_feature' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/tests/languages/markup/entity_feature' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/tests/languages/markup+php/php_in_markup_feature' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/tests/languages/smarty/smarty_in_markup_feature' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/tests/run-child' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/tests/run' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/tests/testrunner-tests' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/vendor/FileSaver.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/vendor/jszip.min' {
+  declare module.exports: any;
+}
+
+declare module 'prismjs/vendor/promise' {
+  declare module.exports: any;
+}
+
+// Filename aliases
+declare module 'prismjs/components.js' {
+  declare module.exports: $Exports<'prismjs/components'>;
+}
+declare module 'prismjs/components/prism-abap.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-abap'>;
+}
+declare module 'prismjs/components/prism-abap.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-abap.min'>;
+}
+declare module 'prismjs/components/prism-actionscript.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-actionscript'>;
+}
+declare module 'prismjs/components/prism-actionscript.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-actionscript.min'>;
+}
+declare module 'prismjs/components/prism-ada.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-ada'>;
+}
+declare module 'prismjs/components/prism-ada.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-ada.min'>;
+}
+declare module 'prismjs/components/prism-apacheconf.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-apacheconf'>;
+}
+declare module 'prismjs/components/prism-apacheconf.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-apacheconf.min'>;
+}
+declare module 'prismjs/components/prism-apl.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-apl'>;
+}
+declare module 'prismjs/components/prism-apl.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-apl.min'>;
+}
+declare module 'prismjs/components/prism-applescript.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-applescript'>;
+}
+declare module 'prismjs/components/prism-applescript.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-applescript.min'>;
+}
+declare module 'prismjs/components/prism-arduino.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-arduino'>;
+}
+declare module 'prismjs/components/prism-arduino.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-arduino.min'>;
+}
+declare module 'prismjs/components/prism-asciidoc.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-asciidoc'>;
+}
+declare module 'prismjs/components/prism-asciidoc.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-asciidoc.min'>;
+}
+declare module 'prismjs/components/prism-aspnet.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-aspnet'>;
+}
+declare module 'prismjs/components/prism-aspnet.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-aspnet.min'>;
+}
+declare module 'prismjs/components/prism-autohotkey.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-autohotkey'>;
+}
+declare module 'prismjs/components/prism-autohotkey.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-autohotkey.min'>;
+}
+declare module 'prismjs/components/prism-autoit.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-autoit'>;
+}
+declare module 'prismjs/components/prism-autoit.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-autoit.min'>;
+}
+declare module 'prismjs/components/prism-bash.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-bash'>;
+}
+declare module 'prismjs/components/prism-bash.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-bash.min'>;
+}
+declare module 'prismjs/components/prism-basic.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-basic'>;
+}
+declare module 'prismjs/components/prism-basic.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-basic.min'>;
+}
+declare module 'prismjs/components/prism-batch.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-batch'>;
+}
+declare module 'prismjs/components/prism-batch.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-batch.min'>;
+}
+declare module 'prismjs/components/prism-bison.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-bison'>;
+}
+declare module 'prismjs/components/prism-bison.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-bison.min'>;
+}
+declare module 'prismjs/components/prism-brainfuck.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-brainfuck'>;
+}
+declare module 'prismjs/components/prism-brainfuck.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-brainfuck.min'>;
+}
+declare module 'prismjs/components/prism-bro.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-bro'>;
+}
+declare module 'prismjs/components/prism-bro.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-bro.min'>;
+}
+declare module 'prismjs/components/prism-c.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-c'>;
+}
+declare module 'prismjs/components/prism-c.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-c.min'>;
+}
+declare module 'prismjs/components/prism-clike.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-clike'>;
+}
+declare module 'prismjs/components/prism-clike.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-clike.min'>;
+}
+declare module 'prismjs/components/prism-coffeescript.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-coffeescript'>;
+}
+declare module 'prismjs/components/prism-coffeescript.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-coffeescript.min'>;
+}
+declare module 'prismjs/components/prism-core.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-core'>;
+}
+declare module 'prismjs/components/prism-core.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-core.min'>;
+}
+declare module 'prismjs/components/prism-cpp.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-cpp'>;
+}
+declare module 'prismjs/components/prism-cpp.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-cpp.min'>;
+}
+declare module 'prismjs/components/prism-crystal.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-crystal'>;
+}
+declare module 'prismjs/components/prism-crystal.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-crystal.min'>;
+}
+declare module 'prismjs/components/prism-csharp.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-csharp'>;
+}
+declare module 'prismjs/components/prism-csharp.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-csharp.min'>;
+}
+declare module 'prismjs/components/prism-css-extras.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-css-extras'>;
+}
+declare module 'prismjs/components/prism-css-extras.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-css-extras.min'>;
+}
+declare module 'prismjs/components/prism-css.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-css'>;
+}
+declare module 'prismjs/components/prism-css.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-css.min'>;
+}
+declare module 'prismjs/components/prism-d.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-d'>;
+}
+declare module 'prismjs/components/prism-d.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-d.min'>;
+}
+declare module 'prismjs/components/prism-dart.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-dart'>;
+}
+declare module 'prismjs/components/prism-dart.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-dart.min'>;
+}
+declare module 'prismjs/components/prism-diff.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-diff'>;
+}
+declare module 'prismjs/components/prism-diff.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-diff.min'>;
+}
+declare module 'prismjs/components/prism-django.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-django'>;
+}
+declare module 'prismjs/components/prism-django.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-django.min'>;
+}
+declare module 'prismjs/components/prism-docker.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-docker'>;
+}
+declare module 'prismjs/components/prism-docker.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-docker.min'>;
+}
+declare module 'prismjs/components/prism-eiffel.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-eiffel'>;
+}
+declare module 'prismjs/components/prism-eiffel.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-eiffel.min'>;
+}
+declare module 'prismjs/components/prism-elixir.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-elixir'>;
+}
+declare module 'prismjs/components/prism-elixir.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-elixir.min'>;
+}
+declare module 'prismjs/components/prism-erlang.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-erlang'>;
+}
+declare module 'prismjs/components/prism-erlang.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-erlang.min'>;
+}
+declare module 'prismjs/components/prism-fortran.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-fortran'>;
+}
+declare module 'prismjs/components/prism-fortran.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-fortran.min'>;
+}
+declare module 'prismjs/components/prism-fsharp.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-fsharp'>;
+}
+declare module 'prismjs/components/prism-fsharp.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-fsharp.min'>;
+}
+declare module 'prismjs/components/prism-gherkin.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-gherkin'>;
+}
+declare module 'prismjs/components/prism-gherkin.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-gherkin.min'>;
+}
+declare module 'prismjs/components/prism-git.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-git'>;
+}
+declare module 'prismjs/components/prism-git.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-git.min'>;
+}
+declare module 'prismjs/components/prism-glsl.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-glsl'>;
+}
+declare module 'prismjs/components/prism-glsl.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-glsl.min'>;
+}
+declare module 'prismjs/components/prism-go.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-go'>;
+}
+declare module 'prismjs/components/prism-go.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-go.min'>;
+}
+declare module 'prismjs/components/prism-graphql.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-graphql'>;
+}
+declare module 'prismjs/components/prism-graphql.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-graphql.min'>;
+}
+declare module 'prismjs/components/prism-groovy.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-groovy'>;
+}
+declare module 'prismjs/components/prism-groovy.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-groovy.min'>;
+}
+declare module 'prismjs/components/prism-haml.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-haml'>;
+}
+declare module 'prismjs/components/prism-haml.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-haml.min'>;
+}
+declare module 'prismjs/components/prism-handlebars.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-handlebars'>;
+}
+declare module 'prismjs/components/prism-handlebars.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-handlebars.min'>;
+}
+declare module 'prismjs/components/prism-haskell.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-haskell'>;
+}
+declare module 'prismjs/components/prism-haskell.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-haskell.min'>;
+}
+declare module 'prismjs/components/prism-haxe.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-haxe'>;
+}
+declare module 'prismjs/components/prism-haxe.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-haxe.min'>;
+}
+declare module 'prismjs/components/prism-http.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-http'>;
+}
+declare module 'prismjs/components/prism-http.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-http.min'>;
+}
+declare module 'prismjs/components/prism-icon.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-icon'>;
+}
+declare module 'prismjs/components/prism-icon.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-icon.min'>;
+}
+declare module 'prismjs/components/prism-inform7.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-inform7'>;
+}
+declare module 'prismjs/components/prism-inform7.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-inform7.min'>;
+}
+declare module 'prismjs/components/prism-ini.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-ini'>;
+}
+declare module 'prismjs/components/prism-ini.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-ini.min'>;
+}
+declare module 'prismjs/components/prism-j.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-j'>;
+}
+declare module 'prismjs/components/prism-j.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-j.min'>;
+}
+declare module 'prismjs/components/prism-jade.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-jade'>;
+}
+declare module 'prismjs/components/prism-jade.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-jade.min'>;
+}
+declare module 'prismjs/components/prism-java.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-java'>;
+}
+declare module 'prismjs/components/prism-java.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-java.min'>;
+}
+declare module 'prismjs/components/prism-javascript.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-javascript'>;
+}
+declare module 'prismjs/components/prism-javascript.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-javascript.min'>;
+}
+declare module 'prismjs/components/prism-jolie.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-jolie'>;
+}
+declare module 'prismjs/components/prism-jolie.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-jolie.min'>;
+}
+declare module 'prismjs/components/prism-json.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-json'>;
+}
+declare module 'prismjs/components/prism-json.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-json.min'>;
+}
+declare module 'prismjs/components/prism-jsx.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-jsx'>;
+}
+declare module 'prismjs/components/prism-jsx.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-jsx.min'>;
+}
+declare module 'prismjs/components/prism-julia.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-julia'>;
+}
+declare module 'prismjs/components/prism-julia.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-julia.min'>;
+}
+declare module 'prismjs/components/prism-keyman.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-keyman'>;
+}
+declare module 'prismjs/components/prism-keyman.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-keyman.min'>;
+}
+declare module 'prismjs/components/prism-kotlin.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-kotlin'>;
+}
+declare module 'prismjs/components/prism-kotlin.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-kotlin.min'>;
+}
+declare module 'prismjs/components/prism-latex.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-latex'>;
+}
+declare module 'prismjs/components/prism-latex.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-latex.min'>;
+}
+declare module 'prismjs/components/prism-less.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-less'>;
+}
+declare module 'prismjs/components/prism-less.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-less.min'>;
+}
+declare module 'prismjs/components/prism-livescript.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-livescript'>;
+}
+declare module 'prismjs/components/prism-livescript.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-livescript.min'>;
+}
+declare module 'prismjs/components/prism-lolcode.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-lolcode'>;
+}
+declare module 'prismjs/components/prism-lolcode.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-lolcode.min'>;
+}
+declare module 'prismjs/components/prism-lua.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-lua'>;
+}
+declare module 'prismjs/components/prism-lua.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-lua.min'>;
+}
+declare module 'prismjs/components/prism-makefile.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-makefile'>;
+}
+declare module 'prismjs/components/prism-makefile.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-makefile.min'>;
+}
+declare module 'prismjs/components/prism-markdown.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-markdown'>;
+}
+declare module 'prismjs/components/prism-markdown.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-markdown.min'>;
+}
+declare module 'prismjs/components/prism-markup.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-markup'>;
+}
+declare module 'prismjs/components/prism-markup.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-markup.min'>;
+}
+declare module 'prismjs/components/prism-matlab.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-matlab'>;
+}
+declare module 'prismjs/components/prism-matlab.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-matlab.min'>;
+}
+declare module 'prismjs/components/prism-mel.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-mel'>;
+}
+declare module 'prismjs/components/prism-mel.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-mel.min'>;
+}
+declare module 'prismjs/components/prism-mizar.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-mizar'>;
+}
+declare module 'prismjs/components/prism-mizar.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-mizar.min'>;
+}
+declare module 'prismjs/components/prism-monkey.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-monkey'>;
+}
+declare module 'prismjs/components/prism-monkey.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-monkey.min'>;
+}
+declare module 'prismjs/components/prism-n4js.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-n4js'>;
+}
+declare module 'prismjs/components/prism-n4js.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-n4js.min'>;
+}
+declare module 'prismjs/components/prism-nasm.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-nasm'>;
+}
+declare module 'prismjs/components/prism-nasm.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-nasm.min'>;
+}
+declare module 'prismjs/components/prism-nginx.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-nginx'>;
+}
+declare module 'prismjs/components/prism-nginx.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-nginx.min'>;
+}
+declare module 'prismjs/components/prism-nim.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-nim'>;
+}
+declare module 'prismjs/components/prism-nim.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-nim.min'>;
+}
+declare module 'prismjs/components/prism-nix.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-nix'>;
+}
+declare module 'prismjs/components/prism-nix.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-nix.min'>;
+}
+declare module 'prismjs/components/prism-nsis.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-nsis'>;
+}
+declare module 'prismjs/components/prism-nsis.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-nsis.min'>;
+}
+declare module 'prismjs/components/prism-objectivec.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-objectivec'>;
+}
+declare module 'prismjs/components/prism-objectivec.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-objectivec.min'>;
+}
+declare module 'prismjs/components/prism-ocaml.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-ocaml'>;
+}
+declare module 'prismjs/components/prism-ocaml.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-ocaml.min'>;
+}
+declare module 'prismjs/components/prism-opencl.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-opencl'>;
+}
+declare module 'prismjs/components/prism-opencl.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-opencl.min'>;
+}
+declare module 'prismjs/components/prism-oz.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-oz'>;
+}
+declare module 'prismjs/components/prism-oz.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-oz.min'>;
+}
+declare module 'prismjs/components/prism-parigp.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-parigp'>;
+}
+declare module 'prismjs/components/prism-parigp.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-parigp.min'>;
+}
+declare module 'prismjs/components/prism-parser.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-parser'>;
+}
+declare module 'prismjs/components/prism-parser.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-parser.min'>;
+}
+declare module 'prismjs/components/prism-pascal.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-pascal'>;
+}
+declare module 'prismjs/components/prism-pascal.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-pascal.min'>;
+}
+declare module 'prismjs/components/prism-perl.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-perl'>;
+}
+declare module 'prismjs/components/prism-perl.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-perl.min'>;
+}
+declare module 'prismjs/components/prism-php-extras.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-php-extras'>;
+}
+declare module 'prismjs/components/prism-php-extras.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-php-extras.min'>;
+}
+declare module 'prismjs/components/prism-php.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-php'>;
+}
+declare module 'prismjs/components/prism-php.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-php.min'>;
+}
+declare module 'prismjs/components/prism-powershell.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-powershell'>;
+}
+declare module 'prismjs/components/prism-powershell.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-powershell.min'>;
+}
+declare module 'prismjs/components/prism-processing.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-processing'>;
+}
+declare module 'prismjs/components/prism-processing.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-processing.min'>;
+}
+declare module 'prismjs/components/prism-prolog.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-prolog'>;
+}
+declare module 'prismjs/components/prism-prolog.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-prolog.min'>;
+}
+declare module 'prismjs/components/prism-properties.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-properties'>;
+}
+declare module 'prismjs/components/prism-properties.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-properties.min'>;
+}
+declare module 'prismjs/components/prism-protobuf.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-protobuf'>;
+}
+declare module 'prismjs/components/prism-protobuf.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-protobuf.min'>;
+}
+declare module 'prismjs/components/prism-puppet.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-puppet'>;
+}
+declare module 'prismjs/components/prism-puppet.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-puppet.min'>;
+}
+declare module 'prismjs/components/prism-pure.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-pure'>;
+}
+declare module 'prismjs/components/prism-pure.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-pure.min'>;
+}
+declare module 'prismjs/components/prism-python.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-python'>;
+}
+declare module 'prismjs/components/prism-python.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-python.min'>;
+}
+declare module 'prismjs/components/prism-q.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-q'>;
+}
+declare module 'prismjs/components/prism-q.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-q.min'>;
+}
+declare module 'prismjs/components/prism-qore.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-qore'>;
+}
+declare module 'prismjs/components/prism-qore.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-qore.min'>;
+}
+declare module 'prismjs/components/prism-r.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-r'>;
+}
+declare module 'prismjs/components/prism-r.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-r.min'>;
+}
+declare module 'prismjs/components/prism-reason.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-reason'>;
+}
+declare module 'prismjs/components/prism-reason.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-reason.min'>;
+}
+declare module 'prismjs/components/prism-renpy.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-renpy'>;
+}
+declare module 'prismjs/components/prism-renpy.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-renpy.min'>;
+}
+declare module 'prismjs/components/prism-rest.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-rest'>;
+}
+declare module 'prismjs/components/prism-rest.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-rest.min'>;
+}
+declare module 'prismjs/components/prism-rip.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-rip'>;
+}
+declare module 'prismjs/components/prism-rip.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-rip.min'>;
+}
+declare module 'prismjs/components/prism-roboconf.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-roboconf'>;
+}
+declare module 'prismjs/components/prism-roboconf.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-roboconf.min'>;
+}
+declare module 'prismjs/components/prism-ruby.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-ruby'>;
+}
+declare module 'prismjs/components/prism-ruby.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-ruby.min'>;
+}
+declare module 'prismjs/components/prism-rust.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-rust'>;
+}
+declare module 'prismjs/components/prism-rust.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-rust.min'>;
+}
+declare module 'prismjs/components/prism-sas.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-sas'>;
+}
+declare module 'prismjs/components/prism-sas.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-sas.min'>;
+}
+declare module 'prismjs/components/prism-sass.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-sass'>;
+}
+declare module 'prismjs/components/prism-sass.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-sass.min'>;
+}
+declare module 'prismjs/components/prism-scala.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-scala'>;
+}
+declare module 'prismjs/components/prism-scala.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-scala.min'>;
+}
+declare module 'prismjs/components/prism-scheme.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-scheme'>;
+}
+declare module 'prismjs/components/prism-scheme.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-scheme.min'>;
+}
+declare module 'prismjs/components/prism-scss.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-scss'>;
+}
+declare module 'prismjs/components/prism-scss.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-scss.min'>;
+}
+declare module 'prismjs/components/prism-smalltalk.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-smalltalk'>;
+}
+declare module 'prismjs/components/prism-smalltalk.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-smalltalk.min'>;
+}
+declare module 'prismjs/components/prism-smarty.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-smarty'>;
+}
+declare module 'prismjs/components/prism-smarty.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-smarty.min'>;
+}
+declare module 'prismjs/components/prism-sql.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-sql'>;
+}
+declare module 'prismjs/components/prism-sql.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-sql.min'>;
+}
+declare module 'prismjs/components/prism-stylus.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-stylus'>;
+}
+declare module 'prismjs/components/prism-stylus.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-stylus.min'>;
+}
+declare module 'prismjs/components/prism-swift.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-swift'>;
+}
+declare module 'prismjs/components/prism-swift.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-swift.min'>;
+}
+declare module 'prismjs/components/prism-tcl.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-tcl'>;
+}
+declare module 'prismjs/components/prism-tcl.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-tcl.min'>;
+}
+declare module 'prismjs/components/prism-textile.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-textile'>;
+}
+declare module 'prismjs/components/prism-textile.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-textile.min'>;
+}
+declare module 'prismjs/components/prism-twig.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-twig'>;
+}
+declare module 'prismjs/components/prism-twig.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-twig.min'>;
+}
+declare module 'prismjs/components/prism-typescript.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-typescript'>;
+}
+declare module 'prismjs/components/prism-typescript.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-typescript.min'>;
+}
+declare module 'prismjs/components/prism-vbnet.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-vbnet'>;
+}
+declare module 'prismjs/components/prism-vbnet.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-vbnet.min'>;
+}
+declare module 'prismjs/components/prism-verilog.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-verilog'>;
+}
+declare module 'prismjs/components/prism-verilog.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-verilog.min'>;
+}
+declare module 'prismjs/components/prism-vhdl.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-vhdl'>;
+}
+declare module 'prismjs/components/prism-vhdl.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-vhdl.min'>;
+}
+declare module 'prismjs/components/prism-vim.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-vim'>;
+}
+declare module 'prismjs/components/prism-vim.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-vim.min'>;
+}
+declare module 'prismjs/components/prism-wiki.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-wiki'>;
+}
+declare module 'prismjs/components/prism-wiki.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-wiki.min'>;
+}
+declare module 'prismjs/components/prism-xojo.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-xojo'>;
+}
+declare module 'prismjs/components/prism-xojo.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-xojo.min'>;
+}
+declare module 'prismjs/components/prism-yaml.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-yaml'>;
+}
+declare module 'prismjs/components/prism-yaml.min.js' {
+  declare module.exports: $Exports<'prismjs/components/prism-yaml.min'>;
+}
+declare module 'prismjs/examples.js' {
+  declare module.exports: $Exports<'prismjs/examples'>;
+}
+declare module 'prismjs/gulpfile.js' {
+  declare module.exports: $Exports<'prismjs/gulpfile'>;
+}
+declare module 'prismjs/plugins/autolinker/prism-autolinker.js' {
+  declare module.exports: $Exports<'prismjs/plugins/autolinker/prism-autolinker'>;
+}
+declare module 'prismjs/plugins/autolinker/prism-autolinker.min.js' {
+  declare module.exports: $Exports<'prismjs/plugins/autolinker/prism-autolinker.min'>;
+}
+declare module 'prismjs/plugins/autoloader/prism-autoloader.js' {
+  declare module.exports: $Exports<'prismjs/plugins/autoloader/prism-autoloader'>;
+}
+declare module 'prismjs/plugins/autoloader/prism-autoloader.min.js' {
+  declare module.exports: $Exports<'prismjs/plugins/autoloader/prism-autoloader.min'>;
+}
+declare module 'prismjs/plugins/command-line/prism-command-line.js' {
+  declare module.exports: $Exports<'prismjs/plugins/command-line/prism-command-line'>;
+}
+declare module 'prismjs/plugins/command-line/prism-command-line.min.js' {
+  declare module.exports: $Exports<'prismjs/plugins/command-line/prism-command-line.min'>;
+}
+declare module 'prismjs/plugins/copy-to-clipboard/prism-copy-to-clipboard.js' {
+  declare module.exports: $Exports<'prismjs/plugins/copy-to-clipboard/prism-copy-to-clipboard'>;
+}
+declare module 'prismjs/plugins/copy-to-clipboard/prism-copy-to-clipboard.min.js' {
+  declare module.exports: $Exports<'prismjs/plugins/copy-to-clipboard/prism-copy-to-clipboard.min'>;
+}
+declare module 'prismjs/plugins/custom-class/prism-custom-class.js' {
+  declare module.exports: $Exports<'prismjs/plugins/custom-class/prism-custom-class'>;
+}
+declare module 'prismjs/plugins/custom-class/prism-custom-class.min.js' {
+  declare module.exports: $Exports<'prismjs/plugins/custom-class/prism-custom-class.min'>;
+}
+declare module 'prismjs/plugins/data-uri-highlight/prism-data-uri-highlight.js' {
+  declare module.exports: $Exports<'prismjs/plugins/data-uri-highlight/prism-data-uri-highlight'>;
+}
+declare module 'prismjs/plugins/data-uri-highlight/prism-data-uri-highlight.min.js' {
+  declare module.exports: $Exports<'prismjs/plugins/data-uri-highlight/prism-data-uri-highlight.min'>;
+}
+declare module 'prismjs/plugins/file-highlight/prism-file-highlight.js' {
+  declare module.exports: $Exports<'prismjs/plugins/file-highlight/prism-file-highlight'>;
+}
+declare module 'prismjs/plugins/file-highlight/prism-file-highlight.min.js' {
+  declare module.exports: $Exports<'prismjs/plugins/file-highlight/prism-file-highlight.min'>;
+}
+declare module 'prismjs/plugins/highlight-keywords/prism-highlight-keywords.js' {
+  declare module.exports: $Exports<'prismjs/plugins/highlight-keywords/prism-highlight-keywords'>;
+}
+declare module 'prismjs/plugins/highlight-keywords/prism-highlight-keywords.min.js' {
+  declare module.exports: $Exports<'prismjs/plugins/highlight-keywords/prism-highlight-keywords.min'>;
+}
+declare module 'prismjs/plugins/jsonp-highlight/prism-jsonp-highlight.js' {
+  declare module.exports: $Exports<'prismjs/plugins/jsonp-highlight/prism-jsonp-highlight'>;
+}
+declare module 'prismjs/plugins/jsonp-highlight/prism-jsonp-highlight.min.js' {
+  declare module.exports: $Exports<'prismjs/plugins/jsonp-highlight/prism-jsonp-highlight.min'>;
+}
+declare module 'prismjs/plugins/keep-markup/prism-keep-markup.js' {
+  declare module.exports: $Exports<'prismjs/plugins/keep-markup/prism-keep-markup'>;
+}
+declare module 'prismjs/plugins/keep-markup/prism-keep-markup.min.js' {
+  declare module.exports: $Exports<'prismjs/plugins/keep-markup/prism-keep-markup.min'>;
+}
+declare module 'prismjs/plugins/line-highlight/prism-line-highlight.js' {
+  declare module.exports: $Exports<'prismjs/plugins/line-highlight/prism-line-highlight'>;
+}
+declare module 'prismjs/plugins/line-highlight/prism-line-highlight.min.js' {
+  declare module.exports: $Exports<'prismjs/plugins/line-highlight/prism-line-highlight.min'>;
+}
+declare module 'prismjs/plugins/line-numbers/prism-line-numbers.js' {
+  declare module.exports: $Exports<'prismjs/plugins/line-numbers/prism-line-numbers'>;
+}
+declare module 'prismjs/plugins/line-numbers/prism-line-numbers.min.js' {
+  declare module.exports: $Exports<'prismjs/plugins/line-numbers/prism-line-numbers.min'>;
+}
+declare module 'prismjs/plugins/normalize-whitespace/prism-normalize-whitespace.js' {
+  declare module.exports: $Exports<'prismjs/plugins/normalize-whitespace/prism-normalize-whitespace'>;
+}
+declare module 'prismjs/plugins/normalize-whitespace/prism-normalize-whitespace.min.js' {
+  declare module.exports: $Exports<'prismjs/plugins/normalize-whitespace/prism-normalize-whitespace.min'>;
+}
+declare module 'prismjs/plugins/previewer-angle/prism-previewer-angle.js' {
+  declare module.exports: $Exports<'prismjs/plugins/previewer-angle/prism-previewer-angle'>;
+}
+declare module 'prismjs/plugins/previewer-angle/prism-previewer-angle.min.js' {
+  declare module.exports: $Exports<'prismjs/plugins/previewer-angle/prism-previewer-angle.min'>;
+}
+declare module 'prismjs/plugins/previewer-base/prism-previewer-base.js' {
+  declare module.exports: $Exports<'prismjs/plugins/previewer-base/prism-previewer-base'>;
+}
+declare module 'prismjs/plugins/previewer-base/prism-previewer-base.min.js' {
+  declare module.exports: $Exports<'prismjs/plugins/previewer-base/prism-previewer-base.min'>;
+}
+declare module 'prismjs/plugins/previewer-color/prism-previewer-color.js' {
+  declare module.exports: $Exports<'prismjs/plugins/previewer-color/prism-previewer-color'>;
+}
+declare module 'prismjs/plugins/previewer-color/prism-previewer-color.min.js' {
+  declare module.exports: $Exports<'prismjs/plugins/previewer-color/prism-previewer-color.min'>;
+}
+declare module 'prismjs/plugins/previewer-easing/prism-previewer-easing.js' {
+  declare module.exports: $Exports<'prismjs/plugins/previewer-easing/prism-previewer-easing'>;
+}
+declare module 'prismjs/plugins/previewer-easing/prism-previewer-easing.min.js' {
+  declare module.exports: $Exports<'prismjs/plugins/previewer-easing/prism-previewer-easing.min'>;
+}
+declare module 'prismjs/plugins/previewer-gradient/prism-previewer-gradient.js' {
+  declare module.exports: $Exports<'prismjs/plugins/previewer-gradient/prism-previewer-gradient'>;
+}
+declare module 'prismjs/plugins/previewer-gradient/prism-previewer-gradient.min.js' {
+  declare module.exports: $Exports<'prismjs/plugins/previewer-gradient/prism-previewer-gradient.min'>;
+}
+declare module 'prismjs/plugins/previewer-time/prism-previewer-time.js' {
+  declare module.exports: $Exports<'prismjs/plugins/previewer-time/prism-previewer-time'>;
+}
+declare module 'prismjs/plugins/previewer-time/prism-previewer-time.min.js' {
+  declare module.exports: $Exports<'prismjs/plugins/previewer-time/prism-previewer-time.min'>;
+}
+declare module 'prismjs/plugins/remove-initial-line-feed/prism-remove-initial-line-feed.js' {
+  declare module.exports: $Exports<'prismjs/plugins/remove-initial-line-feed/prism-remove-initial-line-feed'>;
+}
+declare module 'prismjs/plugins/remove-initial-line-feed/prism-remove-initial-line-feed.min.js' {
+  declare module.exports: $Exports<'prismjs/plugins/remove-initial-line-feed/prism-remove-initial-line-feed.min'>;
+}
+declare module 'prismjs/plugins/show-invisibles/prism-show-invisibles.js' {
+  declare module.exports: $Exports<'prismjs/plugins/show-invisibles/prism-show-invisibles'>;
+}
+declare module 'prismjs/plugins/show-invisibles/prism-show-invisibles.min.js' {
+  declare module.exports: $Exports<'prismjs/plugins/show-invisibles/prism-show-invisibles.min'>;
+}
+declare module 'prismjs/plugins/show-language/prism-show-language.js' {
+  declare module.exports: $Exports<'prismjs/plugins/show-language/prism-show-language'>;
+}
+declare module 'prismjs/plugins/show-language/prism-show-language.min.js' {
+  declare module.exports: $Exports<'prismjs/plugins/show-language/prism-show-language.min'>;
+}
+declare module 'prismjs/plugins/toolbar/prism-toolbar.js' {
+  declare module.exports: $Exports<'prismjs/plugins/toolbar/prism-toolbar'>;
+}
+declare module 'prismjs/plugins/toolbar/prism-toolbar.min.js' {
+  declare module.exports: $Exports<'prismjs/plugins/toolbar/prism-toolbar.min'>;
+}
+declare module 'prismjs/plugins/unescaped-markup/prism-unescaped-markup.js' {
+  declare module.exports: $Exports<'prismjs/plugins/unescaped-markup/prism-unescaped-markup'>;
+}
+declare module 'prismjs/plugins/unescaped-markup/prism-unescaped-markup.min.js' {
+  declare module.exports: $Exports<'prismjs/plugins/unescaped-markup/prism-unescaped-markup.min'>;
+}
+declare module 'prismjs/plugins/wpd/prism-wpd.js' {
+  declare module.exports: $Exports<'prismjs/plugins/wpd/prism-wpd'>;
+}
+declare module 'prismjs/plugins/wpd/prism-wpd.min.js' {
+  declare module.exports: $Exports<'prismjs/plugins/wpd/prism-wpd.min'>;
+}
+declare module 'prismjs/prism.js' {
+  declare module.exports: $Exports<'prismjs/prism'>;
+}
+declare module 'prismjs/tests/helper/components.js' {
+  declare module.exports: $Exports<'prismjs/tests/helper/components'>;
+}
+declare module 'prismjs/tests/helper/prism-loader.js' {
+  declare module.exports: $Exports<'prismjs/tests/helper/prism-loader'>;
+}
+declare module 'prismjs/tests/helper/test-case.js' {
+  declare module.exports: $Exports<'prismjs/tests/helper/test-case'>;
+}
+declare module 'prismjs/tests/helper/test-discovery.js' {
+  declare module.exports: $Exports<'prismjs/tests/helper/test-discovery'>;
+}
+declare module 'prismjs/tests/helper/token-stream-transformer.js' {
+  declare module.exports: $Exports<'prismjs/tests/helper/token-stream-transformer'>;
+}
+declare module 'prismjs/tests/languages/asciidoc/entity_feature.js' {
+  declare module.exports: $Exports<'prismjs/tests/languages/asciidoc/entity_feature'>;
+}
+declare module 'prismjs/tests/languages/groovy/issue1049.js' {
+  declare module.exports: $Exports<'prismjs/tests/languages/groovy/issue1049'>;
+}
+declare module 'prismjs/tests/languages/groovy/string-interpolation_feature.js' {
+  declare module.exports: $Exports<'prismjs/tests/languages/groovy/string-interpolation_feature'>;
+}
+declare module 'prismjs/tests/languages/handlebars/handlebars_in_markup_feature.js' {
+  declare module.exports: $Exports<'prismjs/tests/languages/handlebars/handlebars_in_markup_feature'>;
+}
+declare module 'prismjs/tests/languages/markup/entity_feature.js' {
+  declare module.exports: $Exports<'prismjs/tests/languages/markup/entity_feature'>;
+}
+declare module 'prismjs/tests/languages/markup+php/php_in_markup_feature.js' {
+  declare module.exports: $Exports<'prismjs/tests/languages/markup+php/php_in_markup_feature'>;
+}
+declare module 'prismjs/tests/languages/smarty/smarty_in_markup_feature.js' {
+  declare module.exports: $Exports<'prismjs/tests/languages/smarty/smarty_in_markup_feature'>;
+}
+declare module 'prismjs/tests/run-child.js' {
+  declare module.exports: $Exports<'prismjs/tests/run-child'>;
+}
+declare module 'prismjs/tests/run.js' {
+  declare module.exports: $Exports<'prismjs/tests/run'>;
+}
+declare module 'prismjs/tests/testrunner-tests.js' {
+  declare module.exports: $Exports<'prismjs/tests/testrunner-tests'>;
+}
+declare module 'prismjs/vendor/FileSaver.min.js' {
+  declare module.exports: $Exports<'prismjs/vendor/FileSaver.min'>;
+}
+declare module 'prismjs/vendor/jszip.min.js' {
+  declare module.exports: $Exports<'prismjs/vendor/jszip.min'>;
+}
+declare module 'prismjs/vendor/promise.js' {
+  declare module.exports: $Exports<'prismjs/vendor/promise'>;
+}
diff --git a/flow-typed/npm/redraft_vx.x.x.js b/flow-typed/npm/redraft_vx.x.x.js
new file mode 100644
index 0000000000..482c372b68
--- /dev/null
+++ b/flow-typed/npm/redraft_vx.x.x.js
@@ -0,0 +1,123 @@
+// flow-typed signature: d11d41223a90775d23a96362be51c936
+// flow-typed version: <<STUB>>/redraft_v^0.8.0/flow_v0.55.0
+
+/**
+ * This is an autogenerated libdef stub for:
+ *
+ *   'redraft'
+ *
+ * Fill this stub out by replacing all the `any` types.
+ *
+ * Once filled out, we encourage you to share your work with the
+ * community by sending a pull request to:
+ * https://github.com/flowtype/flow-typed
+ */
+
+declare module 'redraft' {
+  declare module.exports: any;
+}
+
+/**
+ * We include stubs for each file inside this npm package in case you need to
+ * require those files directly. Feel free to delete any files that aren't
+ * needed.
+ */
+declare module 'redraft/lib/ContentNode' {
+  declare module.exports: any;
+}
+
+declare module 'redraft/lib/createStyleRenderer' {
+  declare module.exports: any;
+}
+
+declare module 'redraft/lib/defaultOptions' {
+  declare module.exports: any;
+}
+
+declare module 'redraft/lib/helpers/arrayEqual' {
+  declare module.exports: any;
+}
+
+declare module 'redraft/lib/helpers/checkCleanup' {
+  declare module.exports: any;
+}
+
+declare module 'redraft/lib/helpers/checkJoin' {
+  declare module.exports: any;
+}
+
+declare module 'redraft/lib/helpers/getKeyGenerator' {
+  declare module.exports: any;
+}
+
+declare module 'redraft/lib/helpers/pushString' {
+  declare module.exports: any;
+}
+
+declare module 'redraft/lib/helpers/stubContentBlock' {
+  declare module.exports: any;
+}
+
+declare module 'redraft/lib/helpers/warn' {
+  declare module.exports: any;
+}
+
+declare module 'redraft/lib/index' {
+  declare module.exports: any;
+}
+
+declare module 'redraft/lib/RawParser' {
+  declare module.exports: any;
+}
+
+declare module 'redraft/lib/render' {
+  declare module.exports: any;
+}
+
+declare module 'redraft/lib/withDecorators' {
+  declare module.exports: any;
+}
+
+// Filename aliases
+declare module 'redraft/lib/ContentNode.js' {
+  declare module.exports: $Exports<'redraft/lib/ContentNode'>;
+}
+declare module 'redraft/lib/createStyleRenderer.js' {
+  declare module.exports: $Exports<'redraft/lib/createStyleRenderer'>;
+}
+declare module 'redraft/lib/defaultOptions.js' {
+  declare module.exports: $Exports<'redraft/lib/defaultOptions'>;
+}
+declare module 'redraft/lib/helpers/arrayEqual.js' {
+  declare module.exports: $Exports<'redraft/lib/helpers/arrayEqual'>;
+}
+declare module 'redraft/lib/helpers/checkCleanup.js' {
+  declare module.exports: $Exports<'redraft/lib/helpers/checkCleanup'>;
+}
+declare module 'redraft/lib/helpers/checkJoin.js' {
+  declare module.exports: $Exports<'redraft/lib/helpers/checkJoin'>;
+}
+declare module 'redraft/lib/helpers/getKeyGenerator.js' {
+  declare module.exports: $Exports<'redraft/lib/helpers/getKeyGenerator'>;
+}
+declare module 'redraft/lib/helpers/pushString.js' {
+  declare module.exports: $Exports<'redraft/lib/helpers/pushString'>;
+}
+declare module 'redraft/lib/helpers/stubContentBlock.js' {
+  declare module.exports: $Exports<'redraft/lib/helpers/stubContentBlock'>;
+}
+declare module 'redraft/lib/helpers/warn.js' {
+  declare module.exports: $Exports<'redraft/lib/helpers/warn'>;
+}
+declare module 'redraft/lib/index.js' {
+  declare module.exports: $Exports<'redraft/lib/index'>;
+}
+declare module 'redraft/lib/RawParser.js' {
+  declare module.exports: $Exports<'redraft/lib/RawParser'>;
+}
+declare module 'redraft/lib/render.js' {
+  declare module.exports: $Exports<'redraft/lib/render'>;
+}
+declare module 'redraft/lib/withDecorators.js' {
+  declare module.exports: $Exports<'redraft/lib/withDecorators'>;
+}
diff --git a/flow-typed/npm/sw-precache-webpack-plugin_vx.x.x.js b/flow-typed/npm/sw-precache-webpack-plugin_vx.x.x.js
new file mode 100644
index 0000000000..3f33b353fb
--- /dev/null
+++ b/flow-typed/npm/sw-precache-webpack-plugin_vx.x.x.js
@@ -0,0 +1,32 @@
+// flow-typed signature: 826072f240804002f9454a5f268a6857
+// flow-typed version: <<STUB>>/sw-precache-webpack-plugin_v^0.11.4/flow_v0.55.0
+
+/**
+ * This is an autogenerated libdef stub for:
+ *
+ *   'sw-precache-webpack-plugin'
+ *
+ * Fill this stub out by replacing all the `any` types.
+ *
+ * Once filled out, we encourage you to share your work with the
+ * community by sending a pull request to:
+ * https://github.com/flowtype/flow-typed
+ */
+
+declare module 'sw-precache-webpack-plugin' {
+  declare module.exports: any;
+}
+
+/**
+ * We include stubs for each file inside this npm package in case you need to
+ * require those files directly. Feel free to delete any files that aren't
+ * needed.
+ */
+declare module 'sw-precache-webpack-plugin/lib/index' {
+  declare module.exports: any;
+}
+
+// Filename aliases
+declare module 'sw-precache-webpack-plugin/lib/index.js' {
+  declare module.exports: $Exports<'sw-precache-webpack-plugin/lib/index'>;
+}
diff --git a/iris/migrations/20170928143435-slate-to-draftjs.js.js b/iris/migrations/20170928143435-slate-to-draftjs.js.js
new file mode 100644
index 0000000000..66060e3b46
--- /dev/null
+++ b/iris/migrations/20170928143435-slate-to-draftjs.js.js
@@ -0,0 +1,110 @@
+'use strict';
+const compose = require('redux/lib/compose').default;
+const { convertToRaw, genKey } = require('draft-js');
+const { stateFromMarkdown } = require('draft-js-import-markdown');
+const isHtml = require('is-html');
+const cheerio = require('cheerio');
+const { toPlainText, toState } = require('../../shared/slate-utils');
+
+const convertEmbeds = state => {
+  const entityMap = state.entityMap || {};
+  const blocks = state.blocks.map(block => {
+    if (block.type !== 'unstyled') return block;
+    if (!isHtml(block.text)) return block;
+
+    const $ = cheerio.load(block.text);
+    const iframe = $('iframe')[0];
+
+    if (!iframe) return block;
+
+    const src = $(iframe).attr('src');
+    const height = $(iframe).attr('height');
+    const width = $(iframe).attr('width');
+
+    if (!src) return block;
+
+    const keys = Object.keys(entityMap).map(key => parseInt(key, 10));
+    const lastKey = keys.sort()[keys.length - 1];
+    const newKey = lastKey === undefined ? 0 : lastKey + 1;
+
+    entityMap[newKey] = {
+      data: { src, height, width },
+      mutability: 'IMMUTABLE',
+      type: 'embed',
+    };
+
+    return {
+      data: {},
+      depth: 0,
+      entityRanges: [
+        {
+          key: newKey,
+          offset: 0,
+          length: 1,
+        },
+      ],
+      inlineStyleRanges: [],
+      key: genKey(),
+      text: ' ',
+      type: 'atomic',
+    };
+  });
+
+  return {
+    ...state,
+    entityMap,
+    blocks,
+  };
+};
+
+const plainToDraft = compose(
+  JSON.stringify,
+  convertEmbeds,
+  convertToRaw,
+  stateFromMarkdown
+);
+
+const slateToDraft = compose(plainToDraft, toPlainText, toState, JSON.parse);
+
+exports.up = function(r, conn) {
+  return (
+    r
+      .table('threads')
+      .filter(thread =>
+        r.not(thread.hasFields('type')).or(thread('type').ne('DRAFTJS'))
+      )
+      .run(conn)
+      .then(cursor => cursor.toArray())
+      // Transform slate state to draftjs state
+      .then(threads =>
+        threads.map(thread =>
+          Object.assign({}, thread, {
+            type: 'DRAFTJS',
+            content: Object.assign({}, thread.content, {
+              body:
+                thread.type === 'SLATE'
+                  ? slateToDraft(thread.content.body)
+                  : plainToDraft(thread.content.body),
+            }),
+          })
+        )
+      )
+      // Store the transformed threads
+      .then(threads =>
+        Promise.all(
+          threads.map(thread =>
+            r
+              .table('threads')
+              .get(thread.id)
+              .update(thread)
+              .run(conn)
+          )
+        )
+      )
+  );
+};
+
+exports.down = function(r, conn) {
+  // Not spending any time undoing this
+  return Promise.resolve();
+};
diff --git a/iris/migrations/seed/index.js b/iris/migrations/seed/index.js
index 861b2ece48..2dfbcd4231 100644
--- a/iris/migrations/seed/index.js
+++ b/iris/migrations/seed/index.js
@@ -173,19 +173,58 @@ console.log(
     direct_messages.length} messages, ${reactions.length} reactions, ${directMessageThreads.length} direct message threads, ${usersCommunities.length} usersCommunities objects, ${usersChannels.length} usersChannels objects, and ${usersDirectMessageThreads.length} usersDirectMessageThreads objects into the database... (this might take a while!)`
 );
 Promise.all([
-  db.table('communities').insert(communities).run(),
-  db.table('channels').insert(channels).run(),
-  db.table('threads').insert(threads).run(),
-  db.table('messages').insert(messages).run(),
-  db.table('users').insert(users).run(),
-  db.table('usersSettings').insert(usersSettings).run(),
-  db.table('reactions').insert(reactions).run(),
-  db.table('directMessageThreads').insert(directMessageThreads).run(),
-  db.table('messages').insert(direct_messages).run(),
-  db.table('usersCommunities').insert(usersCommunities).run(),
-  db.table('usersChannels').insert(usersChannels).run(),
-  db.table('usersDirectMessageThreads').insert(usersDirectMessageThreads).run(),
-  db.table('usersThreads').insert(usersThreads).run(),
+  db
+    .table('communities')
+    .insert(communities)
+    .run(),
+  db
+    .table('channels')
+    .insert(channels)
+    .run(),
+  db
+    .table('threads')
+    .insert(threads)
+    .run(),
+  db
+    .table('messages')
+    .insert(messages)
+    .run(),
+  db
+    .table('users')
+    .insert(users)
+    .run(),
+  db
+    .table('usersSettings')
+    .insert(usersSettings)
+    .run(),
+  db
+    .table('reactions')
+    .insert(reactions)
+    .run(),
+  db
+    .table('directMessageThreads')
+    .insert(directMessageThreads)
+    .run(),
+  db
+    .table('messages')
+    .insert(direct_messages)
+    .run(),
+  db
+    .table('usersCommunities')
+    .insert(usersCommunities)
+    .run(),
+  db
+    .table('usersChannels')
+    .insert(usersChannels)
+    .run(),
+  db
+    .table('usersDirectMessageThreads')
+    .insert(usersDirectMessageThreads)
+    .run(),
+  db
+    .table('usersThreads')
+    .insert(usersThreads)
+    .run(),
 ])
   .then(() => {
     console.log('Finished seeding database! 🎉');
diff --git a/iris/mutations/message.js b/iris/mutations/message.js
index 1000af2cc8..03db203f4c 100644
--- a/iris/mutations/message.js
+++ b/iris/mutations/message.js
@@ -33,7 +33,7 @@ module.exports = {
       }
 
       // all checks passed
-      if (message.messageType === 'text') {
+      if (message.messageType === 'text' || message.messageType === 'draftjs') {
         // send a normal text message
         return storeMessage(message, currentUser.id);
       } else if (message.messageType === 'media') {
diff --git a/iris/mutations/thread.js b/iris/mutations/thread.js
index b5f4649e76..3b121de841 100644
--- a/iris/mutations/thread.js
+++ b/iris/mutations/thread.js
@@ -134,33 +134,7 @@ module.exports = {
         })
         .then(([newThread, urls]) => {
           // if no files were uploaded, return the new thread object
-          if (!urls) return newThread;
-
-          // otherwise we need to update the slate object of the thread to replace the image nodes with markdown image text
-          const slateState = JSON.parse(newThread.content.body);
-          let fileIndex = 0;
-          const newSlateState = {
-            ...slateState,
-            nodes: slateState.nodes.map(node => {
-              if (node.type !== 'image') return node;
-              fileIndex++;
-              return {
-                kind: 'block',
-                type: 'paragraph',
-                nodes: [
-                  {
-                    kind: 'text',
-                    text: `![](${urls[fileIndex - 1]}?max-w=800)`,
-                  },
-                ],
-              };
-            }),
-          };
-
-          return updateThreadWithImages(
-            newThread.id,
-            JSON.stringify(newSlateState)
-          );
+          return newThread;
         });
     },
     editThread: (_, { input }, { user }) => {
@@ -226,33 +200,7 @@ module.exports = {
           ]);
         })
         .then(([editedThread, urls]) => {
-          if (!urls) return editedThread;
-
-          // update the slate body with markdown images instead of image nodes
-          const slateState = JSON.parse(editedThread.content.body);
-          let fileIndex = 0;
-          const newSlateState = {
-            ...slateState,
-            nodes: slateState.nodes.map(node => {
-              if (node.type !== 'image') return node;
-              fileIndex++;
-              return {
-                kind: 'block',
-                type: 'paragraph',
-                nodes: [
-                  {
-                    kind: 'text',
-                    text: `![](${urls[fileIndex - 1]})`,
-                  },
-                ],
-              };
-            }),
-          };
-
-          return updateThreadWithImages(
-            editedThread.id,
-            JSON.stringify(newSlateState)
-          );
+          return editedThread;
         });
     },
     deleteThread: (_, { threadId }, { user }) => {
diff --git a/iris/types/Message.js b/iris/types/Message.js
index 3b4aaa1f39..d033087848 100644
--- a/iris/types/Message.js
+++ b/iris/types/Message.js
@@ -3,6 +3,7 @@ const Message = /* GraphQL */ `
 	enum MessageTypes {
 		text
 		media
+		draftjs
 	}
 
 	enum ThreadTypes {
diff --git a/iris/types/Thread.js b/iris/types/Thread.js
index 982f04e2f8..c9fdfcffa9 100644
--- a/iris/types/Thread.js
+++ b/iris/types/Thread.js
@@ -24,6 +24,7 @@ const Thread = /* GraphQL */ `
 
 	enum ThreadType {
 		SLATE
+		DRAFTJS
 	}
 
 	type Attachment {
diff --git a/package.json b/package.json
index eb76bb3d1b..fc2faa049f 100644
--- a/package.json
+++ b/package.json
@@ -5,8 +5,10 @@
   "devDependencies": {
     "babel-cli": "^6.24.1",
     "babel-plugin-transform-class-properties": "^6.24.1",
+    "cheerio": "^1.0.0-rc.2",
     "cross-env": "^5.0.5",
     "flow-bin": "^0.55.0",
+    "is-html": "^1.1.0",
     "lint-staged": "^3.3.0",
     "micromatch": "^3.0.4",
     "newrelic": "^2.2.0",
@@ -15,6 +17,7 @@
     "raw-loader": "^0.5.1",
     "react-scripts": "^1.0.0",
     "rimraf": "^2.6.1",
+    "sw-precache-webpack-plugin": "^0.11.4",
     "uuid": "^3.0.1",
     "write-file-webpack-plugin": "^4.1.0"
   },
@@ -36,6 +39,17 @@
     "cors": "^2.8.3",
     "dataloader": "^1.3.0",
     "debug": "^2.6.8",
+    "draft-js": "^0.10.2",
+    "draft-js-drag-n-drop-plugin": "2.0.0-rc2",
+    "draft-js-embed-plugin": "^1.2.0",
+    "draft-js-focus-plugin": "2.0.0-rc2",
+    "draft-js-image-plugin": "2.0.0-rc8",
+    "draft-js-import-markdown": "^1.2.0",
+    "draft-js-markdown-plugin": "^1.0.0",
+    "draft-js-plugins-editor": "2.0.0-rc2",
+    "draft-js-prism-plugin": "0.1.1",
+    "draft-js-single-line-plugin": "^2.0.1",
+    "draftjs-to-markdown": "^0.4.2",
     "emoji-regex": "^6.1.1",
     "express": "^4.15.2",
     "express-session": "^1.15.2",
@@ -69,6 +83,7 @@
     "passport-twitter": "^1.0.4",
     "postmark": "^1.4.1",
     "pre-commit": "^1.2.2",
+    "prismjs": "^1.8.1",
     "query-string": "^5.0.0",
     "raven": "^2.0.2",
     "raven-js": "^3.14.0",
@@ -89,6 +104,7 @@
     "react-transition-group": "^2.2.0",
     "react-trend": "^1.2.4",
     "recompose": "^0.23.1",
+    "redraft": "^0.8.0",
     "redux": "^3.6.0",
     "redux-thunk": "^2.2.0",
     "rethinkdb-migrate": "^1.1.0",
@@ -147,7 +163,10 @@
     "lint:staged": "lint-staged"
   },
   "lint-staged": {
-    "*.js": ["prettier --write --single-quote --trailing-comma es5", "git add"]
+    "*.js": [
+      "prettier --write --single-quote --trailing-comma es5",
+      "git add"
+    ]
   },
   "pre-commit": "lint:staged"
 }
diff --git a/public/reset.css b/public/reset.css
index 463d6a2d3d..1937b4afc7 100644
--- a/public/reset.css
+++ b/public/reset.css
@@ -1,13 +1,3 @@
-html,
-body {
-  height: 100%;
-  width: 100%;
-  box-sizing: border-box;
-  background: #f5f8fc;
-  overflow-y: scroll;
-  -webkit-overflow-scrolling: touch;
-}
-
 * {
   border: 0;
   box-sizing: inherit;
@@ -22,6 +12,33 @@ body {
   -moz-appearance: none;
 }
 
+html {
+  display: flex;
+  height: 100%;
+  width: 100%;
+  max-height: 100%;
+  max-width: 100%;
+  box-sizing: border-box;
+  font-size: 16px;
+  line-height: 1.5;
+  background-color: #ffffff;
+  color: #16171A;
+  padding: 0;
+  margin: 0;
+  -webkit-font-smoothing: antialiased;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial,
+    sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
+
+body {
+  display: flex;
+  box-sizing: border-box;
+  flex: auto;
+  align-self: stretch;
+  max-width: 100%;
+  max-height: 100%;
+}
+
 a {
   color: currentColor;
   text-decoration: none;
@@ -35,7 +52,8 @@ textarea {
   resize: none;
 }
 
-::-moz-selection { /* Code for Firefox */
+::-moz-selection {
+  /* Code for Firefox */
   background: #3818e5;
   color: #ffffff;
 }
@@ -45,22 +63,6 @@ textarea {
   color: #ffffff;
 }
 
-body {
-  position: relative;
-  height: 100%;
-  max-height: 100%;
-  width: 100vw;
-  -webkit-font-smoothing: antialiased;
-  font-size: 16px;
-  line-height: 24px;
-  background: #fff;
-  color: #16171A;
-  padding: 0;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  overflow-x: hidden;
-  -webkit-overflow-scrolling: touch;
-}
-
 ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
     color:    #A3AFBF;
 }
@@ -76,10 +78,6 @@ body {
    color:    #A3AFBF;
 }
 
-::-webkit-scrollbar {
-  display: none;
-}
-
 #root {
   display: flex;
   display: -webkit-box;
@@ -130,7 +128,7 @@ body {
 .markdown img:hover {
   cursor: pointer;
   transition: all 0.2s;
-  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
 }
 
 .markdown em {
@@ -245,7 +243,7 @@ body {
 .markdown hr {
   width: 100%;
   height: 1px;
-  background: #DFE7EF;
+  background: #dfe7ef;
   display: block;
   margin: 32px 0;
 }
@@ -253,7 +251,7 @@ body {
 .markdown h1 {
   font-size: 24px;
   line-height: 40px;
-  border-bottom: 1px solid #DFE7EF;
+  border-bottom: 1px solid #dfe7ef;
   font-weight: 800;
   margin-top: 1rem;
   margin-bottom: 8px;
@@ -304,3 +302,70 @@ body {
   text-transform: lowercase;
   font-variant: small-caps;
 }
+
+.hljs {
+  display: block;
+  background: white;
+  padding: 0.5em;
+  color: #333333;
+  overflow-x: auto;
+}
+
+.hljs-comment,
+.hljs-meta {
+  color: #969896;
+}
+
+.hljs-string,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-strong,
+.hljs-emphasis,
+.hljs-quote {
+  color: #df5000;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-type {
+  color: #a71d5d;
+}
+
+.hljs-literal,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-attribute {
+  color: #0086b3;
+}
+
+.hljs-section,
+.hljs-name {
+  color: #63a35c;
+}
+
+.hljs-tag {
+  color: #333333;
+}
+
+.hljs-title,
+.hljs-attr,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #795da3;
+}
+
+.hljs-addition {
+  color: #55a532;
+  background-color: #eaffea;
+}
+
+.hljs-deletion {
+  color: #bd2c00;
+  background-color: #ffecec;
+}
+
+.hljs-link {
+  text-decoration: underline;
+}
diff --git a/shared/bull/create-worker.js b/shared/bull/create-worker.js
index 02db1354b6..565ed6e345 100644
--- a/shared/bull/create-worker.js
+++ b/shared/bull/create-worker.js
@@ -13,7 +13,7 @@ type QueueMap = {
 // e.g. [{ completed: 6 }, { completed: 2 }] => 8
 const sumArr = (
   input /*: Array<Object> */,
-  prop /*: string */ /*: number */
+  prop /*: number */ /*: string */
 ) => {
   return input.reduce((sum, item) => sum + item[prop], 0);
 };
diff --git a/shared/draft-utils.js b/shared/draft-utils.js
new file mode 100644
index 0000000000..2198d881ae
--- /dev/null
+++ b/shared/draft-utils.js
@@ -0,0 +1,65 @@
+// @flow
+/**
+ * This file is shared between server and client.
+ * ⚠️ DON'T PUT ANY NODE.JS OR BROWSER-SPECIFIC CODE IN HERE ⚠️
+ *
+ * Note: This uses Flow comment syntax so this whole file is actually valid JS without any transpilation
+ * The reason I did that is because create-react-app doesn't transpile files outside the source folder,
+ * so it chokes on the Flow syntax.
+ * More info: https://flow.org/en/docs/types/comments/
+ */
+//$FlowIssue
+var EditorState = require('draft-js/lib/EditorState');
+//$FlowIssue
+var ContentState = require('draft-js/lib/ContentState');
+//$FlowIssue
+var convertFromRaw = require('draft-js/lib/convertFromRawToDraftState');
+//$FlowIssue
+var convertToRaw = require('draft-js/lib/convertFromDraftStateToRaw');
+
+var toPlainText = function toPlainText(
+  editorState /*: typeof EditorState */
+) /*: string */ {
+  return editorState.getCurrentContent().getPlainText();
+};
+
+// This is necessary for SSR, if you create an empty editor on the server and on the client they have to
+// have matching keys, so just doing fromPlainText('') breaks checksum matching because the key
+// of the block is randomly generated twice and thusly does't match
+var emptyContentState = convertFromRaw({
+  entityMap: {},
+  blocks: [
+    {
+      text: '',
+      key: 'foo',
+      type: 'unstyled',
+      entityRanges: [],
+    },
+  ],
+});
+
+var fromPlainText = function fromPlainText(
+  text /*: string */
+) /*: typeof EditorState */ {
+  if (!text || text === '')
+    return EditorState.createWithContent(emptyContentState);
+  return EditorState.createWithContent(ContentState.createFromText(text));
+};
+
+var toJSON = function toJSON(
+  editorState /*: typeof EditorState */
+) /*: Object */ {
+  return convertToRaw(editorState.getCurrentContent());
+};
+
+var toState = function toState(json /*: Object */) /*: typeof EditorState */ {
+  return EditorState.createWithContent(convertFromRaw(json));
+};
+
+module.exports = {
+  toJSON: toJSON,
+  toState: toState,
+  toPlainText: toPlainText,
+  fromPlainText: fromPlainText,
+  emptyContentState: emptyContentState,
+};
diff --git a/shared/generate-meta-info.js b/shared/generate-meta-info.js
index 8b4d41872d..db89533c50 100644
--- a/shared/generate-meta-info.js
+++ b/shared/generate-meta-info.js
@@ -7,7 +7,7 @@
  * so it chokes on the Flow syntax.
  * More info: https://flow.org/en/docs/types/comments/
  */
-var slate = require('./slate-utils');
+var draft = require('./draft-utils');
 var truncate = require('./truncate');
 var striptags = require('striptags');
 
@@ -100,9 +100,7 @@ function generateMetaInfo(input /*: Input */) /*: Meta */ {
         description:
           data &&
           data.body &&
-          (data.type === 'SLATE'
-            ? slate.toPlainText(slate.toState(JSON.parse(data.body)))
-            : data.body),
+          draft.toPlainText(draft.toState(JSON.parse(data.body))),
       });
     }
     case 'user': {
diff --git a/src/components/avatar/index.js b/src/components/avatar/index.js
index 93dc34d72f..8fc54bf417 100644
--- a/src/components/avatar/index.js
+++ b/src/components/avatar/index.js
@@ -87,11 +87,9 @@ const AvatarWithFallback = ({ style, ...props }) => (
       <StyledAvatarFallback
         {...props}
         src={
-          props.community ? (
-            `/img/default_community.svg`
-          ) : (
-            `/img/default_avatar.svg`
-          )
+          props.community
+            ? `/img/default_community.svg`
+            : `/img/default_avatar.svg`
         }
       />
     </StyledAvatar>
diff --git a/src/components/bubbles/index.js b/src/components/bubbles/index.js
index d402b67649..e330e27817 100644
--- a/src/components/bubbles/index.js
+++ b/src/components/bubbles/index.js
@@ -31,8 +31,8 @@ export const Bubble = (props: BubbleProps) => {
 };
 
 export const EmojiBubble = (props: BubbleProps) => {
-  const { me, message } = props;
-  return <Emoji me={me}>{message.body}</Emoji>;
+  const { me } = props;
+  return <Emoji me={me}>{props.children || props.message.body}</Emoji>;
 };
 
 export const ImgBubble = (props: Object) => {
diff --git a/src/components/bubbles/style.js b/src/components/bubbles/style.js
index 35cb7076dc..00a6d883a4 100644
--- a/src/components/bubbles/style.js
+++ b/src/components/bubbles/style.js
@@ -91,7 +91,7 @@ export const ImageBubble = styled.img`
   align-self: ${props => (props.me ? `flex-end;` : `flex-start;`)};
   opacity: ${props => (props.pending ? 0.5 : 1)};
   transition: opacity 0.2s ease-out;
-  border: 1px solid #f6f7f8;
+  border: 1px solid ${props => props.theme.bg.wash};
   margin-top: ${props => (props.hashed ? '4px' : '0')};
   margin-bottom: ${props => (props.hashed ? '4px' : '0')};
   box-shadow: ${props =>
diff --git a/src/components/buttons/index.js b/src/components/buttons/index.js
index c66682e79f..df586bca98 100644
--- a/src/components/buttons/index.js
+++ b/src/components/buttons/index.js
@@ -41,12 +41,14 @@ type IconProps = {
 
 export const Button = (props: ButtonProps) => (
   <StyledSolidButton disabled={props.loading} {...props}>
-    {props.icon ? props.loading ? (
-      <SpinnerContainer>
-        <Spinner color="text.reverse" size="16" />
-      </SpinnerContainer>
-    ) : (
-      <Icon glyph={props.icon} />
+    {props.icon ? (
+      props.loading ? (
+        <SpinnerContainer>
+          <Spinner color="text.reverse" size="16" />
+        </SpinnerContainer>
+      ) : (
+        <Icon glyph={props.icon} />
+      )
     ) : (
       ''
     )}
@@ -59,12 +61,14 @@ export const Button = (props: ButtonProps) => (
 
 export const OutlineButton = (props: ButtonProps) => (
   <StyledOutlineButton {...props}>
-    {props.icon ? props.loading ? (
-      <SpinnerContainer>
-        <Spinner color="brand.alt" size="16" />
-      </SpinnerContainer>
-    ) : (
-      <Icon glyph={props.icon} />
+    {props.icon ? (
+      props.loading ? (
+        <SpinnerContainer>
+          <Spinner color="brand.alt" size="16" />
+        </SpinnerContainer>
+      ) : (
+        <Icon glyph={props.icon} />
+      )
     ) : (
       ''
     )}
@@ -78,12 +82,14 @@ export const OutlineButton = (props: ButtonProps) => (
 // looks like a button, but isn't a button so it won't submit forms
 export const FauxOutlineButton = (props: ButtonProps) => (
   <StyledFauxOutlineButton {...props}>
-    {props.icon ? props.loading ? (
-      <SpinnerContainer>
-        <Spinner color="brand.alt" size="16" />
-      </SpinnerContainer>
-    ) : (
-      <Icon glyph={props.icon} />
+    {props.icon ? (
+      props.loading ? (
+        <SpinnerContainer>
+          <Spinner color="brand.alt" size="16" />
+        </SpinnerContainer>
+      ) : (
+        <Icon glyph={props.icon} />
+      )
     ) : (
       ''
     )}
@@ -96,12 +102,14 @@ export const FauxOutlineButton = (props: ButtonProps) => (
 
 export const TextButton = (props: ButtonProps) => (
   <StyledTextButton {...props}>
-    {props.icon ? props.loading ? (
-      <SpinnerContainer>
-        <Spinner color="text.alt" size="16" />
-      </SpinnerContainer>
-    ) : (
-      <Icon glyph={props.icon} />
+    {props.icon ? (
+      props.loading ? (
+        <SpinnerContainer>
+          <Spinner color="text.alt" size="16" />
+        </SpinnerContainer>
+      ) : (
+        <Icon glyph={props.icon} />
+      )
     ) : (
       ''
     )}
diff --git a/src/components/chatInput/index.js b/src/components/chatInput/index.js
index 34ad3d94ca..7e905f464e 100644
--- a/src/components/chatInput/index.js
+++ b/src/components/chatInput/index.js
@@ -11,7 +11,7 @@ import withHandlers from 'recompose/withHandlers';
 import { connect } from 'react-redux';
 import Icon from '../../components/icons';
 import { track } from '../../helpers/events';
-import { toPlainText, fromPlainText } from '../../components/editor';
+import { toJSON, fromPlainText, toPlainText } from 'shared/draft-utils';
 import { addToastWithTimeout } from '../../actions/toasts';
 import { openModal } from '../../actions/modals';
 import {
@@ -58,7 +58,7 @@ class ChatInputWithMutation extends Component {
   };
 
   submit = e => {
-    e.preventDefault();
+    if (e) e.preventDefault();
 
     const {
       state,
@@ -85,8 +85,8 @@ class ChatInputWithMutation extends Component {
     // in views/directMessages/containers/newThread.js
     if (thread === 'newDirectMessageThread') {
       return createThread({
-        messageBody: toPlainText(state),
-        messageType: 'text',
+        messageBody: JSON.stringify(toJSON(state)),
+        messageType: 'draftjs',
       });
     }
 
@@ -94,10 +94,10 @@ class ChatInputWithMutation extends Component {
     // or direct message thread
     sendMessage({
       threadId: thread,
-      messageType: 'text',
+      messageType: 'draftjs',
       threadType,
       content: {
-        body: toPlainText(state),
+        body: JSON.stringify(toJSON(state)),
       },
     })
       .then(({ data: { addMessage } }) => {
@@ -114,12 +114,6 @@ class ChatInputWithMutation extends Component {
     });
   };
 
-  handleEnter = e => {
-    //=> make the enter key send a message, not create a new line in the next autoexpanding textarea unless shift is pressed.
-    e.preventDefault(); //=> prevent linebreak
-    this.submit(e); //=> send the message instead
-  };
-
   sendMediaMessage = e => {
     let reader = new FileReader();
     const file = e.target.files[0];
@@ -248,7 +242,7 @@ class ChatInputWithMutation extends Component {
             focus={isFocused}
             placeholder="Your message here..."
             state={state}
-            onEnter={this.handleEnter}
+            handleReturn={this.submit}
             onChange={onChange}
             markdown={false}
             onFocus={this.onFocus}
@@ -257,6 +251,7 @@ class ChatInputWithMutation extends Component {
             images={false}
             editorRef={editor => (this.editor = editor)}
             innerRef={input => (this.chatInput = input)}
+            editorKey="chat-input"
           />
           <SendButton glyph="send-fill" onClick={this.submit} />
         </Form>
diff --git a/src/components/chatInput/style.js b/src/components/chatInput/style.js
index 380effb992..e0b1ed8500 100644
--- a/src/components/chatInput/style.js
+++ b/src/components/chatInput/style.js
@@ -1,7 +1,7 @@
 import styled from 'styled-components';
 import { IconButton } from '../buttons';
 import { FlexRow, Transition, zIndex } from '../globals';
-import Editor from '../../components/editor';
+import Editor from '../../components/draftjs-editor';
 
 export const ChatInputWrapper = styled(FlexRow)`
   flex: none;
@@ -43,9 +43,7 @@ export const EditorInput = styled(Editor)`
   max-width: 100%;
   padding: 8px 40px 8px 16px;
   border-radius: 24px;
-  border: 2px solid ${props => props.theme.text.placeholder};
-  border-color: ${props =>
-    props.focus ? props.theme.brand.default : props.theme.text.placeholder};
+  border: 2px solid ${props => props.theme.bg.border};
   transition: border 0.3s ease-out;
   color: ${props => props.theme.text.default};
   overflow-y: scroll;
diff --git a/src/components/chatMessages/index.js b/src/components/chatMessages/index.js
index 959a262174..3327aecf6e 100644
--- a/src/components/chatMessages/index.js
+++ b/src/components/chatMessages/index.js
@@ -4,16 +4,20 @@ import { connect } from 'react-redux';
 // $FlowFixMe
 import { Link } from 'react-router-dom';
 import Icon from '../../components/icons';
+import redraft from 'redraft';
 import { openGallery } from '../../actions/gallery';
 import {
   convertTimestampToDate,
   convertTimestampToTime,
   onlyContainsEmoji,
+  draftOnlyContainsEmoji,
 } from '../../helpers/utils';
 import { NullState } from '../upsell';
 import { Bubble, EmojiBubble, ImgBubble } from '../bubbles';
+import { TextBubble as RawBubble } from '../bubbles/style';
 import Badge from '../badges';
 import Reaction from '../reaction';
+import { toState, toPlainText } from 'shared/draft-utils';
 
 import {
   UserAvatar,
@@ -183,15 +187,15 @@ class ChatMessages extends Component {
                             (which has a typeof number)
                           */}
                           {!emojiOnly &&
-                          typeof message.id === 'string' && (
-                            <Reaction
-                              message={message}
-                              toggleReaction={toggleReaction}
-                              me={me}
-                              currentUser={currentUser}
-                              dispatch={dispatch}
-                            />
-                          )}
+                            typeof message.id === 'string' && (
+                              <Reaction
+                                message={message}
+                                toggleReaction={toggleReaction}
+                                me={me}
+                                currentUser={currentUser}
+                                dispatch={dispatch}
+                              />
+                            )}
                         </MessageWrapper>
                       );
                     } else if (message.messageType === 'media') {
@@ -222,6 +226,42 @@ class ChatMessages extends Component {
                           )}
                         </MessageWrapper>
                       );
+                    } else if (message.messageType === 'draftjs') {
+                      const body = JSON.parse(message.content.body);
+                      const emojiOnly = draftOnlyContainsEmoji(body);
+                      const TextBubble = emojiOnly ? EmojiBubble : RawBubble;
+                      return (
+                        <MessageWrapper
+                          me={me}
+                          key={message.id}
+                          timestamp={convertTimestampToTime(message.timestamp)}
+                        >
+                          <TextBubble
+                            me={me}
+                            persisted={message.persisted}
+                            sender={sender}
+                            type={message.messageType}
+                            pending={message.id < 0}
+                          >
+                            {redraft(body)}
+                          </TextBubble>
+                          {/*
+                            we check if typof equals a string to determine
+                            if the message is coming from the server, or
+                            generated via an optimistic response with apollo
+                            (which has a typeof number)
+                          */}
+                          {typeof message.id === 'string' && (
+                            <Reaction
+                              message={message}
+                              toggleReaction={toggleReaction}
+                              me={me}
+                              currentUser={currentUser}
+                              dispatch={dispatch}
+                            />
+                          )}
+                        </MessageWrapper>
+                      );
                     } else {
                       return <div key={i} />;
                     }
diff --git a/src/components/composer/index.js b/src/components/composer/index.js
new file mode 100644
index 0000000000..b3a8d6d240
--- /dev/null
+++ b/src/components/composer/index.js
@@ -0,0 +1,660 @@
+import React, { Component } from 'react';
+// $FlowFixMe
+import compose from 'recompose/compose';
+// $FlowFixMe
+import pure from 'recompose/pure';
+// $FlowFixMe
+import Textarea from 'react-textarea-autosize';
+// $FlowFixMe
+import { withRouter } from 'react-router';
+// $FlowFixMe
+import { connect } from 'react-redux';
+
+import { track } from '../../helpers/events';
+import { openComposer, closeComposer } from '../../actions/composer';
+import { changeActiveThread } from '../../actions/dashboardFeed';
+import { addToastWithTimeout } from '../../actions/toasts';
+import Editor from '../draftjs-editor';
+import { toPlainText, fromPlainText, toJSON } from 'shared/draft-utils';
+import { getComposerCommunitiesAndChannels } from './queries';
+import { publishThread } from './mutations';
+import { getLinkPreviewFromUrl } from '../../helpers/utils';
+import { URLS } from '../../helpers/regexps';
+import { TextButton, Button } from '../buttons';
+import { FlexRow } from '../../components/globals';
+import { LoadingSelect } from '../loading';
+import Titlebar from '../../views/titlebar';
+import {
+  Container,
+  ThreadDescription,
+  ThreadTitle,
+  ThreadInputs,
+  Actions,
+  Dropdowns,
+  RequiredSelector,
+} from './style';
+
+const ENDS_IN_WHITESPACE = /(\s|\n)$/;
+
+class ComposerWithData extends Component {
+  // prop types
+  state: {
+    title: string,
+    body: Object,
+    availableCommunities: Array<any>,
+    availableChannels: Array<any>,
+    activeCommunity: ?string,
+    activeChannel: ?string,
+    isPublishing: boolean,
+    linkPreview: ?Object,
+    linkPreviewTrueUrl: ?string,
+    linkPreviewLength: number,
+    fetchingLinkPreview: boolean,
+  };
+
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      title: props.title || '',
+      body: props.body || fromPlainText(''),
+      availableCommunities: [],
+      availableChannels: [],
+      activeCommunity: '',
+      activeChannel: '',
+      isPublishing: false,
+      linkPreview: null,
+      linkPreviewTrueUrl: '',
+      linkPreviewLength: 0,
+      fetchingLinkPreview: false,
+    };
+  }
+
+  handleIncomingProps = props => {
+    /*
+      Create a new array of communities only containing the `node` data from
+      graphQL. Then filter the resulting channel to remove any communities
+      that don't have any channels yet
+    */
+
+    // if the user doesn't exist, bust outta here
+    if (!props.data.user || props.data.user === undefined) return;
+    const availableCommunities = props.data.user.communityConnection.edges
+      .map(edge => edge.node)
+      .filter(
+        community =>
+          community.communityPermissions.isMember ||
+          community.communityPermissions.isOwner
+      )
+      .sort((a, b) => {
+        const bc = parseInt(b.communityPermissions.reputation, 10);
+        const ac = parseInt(a.communityPermissions.reputation, 10);
+        return bc <= ac ? -1 : 1;
+      });
+
+    /*
+      Iterate through each of our community nodes to construct a new array
+      of possible channels
+
+      returns an array of array, where each parent array represents a community
+      and each child array represents the channels within that parent
+      community
+    */
+    const availableChannels = props.data.user.channelConnection.edges
+      .map(edge => edge.node)
+      .filter(
+        channel =>
+          channel.channelPermissions.isMember ||
+          channel.channelPermissions.isOwner
+      )
+      .filter(channel => {
+        if (!channel.isPrivate) return channel;
+        if (!channel.community.isPro) return null;
+        return channel;
+      });
+
+    /*
+      If a user is viewing a communit or channel, we use the url as a prop
+      to set a default activeCommunity and activeChannel
+
+      If no defaults are set, we use the first available community, and then
+      find the first available channel within that available community
+    */
+    const activeCommunityFromPropsOrState =
+      props.activeCommunity || this.state.activeCommunity;
+
+    let activeCommunity =
+      availableCommunities &&
+      (activeCommunityFromPropsOrState
+        ? availableCommunities.filter(community => {
+            return (
+              community.slug.toLowerCase() ===
+              activeCommunityFromPropsOrState.toLowerCase()
+            );
+          })
+        : availableCommunities);
+
+    activeCommunity =
+      activeCommunity && activeCommunity.length > 0
+        ? activeCommunity[0].id
+        : null;
+
+    if (!activeCommunity) {
+      return props.data.refetch();
+    } else {
+      this.setActiveStuff(
+        availableCommunities,
+        availableChannels,
+        activeCommunity
+      );
+    }
+  };
+
+  setActiveStuff = (
+    availableCommunities,
+    availableChannels,
+    activeCommunity
+  ) => {
+    const props = this.props;
+
+    // get the channels for the proper community
+    const activeCommunityChannels = availableChannels.filter(
+      channel => channel.community.id === activeCommunity
+    );
+    let activeChannel = [];
+
+    // Get the active channel if there is one
+    if (props.activeChannel) {
+      activeChannel = activeCommunityChannels.filter(
+        channel =>
+          channel.slug.toLowerCase() === props.activeChannel.toLowerCase()
+      );
+    } else {
+      // Try and get the default channel for the active community
+      activeChannel = activeCommunityChannels.filter(
+        channel => channel.isDefault
+      );
+      // If there is no default channel capitulate and take the first one
+      if (activeChannel.length === 0) {
+        activeChannel = activeCommunityChannels;
+      } else if (activeChannel.length > 1) {
+        const generalChannel = activeChannel.filter(
+          channel => channel.slug === 'general'
+        );
+        if (generalChannel.length > 0) activeChannel = generalChannel;
+      }
+    }
+
+    // ensure that if no items were found for some reason, we don't crash the app
+    // and instead just set null values on the composer
+    activeChannel = activeChannel.length > 0 ? activeChannel[0].id : null;
+
+    this.setState({
+      title: props.title || '',
+      body: props.body || fromPlainText(''),
+      availableCommunities,
+      availableChannels,
+      activeCommunity,
+      activeChannel,
+      isPublishing: false,
+      linkPreview: null,
+      linkPreviewTrueUrl: '',
+      linkPreviewLength: 0,
+      fetchingLinkPreview: false,
+    });
+  };
+
+  componentDidMount() {
+    this.handleIncomingProps(this.props);
+  }
+
+  componentWillUpdate(nextProps) {
+    const { isOpen } = nextProps;
+    if (isOpen) {
+      document.addEventListener('keydown', this.handleKeyPress, false);
+    } else {
+      document.removeEventListener('keydown', this.handleKeyPress, false);
+    }
+  }
+
+  componentWillUnmount() {
+    document.removeEventListener('keydown', this.handleKeyPress, false);
+  }
+
+  handleKeyPress = e => {
+    // if person taps esc, close the dialog
+    if (e.keyCode === 27) {
+      this.closeComposer();
+    }
+  };
+
+  changeTitle = e => {
+    const title = e.target.value;
+    if (/\n$/g.test(title)) {
+      this.bodyEditor.focus();
+      return;
+    }
+    this.setState({
+      title,
+    });
+  };
+
+  changeBody = body => {
+    this.listenForUrl(body);
+    this.setState({
+      body,
+    });
+  };
+
+  componentDidUpdate(prevProps) {
+    const { availableCommunities, availableChannels } = this.state;
+    let activeCommunity;
+
+    if (!prevProps.data.user && this.props.data.user) {
+      this.handleIncomingProps(this.props);
+    }
+
+    if (prevProps.activeCommunity !== this.props.activeCommunity) {
+      activeCommunity = this.props.activeCommunity
+        ? availableCommunities.filter(community => {
+            return community.slug === this.props.activeCommunity;
+          })[0].id
+        : availableCommunities[0].id;
+
+      this.setState({
+        activeCommunity,
+      });
+    }
+
+    if (prevProps.activeChannel !== this.props.activeChannel) {
+      const activeCommunityChannels = availableChannels.filter(
+        channel => channel.community.id === activeCommunity
+      );
+      let activeChannel = [];
+
+      // Get the active channel if there is one
+      if (this.props.activeChannel) {
+        activeChannel = activeCommunityChannels.filter(
+          channel => channel.slug === this.props.activeChannel
+        );
+      } else {
+        // Try and get the default channel for the active community
+        activeChannel = activeCommunityChannels.filter(
+          channel => channel.isDefault
+        );
+        // If there is no default channel capitulate and take the first one
+        if (activeChannel.length === 0) {
+          activeChannel = activeCommunityChannels;
+          // If there are more than one default ones, try and choose the "General" one if it exists
+        } else if (activeChannel.length > 1) {
+          const generalChannel = activeChannel.filter(
+            channel => channel.slug === 'general'
+          );
+          if (generalChannel.length > 0) activeChannel = generalChannel;
+        }
+      }
+
+      // ensure that if no items were found for some reason, we don't crash the app
+      // and instead just set null values on the composer
+      activeChannel = activeChannel.length > 0 ? activeChannel[0].id : null;
+
+      this.setState({
+        activeChannel,
+      });
+    }
+  }
+
+  handleOpenComposer = () => {
+    // strange construction here in order to guarantee that we focus the title
+    // input whenever the composer is opened
+    const isOpen = this.props.isOpen;
+    if (!isOpen) {
+      this.props.dispatch(openComposer());
+      this.props.data.refetch().then(result => {
+        // we have to rebuild a new props object to pass to `this.handleIncomingProps`
+        // in order to retain all the previous props passed in from the parent
+        // component and the initial data functions provided by apollo
+        const newProps = Object.assign({}, this.props, {
+          ...this.props,
+          data: {
+            ...this.props.data,
+            user: {
+              ...this.props.data.user,
+              ...result.data.user,
+            },
+          },
+        });
+        this.handleIncomingProps(newProps);
+      });
+      this.refs.titleTextarea.focus();
+    }
+  };
+
+  closeComposer = () => {
+    const { title, body } = this.state;
+    this.props.dispatch(closeComposer(title, body));
+  };
+
+  setActiveCommunity = e => {
+    const newActiveCommunity = e.target.value;
+    const activeCommunityChannels = this.state.availableChannels.filter(
+      channel => channel.community.id === newActiveCommunity
+    );
+    const newActiveCommunityData = this.state.availableCommunities.find(
+      community => community.id === newActiveCommunity
+    );
+    const newActiveChannel =
+      activeCommunityChannels.find(channel => {
+        // If there is an active channel and we're switching back to the currently open community
+        // select that channel
+        if (
+          this.props.activeChannel &&
+          this.props.activeCommunity === newActiveCommunityData.slug
+        ) {
+          return channel.slug === this.props.activeChannel;
+        }
+        // Otherwise select the default one
+        return channel.isDefault;
+        // Default to the first channel if no default one can be found
+      }) || activeCommunityChannels[0];
+
+    this.setState({
+      activeCommunity: newActiveCommunity,
+      activeChannel: newActiveChannel.id,
+    });
+  };
+
+  setActiveChannel = e => {
+    const activeChannel = e.target.value;
+
+    this.setState({
+      activeChannel,
+    });
+  };
+
+  publishThread = () => {
+    // if no title and no channel is set, don't allow a thread to be published
+    if (!this.state.title || !this.state.activeChannel) {
+      return;
+    }
+
+    // isPublishing will change the publish button to a loading spinner
+    this.setState({
+      isPublishing: true,
+    });
+
+    // define new constants in order to construct the proper shape of the
+    // input for the publishThread mutation
+    const {
+      activeChannel,
+      activeCommunity,
+      title,
+      body,
+      linkPreview,
+      linkPreviewTrueUrl,
+    } = this.state;
+    const channelId = activeChannel;
+    const communityId = activeCommunity;
+    const jsonBody = toJSON(body);
+
+    const content = {
+      title,
+      body: JSON.stringify(jsonBody),
+    };
+
+    const attachments = [];
+    if (linkPreview) {
+      const attachmentData = JSON.stringify({
+        ...linkPreview,
+        trueUrl: linkPreviewTrueUrl,
+      });
+      attachments.push({
+        attachmentType: 'linkPreview',
+        data: attachmentData,
+      });
+    }
+
+    // Get the images
+    const filesToUpload = Object.keys(jsonBody.entityMap)
+      .filter(key => jsonBody.entityMap[key].type === 'image')
+      .map(key => jsonBody.entityMap[key].data.file);
+
+    // this.props.mutate comes from a higher order component defined at the
+    // bottom of this file
+    this.props
+      .mutate({
+        variables: {
+          thread: {
+            channelId,
+            communityId,
+            type: 'DRAFTJS',
+            content,
+            attachments,
+            filesToUpload,
+          },
+        },
+      })
+      // after the mutation occurs, it will either return an error or the new
+      // thread that was published
+      .then(({ data }) => {
+        // get the thread id to redirect the user
+        const id = data.publishThread.id;
+
+        track('thread', 'published', null);
+
+        // stop the loading spinner on the publish button
+        this.setState({
+          isPublishing: false,
+        });
+
+        // redirect the user to the thread
+        // if they are in the inbox, select it
+        if (this.props.isInbox) {
+          this.props.dispatch(changeActiveThread(id));
+        } else if (this.props.location.pathname === '/new/thread') {
+          this.props.history.replace(`/?thread=${id}`);
+        } else {
+          this.props.history.push(`?thread=${id}`);
+        }
+
+        this.props.dispatch(
+          addToastWithTimeout('success', 'Thread published!')
+        );
+
+        this.props.dispatch(changeActiveThread(null));
+      })
+      .catch(err => {
+        this.setState({
+          isPublishing: false,
+        });
+        this.props.dispatch(addToastWithTimeout('error', err.message));
+      });
+  };
+
+  listenForUrl = state => {
+    const { linkPreview, linkPreviewLength } = this.state;
+    if (linkPreview !== null) return;
+
+    const lastChangeType = state.getLastChangeType();
+    if (
+      lastChangeType !== 'backspace-character' &&
+      lastChangeType !== 'insert-characters'
+    ) {
+      return;
+    }
+
+    const text = toPlainText(state);
+
+    if (!ENDS_IN_WHITESPACE.test(text)) return;
+
+    const toCheck = text.match(URLS);
+
+    if (toCheck) {
+      const len = toCheck.length;
+      if (linkPreviewLength === len) return; // no new links, don't recheck
+
+      let urlToCheck = toCheck[len - 1].trim();
+
+      this.setState({ fetchingLinkPreview: true });
+
+      if (!/^https?:\/\//i.test(urlToCheck)) {
+        urlToCheck = 'https://' + urlToCheck;
+      }
+
+      getLinkPreviewFromUrl(urlToCheck)
+        .then(data => {
+          // this.props.dispatch(stopLoading());
+
+          this.setState(prevState => ({
+            linkPreview: data,
+            linkPreviewTrueUrl: urlToCheck,
+            linkPreviewLength: prevState.linkPreviewLength + 1,
+            fetchingLinkPreview: false,
+            error: null,
+          }));
+
+          const linkPreview = {};
+          linkPreview['data'] = data;
+          linkPreview['trueUrl'] = urlToCheck;
+
+          // this.props.dispatch(addLinkPreview(linkPreview));
+        })
+        .catch(err => {
+          this.setState({
+            error:
+              "Oops, that URL didn't seem to want to work. You can still publish your story anyways 👍",
+            fetchingLinkPreview: false,
+          });
+        });
+    }
+  };
+
+  removeLinkPreview = () => {
+    this.setState({
+      linkPreview: null,
+      linkPreviewTrueUrl: null,
+    });
+  };
+
+  render() {
+    const {
+      title,
+      availableChannels,
+      availableCommunities,
+      activeCommunity,
+      activeChannel,
+      isPublishing,
+      linkPreview,
+      linkPreviewTrueUrl,
+      fetchingLinkPreview,
+    } = this.state;
+
+    const { data: { user } } = this.props;
+    const dataExists = user && availableCommunities && availableChannels;
+
+    return (
+      <Container>
+        <Titlebar provideBack title={`New conversation`} noComposer />
+        <Dropdowns>
+          <span>To:</span>
+          {!dataExists ? (
+            <LoadingSelect />
+          ) : (
+            <RequiredSelector
+              onChange={this.setActiveCommunity}
+              value={activeCommunity}
+            >
+              {availableCommunities.map(community => {
+                return (
+                  <option key={community.id} value={community.id}>
+                    {community.name}
+                  </option>
+                );
+              })}
+            </RequiredSelector>
+          )}
+          {!dataExists ? (
+            <LoadingSelect />
+          ) : (
+            <RequiredSelector
+              onChange={this.setActiveChannel}
+              value={activeChannel}
+            >
+              {availableChannels
+                .filter(channel => channel.community.id === activeCommunity)
+                .map((channel, i) => {
+                  return (
+                    <option key={channel.id} value={channel.id}>
+                      {channel.name}
+                    </option>
+                  );
+                })}
+            </RequiredSelector>
+          )}
+        </Dropdowns>
+        <ThreadInputs>
+          <Textarea
+            onChange={this.changeTitle}
+            style={ThreadTitle}
+            value={this.state.title}
+            placeholder={`What's up?`}
+            ref="titleTextarea"
+            autoFocus
+          />
+
+          <Editor
+            version={2}
+            onChange={this.changeBody}
+            state={this.state.body}
+            style={ThreadDescription}
+            editorRef={editor => (this.bodyEditor = editor)}
+            editorKey="thread-composer"
+            placeholder={`Write more thoughts here, add photos, and anything else!`}
+            className={'threadComposer'}
+            showLinkPreview={true}
+            linkPreview={{
+              loading: fetchingLinkPreview,
+              remove: this.removeLinkPreview,
+              trueUrl: linkPreviewTrueUrl,
+              data: linkPreview,
+            }}
+          />
+        </ThreadInputs>
+        <Actions>
+          <FlexRow>
+            <TextButton
+              hoverColor="warn.alt"
+              onClick={() => this.props.dispatch(changeActiveThread(null))}
+            >
+              Cancel
+            </TextButton>
+            <Button
+              onClick={this.publishThread}
+              loading={isPublishing}
+              disabled={!title || isPublishing}
+              color={'brand'}
+            >
+              Publish
+            </Button>
+          </FlexRow>
+        </Actions>
+      </Container>
+    );
+  }
+}
+
+export const ThreadComposer = compose(
+  getComposerCommunitiesAndChannels, // query to get data
+  publishThread, // mutation to publish a thread
+  withRouter, // needed to use history.push() as a post-publish action
+  pure
+)(ComposerWithData);
+
+const mapStateToProps = state => ({
+  isOpen: state.composer.isOpen,
+  title: state.composer.title,
+  body: state.composer.body,
+});
+
+const Composer = connect(mapStateToProps)(ThreadComposer);
+export default Composer;
diff --git a/src/components/composer/mutations.js b/src/components/composer/mutations.js
new file mode 100644
index 0000000000..0373b50eec
--- /dev/null
+++ b/src/components/composer/mutations.js
@@ -0,0 +1,41 @@
+// @flow
+// $FlowFixMe
+import { graphql, gql } from 'react-apollo';
+import { threadInfoFragment } from '../../api/fragments/thread/threadInfo';
+
+export const publishThread = graphql(
+  gql`
+    mutation publishThread($thread: ThreadInput!) {
+      publishThread(thread: $thread) {
+        # When a thread is published, we want to return extra metadata about
+        # the new thread to handle a few downstream operations:
+        #
+        # First, when a thread is published, we notify the dashboard 'everything'
+        # query and insert the new thread into the threads list. That way if a
+        # user publishes a thread and navigates to the homepage, their thread will
+        # appear without needing to refetch
+        #
+        # Additionally, we want to get back the channelId and communityId
+        # so that the community and channel the thread is posted under can
+        # trigger their reducers and automatically add the new thread to the
+        # store. See 'views/community/queries.js' for an example of this
+        # reducer operation in use.
+        #
+        # The underlying goal here is to ensure that when a thread is published,
+        # it will appear in all the feeds a user would expect it to appear
+        # and play nicely with Apollo in th event that a feed was previously
+        # fetched and cached
+        ...threadInfo
+        channel {
+          id
+          slug
+          community {
+            id
+            slug
+          }
+        }
+      }
+    }
+    ${threadInfoFragment}
+  `
+);
diff --git a/src/components/composer/queries.js b/src/components/composer/queries.js
new file mode 100644
index 0000000000..cd7bf58739
--- /dev/null
+++ b/src/components/composer/queries.js
@@ -0,0 +1,66 @@
+// @flow
+// $FlowFixMe
+import { graphql, gql } from 'react-apollo';
+import { userInfoFragment } from '../../api/fragments/user/userInfo';
+
+export const GET_COMPOSER_COMMUNITIES_AND_CHANNELS_QUERY = gql`
+query getComposerCommunitiesAndChannels {
+  # Not using the communityConnection or channelConnection fragments here
+  # because for this particular scenario I'm only trying to return much
+  # deeper nested data in order to handle channel + community selection in
+  # the composer
+  #
+  # TODO: Eventually we should run one query at app initialization for all of
+  # a user's communities + channels, save that in the thread somewhere, and
+  # use it to hydrate the composer here, as well as use the data to handle
+  # join/leave, follow/unfollow buttons, etc. as the user browsers around
+  # to different threads, channels, and users.
+  user: currentUser {
+    ...userInfo
+    communityConnection {
+      edges {
+        node {
+          id
+          name
+          slug
+          profilePhoto
+          communityPermissions {
+            isMember
+            isBlocked
+            isOwner
+            isModerator
+          }
+        }
+      }
+    }
+    channelConnection {
+      edges {
+        node {
+          id
+          name
+          slug
+          isDefault
+          isPrivate
+          community {
+            id
+            isPro
+          }
+          channelPermissions {
+            isMember
+            isPending
+            isBlocked
+            isOwner
+            isModerator
+          }
+        }
+      }
+    }
+  }
+}
+${userInfoFragment}
+`;
+
+export const getComposerCommunitiesAndChannels = graphql(
+  GET_COMPOSER_COMMUNITIES_AND_CHANNELS_QUERY,
+  { options: { fetchPolicy: 'cache-first' } }
+);
diff --git a/src/components/composer/style.js b/src/components/composer/style.js
new file mode 100644
index 0000000000..6eabec04fc
--- /dev/null
+++ b/src/components/composer/style.js
@@ -0,0 +1,173 @@
+import styled from 'styled-components';
+import { hexa, Shadow, FlexRow, FlexCol, zIndex } from '../globals';
+
+export const Container = styled(FlexCol)`
+  background-color: ${props => props.theme.bg.default};
+  display: grid;
+  grid-template-rows: 48px 1fr 64px;
+  grid-template-columns: 100%;
+  grid-template-areas: 'header' 'body' 'footer';
+  align-self: stretch;
+  flex: auto;
+  overflow: hidden;
+  height: calc(100vh - 48px);
+
+  @media (max-width: 768px) {
+    grid-template-rows: 48px 64px 1fr 64px;
+    grid-template-areas: 'title' 'header' 'body' 'footer';
+    max-width: 100vw;
+    height: 100vh;
+  }
+`;
+
+export const Actions = styled(FlexCol)`
+  background: ${props => props.theme.bg.wash};
+  border-top: 2px solid ${props => props.theme.bg.border};
+  padding: 8px;
+  border-radius: 0;
+  align-self: stretch;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  align-items: center;
+  position: relative;
+  grid-area: footer;
+
+  @media (max-width: 768px) {
+    padding: 8px;
+    z-index: ${zIndex.chrome + 1};
+    border-radius: 0;
+    border: 0;
+    box-shadow: none;
+    background-color: transparent;
+
+    > div {
+      width: 100%;
+
+      > button:first-of-type {
+        display: none;
+      }
+
+      > button:last-of-type {
+        width: 100%;
+      }
+    }
+  }
+`;
+
+export const Dropdowns = styled(FlexRow)`
+  display: flex;
+  align-items: center;
+  grid-area: header;
+  background-color: ${props => props.theme.bg.wash};
+  box-shadow: ${Shadow.low} ${props => hexa(props.theme.bg.reverse, 0.15)};
+  z-index: ${zIndex.composer};
+  grid-area: header;
+
+  span {
+    font-size: 14px;
+    font-weight: 500;
+    color: ${props => props.theme.text.alt};
+    margin-left: 16px;
+    line-height: 1;
+    vertical-align: middle;
+    position: relative;
+    top: 1px;
+
+    @media (max-width: 768px) {
+      display: none;
+    }
+  }
+
+  @media (max-width: 768px) {
+    width: 100%;
+    justify-content: flex-start;
+  }
+`;
+
+const Selector = styled.select`
+  max-width: 196px;
+  display: inline-block;
+  flex: none;
+  border: none;
+  box-shadow: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  cursor: pointer;
+  margin-left: 8px;
+  box-sizing: border-box;
+  font-weight: 500;
+  font-size: 14px;
+
+  @media (max-width: 768px) {
+    flex: auto;
+    max-width: calc(50% - 12px);
+  }
+`;
+
+export const RequiredSelector = styled(Selector)`
+  padding: 8px 12px;
+  border: 2px solid ${props => props.theme.bg.border};
+  border-radius: 8px;
+  color: ${props => props.theme.text.default};
+  background-color: ${props => props.theme.bg.default};
+`;
+
+export const OptionalSelector = styled(Selector)`
+  color: ${props => props.theme.text.alt};
+  margin-left: 16px;
+  background-color: transparent;
+`;
+
+export const ThreadInputs = styled(FlexCol)`
+  grid-area: body;
+  overflow-y: scroll;
+  padding: 64px;
+  padding-left: 80px;
+  background-color: ${props => props.theme.bg.default};
+
+  @media (max-width: 768px) {
+    max-width: 100vw;
+    padding: 32px;
+    padding-left: 48px;
+  }
+
+  @media (max-width: 480px) {
+    max-width: 100vw;
+    padding: 16px;
+    padding-left: 48px;
+  }
+`;
+
+export const ThreadTitle = {
+  fontSize: '24px',
+  padding: '0',
+  outline: 'none',
+  border: '0',
+  lineHeight: '1.4',
+  fontWeight: '800',
+  boxShadow: 'none',
+  width: '100%',
+  color: '#16171A',
+  whiteSpace: 'pre-wrap',
+  minHeight: '34px',
+  flex: 'none',
+  display: 'inline-block',
+};
+
+export const ThreadDescription = {
+  fontSize: '16px',
+  fontWeight: '500',
+  width: '100%',
+  display: 'inline-block',
+  lineHeight: '1.5',
+  padding: '0 32px 32px',
+  outline: 'none',
+  border: '0',
+  boxShadow: 'none',
+  color: '#16171A',
+  whiteSpace: 'pre-wrap',
+  overflowY: 'scroll',
+  position: 'relative',
+};
diff --git a/src/components/curation/style.js b/src/components/curation/style.js
index a395be793d..a4350c1d4c 100644
--- a/src/components/curation/style.js
+++ b/src/components/curation/style.js
@@ -149,14 +149,16 @@ export const Feature = styled(FlexRow)`
   margin-top: 16px;
   align-items: flex-start;
 
-  > a, > button {
+  > a,
+  > button {
     display: none;
   }
 
   @media (max-width: 768px) {
     flex-direction: column;
 
-    > a, > button {
+    > a,
+    > button {
       display: flex;
       align-self: center;
     }
@@ -166,7 +168,8 @@ export const Feature = styled(FlexRow)`
 export const FeaturePresentation = styled(FlexCol)`
   align-items: center;
 
-  > a:nth-of-type(2), > button {
+  > a:nth-of-type(2),
+  > button {
     display: flex;
   }
 
@@ -175,7 +178,8 @@ export const FeaturePresentation = styled(FlexCol)`
     flex-direction: row;
     justify-content: center;
 
-    > a:nth-of-type(2), > button {
+    > a:nth-of-type(2),
+    > button {
       display: none;
     }
   }
diff --git a/src/components/draftjs-editor/Embed.js b/src/components/draftjs-editor/Embed.js
new file mode 100644
index 0000000000..2ea48b1fed
--- /dev/null
+++ b/src/components/draftjs-editor/Embed.js
@@ -0,0 +1,31 @@
+// Taken from https://github.com/vacenz/last-draft-js-plugins/blob/1a913e15ef5225b8a4e2253b282af3a5c382e7b0/draft-js-embed-plugin/src/embed/index.js
+// slightly adapted to work with arbitrary data passed from the entity
+import { Entity } from 'draft-js';
+import React, { Component } from 'react';
+
+export default class Embed extends Component {
+  render() {
+    const { block, theme = {}, ...otherProps } = this.props;
+    // leveraging destructuring to omit certain properties from props
+    const {
+      blockProps, // eslint-disable-line no-unused-vars
+      customStyleMap, // eslint-disable-line no-unused-vars
+      customStyleFn, // eslint-disable-line no-unused-vars
+      decorator, // eslint-disable-line no-unused-vars
+      forceSelection, // eslint-disable-line no-unused-vars
+      offsetKey, // eslint-disable-line no-unused-vars
+      selection, // eslint-disable-line no-unused-vars
+      tree, // eslint-disable-line no-unused-vars
+      ...elementProps
+    } = otherProps;
+    const data = Entity.get(block.getEntityAt(0)).getData();
+    return (
+      <iframe
+        {...elementProps}
+        {...data}
+        src={data.src}
+        className={theme.embedStyles.embed}
+      />
+    );
+  }
+}
diff --git a/src/components/draftjs-editor/Image.js b/src/components/draftjs-editor/Image.js
new file mode 100644
index 0000000000..84d55db28d
--- /dev/null
+++ b/src/components/draftjs-editor/Image.js
@@ -0,0 +1,83 @@
+// @flow
+import React from 'react';
+import styled, { css, keyframes } from 'styled-components';
+
+const blinkBorder = keyframes`
+  0% {
+    border-color: transparent;
+  }
+  49% {
+    border-color: transparent;
+  }
+  50% {
+    border-color: black;
+  }
+  100% {
+    border-color: black;
+  }
+`;
+
+export const ImageContainer = styled.div`
+  position: relative;
+  margin: 12px 0;
+  pointer-events: none;
+  ${props =>
+    props.active &&
+    css`
+      border-radius: 8px;
+      overflow: hidden;
+      box-shadow: 0 4px 8px rgba(56, 24, 229, 0.2);
+    `} transition: all 0.1s ease-in-out;
+`;
+
+export const ActiveOverlay = styled.span`
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(56, 24, 229, 0.1);
+  border-radius: 8px;
+  border: 1px solid ${props => props.theme.brand.default};
+  opacity: ${props => (props.active ? 1 : 0)};
+  transition: all 0.1s ease-in-out;
+`;
+
+const Img = styled.img`
+  ${props =>
+    props.active &&
+    css`
+      /* Pretend like there's a cursor next to the image when active */
+      box-shadow: inset -1px 0 0 #000;
+      animation: ${blinkBorder} 1s infinite;
+    `} max-width: 100%;
+`;
+
+type ImageProps = Object;
+
+const Image = (props: ImageProps) => {
+  const {
+    block, // eslint-disable-line no-unused-vars
+    theme, // eslint-disable-line no-unused-vars
+    blockProps, // eslint-disable-line no-unused-vars
+    customStyleMap, // eslint-disable-line no-unused-vars
+    customStyleFn, // eslint-disable-line no-unused-vars
+    decorator, // eslint-disable-line no-unused-vars
+    forceSelection, // eslint-disable-line no-unused-vars
+    offsetKey, // eslint-disable-line no-unused-vars
+    selection, // eslint-disable-line no-unused-vars
+    tree, // eslint-disable-line no-unused-vars
+    contentState, // eslint-disable-line no-unused-vars
+    ...elementProps
+  } = props;
+  const active = props.blockProps.isFocused;
+  const { src } = contentState.getEntity(block.getEntityAt(0)).getData();
+  return (
+    <ImageContainer active={active}>
+      <ActiveOverlay active={active} />
+      <Img src={src} active={active} {...elementProps} />
+    </ImageContainer>
+  );
+};
+
+export default Image;
diff --git a/src/components/draftjs-editor/index.js b/src/components/draftjs-editor/index.js
new file mode 100644
index 0000000000..44bfe59e87
--- /dev/null
+++ b/src/components/draftjs-editor/index.js
@@ -0,0 +1,238 @@
+import React from 'react';
+import { injectGlobal } from 'styled-components';
+import { EditorState, Entity, convertToRaw } from 'draft-js';
+import DraftEditor, { composeDecorators } from 'draft-js-plugins-editor';
+import createImagePlugin from 'draft-js-image-plugin';
+import createFocusPlugin from 'draft-js-focus-plugin';
+import createBlockDndPlugin from 'draft-js-drag-n-drop-plugin';
+import createMarkdownPlugin from 'draft-js-markdown-plugin';
+import createSingleLinePlugin from 'draft-js-single-line-plugin';
+import createEmbedPlugin from 'draft-js-embed-plugin';
+import Prism from 'prismjs';
+import 'prismjs/components/prism-java';
+import 'prismjs/components/prism-scala';
+import 'prismjs/components/prism-go';
+import 'prismjs/components/prism-sql';
+import 'prismjs/components/prism-bash';
+import 'prismjs/components/prism-c';
+import 'prismjs/components/prism-cpp';
+import 'prismjs/components/prism-kotlin';
+import 'prismjs/components/prism-perl';
+import 'prismjs/components/prism-ruby';
+import 'prismjs/components/prism-swift';
+import createPrismPlugin from 'draft-js-prism-plugin';
+// NOTE(@mxstbr): This is necessary to make sure the placeholder is aligned
+// and stuff like that. We have to import the raw CSS file and inject it with
+// styled-components to make sure it works when we SSR.
+/* eslint-disable import/first */
+/* eslint-disable import/no-webpack-loader-syntax */
+import draftGlobalCSS from '!!raw-loader!draft-js/dist/Draft.css';
+injectGlobal`${draftGlobalCSS}`;
+import prismGlobalCSS from '!!raw-loader!./prism-theme.css';
+injectGlobal`${prismGlobalCSS}`;
+
+import Image from './Image';
+import Embed from './Embed';
+import { Wrapper, MediaRow, ComposerBase } from './style';
+import MediaInput from '../mediaInput';
+import { LinkPreview, LinkPreviewLoading } from '../linkPreview';
+
+type EditorProps = {
+  markdown?: boolean,
+  state?: Object,
+  onChange?: Function,
+  onEnter?: Function,
+  placeholder?: string,
+  singleLine?: boolean,
+  className?: string,
+  style?: Object,
+  images?: boolean,
+};
+
+class Editor extends React.Component {
+  props: EditorProps;
+  editor: any;
+
+  constructor(props) {
+    super(props);
+
+    const focusPlugin = createFocusPlugin();
+    const dndPlugin = createBlockDndPlugin();
+    const embedPlugin = createEmbedPlugin({
+      EmbedComponent: Embed,
+    });
+    const prismPlugin = createPrismPlugin({
+      prism: Prism,
+    });
+
+    const decorator = composeDecorators(
+      focusPlugin.decorator,
+      dndPlugin.decorator
+    );
+
+    const imagePlugin = createImagePlugin({
+      decorator,
+      imageComponent: Image,
+    });
+
+    const singleLine = createSingleLinePlugin();
+
+    this.state = {
+      plugins: [
+        props.image !== false && imagePlugin,
+        props.markdown !== false && prismPlugin,
+        props.markdown !== false && embedPlugin,
+        props.markdown !== false && createMarkdownPlugin(),
+        props.image !== false && dndPlugin,
+        props.image !== false && focusPlugin,
+        props.singleLine === true && singleLine,
+      ],
+      singleLineBlockRenderMap: singleLine.blockRenderMap,
+      addEmbed: embedPlugin.addEmbed,
+      addImage: imagePlugin.addImage,
+      editorState: props.initialState || EditorState.createEmpty(),
+    };
+  }
+
+  onChange = editorState => {
+    this.setState({
+      editorState,
+    });
+  };
+
+  addImages = files => {
+    const { addImage } = this.state;
+    const {
+      state = this.state.editorState,
+      onChange = this.onChange,
+    } = this.props;
+    // Add images to editorState
+    // eslint-disable-next-line
+    for (var i = 0, file; (file = files[i]); i++) {
+      onChange(addImage(state, window.URL.createObjectURL(file), { file }));
+    }
+  };
+
+  addImage = e => {
+    this.addImages(e.target.files);
+  };
+
+  handleDroppedFiles = (selection, files) => {
+    this.addImages(files);
+  };
+
+  focus = () => {
+    this.editor.focus();
+  };
+
+  render() {
+    const {
+      state = this.state.editorState,
+      onChange = this.onChange,
+      markdown,
+      onEnter,
+      className,
+      style,
+      images,
+      showLinkPreview,
+      linkPreview,
+      focus,
+      singleLine,
+      version,
+      ...rest
+    } = this.props;
+
+    if (version === 2) {
+      return (
+        <ComposerBase
+          className={markdown !== false && 'markdown'}
+          onClick={this.focus}
+          focus={focus}
+        >
+          <DraftEditor
+            editorState={state}
+            onChange={onChange}
+            plugins={this.state.plugins}
+            handleDroppedFiles={this.handleDroppedFiles}
+            blockRenderMap={
+              singleLine === true && this.state.singleLineBlockRenderMap
+            }
+            ref={editor => {
+              this.editor = editor;
+              if (this.props.editorRef) this.props.editorRef(editor);
+            }}
+            {...rest}
+          />
+          {showLinkPreview && linkPreview && linkPreview.loading ? (
+            <LinkPreviewLoading margin={'16px 0 24px 0'} />
+          ) : showLinkPreview && linkPreview && linkPreview.data ? (
+            <LinkPreview
+              data={linkPreview.data}
+              size={'large'}
+              remove={linkPreview.remove}
+              editable={!this.props.readOnly}
+              trueUrl={linkPreview.trueUrl}
+              margin={'16px 0 24px 0'}
+            />
+          ) : null}
+          {images !== false &&
+            !this.props.readOnly && (
+              <MediaInput onChange={this.addImage} multiple>
+                Add
+              </MediaInput>
+            )}
+        </ComposerBase>
+      );
+    } else {
+      return (
+        <div
+          className={className}
+          style={{ width: '100%', height: '100%', ...style }}
+        >
+          <Wrapper
+            className={markdown !== false && 'markdown'}
+            onClick={this.focus}
+            focus={focus}
+          >
+            <DraftEditor
+              editorState={state}
+              onChange={onChange}
+              plugins={this.state.plugins}
+              handleDroppedFiles={this.handleDroppedFiles}
+              blockRenderMap={
+                singleLine === true && this.state.singleLineBlockRenderMap
+              }
+              ref={editor => {
+                this.editor = editor;
+                if (this.props.editorRef) this.props.editorRef(editor);
+              }}
+              {...rest}
+            />
+          </Wrapper>
+          {showLinkPreview && linkPreview && linkPreview.loading ? (
+            <LinkPreviewLoading margin={'16px 0 24px 0'} />
+          ) : showLinkPreview && linkPreview && linkPreview.data ? (
+            <LinkPreview
+              data={linkPreview.data}
+              size={'large'}
+              remove={linkPreview.remove}
+              editable={!this.props.readOnly}
+              trueUrl={linkPreview.trueUrl}
+              margin={'16px 0 24px 0'}
+            />
+          ) : null}
+          {images !== false &&
+            !this.props.readOnly && (
+              <MediaRow>
+                <MediaInput onChange={this.addImage} multiple>
+                  Add
+                </MediaInput>
+              </MediaRow>
+            )}
+        </div>
+      );
+    }
+  }
+}
+
+export default Editor;
diff --git a/src/components/draftjs-editor/prism-theme.css b/src/components/draftjs-editor/prism-theme.css
new file mode 100644
index 0000000000..60c20a8ce9
--- /dev/null
+++ b/src/components/draftjs-editor/prism-theme.css
@@ -0,0 +1,142 @@
+/* http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript+abap+actionscript+ada+apacheconf+apl+applescript+asciidoc+aspnet+autoit+autohotkey+bash+basic+batch+c+brainfuck+bro+bison+csharp+cpp+coffeescript+ruby+css-extras+d+dart+diff+docker+eiffel+elixir+erlang+fsharp+fortran+gherkin+git+glsl+go+graphql+groovy+haml+handlebars+haskell+haxe+http+icon+inform7+ini+j+jade+java+jolie+json+julia+keyman+kotlin+latex+less+livescript+lolcode+lua+makefile+markdown+matlab+mel+mizar+monkey+nasm+nginx+nim+nix+nsis+objectivec+ocaml+oz+parigp+parser+pascal+perl+php+php-extras+powershell+processing+prolog+properties+protobuf+puppet+pure+python+q+qore+r+jsx+reason+rest+rip+roboconf+crystal+rust+sas+sass+scss+scala+scheme+smalltalk+smarty+sql+stylus+swift+tcl+textile+twig+typescript+verilog+vhdl+vim+wiki+xojo+yaml */
+/**
+* prism.js default theme for JavaScript, CSS and HTML
+* Based on dabblet (http://dabblet.com)
+* @author Lea Verou
+*/
+
+code[class*='language-'],
+pre[class*='language-'] {
+  color: black;
+  background: none;
+  text-shadow: 0 1px white;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+}
+
+pre[class*='language-']::-moz-selection,
+pre[class*='language-'] ::-moz-selection,
+code[class*='language-']::-moz-selection,
+code[class*='language-'] ::-moz-selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+pre[class*='language-']::selection,
+pre[class*='language-'] ::selection,
+code[class*='language-']::selection,
+code[class*='language-'] ::selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+@media print {
+  code[class*='language-'],
+  pre[class*='language-'] {
+    text-shadow: none;
+  }
+}
+
+/* Code blocks */
+pre[class*='language-'] {
+  padding: 1em;
+  margin: 0.5em 0;
+  overflow: auto;
+}
+
+:not(pre) > code[class*='language-'],
+pre[class*='language-'] {
+  background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre) > code[class*='language-'] {
+  padding: 0.1em;
+  border-radius: 0.3em;
+  white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: slategray;
+}
+
+.token.punctuation {
+  color: #999;
+}
+
+.namespace {
+  opacity: 0.7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #a67f59;
+  background: hsla(0, 0%, 100%, 0.5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #07a;
+}
+
+.token.function {
+  color: #dd4a68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+  color: #e90;
+}
+
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+.token.italic {
+  font-style: italic;
+}
+
+.token.entity {
+  cursor: help;
+}
diff --git a/src/components/editor/style.js b/src/components/draftjs-editor/style.js
similarity index 53%
rename from src/components/editor/style.js
rename to src/components/draftjs-editor/style.js
index d2c77cc7f6..64fa8ee6fc 100644
--- a/src/components/editor/style.js
+++ b/src/components/draftjs-editor/style.js
@@ -5,11 +5,15 @@ export const Wrapper = styled.div`
   width: 100%;
   height: 100%;
   cursor: text;
+
+  .DraftEditor-root {
+    margin-top: 0;
+  }
 `;
 
 export const MediaRow = styled.div`
   display: flex;
-  background: #f8fbfe;
+  background: ${props => props.theme.bg.wash};
   border-top: 2px solid ${props => props.theme.bg.border};
   padding: 0 16px;
   margin-left: -24px;
@@ -22,3 +26,20 @@ export const MediaRow = styled.div`
     top: calc(100% - 90px);
   }
 `;
+
+export const ComposerBase = styled.div`
+  position: relative;
+  flex: none;
+  flex-direction: column;
+  display: flex;
+
+  > label {
+    position: absolute;
+    right: calc(100% + 8px);
+    top: auto;
+    bottom: -11px;
+    padding: 0;
+    margin: 0;
+    color: ${props => props.theme.text.placeholder};
+  }
+`;
diff --git a/src/components/dropdown/index.js b/src/components/dropdown/index.js
index 44d77876ed..42150466d7 100644
--- a/src/components/dropdown/index.js
+++ b/src/components/dropdown/index.js
@@ -31,12 +31,11 @@ const StyledCard = styled(Card)`
   display: inline-block;
 `;
 
-const DropdownPure = (props: Object): React$Element<any> =>
+const DropdownPure = (props: Object): React$Element<any> => (
   <StyledDropdown className={'dropdown'} {...props}>
-    <StyledCard>
-      {props.children}
-    </StyledCard>
-  </StyledDropdown>;
+    <StyledCard>{props.children}</StyledCard>
+  </StyledDropdown>
+);
 
 export const Dropdown = compose(pure)(DropdownPure);
 export default Dropdown;
diff --git a/src/components/editForm/channel.js b/src/components/editForm/channel.js
index 6e4af21940..a25cf747d6 100644
--- a/src/components/editForm/channel.js
+++ b/src/components/editForm/channel.js
@@ -231,14 +231,14 @@ class ChannelWithData extends Component {
 
             {// if the user is moving from private to public
             this.props.channel.isPrivate &&
-            !isPrivate && (
-              <Notice>
-                When a private channel is made public all pending users will be
-                added as members of the channel. Blocked users will remain
-                blocked from viewing all content in this channel but in the
-                future any new person will be able to join.
-              </Notice>
-            )}
+              !isPrivate && (
+                <Notice>
+                  When a private channel is made public all pending users will
+                  be added as members of the channel. Blocked users will remain
+                  blocked from viewing all content in this channel but in the
+                  future any new person will be able to join.
+                </Notice>
+              )}
 
             <Actions>
               <Button onClick={this.save} loading={isLoading}>
diff --git a/src/components/editor/Image.js b/src/components/editor/Image.js
deleted file mode 100644
index 0fadb0cf42..0000000000
--- a/src/components/editor/Image.js
+++ /dev/null
@@ -1,50 +0,0 @@
-import styled, { css, keyframes } from 'styled-components';
-
-const blinkBorder = keyframes`
-  0% {
-    border-color: transparent;
-  }
-  49% {
-    border-color: transparent;
-  }
-  50% {
-    border-color: black;
-  }
-  100% {
-    border-color: black;
-  }
-`;
-
-export const ImageContainer = styled.div`
-  position: relative;
-  margin: 12px 0;
-  ${props => props.active && css`
-    border-radius: 8px;
-    overflow: hidden;
-    box-shadow: 0 4px 8px rgba(56, 24, 229, 0.2);
-  `}
-
-  transition: all 0.1s ease-in-out;
-`;
-
-export const ActiveOverlay = styled.span`
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: rgba(56, 24, 229, 0.1);
-  border-radius: 8px;
-  border: 1px solid ${props => props.theme.brand.default};
-  opacity: ${props => (props.active ? 1 : 0)};
-  transition: all 0.1s ease-in-out;
-`;
-
-export default styled.img`
-  ${props => props.active && css`
-    /* Pretend like there's a cursor next to the image when active */
-    box-shadow: inset -1px 0 0 #000;
-    animation: ${blinkBorder} 1s infinite;
-  `}
-  max-width: 100%;
-`;
diff --git a/src/components/editor/image-plugin.js b/src/components/editor/image-plugin.js
deleted file mode 100644
index 41b25e8166..0000000000
--- a/src/components/editor/image-plugin.js
+++ /dev/null
@@ -1,116 +0,0 @@
-import React from 'react';
-import { Block } from 'slate';
-import Image, { ImageContainer, ActiveOverlay } from './Image';
-
-const DEFAULT_BLOCK = {
-  type: 'paragraph',
-  isVoid: false,
-  data: {},
-};
-
-const onDropNode = (e, data, state) => {
-  return state
-    .transform()
-    .deselect()
-    .removeNodeByKey(data.node.key)
-    .select(data.target)
-    .insertBlock(data.node)
-    .apply();
-};
-
-const insertImage = (state, src, file) => {
-  return state
-    .transform()
-    .insertBlock({
-      type: 'image',
-      isVoid: true,
-      data: { src, file },
-    })
-    .apply();
-};
-
-const onDropOrPasteFiles = (e, data, state, editor) => {
-  data.files.forEach(file => {
-    const reader = new FileReader();
-    const [type] = file.type.split('/');
-    if (type !== 'image') return;
-
-    reader.addEventListener('load', () => {
-      state = editor.getState();
-      state = insertImage(state, reader.result, file);
-      editor.onChange(state);
-    });
-
-    reader.readAsDataURL(file);
-  });
-};
-
-const ImagePlugin = () => ({
-  insertImage: insertImage,
-  schema: {
-    nodes: {
-      image: props => {
-        const { node, state } = props;
-        const active = state.isFocused && state.selection.hasEdgeIn(node);
-        const src = node.data.get('src');
-        return (
-          <ImageContainer active={active}>
-            <ActiveOverlay active={active} />
-            <Image src={src} active={active} {...props.attributes} />
-          </ImageContainer>
-        );
-      },
-      paragraph: props => {
-        return <p {...props.attributes}>{props.children}</p>;
-      },
-    },
-    rules: [
-      // Rule to insert a paragraph block if the document is empty.
-      {
-        match: node => {
-          return node.kind === 'document';
-        },
-        validate: document => {
-          return document.nodes.size ? null : true;
-        },
-        normalize: (transform, document) => {
-          const block = Block.create(DEFAULT_BLOCK);
-          transform.insertNodeByKey(document.key, 0, block);
-        },
-      },
-      // Rule to insert a paragraph below a void node (the image) if that node is
-      // the last one in the document.
-      {
-        match: node => {
-          return node.kind === 'document';
-        },
-        validate: document => {
-          const lastNode = document.nodes.last();
-          return lastNode && lastNode.isVoid ? true : null;
-        },
-        normalize: (transform, document) => {
-          const block = Block.create(DEFAULT_BLOCK);
-          transform.insertNodeByKey(document.key, document.nodes.size, block);
-        },
-      },
-    ],
-  },
-  onDrop: (e, data, state, editor) => {
-    switch (data.type) {
-      case 'files':
-      default:
-        return onDropOrPasteFiles(e, data, state, editor);
-      case 'node':
-        return onDropNode(e, data, state);
-    }
-  },
-  onPaste: (e, data, state, editor) => {
-    switch (data.type) {
-      case 'files':
-      default:
-        return onDropOrPasteFiles(e, data, state, editor);
-    }
-  },
-});
-
-export default ImagePlugin;
diff --git a/src/components/editor/index.js b/src/components/editor/index.js
deleted file mode 100644
index 2852c17494..0000000000
--- a/src/components/editor/index.js
+++ /dev/null
@@ -1,153 +0,0 @@
-import React, { Component } from 'react';
-//$FlowFixMe
-import { Editor as SlateEditor, Raw, Plain } from 'slate';
-//$FlowFixMe
-import type { SlatePlugin } from 'slate-mentions/src/types';
-//$FlowFixMe
-import MarkdownPlugin from 'slate-markdown';
-import { Wrapper, MediaRow } from './style';
-import SingleLinePlugin from './single-line-plugin';
-import ImagePlugin from './image-plugin';
-import MediaInput from '../mediaInput';
-import { LinkPreview, LinkPreviewLoading } from '../linkPreview';
-
-const ENTER = 13;
-
-const initialState = Plain.deserialize('');
-
-type EditorProps = {
-  markdown?: boolean,
-  state?: Object,
-  onChange?: Function,
-  onEnter?: Function,
-  placeholder?: string,
-  singleLine?: boolean,
-  className?: string,
-  style?: Object,
-  images?: boolean,
-};
-
-class Editor extends Component {
-  props: EditorProps;
-  editor: any;
-
-  state: {
-    state: Object,
-    plugins: Array<SlatePlugin | false>,
-  };
-
-  constructor(props: EditorProps) {
-    super(props);
-    const imagePlugin = ImagePlugin();
-    this.insertImage = imagePlugin.insertImage;
-    this.state = {
-      state: initialState,
-      plugins: [
-        props.markdown !== false && MarkdownPlugin(),
-        props.images !== false && imagePlugin,
-        props.singleLine === true && SingleLinePlugin,
-      ],
-    };
-  }
-
-  // $FlowFixMe
-  addImage = e => {
-    const files = e.target.files;
-    const onChange = this.props.onChange || this.onChange;
-    const state = this.props.state || this.state.state;
-    // files is a FileList, not an array, so it doesn't have .reduce
-    let filesArray = [];
-    // eslint-disable-next-line
-    for (var i = 0, f; (f = files[i]); i++) {
-      filesArray.push(f);
-    }
-    // Add all the files to the state
-    const newState = filesArray.reduce(
-      (prevState, file) =>
-        this.insertImage(prevState, window.URL.createObjectURL(file), file),
-      state
-    );
-    onChange(newState);
-  };
-
-  onChange = (state: Object) => {
-    this.setState({ state });
-  };
-
-  onKeyDown = (e: Object) => {
-    if (e.which === ENTER) {
-      this.props.onEnter && this.props.onEnter(e);
-    }
-  };
-
-  focus = () => {
-    this.editor.focus();
-  };
-
-  render() {
-    const {
-      state = this.state.state,
-      onChange = this.onChange,
-      onEnter,
-      className,
-      style,
-      images,
-      showLinkPreview,
-      linkPreview,
-      focus,
-      ...rest
-    } = this.props;
-
-    return (
-      <Wrapper
-        className={className}
-        style={style}
-        onClick={this.focus}
-        focus={focus}
-      >
-        <SlateEditor
-          state={state}
-          onChange={onChange}
-          onKeyDown={onEnter && this.onKeyDown}
-          plugins={this.state.plugins}
-          ref={editor => {
-            this.editor = editor;
-            if (this.props.editorRef) this.props.editorRef(editor);
-          }}
-          {...rest}
-        />
-
-        {showLinkPreview && linkPreview && linkPreview.loading ? (
-          <LinkPreviewLoading margin={'16px 0 24px 0'} />
-        ) : showLinkPreview && linkPreview && linkPreview.data ? (
-          <LinkPreview
-            data={linkPreview.data}
-            size={'large'}
-            remove={linkPreview.remove}
-            editable={true}
-            trueUrl={linkPreview.trueUrl}
-            margin={'16px 0 24px 0'}
-          />
-        ) : null}
-
-        {images !== false && (
-          <MediaRow>
-            <MediaInput onChange={this.addImage} multiple>
-              Add
-            </MediaInput>
-          </MediaRow>
-        )}
-      </Wrapper>
-    );
-  }
-}
-
-const toJSON = (state: Object) => Raw.serialize(state, { terse: true });
-const toState = (json: Object) => Raw.deserialize(json, { terse: true });
-
-const toPlainText = (state: Object) => Plain.serialize(state);
-const fromPlainText = (string: string) => Plain.deserialize(string);
-
-export { toJSON, toState, toPlainText, fromPlainText };
-
-export default Editor;
diff --git a/src/components/editor/single-line-plugin.js b/src/components/editor/single-line-plugin.js
deleted file mode 100644
index 61d42e1438..0000000000
--- a/src/components/editor/single-line-plugin.js
+++ /dev/null
@@ -1,18 +0,0 @@
-// Taken from https://github.com/ianstormtaylor/slate/issues/419
-// TODO: Make separate package
-const SingleLinePlugin = {
-  schema: {
-    rules: [
-      {
-        match: node => node.kind === 'document',
-        validate: node => (node.nodes.size > 1 ? true : null),
-        normalize: (transform, node, value) => {
-          const toRemove = node.nodes.slice(1);
-          toRemove.forEach(child => transform.removeNodeByKey(child.key));
-        },
-      },
-    ],
-  },
-};
-
-export default SingleLinePlugin;
diff --git a/src/components/flyout/index.js b/src/components/flyout/index.js
index f3d9350980..845f2f8946 100644
--- a/src/components/flyout/index.js
+++ b/src/components/flyout/index.js
@@ -27,12 +27,11 @@ const StyledRow = styled(FlexRow)`
   top: -8px;
 `;
 
-const FlyoutPure = (props: Object): React$Element<any> =>
+const FlyoutPure = (props: Object): React$Element<any> => (
   <StyledFlyout className={'flyout'} {...props}>
-    <StyledRow>
-      {props.children}
-    </StyledRow>
-  </StyledFlyout>;
+    <StyledRow>{props.children}</StyledRow>
+  </StyledFlyout>
+);
 
 export const Flyout = compose(pure)(FlyoutPure);
 export default Flyout;
diff --git a/src/components/listItems/index.js b/src/components/listItems/index.js
index 8c5471ba3d..1528c2a4b2 100644
--- a/src/components/listItems/index.js
+++ b/src/components/listItems/index.js
@@ -177,19 +177,17 @@ export const UserListItem = ({
               </span>
             )}
             {(user.totalReputation || user.contextPermissions) && (
-              <span>
-                <ReputationMini tipText={'Rep in this community'} />
-                {user.contextPermissions ? (
-                  user.contextPermissions.reputation &&
-                  user.contextPermissions.reputation > 0 &&
-                  user.contextPermissions.reputation.toLocaleString()
-                ) : user.totalReputation && user.totalReputation > 0 ? (
-                  user.totalReputation.toLocaleString()
-                ) : (
-                  '0'
-                )}
-              </span>
-            )}
+                <span>
+                  <ReputationMini tipText={'Rep in this community'} />
+                  {user.contextPermissions
+                    ? user.contextPermissions.reputation &&
+                      user.contextPermissions.reputation > 0 &&
+                      user.contextPermissions.reputation.toLocaleString()
+                    : user.totalReputation && user.totalReputation > 0
+                      ? user.totalReputation.toLocaleString()
+                      : '0'}
+                </span>
+              )}
           </Meta>
         </Col>
         <ActionContainer className={'action'}>{children}</ActionContainer>
@@ -240,11 +238,9 @@ class InvoiceListItemPure extends React.Component {
                 .replace(/(\d)(?=(\d{3})+\.)/g, '$1,')}
             </Heading>
             <Meta>
-              {invoice.paidAt ? (
-                `Paid on ${convertTimestampToDate(invoice.paidAt * 1000)}`
-              ) : (
-                'Unpaid'
-              )}{' '}
+              {invoice.paidAt
+                ? `Paid on ${convertTimestampToDate(invoice.paidAt * 1000)}`
+                : 'Unpaid'}{' '}
               · {invoice.sourceBrand} {invoice.sourceLast4}
             </Meta>
           </Col>
diff --git a/src/components/loading/index.js b/src/components/loading/index.js
index 6cdbabc23e..8d492a330f 100644
--- a/src/components/loading/index.js
+++ b/src/components/loading/index.js
@@ -26,6 +26,7 @@ import {
   ShimmerComposer,
   ShimmerBase,
   ShimmerLine,
+  ShimmerSelect,
   Cover,
   LoadingOverlay,
   LoadingNavbarContainer,
@@ -831,11 +832,11 @@ export const LoadingProfileGrid = () => (
   </Grid>
 );
 
-/*
-  Outputs a full-screen loader with shimmering cards and columns. This is useful
-  when an entire view is wrapped in a query and we need certain data (like
-  permission checks) before we render anything.
-*/
+export const LoadingSelect = () => (
+  <ShimmerSelect>
+    <ShimmerBase />
+  </ShimmerSelect>
+);
 
 const isMobile = window.innerWidth < 768;
 
diff --git a/src/components/loading/style.js b/src/components/loading/style.js
index eeae2fe8c9..56904f9c39 100644
--- a/src/components/loading/style.js
+++ b/src/components/loading/style.js
@@ -41,6 +41,7 @@ export const ShimmerList = styled(Card)`
 
 export const ShimmerThreadDetail = styled(FlexCol)`
   padding: 40px 32px;
+  display: inline-block;
 
   @media (max-width: 768px) {
     padding: 16px;
@@ -114,6 +115,8 @@ export const ShimmerBubble = styled(FlexCol)`
 `;
 
 export const ShimmerChat = styled(FlexCol)`
+  margin-top: 32px;
+
   > div:nth-of-type(2n + 2) {
     width: 40%;
 
@@ -200,6 +203,24 @@ export const ShimmerInboxComposer = styled.div`
   }
 `;
 
+export const ShimmerSelect = styled.div`
+  padding: 10px 12px;
+  width: 196px;
+  margin-left: 8px;
+  border-radius: 8px;
+  background: ${props => props.theme.bg.default};
+  border: 2px solid ${props => props.theme.bg.border};
+
+  @media (max-width: 768px) {
+    width: calc(50% - 12px);
+  }
+
+  section {
+    min-height: 12px;
+    width: calc(100% - 16px);
+  }
+`;
+
 const placeHolderShimmer = keyframes`
 	0%{
 			transform: translateX(-100%) translateY(0%);
diff --git a/src/components/markdown/index.js b/src/components/markdown/index.js
deleted file mode 100644
index d8bd9082f7..0000000000
--- a/src/components/markdown/index.js
+++ /dev/null
@@ -1,126 +0,0 @@
-import React from 'react';
-//$FlowFixMe
-import { injectGlobal } from 'styled-components';
-//$FlowFixMe
-import MD from 'react-remarkable';
-
-let injected = false;
-class Markdown extends React.Component {
-  state: {
-    hljs: boolean,
-  };
-  state = {
-    hljs: false,
-  };
-
-  componentWillMount() {
-    // Inject highlight.js theme
-    if (!injected) {
-      // eslint-disable-next-line no-unused-expressions
-      injectGlobal`
-        .hljs {
-        display: block;
-        background: white;
-        padding: 0.5em;
-        color: #333333;
-        overflow-x: auto;
-        }
-
-        .hljs-comment,
-        .hljs-meta {
-        color: #969896;
-        }
-
-        .hljs-string,
-        .hljs-variable,
-        .hljs-template-variable,
-        .hljs-strong,
-        .hljs-emphasis,
-        .hljs-quote {
-        color: #df5000;
-        }
-
-        .hljs-keyword,
-        .hljs-selector-tag,
-        .hljs-type {
-        color: #a71d5d;
-        }
-
-        .hljs-literal,
-        .hljs-symbol,
-        .hljs-bullet,
-        .hljs-attribute {
-        color: #0086b3;
-        }
-
-        .hljs-section,
-        .hljs-name {
-        color: #63a35c;
-        }
-
-        .hljs-tag {
-        color: #333333;
-        }
-
-        .hljs-title,
-        .hljs-attr,
-        .hljs-selector-id,
-        .hljs-selector-class,
-        .hljs-selector-attr,
-        .hljs-selector-pseudo {
-        color: #795da3;
-        }
-
-        .hljs-addition {
-        color: #55a532;
-        background-color: #eaffea;
-        }
-
-        .hljs-deletion {
-        color: #bd2c00;
-        background-color: #ffecec;
-        }
-
-        .hljs-link {
-        text-decoration: underline;
-        }
-      `;
-      injected = true;
-    }
-    // Load highlight.js when it's necessary, but not before
-    import('highlight.js').then(module => {
-      this.setState({
-        hljs: module,
-      });
-    });
-  }
-  render() {
-    const { hljs } = this.state;
-    return (
-      <MD
-        options={{
-          html: true,
-          linkify: true,
-          highlight: function(str, lang) {
-            // If highlight.js isn't loaded yet don't highlight
-            if (!hljs) return '';
-            if (lang && hljs.getLanguage(lang)) {
-              try {
-                return hljs.highlight(lang, str).value;
-              } catch (err) {}
-            }
-
-            try {
-              return hljs.highlightAuto(str).value;
-            } catch (err) {}
-
-            return ''; // use external default escaping
-          },
-        }}
-        source={this.props.children}
-      />
-    );
-  }
-}
-
-export default Markdown;
diff --git a/src/components/mediaInput/index.js b/src/components/mediaInput/index.js
index 98800d35a7..ad02136514 100644
--- a/src/components/mediaInput/index.js
+++ b/src/components/mediaInput/index.js
@@ -14,6 +14,6 @@ export default ({
       multiple={multiple}
       onChange={onChange}
     />
-    <Icon glyph="photo" tipLocation="top-right" tipText="Upload Photo" subtle />
+    <Icon glyph="photo" tipLocation="top-right" tipText="Upload Photo" />
   </MediaLabel>
 );
diff --git a/src/components/mediaInput/style.js b/src/components/mediaInput/style.js
index b8855a45eb..599865ef5a 100644
--- a/src/components/mediaInput/style.js
+++ b/src/components/mediaInput/style.js
@@ -2,8 +2,8 @@ import styled from 'styled-components';
 import { zIndex } from '../globals';
 
 export const MediaInput = styled.input`
-  width: 0.1px;
-  height: 0.1px;
+  width: 0;
+  height: 0;
   opacity: 0;
   overflow: hidden;
   position: absolute;
@@ -24,6 +24,6 @@ export const MediaLabel = styled.label`
 
   &:hover {
     cursor: pointer;
-    color: ${({ theme }) => theme.brand.default};
+    color: ${({ theme }) => theme.brand.alt};
   }
 `;
diff --git a/src/components/modals/CommunityUpgradeModal/index.js b/src/components/modals/CommunityUpgradeModal/index.js
index 6ac6ecf6a1..a7693fb6a1 100644
--- a/src/components/modals/CommunityUpgradeModal/index.js
+++ b/src/components/modals/CommunityUpgradeModal/index.js
@@ -94,11 +94,9 @@ class CommunityUpgradeModal extends React.Component {
       <Modal
         isOpen={isOpen}
         contentLabel={
-          !community.isPro ? (
-            'Upgrade your community'
-          ) : (
-            'Manage your subscription'
-          )
+          !community.isPro
+            ? 'Upgrade your community'
+            : 'Manage your subscription'
         }
         onRequestClose={this.closeModal}
         shouldCloseOnOverlayClick={true}
diff --git a/src/components/modals/CreateChannelModal/index.js b/src/components/modals/CreateChannelModal/index.js
index 9ca0e5632e..69d92790ea 100644
--- a/src/components/modals/CreateChannelModal/index.js
+++ b/src/components/modals/CreateChannelModal/index.js
@@ -315,21 +315,21 @@ class CreateChannelModal extends Component {
             )}
 
             {modalProps.isPro &&
-            isPrivate && (
-              <Description>
-                Only approved people on Spectrum can see the threads, messages,
-                and members in this channel. You can manually approve users who
-                request to join this channel.
-              </Description>
-            )}
+              isPrivate && (
+                <Description>
+                  Only approved people on Spectrum can see the threads,
+                  messages, and members in this channel. You can manually
+                  approve users who request to join this channel.
+                </Description>
+              )}
 
             {modalProps.isPro &&
-            !isPrivate && (
-              <Description>
-                Anyone on Spectrum can join this channel, post threads and
-                messages, and will be able to see other members.
-              </Description>
-            )}
+              !isPrivate && (
+                <Description>
+                  Anyone on Spectrum can join this channel, post threads and
+                  messages, and will be able to see other members.
+                </Description>
+              )}
 
             <Actions>
               <TextButton color={'warn.alt'}>Cancel</TextButton>
diff --git a/src/components/modals/UserProfileModal/style.js b/src/components/modals/UserProfileModal/style.js
index 97362d7ecd..a21b766848 100644
--- a/src/components/modals/UserProfileModal/style.js
+++ b/src/components/modals/UserProfileModal/style.js
@@ -3,9 +3,7 @@
 import styled from 'styled-components';
 import { FlexRow, Transition, zIndex } from '../../globals';
 
-export const Row = styled(FlexRow)`
-  margin: 16px 24px;
-`;
+export const Row = styled(FlexRow)`margin: 16px 24px;`;
 
 export const HiddenInput = styled.input`
   visibility: hidden;
diff --git a/src/components/profile/channel.js b/src/components/profile/channel.js
index fdbc6ff36e..17098c148d 100644
--- a/src/components/profile/channel.js
+++ b/src/components/profile/channel.js
@@ -199,6 +199,42 @@ class ChannelWithData extends Component {
             channelIcon={false}
           >
             {currentUser &&
+              member && (
+                <Button
+                  loading={isLoading}
+                  icon="checkmark"
+                  gradientTheme="none"
+                  color="text.placeholder"
+                  hoverColor="text.placeholder"
+                  onClick={() => this.toggleSubscription(channel.id)}
+                >
+                  Joined
+                </Button>
+              )}
+            {currentUser &&
+              !member && (
+                <Button
+                  loading={isLoading}
+                  icon="plus-fill"
+                  gradientTheme="success"
+                  onClick={() => this.toggleSubscription(channel.id)}
+                >
+                  Join
+                </Button>
+              )}
+          </ChannelListItem>
+        </ProfileCard>
+      );
+    } else if (componentSize === 'listItemWithAction') {
+      return (
+        <ChannelListItemLi
+          clickable
+          contents={channel}
+          withDescription={false}
+          meta={`${channel.metaData.members} members`}
+          channelIcon={false}
+        >
+          {currentUser &&
             member && (
               <Button
                 loading={isLoading}
@@ -211,55 +247,19 @@ class ChannelWithData extends Component {
                 Joined
               </Button>
             )}
-            {currentUser &&
+          {currentUser &&
             !member && (
               <Button
+                size={'small'}
                 loading={isLoading}
                 icon="plus-fill"
+                color={'success.alt'}
                 gradientTheme="success"
                 onClick={() => this.toggleSubscription(channel.id)}
               >
                 Join
               </Button>
             )}
-          </ChannelListItem>
-        </ProfileCard>
-      );
-    } else if (componentSize === 'listItemWithAction') {
-      return (
-        <ChannelListItemLi
-          clickable
-          contents={channel}
-          withDescription={false}
-          meta={`${channel.metaData.members} members`}
-          channelIcon={false}
-        >
-          {currentUser &&
-          member && (
-            <Button
-              loading={isLoading}
-              icon="checkmark"
-              gradientTheme="none"
-              color="text.placeholder"
-              hoverColor="text.placeholder"
-              onClick={() => this.toggleSubscription(channel.id)}
-            >
-              Joined
-            </Button>
-          )}
-          {currentUser &&
-          !member && (
-            <Button
-              size={'small'}
-              loading={isLoading}
-              icon="plus-fill"
-              color={'success.alt'}
-              gradientTheme="success"
-              onClick={() => this.toggleSubscription(channel.id)}
-            >
-              Join
-            </Button>
-          )}
         </ChannelListItemLi>
       );
     }
diff --git a/src/components/profile/community.js b/src/components/profile/community.js
index c3e05b6e79..db41a436cc 100644
--- a/src/components/profile/community.js
+++ b/src/components/profile/community.js
@@ -162,15 +162,15 @@ class CommunityWithData extends Component {
               </ProfileHeaderMeta>
             </ProfileHeaderLink>
             {currentUser &&
-            community.communityPermissions.isOwner && (
-              <Link to={`/${community.slug}/settings`}>
-                <ProfileHeaderAction
-                  glyph="settings"
-                  tipText="Edit community"
-                  tipLocation="top-left"
-                />
-              </Link>
-            )}
+              community.communityPermissions.isOwner && (
+                <Link to={`/${community.slug}/settings`}>
+                  <ProfileHeaderAction
+                    glyph="settings"
+                    tipText="Edit community"
+                    tipLocation="top-left"
+                  />
+                </Link>
+              )}
           </ProfileHeader>
           <Description>
             {renderDescriptionWithLinks(community.description)}
@@ -200,6 +200,47 @@ class CommunityWithData extends Component {
               </ProfileHeaderMeta>
             </ProfileHeaderLink>
             {currentUser &&
+              member && (
+                <Button
+                  loading={isLoading}
+                  icon="checkmark"
+                  gradientTheme="none"
+                  color="text.placeholder"
+                  hoverColor="text.placeholder"
+                  onClick={() => this.toggleMembership(community.id)}
+                >
+                  Joined
+                </Button>
+              )}
+            {currentUser &&
+              !member && (
+                <Button
+                  loading={isLoading}
+                  icon="plus-fill"
+                  gradientTheme="success"
+                  onClick={() => this.toggleMembership(community.id)}
+                >
+                  Join
+                </Button>
+              )}
+          </ProfileHeader>
+        </ProfileCard>
+      );
+    } else if (componentSize === 'listItemWithAction') {
+      return (
+        <ProfileHeader>
+          <CommunityAvatar community src={community.profilePhoto} />
+          <ProfileHeaderLink to={`/${community.slug}`}>
+            <ProfileHeaderMeta>
+              <Title>{community.name}</Title>
+              {community.metaData && (
+                <Subtitle>
+                  {community.metaData.members.toLocaleString()} members
+                </Subtitle>
+              )}
+            </ProfileHeaderMeta>
+          </ProfileHeaderLink>
+          {currentUser &&
             member && (
               <Button
                 loading={isLoading}
@@ -212,7 +253,7 @@ class CommunityWithData extends Component {
                 Joined
               </Button>
             )}
-            {currentUser &&
+          {currentUser &&
             !member && (
               <Button
                 loading={isLoading}
@@ -223,47 +264,6 @@ class CommunityWithData extends Component {
                 Join
               </Button>
             )}
-          </ProfileHeader>
-        </ProfileCard>
-      );
-    } else if (componentSize === 'listItemWithAction') {
-      return (
-        <ProfileHeader>
-          <CommunityAvatar community src={community.profilePhoto} />
-          <ProfileHeaderLink to={`/${community.slug}`}>
-            <ProfileHeaderMeta>
-              <Title>{community.name}</Title>
-              {community.metaData && (
-                <Subtitle>
-                  {community.metaData.members.toLocaleString()} members
-                </Subtitle>
-              )}
-            </ProfileHeaderMeta>
-          </ProfileHeaderLink>
-          {currentUser &&
-          member && (
-            <Button
-              loading={isLoading}
-              icon="checkmark"
-              gradientTheme="none"
-              color="text.placeholder"
-              hoverColor="text.placeholder"
-              onClick={() => this.toggleMembership(community.id)}
-            >
-              Joined
-            </Button>
-          )}
-          {currentUser &&
-          !member && (
-            <Button
-              loading={isLoading}
-              icon="plus-fill"
-              gradientTheme="success"
-              onClick={() => this.toggleMembership(community.id)}
-            >
-              Join
-            </Button>
-          )}
         </ProfileHeader>
       );
     } else {
@@ -278,51 +278,43 @@ class CommunityWithData extends Component {
             </ProfileHeaderLink>
 
             {currentUser &&
-            !community.communityPermissions.isOwner && (
-              <ProfileHeaderAction
-                glyph={
-                  community.communityPermissions.isMember ? (
-                    'minus'
-                  ) : (
-                    'plus-fill'
-                  )
-                }
-                color={
-                  community.communityPermissions.isMember ? (
-                    'text.placeholder'
-                  ) : (
-                    'brand.alt'
-                  )
-                }
-                hoverColor={
-                  community.communityPermissions.isMember ? (
-                    'warn.default'
-                  ) : (
-                    'brand.alt'
-                  )
-                }
-                tipText={
-                  community.communityPermissions.isMember ? (
-                    `Leave community`
-                  ) : (
-                    'Join community'
-                  )
-                }
-                tipLocation="top-left"
-                onClick={() => this.toggleMembership(community.id)}
-              />
-            )}
-
-            {currentUser &&
-            community.communityPermissions.isOwner && (
-              <Link to={`/${community.slug}/settings`}>
+              !community.communityPermissions.isOwner && (
                 <ProfileHeaderAction
-                  glyph="settings"
-                  tipText="Edit community"
+                  glyph={
+                    community.communityPermissions.isMember
+                      ? 'minus'
+                      : 'plus-fill'
+                  }
+                  color={
+                    community.communityPermissions.isMember
+                      ? 'text.placeholder'
+                      : 'brand.alt'
+                  }
+                  hoverColor={
+                    community.communityPermissions.isMember
+                      ? 'warn.default'
+                      : 'brand.alt'
+                  }
+                  tipText={
+                    community.communityPermissions.isMember
+                      ? `Leave community`
+                      : 'Join community'
+                  }
                   tipLocation="top-left"
+                  onClick={() => this.toggleMembership(community.id)}
                 />
-              </Link>
-            )}
+              )}
+
+            {currentUser &&
+              community.communityPermissions.isOwner && (
+                <Link to={`/${community.slug}/settings`}>
+                  <ProfileHeaderAction
+                    glyph="settings"
+                    tipText="Edit community"
+                    tipLocation="top-left"
+                  />
+                </Link>
+              )}
           </ProfileHeader>
         </Card>
       );
diff --git a/src/components/profile/user.js b/src/components/profile/user.js
index ff52739aa8..3490355b6b 100644
--- a/src/components/profile/user.js
+++ b/src/components/profile/user.js
@@ -116,32 +116,35 @@ const UserWithData = ({
         </CoverSubtitle>
 
         {(user.description || user.website) && (
-          <CoverDescription>
-            {user.description && <p>{user.description}</p>}
-            {user.website && (
-              <ExtLink>
-                <Icon glyph="link" size={24} />
-                <a
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  href={addProtocolToString(user.website)}
-                >
-                  {user.website}
-                </a>
-              </ExtLink>
-            )}
-          </CoverDescription>
-        )}
+            <CoverDescription>
+              {user.description && <p>{user.description}</p>}
+              {user.website && (
+                <ExtLink>
+                  <Icon glyph="link" size={24} />
+                  <a
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    href={addProtocolToString(user.website)}
+                  >
+                    {user.website}
+                  </a>
+                </ExtLink>
+              )}
+            </CoverDescription>
+          )}
 
         {!user.isPro &&
-        currentUser &&
-        user.id === currentUser.id && (
-          <ProUpgrade>
-            <Button onClick={() => triggerUpgrade()} gradientTheme={'success'}>
-              Upgrade to Pro
-            </Button>
-          </ProUpgrade>
-        )}
+          currentUser &&
+          user.id === currentUser.id && (
+            <ProUpgrade>
+              <Button
+                onClick={() => triggerUpgrade()}
+                gradientTheme={'success'}
+              >
+                Upgrade to Pro
+              </Button>
+            </ProUpgrade>
+          )}
 
         {user.totalReputation > 0 && (
           <ReputationContainer>
@@ -149,11 +152,9 @@ const UserWithData = ({
 
             <ReputationCount>
               <strong>
-                {user.contextPermissions ? (
-                  user.contextPermissions.reputation.toLocaleString()
-                ) : (
-                  user.totalReputation.toLocaleString()
-                )}
+                {user.contextPermissions
+                  ? user.contextPermissions.reputation.toLocaleString()
+                  : user.totalReputation.toLocaleString()}
               </strong>{' '}
               rep
             </ReputationCount>
@@ -199,11 +200,9 @@ const UserWithData = ({
 
             <ReputationCount>
               <strong>
-                {user.contextPermissions ? (
-                  user.contextPermissions.reputation.toLocaleString()
-                ) : (
-                  user.totalReputation.toLocaleString()
-                )}
+                {user.contextPermissions
+                  ? user.contextPermissions.reputation.toLocaleString()
+                  : user.totalReputation.toLocaleString()}
               </strong>{' '}
               rep
             </ReputationCount>
@@ -282,11 +281,9 @@ const UserWithData = ({
 
             <ReputationCount>
               <strong>
-                {user.contextPermissions ? (
-                  user.contextPermissions.reputation.toLocaleString()
-                ) : (
-                  user.totalReputation.toLocaleString()
-                )}
+                {user.contextPermissions
+                  ? user.contextPermissions.reputation.toLocaleString()
+                  : user.totalReputation.toLocaleString()}
               </strong>{' '}
               rep
             </ReputationCount>
diff --git a/src/components/theme/index.js b/src/components/theme/index.js
index 283db6e2ca..8425c81465 100644
--- a/src/components/theme/index.js
+++ b/src/components/theme/index.js
@@ -7,7 +7,7 @@ export const theme = {
   bg: {
     default: '#FFFFFF',
     reverse: '#16171A',
-    wash: '#F6F7F8',
+    wash: '#F5F8FC',
     border: '#DFE7EF',
     inactive: '#DFE7EF',
   },
diff --git a/src/components/threadComposer/index.js b/src/components/threadComposer/index.js
index fe891845c1..4d10218202 100644
--- a/src/components/threadComposer/index.js
+++ b/src/components/threadComposer/index.js
@@ -16,7 +16,8 @@ import { track } from '../../helpers/events';
 import { openComposer, closeComposer } from '../../actions/composer';
 import { changeActiveThread } from '../../actions/dashboardFeed';
 import { addToastWithTimeout } from '../../actions/toasts';
-import Editor, { toPlainText, fromPlainText, toJSON } from '../editor';
+import Editor from '../draftjs-editor';
+import { toPlainText, fromPlainText, toJSON } from 'shared/draft-utils';
 import { getComposerCommunitiesAndChannels } from './queries';
 import { publishThread } from './mutations';
 import { getLinkPreviewFromUrl } from '../../helpers/utils';
@@ -42,6 +43,8 @@ import {
   UpsellDot,
 } from './style';
 
+const ENDS_IN_WHITESPACE = /(\s|\n)$/;
+
 const Upsell = () => {
   return (
     <ComposerUpsell>
@@ -56,7 +59,7 @@ class ThreadComposerWithData extends Component {
   // prop types
   state: {
     title: string,
-    body: string,
+    body: Object,
     availableCommunities: Array<any>,
     availableChannels: Array<any>,
     activeCommunity: ?string,
@@ -256,9 +259,10 @@ class ThreadComposerWithData extends Component {
     });
   };
 
-  changeBody = state => {
+  changeBody = body => {
+    this.listenForUrl(body);
     this.setState({
-      body: state,
+      body,
     });
   };
 
@@ -407,10 +411,11 @@ class ThreadComposerWithData extends Component {
     } = this.state;
     const channelId = activeChannel;
     const communityId = activeCommunity;
+    const jsonBody = toJSON(body);
 
     const content = {
       title,
-      body: JSON.stringify(toJSON(body)),
+      body: JSON.stringify(jsonBody),
     };
 
     const attachments = [];
@@ -426,10 +431,9 @@ class ThreadComposerWithData extends Component {
     }
 
     // Get the images
-    const filesToUpload = body.document.nodes
-      .filter(node => node.type === 'image')
-      .map(image => image.getIn(['data', 'file']))
-      .toJS();
+    const filesToUpload = Object.keys(jsonBody.entityMap)
+      .filter(key => jsonBody.entityMap[key].type === 'image')
+      .map(key => jsonBody.entityMap[key].data.file);
 
     // this.props.mutate comes from a higher order component defined at the
     // bottom of this file
@@ -439,7 +443,7 @@ class ThreadComposerWithData extends Component {
           thread: {
             channelId,
             communityId,
-            type: 'SLATE',
+            type: 'DRAFTJS',
             content,
             attachments,
             filesToUpload,
@@ -479,24 +483,21 @@ class ThreadComposerWithData extends Component {
       });
   };
 
-  listenForUrl = (e, data, state) => {
-    const text = toPlainText(state);
+  listenForUrl = state => {
+    const { linkPreview, linkPreviewLength } = this.state;
+    if (linkPreview !== null) return;
 
+    const lastChangeType = state.getLastChangeType();
     if (
-      e.keyCode !== 8 &&
-      e.keyCode !== 9 &&
-      e.keyCode !== 13 &&
-      e.keyCode !== 32 &&
-      e.keyCode !== 46
+      lastChangeType !== 'backspace-character' &&
+      lastChangeType !== 'insert-characters'
     ) {
-      // Return if backspace, tab, enter, space or delete was not pressed.
       return;
     }
 
-    const { linkPreview, linkPreviewLength } = this.state;
+    const text = toPlainText(state);
 
-    // also don't check if we already have a url in the linkPreview state
-    if (linkPreview !== null) return;
+    if (!ENDS_IN_WHITESPACE.test(text)) return;
 
     const toCheck = text.match(URLS);
 
@@ -608,10 +609,10 @@ class ThreadComposerWithData extends Component {
 
               <Editor
                 onChange={this.changeBody}
-                onKeyDown={this.listenForUrl}
                 state={this.state.body}
                 style={ThreadDescription}
                 editorRef={editor => (this.bodyEditor = editor)}
+                editorKey="thread-composer"
                 placeholder="Write more thoughts here, add photos, and anything else!"
                 className={'threadComposer'}
                 showLinkPreview={true}
diff --git a/src/components/threadFeedCard/formattedThreadLocation.js b/src/components/threadFeedCard/formattedThreadLocation.js
index 8ee5ea2699..8b322a08da 100644
--- a/src/components/threadFeedCard/formattedThreadLocation.js
+++ b/src/components/threadFeedCard/formattedThreadLocation.js
@@ -34,34 +34,34 @@ const FormattedThreadLocation = props => {
       )}
       <ThreadContextMeta>
         {(needsCommunityDetails || needsChannelDetails) && (
-          <Location>
-            {needsCommunityDetails && (
-              <Link to={`/${props.data.channel.community.slug}`}>
-                {props.data.channel.community.name}
-              </Link>
-            )}
-            {needsCommunityDetails &&
-            needsChannelDetails && <span>{' / '}</span>}
-            {needsChannelDetails && (
-              <Link
-                to={`/${props.data.channel.community.slug}/${props.data.channel
-                  .slug}`}
-              >
-                {props.data.channel.isPrivate && (
-                  <Lock>
-                    <Icon
-                      glyph="private"
-                      tipText={'Private channel'}
-                      tipLocation="top-right"
-                      size={12}
-                    />
-                  </Lock>
-                )}
-                {props.data.channel.name}
-              </Link>
-            )}
-          </Location>
-        )}
+            <Location>
+              {needsCommunityDetails && (
+                <Link to={`/${props.data.channel.community.slug}`}>
+                  {props.data.channel.community.name}
+                </Link>
+              )}
+              {needsCommunityDetails &&
+                needsChannelDetails && <span>{' / '}</span>}
+              {needsChannelDetails && (
+                <Link
+                  to={`/${props.data.channel.community.slug}/${props.data
+                    .channel.slug}`}
+                >
+                  {props.data.channel.isPrivate && (
+                    <Lock>
+                      <Icon
+                        glyph="private"
+                        tipText={'Private channel'}
+                        tipLocation="top-right"
+                        size={12}
+                      />
+                    </Lock>
+                  )}
+                  {props.data.channel.name}
+                </Link>
+              )}
+            </Location>
+          )}
       </ThreadContextMeta>
     </ThreadContext>
   );
diff --git a/src/helpers/utils.js b/src/helpers/utils.js
index ae3e32cb04..12465e4190 100644
--- a/src/helpers/utils.js
+++ b/src/helpers/utils.js
@@ -59,6 +59,10 @@ const regex = new RegExp(
 );
 export const onlyContainsEmoji = (text: string) => regex.test(text);
 
+export const draftOnlyContainsEmoji = (raw: object) =>
+  raw.blocks.length === 1 &&
+  raw.blocks[0].type === 'unstyled' &&
+  onlyContainsEmoji(raw.blocks[0].text);
 /**
  * Encode a string to base64 (using the Node built-in Buffer)
  *
diff --git a/src/routes.js b/src/routes.js
index 0589fe52a5..e5cc99e512 100644
--- a/src/routes.js
+++ b/src/routes.js
@@ -30,6 +30,7 @@ import CommunityAnalytics from './views/communityAnalytics';
 import ChannelSettings from './views/channelSettings';
 import NewCommunity from './views/newCommunity';
 import Splash from './views/splash';
+import Composer from './components/composer';
 import signedOutFallback from './helpers/signed-out-fallback';
 import { Login } from './views/login';
 import ThreadSlider from './views/threadSlider';
@@ -44,7 +45,6 @@ const Body = styled(FlexCol)`
   display: flex;
   width: 100vw;
   height: 100vh;
-  overflow-y: scroll;
   background: ${props => props.theme.bg.wash};
 
   @media (max-width: 768px) {
@@ -129,6 +129,7 @@ class Routes extends React.Component<{}> {
 
               {/* App Pages */}
               <Route path="/new/community" component={NewCommunityFallback} />
+              <Route path="/new/thread" component={Composer} />
               <Route
                 path="/new"
                 render={() => <Redirect to="/new/community" />}
diff --git a/src/views/channel/index.js b/src/views/channel/index.js
index c8c8767f0e..d7a68d5f98 100644
--- a/src/views/channel/index.js
+++ b/src/views/channel/index.js
@@ -109,20 +109,16 @@ class ChannelView extends React.Component<Props> {
             <ViewError
               emoji={isPending ? '🕓' : '🔑'}
               heading={
-                isPending ? (
-                  `Your request to join this channel is pending`
-                ) : (
-                  `This channel is private`
-                )
+                isPending
+                  ? `Your request to join this channel is pending`
+                  : `This channel is private`
               }
               subheading={
-                isPending ? (
-                  `Return to the ${channel.community
-                    .name} community until you hear back.`
-                ) : (
-                  `Request to join this channel and the admins of ${channel
-                    .community.name} will be notified.`
-                )
+                isPending
+                  ? `Return to the ${channel.community
+                      .name} community until you hear back.`
+                  : `Request to join this channel and the admins of ${channel
+                      .community.name} will be notified.`
               }
             >
               <RequestToJoinChannel
@@ -165,18 +161,18 @@ class ChannelView extends React.Component<Props> {
 
             {/* user is signed in and is a member of the channel */}
             {isLoggedIn &&
-            userHasPermissions && (
-              <NotificationsToggle
-                value={channel.channelPermissions.receiveNotifications}
-                channel={channel}
-              />
-            )}
+              userHasPermissions && (
+                <NotificationsToggle
+                  value={channel.channelPermissions.receiveNotifications}
+                  channel={channel}
+                />
+              )}
 
             {/* user is signed in and has permissions to view pending users */}
             {isLoggedIn &&
-            (isOwner || isGlobalOwner) && (
-              <PendingUsersNotification channel={channel} id={channel.id} />
-            )}
+              (isOwner || isGlobalOwner) && (
+                <PendingUsersNotification channel={channel} id={channel.id} />
+              )}
           </Column>
 
           <Column type="primary" alignItems="center">
@@ -186,24 +182,24 @@ class ChannelView extends React.Component<Props> {
 
             {/* if the user is logged in and has permission to post, but the channel is private in an unpaid community, return an upsell to upgrade the community */}
             {isLoggedIn &&
-            userHasPermissions &&
-            channel.isPrivate &&
-            !channel.community.isPro && (
-              <UpsellUpgradeCommunityPrivateChannel
-                community={channel.community}
-              />
-            )}
+              userHasPermissions &&
+              channel.isPrivate &&
+              !channel.community.isPro && (
+                <UpsellUpgradeCommunityPrivateChannel
+                  community={channel.community}
+                />
+              )}
 
             {/* if the user is logged in and has permissions to post, and the channel is either private + paid, or is not private, show the composer */}
             {isLoggedIn &&
-            userHasPermissions &&
-            ((channel.isPrivate && channel.community.isPro) ||
-              !channel.isPrivate) && (
-              <ThreadComposer
-                activeCommunity={communitySlug}
-                activeChannel={channelSlug}
-              />
-            )}
+              userHasPermissions &&
+              ((channel.isPrivate && channel.community.isPro) ||
+                !channel.isPrivate) && (
+                <ThreadComposer
+                  activeCommunity={communitySlug}
+                  activeChannel={channelSlug}
+                />
+              )}
 
             <ThreadFeedWithData
               viewContext="channel"
diff --git a/src/views/community/components/search.js b/src/views/community/components/search.js
index 58f3637b65..064a6bd445 100644
--- a/src/views/community/components/search.js
+++ b/src/views/community/components/search.js
@@ -69,15 +69,15 @@ class Search extends React.Component<Props, State> {
           />
         </SearchContainer>
         {searchString &&
-        sendStringToServer && (
-          <SearchThreadFeed
-            viewContext="community"
-            communityId={community.id}
-            searchString={sendStringToServer}
-            community={community}
-            pinnedThreadId={community.pinnedThreadId}
-          />
-        )}
+          sendStringToServer && (
+            <SearchThreadFeed
+              viewContext="community"
+              communityId={community.id}
+              searchString={sendStringToServer}
+              community={community}
+              pinnedThreadId={community.pinnedThreadId}
+            />
+          )}
       </div>
     );
   }
diff --git a/src/views/community/index.js b/src/views/community/index.js
index 9ff52d2cc4..33b603b82e 100644
--- a/src/views/community/index.js
+++ b/src/views/community/index.js
@@ -184,15 +184,15 @@ class CommunityView extends React.Component<Props, State> {
               <Column type="secondary" className={'inset'}>
                 <CommunityProfile data={{ community }} profileSize="full" />
                 {isLoggedIn &&
-                (!isMobile &&
-                  !community.communityPermissions.isOwner &&
-                  community.communityPermissions.isMember) && (
-                  <LogoutButton
-                    onClick={() => this.toggleMembership(community.id)}
-                  >
-                    Leave {community.name}
-                  </LogoutButton>
-                )}
+                  (!isMobile &&
+                    !community.communityPermissions.isOwner &&
+                    community.communityPermissions.isMember) && (
+                    <LogoutButton
+                      onClick={() => this.toggleMembership(community.id)}
+                    >
+                      Leave {community.name}
+                    </LogoutButton>
+                  )}
                 {!isMobile && (
                   <ChannelList communitySlug={communitySlug.toLowerCase()} />
                 )}
@@ -230,31 +230,33 @@ class CommunityView extends React.Component<Props, State> {
                 // and is a member of the community, they should see a
                 // new thread composer
                 isLoggedIn &&
-                selectedView === 'threads' &&
-                userHasPermissions && (
-                  <ThreadComposer
-                    activeCommunity={communitySlug}
-                    showComposerUpsell={showComposerUpsell}
-                  />
-                )}
+                  selectedView === 'threads' &&
+                  userHasPermissions && (
+                    <ThreadComposer
+                      activeCommunity={communitySlug}
+                      showComposerUpsell={showComposerUpsell}
+                    />
+                  )}
 
                 {// if the user is logged in but doesn't own the community
                 // or isn't a member yet, prompt them to join the community
                 isLoggedIn &&
-                !userHasPermissions && (
-                  <UpsellJoinCommunity
-                    community={community}
-                    loading={isLoading}
-                    join={this.toggleMembership}
-                  />
-                )}
+                  !userHasPermissions && (
+                    <UpsellJoinCommunity
+                      community={community}
+                      loading={isLoading}
+                      join={this.toggleMembership}
+                    />
+                  )}
 
                 {// if the user hasn't signed up yet, show them a spectrum
                 // upsell signup prompt
                 !isLoggedIn &&
-                selectedView === 'threads' && (
-                  <UpsellSignIn view={{ data: community, type: 'community' }} />
-                )}
+                  selectedView === 'threads' && (
+                    <UpsellSignIn
+                      view={{ data: community, type: 'community' }}
+                    />
+                  )}
 
                 {// thread list
                 selectedView === 'threads' && (
diff --git a/src/views/communitySettings/components/emailInvites.js b/src/views/communitySettings/components/emailInvites.js
index 8b932fd55b..6d13cbe228 100644
--- a/src/views/communitySettings/components/emailInvites.js
+++ b/src/views/communitySettings/components/emailInvites.js
@@ -297,11 +297,9 @@ class EmailInvites extends React.Component<Props, State> {
 
         <CustomMessageToggle onClick={this.toggleCustomMessage}>
           <Icon glyph={hasCustomMessage ? 'view-close' : 'post'} size={20} />
-          {hasCustomMessage ? (
-            'Remove custom message'
-          ) : (
-            'Optional: Add a custom message to your invitation'
-          )}
+          {hasCustomMessage
+            ? 'Remove custom message'
+            : 'Optional: Add a custom message to your invitation'}
         </CustomMessageToggle>
 
         {hasCustomMessage && (
@@ -320,11 +318,11 @@ class EmailInvites extends React.Component<Props, State> {
         )}
 
         {hasCustomMessage &&
-        customMessageError && (
-          <Error>
-            Your custom invitation message can be up to 500 characters.
-          </Error>
-        )}
+          customMessageError && (
+            <Error>
+              Your custom invitation message can be up to 500 characters.
+            </Error>
+          )}
 
         <SectionCardFooter>
           <Button
diff --git a/src/views/communitySettings/components/importSlack.js b/src/views/communitySettings/components/importSlack.js
index 449ffb016d..9c19dbdc75 100644
--- a/src/views/communitySettings/components/importSlack.js
+++ b/src/views/communitySettings/components/importSlack.js
@@ -226,11 +226,9 @@ class ImportSlack extends React.Component<Props, State> {
                   glyph={hasCustomMessage ? 'view-close' : 'post'}
                   size={20}
                 />
-                {hasCustomMessage ? (
-                  'Remove custom message'
-                ) : (
-                  'Optional: Add a custom message to your invitation'
-                )}
+                {hasCustomMessage
+                  ? 'Remove custom message'
+                  : 'Optional: Add a custom message to your invitation'}
               </CustomMessageToggle>
 
               {hasCustomMessage && (
@@ -249,11 +247,11 @@ class ImportSlack extends React.Component<Props, State> {
               )}
 
               {hasCustomMessage &&
-              customMessageError && (
-                <Error>
-                  Your custom invitation message can be up to 500 characters.
-                </Error>
-              )}
+                customMessageError && (
+                  <Error>
+                    Your custom invitation message can be up to 500 characters.
+                  </Error>
+                )}
 
               <SectionCardFooter>
                 <Button
diff --git a/src/views/compose/index.js b/src/views/compose/index.js
new file mode 100644
index 0000000000..bfb10553ec
--- /dev/null
+++ b/src/views/compose/index.js
@@ -0,0 +1,20 @@
+import React from 'react';
+import Composer from '../../components/composer';
+import Titlebar from '../titlebar';
+import { View } from './style';
+
+const Compose = props => {
+  return (
+    <View>
+      <Titlebar
+        provideBack
+        noComposer
+        title={'New Conversation'}
+        style={{ gridArea: 'header' }}
+      />
+      <Composer style={{ gridArea: 'body' }} />
+    </View>
+  );
+};
+
+export default Compose;
diff --git a/src/views/compose/style.js b/src/views/compose/style.js
new file mode 100644
index 0000000000..3f27c6c416
--- /dev/null
+++ b/src/views/compose/style.js
@@ -0,0 +1,10 @@
+import styled from 'styled-components';
+
+export const View = styled.div`
+  display: flex;
+  flex-direction: column;
+  align-self: stretch;
+  flex: auto;
+  max-height: 100vh;
+  overflow: hidden;
+`;
diff --git a/src/views/dashboard/components/inboxComposer.js b/src/views/dashboard/components/inboxComposer.js
deleted file mode 100644
index 51df9a8cb4..0000000000
--- a/src/views/dashboard/components/inboxComposer.js
+++ /dev/null
@@ -1,17 +0,0 @@
-// @flow
-import React from 'react';
-// $FlowFixMe
-import { connect } from 'react-redux';
-import { openComposer } from '../../../actions/composer';
-import { CreateThreadComposer, ComposeIconContainer } from '../style';
-import Icon from '../../../components/icons';
-
-const Composer = ({ dispatch }) => (
-  <CreateThreadComposer onClick={() => dispatch(openComposer())}>
-    <ComposeIconContainer>
-      <Icon glyph={'post'} size={32} />
-    </ComposeIconContainer>
-  </CreateThreadComposer>
-);
-
-export default connect()(Composer);
diff --git a/src/views/dashboard/components/inboxThread.js b/src/views/dashboard/components/inboxThread.js
index 4a8000cf7b..109dd06314 100644
--- a/src/views/dashboard/components/inboxThread.js
+++ b/src/views/dashboard/components/inboxThread.js
@@ -75,20 +75,18 @@ class InboxThread extends Component {
 
           <ThreadMeta>
             {(participantsExist || creator) && (
-              <Facepile
-                active={active}
-                participants={participants}
-                creator={data.creator}
-              />
-            )}
+                <Facepile
+                  active={active}
+                  participants={participants}
+                  creator={data.creator}
+                />
+              )}
 
             {data.messageCount > 0 ? (
               <MetaText offset={participants.length} active={active}>
-                {data.messageCount > 1 ? (
-                  `${data.messageCount} messages`
-                ) : (
-                  `${data.messageCount} message`
-                )}
+                {data.messageCount > 1
+                  ? `${data.messageCount} messages`
+                  : `${data.messageCount} message`}
               </MetaText>
             ) : (
               <MetaTextPill offset={participants.length} active={active} new>
diff --git a/src/views/dashboard/components/threadSelectorHeader.js b/src/views/dashboard/components/threadSelectorHeader.js
new file mode 100644
index 0000000000..8a34cb0a8f
--- /dev/null
+++ b/src/views/dashboard/components/threadSelectorHeader.js
@@ -0,0 +1,20 @@
+// @flow
+import React from 'react';
+// $FlowFixMe
+import { connect } from 'react-redux';
+import { changeActiveThread } from '../../../actions/dashboardFeed';
+import { HeaderWrapper } from '../style';
+import { IconButton } from '../../../components/buttons';
+
+const Header = ({ dispatch }) => (
+  <HeaderWrapper>
+    <IconButton
+      glyph={'post'}
+      onClick={() => dispatch(changeActiveThread('new'))}
+      tipText={'New conversation'}
+      tipLocation={'bottom-left'}
+    />
+  </HeaderWrapper>
+);
+
+export default connect()(Header);
diff --git a/src/views/dashboard/index.js b/src/views/dashboard/index.js
index 424341cf19..e18722b408 100644
--- a/src/views/dashboard/index.js
+++ b/src/views/dashboard/index.js
@@ -13,13 +13,12 @@ import { getCommunityThreads } from '../../views/community/queries';
 import Titlebar from '../../views/titlebar';
 import NewUserOnboarding from '../../views/newUserOnboarding';
 import DashboardThreadFeed from './components/threadFeed';
-import ThreadComposer from '../../components/threadComposer';
 import Head from '../../components/head';
 import DashboardLoading from './components/dashboardLoading';
 import DashboardError from './components/dashboardError';
 import NewActivityIndicator from './components/newActivityIndicator';
 import DashboardThread from '../dashboardThread';
-import Composer from './components/inboxComposer';
+import Header from './components/threadSelectorHeader';
 import CommunityList from './components/communityList';
 import viewNetworkHandler from '../../components/viewNetworkHandler';
 import {
@@ -31,7 +30,6 @@ import {
   FeedHeaderContainer,
   ThreadWrapper,
   ThreadScroller,
-  ThreadComposerContainer,
 } from './style';
 
 const EverythingThreadFeed = compose(connect(), getEverythingThreads)(
@@ -51,7 +49,6 @@ class Dashboard extends Component {
       newActivityIndicator,
       activeThread,
       activeCommunity,
-      composerIsOpen,
       isLoading,
       hasError,
     } = this.props;
@@ -79,7 +76,6 @@ class Dashboard extends Component {
         <DashboardWrapper>
           <Head title={title} description={description} />
           <Titlebar />
-
           <CommunityListWrapper>
             <CommunityListScroller>
               <CommunityList
@@ -92,22 +88,11 @@ class Dashboard extends Component {
 
           <InboxWrapper>
             <FeedHeaderContainer>
-              <Composer />
+              <Header />
             </FeedHeaderContainer>
             {newActivityIndicator && (
               <NewActivityIndicator elem="scroller-for-inbox" />
             )}
-            {composerIsOpen && (
-              <ThreadComposerContainer>
-                <ThreadComposer
-                  activeCommunity={
-                    activeCommunityObject && activeCommunityObject.slug
-                  }
-                  activeChannel={'general'}
-                  isInbox
-                />
-              </ThreadComposerContainer>
-            )}
             <InboxScroller id="scroller-for-inbox">
               {!activeCommunity ? (
                 <EverythingThreadFeed selectedId={activeThread} />
@@ -125,7 +110,13 @@ class Dashboard extends Component {
 
           <ThreadWrapper>
             <ThreadScroller id="scroller-for-inbox-thread-view">
-              <DashboardThread threadId={activeThread} />
+              <DashboardThread
+                threadId={activeThread}
+                activeCommunity={
+                  activeCommunityObject && activeCommunityObject.slug
+                }
+                activeChannel={'general'}
+              />
             </ThreadScroller>
           </ThreadWrapper>
         </DashboardWrapper>
@@ -156,7 +147,6 @@ const map = state => ({
   newActivityIndicator: state.newActivityIndicator.hasNew,
   activeThread: state.dashboardFeed.activeThread,
   activeCommunity: state.dashboardFeed.activeCommunity,
-  composerIsOpen: state.composer.isOpen,
 });
 export default compose(
   connect(map),
diff --git a/src/views/dashboard/style.js b/src/views/dashboard/style.js
index 72e72bf948..4415405ae0 100644
--- a/src/views/dashboard/style.js
+++ b/src/views/dashboard/style.js
@@ -3,7 +3,14 @@
 import styled, { css } from 'styled-components';
 // $FlowFixMe
 import { Link } from 'react-router-dom';
-import { zIndex, Truncate, Tooltip } from '../../components/globals';
+import {
+  zIndex,
+  Truncate,
+  Tooltip,
+  Transition,
+  Shadow,
+  hexa,
+} from '../../components/globals';
 
 export const Wrapper = styled.div`
   display: flex;
@@ -19,9 +26,8 @@ export const Wrapper = styled.div`
 
 export const InboxWrapper = styled.div`
   display: flex;
-  flex: auto;
-  flex 1 0 25%;
-  max-width: 528px;
+  width: 100%;
+  max-width: 440px;
   min-width: 320px;
   overflow-y: hidden;
   position: relative;
@@ -55,24 +61,24 @@ export const CommunityListWrapper = styled.div`
   background: ${props => props.theme.bg.wash};
   border-right: 1px solid ${props => props.theme.bg.border};
   transform: translateZ(0);
-  transition: all 0.2s ease-in-out;
+  transition: ${Transition.hover.off};
   padding-bottom: 48px;
 
   img {
     opacity: 0.4;
     filter: grayscale(60%);
-    transition: all 0.2s ease-in-out;
+    transition: ${Transition.hover.on};
   }
 
   &:hover {
     transform: translateZ(0);
     width: 256px;
-    transition: all 0.2s ease-in-out;
+    transition: ${Transition.hover.on};
 
     img {
       filter: grayscale(0%);
       opacity: 1;
-      transition: all 0.2s ease-in-out;
+      transition: ${Transition.hover.on};
     }
   }
 
@@ -127,7 +133,7 @@ export const ExploreCommunityListItem = styled(CommunityListItem)`
   color: ${props => props.theme.text.alt};
   box-shadow: 0 -1px 0 ${props => props.theme.bg.border};
   margin: 0;
-  padding: 8px 16px;
+  padding: 12px 16px;
   border-radius: 0;
 
   &:hover {
@@ -188,9 +194,8 @@ export const CommunityListScroller = styled.div`
 
 export const FeedHeaderContainer = styled.div`
   background: ${props => props.theme.bg.default};
-  padding: 16px;
-  box-shadow: 0 1px 0 0 ${props => props.theme.bg.border},
-    0 1px 3px rgba(0, 0, 0, 0.01);
+  padding: 8px;
+  box-shadow: ${Shadow.low} ${props => hexa(props.theme.bg.reverse, 0.15)};
   position: relative;
   z-index: 10;
 
@@ -205,8 +210,6 @@ export const ThreadWrapper = styled.div`
   overflow-y: hidden;
   position: relative;
   align-self: stretch;
-  max-width: 840px;
-  border-right: 1px solid ${props => props.theme.bg.border};
 
   @media (max-width: 768px) {
     display: none;
@@ -219,7 +222,7 @@ export const ThreadScroller = styled.div`
   position: relative;
 `;
 
-export const CreateThreadComposer = styled.div`
+export const HeaderWrapper = styled.div`
   display: flex;
   align-items: center;
   justify-content: flex-end;
@@ -265,6 +268,10 @@ export const InboxThreadItem = styled.div`
     background: ${props =>
       props.active ? props.theme.brand.alt : props.theme.bg.wash};
   }
+
+  &:first-of-type {
+    border-top: none;
+  }
 `;
 
 export const InboxLinkWrapper = styled(Link)`
diff --git a/src/views/dashboardThread/index.js b/src/views/dashboardThread/index.js
index 31f772fd95..dea824872b 100644
--- a/src/views/dashboardThread/index.js
+++ b/src/views/dashboardThread/index.js
@@ -1,6 +1,7 @@
 import React, { Component } from 'react';
+import Composer from '../../components/composer';
 import ThreadContainer from '../thread/containers';
-import { NullContainer, Container, NullThread, Thread, Heading } from './style';
+import { Container, Thread } from './style';
 
 class DashboardThread extends Component {
   render() {
@@ -12,11 +13,11 @@ class DashboardThread extends Component {
     // composer is selected
     if (threadId === 'new')
       return (
-        <NullContainer>
-          <NullThread>
-            <Heading>New thread composer will go here</Heading>
-          </NullThread>
-        </NullContainer>
+        <Container>
+          <Thread>
+            <Composer isInbox={true} {...this.props} />
+          </Thread>
+        </Container>
       );
 
     // otherwise return the thread that was selected
diff --git a/src/views/directMessages/containers/newThread.js b/src/views/directMessages/containers/newThread.js
index 62baaaac09..3ff607ec76 100644
--- a/src/views/directMessages/containers/newThread.js
+++ b/src/views/directMessages/containers/newThread.js
@@ -755,12 +755,12 @@ class NewThread extends Component {
           innerRef={scrollBody => (this.scrollBody = scrollBody)}
         >
           {existingThreadWithMessages &&
-          existingThreadWithMessages.id && (
-            <Header
-              thread={existingThreadWithMessages}
-              currentUser={currentUser}
-            />
-          )}
+            existingThreadWithMessages.id && (
+              <Header
+                thread={existingThreadWithMessages}
+                currentUser={currentUser}
+              />
+            )}
 
           {existingThreadBasedOnSelectedUsers && (
             <Messages
diff --git a/src/views/explore/components/search.js b/src/views/explore/components/search.js
index e4eb801f0e..db3714e5c5 100644
--- a/src/views/explore/components/search.js
+++ b/src/views/explore/components/search.js
@@ -234,18 +234,18 @@ class Search extends Component {
               })}
 
             {searchResults.length === 0 &&
-            isFocused && (
-              <SearchResult>
-                <SearchResultTextContainer>
-                  <SearchResultNull>
-                    <p>No communities found matching "{searchString}"</p>
-                    <Link to={'/new/community'}>
-                      <Button>Create a Community</Button>
-                    </Link>
-                  </SearchResultNull>
-                </SearchResultTextContainer>
-              </SearchResult>
-            )}
+              isFocused && (
+                <SearchResult>
+                  <SearchResultTextContainer>
+                    <SearchResultNull>
+                      <p>No communities found matching "{searchString}"</p>
+                      <Link to={'/new/community'}>
+                        <Button>Create a Community</Button>
+                      </Link>
+                    </SearchResultNull>
+                  </SearchResultTextContainer>
+                </SearchResult>
+              )}
           </SearchResultsDropdown>
         )}
       </SearchWrapper>
diff --git a/src/views/navbar/index.js b/src/views/navbar/index.js
index 4ef323f17c..e83a858e97 100644
--- a/src/views/navbar/index.js
+++ b/src/views/navbar/index.js
@@ -347,10 +347,15 @@ class Navbar extends Component {
     const isViewingDm =
       parts[1] === 'messages' && parts[2] && parts[2] !== 'new';
     const isComposingDm = history.location.pathname === '/messages/new';
+    const isComposingThread = history.location.pathname === '/new/thread';
     const isViewingThreadSlider = threadParam !== undefined;
     if (
       isMobile &&
-      (isViewingThreadSlider || isComposingDm || isViewingThread || isViewingDm)
+      (isViewingThreadSlider ||
+        isComposingDm ||
+        isViewingThread ||
+        isViewingDm ||
+        isComposingThread)
     ) {
       return null;
     }
@@ -447,11 +452,9 @@ class Navbar extends Component {
                   `/users/${loggedInUser.username}`
                 }
                 to={
-                  loggedInUser.username ? (
-                    `/users/${loggedInUser.username}`
-                  ) : (
-                    '/'
-                  )
+                  loggedInUser.username
+                    ? `/users/${loggedInUser.username}`
+                    : '/'
                 }
               >
                 <UserProfileAvatar
diff --git a/src/views/newCommunity/index.js b/src/views/newCommunity/index.js
index eec2d7ea5b..8b3f9437dd 100644
--- a/src/views/newCommunity/index.js
+++ b/src/views/newCommunity/index.js
@@ -178,36 +178,38 @@ class NewCommunity extends Component {
 
               {// gather community meta info
               activeStep === 1 &&
-              !community && (
-                <CreateCommunityForm communityCreated={this.communityCreated} />
-              )}
+                !community && (
+                  <CreateCommunityForm
+                    communityCreated={this.communityCreated}
+                  />
+                )}
 
               {activeStep === 1 &&
-              community && (
-                <EditCommunityForm
-                  communityUpdated={this.communityCreated}
-                  community={community}
-                />
-              )}
-
-              {activeStep === 2 &&
-              community &&
-              community.id && (
-                <ContentContainer>
-                  <Divider />
-                  <ImportSlackWithoutCard
+                community && (
+                  <EditCommunityForm
+                    communityUpdated={this.communityCreated}
                     community={community}
-                    id={community.id || existingId}
-                    isOnboarding
-                    hasInvitedPeople={this.hasInvitedPeople}
                   />
-                  <Divider />
-                  <EmailInvitesWithoutCard
-                    community={community}
-                    hasInvitedPeople={this.hasInvitedPeople}
-                  />
-                </ContentContainer>
-              )}
+                )}
+
+              {activeStep === 2 &&
+                community &&
+                community.id && (
+                  <ContentContainer>
+                    <Divider />
+                    <ImportSlackWithoutCard
+                      community={community}
+                      id={community.id || existingId}
+                      isOnboarding
+                      hasInvitedPeople={this.hasInvitedPeople}
+                    />
+                    <Divider />
+                    <EmailInvitesWithoutCard
+                      community={community}
+                      hasInvitedPeople={this.hasInvitedPeople}
+                    />
+                  </ContentContainer>
+                )}
 
               {// connect a slack team or invite via email
               activeStep === 2 && (
diff --git a/src/views/newUserOnboarding/components/communitySearch/index.js b/src/views/newUserOnboarding/components/communitySearch/index.js
index ff7cfe2c9b..881f09e2f4 100644
--- a/src/views/newUserOnboarding/components/communitySearch/index.js
+++ b/src/views/newUserOnboarding/components/communitySearch/index.js
@@ -330,16 +330,16 @@ class Search extends Component {
               })}
 
             {searchResults.length === 0 &&
-            isFocused && (
-              <SearchResult>
-                <SearchResultNull>
-                  <p>No communities found matching "{searchString}"</p>
-                  <Link to={'/new/community'}>
-                    <Button>Create a Community</Button>
-                  </Link>
-                </SearchResultNull>
-              </SearchResult>
-            )}
+              isFocused && (
+                <SearchResult>
+                  <SearchResultNull>
+                    <p>No communities found matching "{searchString}"</p>
+                    <Link to={'/new/community'}>
+                      <Button>Create a Community</Button>
+                    </Link>
+                  </SearchResultNull>
+                </SearchResult>
+              )}
           </SearchResultsDropdown>
         )}
       </SearchWrapper>
diff --git a/src/views/pages/style.js b/src/views/pages/style.js
index 3ab3ef3506..ba25ef1a08 100644
--- a/src/views/pages/style.js
+++ b/src/views/pages/style.js
@@ -84,7 +84,7 @@ export const PropsList = styled.ul`
 `;
 
 export const ComponentContainer = styled.div`
-  background: #f6f7f8;
+  background: ${props => props.theme.bg.wash};
   border-radius: 4px;
   overflow: hidden;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
diff --git a/src/views/thread/components/threadDetail.js b/src/views/thread/components/threadDetail.js
index 448e19af5d..91908a4e1a 100644
--- a/src/views/thread/components/threadDetail.js
+++ b/src/views/thread/components/threadDetail.js
@@ -30,21 +30,16 @@ import Flyout from '../../../components/flyout';
 import Badge from '../../../components/badges';
 import { IconButton, Button } from '../../../components/buttons';
 import { track } from '../../../helpers/events';
-import Editor, {
-  toJSON,
-  toPlainText,
-  toState,
-} from '../../../components/editor';
-import { LinkPreview } from '../../../components/linkPreview';
-import { ThreadTitle, ThreadDescription } from '../style';
+import Editor from '../../../components/draftjs-editor';
+import { toJSON, toPlainText, toState } from 'shared/draft-utils';
 import Reputation from '../../../components/reputation';
 // $FlowFixMe
 import Textarea from 'react-textarea-autosize';
 import {
+  ThreadTitle,
   ThreadWrapper,
   ThreadHeading,
   Byline,
-  ThreadContent,
   ContextRow,
   DropWrap,
   FlyoutRow,
@@ -58,11 +53,12 @@ import {
   Location,
 } from '../style';
 
+const ENDS_IN_WHITESPACE = /(\s|\n)$/;
+
 class ThreadDetailPure extends Component {
   state: {
     isEditing: boolean,
-    viewBody: string,
-    editBody: string,
+    body: any,
     title: string,
     linkPreview: Object,
     linkPreviewTrueUrl: string,
@@ -92,20 +88,9 @@ class ThreadDetailPure extends Component {
       data: JSON.parse(rawLinkPreview.data),
     };
 
-    const viewBody =
-      thread.type === 'SLATE'
-        ? toPlainText(toState(JSON.parse(thread.content.body)))
-        : thread.content.body;
-
-    const editBody =
-      thread.type === 'SLATE'
-        ? toState(JSON.parse(thread.content.body))
-        : thread.content.body;
-
     this.setState({
       isEditing: false,
-      viewBody,
-      editBody,
+      body: toState(JSON.parse(thread.content.body)),
       title: thread.content.title,
       linkPreview: rawLinkPreview ? cleanLinkPreview.data : null,
       linkPreviewTrueUrl:
@@ -228,7 +213,7 @@ class ThreadDetailPure extends Component {
 
   saveEdit = () => {
     const { dispatch, editThread, thread } = this.props;
-    const { linkPreview, linkPreviewTrueUrl, title, editBody } = this.state;
+    const { linkPreview, linkPreviewTrueUrl, title, body } = this.state;
     const threadId = thread.id;
 
     if (!title || title.length === 0) {
@@ -242,6 +227,13 @@ class ThreadDetailPure extends Component {
       isSavingEdit: true,
     });
 
+    const jsonBody = toJSON(body);
+
+    const content = {
+      title,
+      body: JSON.stringify(jsonBody),
+    };
+
     const attachments = [];
     if (linkPreview) {
       const attachmentData = JSON.stringify({
@@ -254,21 +246,10 @@ class ThreadDetailPure extends Component {
       });
     }
 
-    let bodyToSave = editBody;
-    if (thread.type === 'SLATE') {
-      bodyToSave = JSON.stringify(toJSON(bodyToSave));
-    }
-
-    const content = {
-      title,
-      body: bodyToSave,
-    };
-
     // Get the images
-    const filesToUpload = editBody.document.nodes
-      .filter(node => node.type === 'image')
-      .map(image => image.getIn(['data', 'file']))
-      .toJS();
+    const filesToUpload = Object.keys(jsonBody.entityMap)
+      .filter(key => jsonBody.entityMap[key].type === 'image')
+      .map(key => jsonBody.entityMap[key].data.file);
 
     const input = {
       threadId,
@@ -286,13 +267,6 @@ class ThreadDetailPure extends Component {
         if (editThread && editThread !== null) {
           this.toggleEdit();
           dispatch(addToastWithTimeout('success', 'Thread saved!'));
-
-          this.setState({
-            viewBody:
-              thread.type === 'SLATE'
-                ? toPlainText(toState(JSON.parse(editThread.content.body)))
-                : editThread.content.body,
-          });
         } else {
           dispatch(
             addToastWithTimeout(
@@ -322,29 +296,27 @@ class ThreadDetailPure extends Component {
   };
 
   changeBody = state => {
+    this.listenForUrl(state);
     this.setState({
-      editBody: state,
+      body: state,
     });
   };
 
-  listenForUrl = (e, data, state) => {
-    const text = toPlainText(state);
+  listenForUrl = state => {
+    const { linkPreview, linkPreviewLength } = this.state;
+    if (linkPreview !== null) return;
 
+    const lastChangeType = state.getLastChangeType();
     if (
-      e.keyCode !== 8 &&
-      e.keyCode !== 9 &&
-      e.keyCode !== 13 &&
-      e.keyCode !== 32 &&
-      e.keyCode !== 46
+      lastChangeType !== 'backspace-character' &&
+      lastChangeType !== 'insert-characters'
     ) {
-      // Return if backspace, tab, enter, space or delete was not pressed.
       return;
     }
 
-    const { linkPreview, linkPreviewLength } = this.state;
+    const text = toPlainText(state);
 
-    // also don't check if we already have a url in the linkPreview state
-    if (linkPreview !== null) return;
+    if (!ENDS_IN_WHITESPACE.test(text)) return;
 
     const toCheck = text.match(URLS);
 
@@ -365,7 +337,7 @@ class ThreadDetailPure extends Component {
           // this.props.dispatch(stopLoading());
 
           this.setState(prevState => ({
-            linkPreview: { ...data, trueUrl: urlToCheck },
+            linkPreview: data,
             linkPreviewTrueUrl: urlToCheck,
             linkPreviewLength: prevState.linkPreviewLength + 1,
             fetchingLinkPreview: false,
@@ -422,8 +394,7 @@ class ThreadDetailPure extends Component {
     const {
       isEditing,
       linkPreview,
-      linkPreviewTrueUrl,
-      viewBody,
+      body,
       fetchingLinkPreview,
       flyoutOpen,
       isSavingEdit,
@@ -470,9 +441,9 @@ class ThreadDetailPure extends Component {
               isOnline={thread.creator.isOnline}
               src={thread.creator.profilePhoto}
               link={
-                thread.creator.username ? (
-                  `/users/${thread.creator.username}`
-                ) : null
+                thread.creator.username
+                  ? `/users/${thread.creator.username}`
+                  : null
               }
             />
             <BylineMeta>
@@ -486,110 +457,105 @@ class ThreadDetailPure extends Component {
               </AuthorUsername>
               <AuthorUsername>
                 {thread.creator &&
-                thread.creator.contextPermissions &&
-                thread.creator.contextPermissions.reputation > 0 && (
-                  <span>
-                    <Reputation tipText={'Author rep in this community'} />
-                    {truncateNumber(
-                      thread.creator.contextPermissions.reputation,
-                      1
-                    )}{' '}
-                    rep
-                  </span>
-                )}
+                  thread.creator.contextPermissions &&
+                  thread.creator.contextPermissions.reputation > 0 && (
+                    <span>
+                      <Reputation tipText={'Author rep in this community'} />
+                      {truncateNumber(
+                        thread.creator.contextPermissions.reputation,
+                        1
+                      )}{' '}
+                      rep
+                    </span>
+                  )}
               </AuthorUsername>
             </BylineMeta>
           </Byline>
           {currentUser &&
-          !isEditing &&
-          isChannelMember &&
-          (isChannelOwner || isCommunityOwner || thread.isCreator) && (
-            <DropWrap className={flyoutOpen ? 'open' : ''}>
-              <IconButton glyph="settings" onClick={this.toggleFlyout} />
-              <Flyout>
-                {isCommunityOwner &&
-                !thread.channel.isPrivate && (
-                  <FlyoutRow>
-                    <IconButton
-                      glyph={isPinned ? 'pin-fill' : 'pin'}
-                      hoverColor={isPinned ? 'warn.default' : 'special.default'}
-                      tipText={
-                        isPinned ? (
-                          'Un-pin thread'
-                        ) : (
-                          `Pin in ${thread.channel.community.name}`
-                        )
-                      }
-                      tipLocation="top-left"
-                      onClick={this.togglePinThread}
-                    />
-                  </FlyoutRow>
-                )}
-                {(isChannelOwner || isCommunityOwner) && (
-                  <FlyoutRow>
-                    <IconButton
-                      glyph="freeze"
-                      hoverColor="space.alt"
-                      tipText={
-                        thread.isLocked ? 'Unfreeze chat' : 'Freeze chat'
-                      }
-                      tipLocation="top-left"
-                      onClick={this.threadLock}
-                    />
-                  </FlyoutRow>
-                )}
-                {(thread.isCreator || isChannelOwner || isCommunityOwner) && (
-                  <FlyoutRow>
-                    <IconButton
-                      glyph="delete"
-                      hoverColor="warn.alt"
-                      tipText="Delete thread"
-                      tipLocation="top-left"
-                      onClick={this.triggerDelete}
-                    />
-                  </FlyoutRow>
-                )}
-                {thread.isCreator &&
-                thread.type === 'SLATE' && (
-                  <FlyoutRow>
-                    <IconButton
-                      glyph="edit"
-                      hoverColor="text.alt"
-                      tipText="Edit"
-                      tipLocation="top-left"
-                      onClick={this.toggleEdit}
-                    />
-                  </FlyoutRow>
-                )}
-              </Flyout>
-            </DropWrap>
-          )}
+            !isEditing &&
+            isChannelMember &&
+            (isChannelOwner || isCommunityOwner || thread.isCreator) && (
+              <DropWrap className={flyoutOpen ? 'open' : ''}>
+                <IconButton glyph="settings" onClick={this.toggleFlyout} />
+                <Flyout>
+                  {isCommunityOwner &&
+                    !thread.channel.isPrivate && (
+                      <FlyoutRow>
+                        <IconButton
+                          glyph={isPinned ? 'pin-fill' : 'pin'}
+                          hoverColor={
+                            isPinned ? 'warn.default' : 'special.default'
+                          }
+                          tipText={
+                            isPinned
+                              ? 'Un-pin thread'
+                              : `Pin in ${thread.channel.community.name}`
+                          }
+                          tipLocation="top-left"
+                          onClick={this.togglePinThread}
+                        />
+                      </FlyoutRow>
+                    )}
+                  {(isChannelOwner || isCommunityOwner) && (
+                      <FlyoutRow>
+                        <IconButton
+                          glyph="freeze"
+                          hoverColor="space.alt"
+                          tipText={
+                            thread.isLocked ? 'Unfreeze chat' : 'Freeze chat'
+                          }
+                          tipLocation="top-left"
+                          onClick={this.threadLock}
+                        />
+                      </FlyoutRow>
+                    )}
+                  {(thread.isCreator || isChannelOwner || isCommunityOwner) && (
+                      <FlyoutRow>
+                        <IconButton
+                          glyph="delete"
+                          hoverColor="warn.alt"
+                          tipText="Delete thread"
+                          tipLocation="top-left"
+                          onClick={this.triggerDelete}
+                        />
+                      </FlyoutRow>
+                    )}
+                  {thread.isCreator && (
+                    <FlyoutRow>
+                      <IconButton
+                        glyph="edit"
+                        hoverColor="text.alt"
+                        tipText="Edit"
+                        tipLocation="top-left"
+                        onClick={this.toggleEdit}
+                      />
+                    </FlyoutRow>
+                  )}
+                </Flyout>
+              </DropWrap>
+            )}
 
           {isChannelMember &&
-          !isEditing &&
-          currentUser && (
-            <DropWrap>
-              <IconButton
-                glyph={
-                  thread.receiveNotifications ? (
-                    'notification-fill'
-                  ) : (
-                    'notification'
-                  )
-                }
-                hoverColor="text.alt"
-                tipText={
-                  thread.receiveNotifications ? (
-                    'Turn off notifications'
-                  ) : (
-                    'Get notifications'
-                  )
-                }
-                tipLocation="top-left"
-                onClick={this.toggleNotification}
-              />
-            </DropWrap>
-          )}
+            !isEditing &&
+            currentUser && (
+              <DropWrap>
+                <IconButton
+                  glyph={
+                    thread.receiveNotifications
+                      ? 'notification-fill'
+                      : 'notification'
+                  }
+                  hoverColor="text.alt"
+                  tipText={
+                    thread.receiveNotifications
+                      ? 'Turn off notifications'
+                      : 'Get notifications'
+                  }
+                  tipLocation="top-left"
+                  onClick={this.toggleNotification}
+                />
+              </DropWrap>
+            )}
 
           {isEditing && (
             <EditDone>
@@ -600,36 +566,8 @@ class ThreadDetailPure extends Component {
           )}
         </ContextRow>
 
-        {!isEditing && (
-          <span>
-            <ThreadHeading>{thread.content.title}</ThreadHeading>
-            <FlexRow>
-              <Timestamp>{convertTimestampToDate(thread.createdAt)}</Timestamp>
-              {thread.modifiedAt && (
-                <Edited>
-                  (Edited {timeDifference(Date.now(), editedTimestamp)})
-                </Edited>
-              )}
-            </FlexRow>
-            <div className="markdown">
-              <ThreadContent>{viewBody}</ThreadContent>
-            </div>
-
-            {linkPreview &&
-            !fetchingLinkPreview && (
-              <LinkPreview
-                trueUrl={linkPreview.url}
-                data={linkPreview}
-                size={'large'}
-                editable={false}
-                margin={'16px 0 0 0'}
-              />
-            )}
-          </span>
-        )}
-
-        {isEditing && (
-          <span>
+        <span>
+          {isEditing ? (
             <Textarea
               onChange={this.changeTitle}
               style={ThreadTitle}
@@ -638,25 +576,32 @@ class ThreadDetailPure extends Component {
               ref="titleTextarea"
               autoFocus
             />
-
-            <Editor
-              onChange={this.changeBody}
-              onKeyDown={this.listenForUrl}
-              state={this.state.editBody}
-              style={ThreadDescription}
-              ref="bodyTextarea"
-              editorRef={editor => (this.bodyEditor = editor)}
-              placeholder="Write more thoughts here, add photos, and anything else!"
-              showLinkPreview={true}
-              linkPreview={{
-                loading: fetchingLinkPreview,
-                remove: this.removeLinkPreview,
-                trueUrl: linkPreviewTrueUrl,
-                data: linkPreview,
-              }}
-            />
-          </span>
-        )}
+          ) : (
+            <ThreadHeading>{thread.content.title}</ThreadHeading>
+          )}
+          <FlexRow>
+            <Timestamp>{convertTimestampToDate(thread.createdAt)}</Timestamp>
+            {thread.modifiedAt && (
+              <Edited>
+                (Edited {timeDifference(Date.now(), editedTimestamp)})
+              </Edited>
+            )}
+          </FlexRow>
+          <Editor
+            readOnly={!this.state.isEditing}
+            state={body}
+            onChange={this.changeBody}
+            editorKey="thread-detail"
+            placeholder="Write more thoughts here, add photos, and anything else!"
+            showLinkPreview={true}
+            linkPreview={{
+              loading: fetchingLinkPreview,
+              remove: this.removeLinkPreview,
+              trueUrl: linkPreview && linkPreview.url,
+              data: linkPreview,
+            }}
+          />
+        </span>
       </ThreadWrapper>
     );
   }
diff --git a/src/views/thread/containers/index.js b/src/views/thread/containers/index.js
index 20bb1ae368..2534974ead 100644
--- a/src/views/thread/containers/index.js
+++ b/src/views/thread/containers/index.js
@@ -239,7 +239,7 @@ class ThreadContainer extends React.Component<Props, State> {
               )}
 
               {isLoggedIn &&
-              !canSendMessages && <JoinChannel channel={thread.channel} />}
+                !canSendMessages && <JoinChannel channel={thread.channel} />}
 
               {!isLoggedIn && (
                 <UpsellSignIn
@@ -253,20 +253,20 @@ class ThreadContainer extends React.Component<Props, State> {
           </Content>
 
           {isLoggedIn &&
-          canSendMessages &&
-          !isLocked && (
-            <Input>
-              <ChatInputWrapper type="only">
-                <ChatInput
-                  threadType="story"
-                  thread={thread.id}
-                  currentUser={isLoggedIn}
-                  forceScrollToBottom={this.forceScrollToBottom}
-                  onRef={chatInput => (this.chatInput = chatInput)}
-                />
-              </ChatInputWrapper>
-            </Input>
-          )}
+            canSendMessages &&
+            !isLocked && (
+              <Input>
+                <ChatInputWrapper type="only">
+                  <ChatInput
+                    threadType="story"
+                    thread={thread.id}
+                    currentUser={isLoggedIn}
+                    forceScrollToBottom={this.forceScrollToBottom}
+                    onRef={chatInput => (this.chatInput = chatInput)}
+                  />
+                </ChatInputWrapper>
+              </Input>
+            )}
         </View>
       );
     }
@@ -280,11 +280,9 @@ class ThreadContainer extends React.Component<Props, State> {
         <ViewError
           heading={`We had trouble loading this thread.`}
           subheading={
-            !hasError ? (
-              `It may be private, or may have been deleted by an author or moderator.`
-            ) : (
-              ''
-            )
+            !hasError
+              ? `It may be private, or may have been deleted by an author or moderator.`
+              : ''
           }
           refresh={hasError}
         />
diff --git a/src/views/thread/style.js b/src/views/thread/style.js
index 72ce62ef28..d707996d4a 100644
--- a/src/views/thread/style.js
+++ b/src/views/thread/style.js
@@ -1,6 +1,5 @@
 import styled from 'styled-components';
 import { Avatar } from '../../components/avatar';
-import Markdown from '../../components/markdown';
 import Column from '../../components/column';
 import {
   FlexCol,
@@ -9,7 +8,6 @@ import {
   H3,
   H4,
   Transition,
-  hexa,
   zIndex,
 } from '../../components/globals';
 
@@ -55,24 +53,12 @@ export const Detail = styled(Column)`
   align-self: stretch;
 `;
 
-export const ChatInputWrapper = styled(Column)`
+export const ChatInputWrapper = styled(FlexCol)`
   align-self: stretch;
   align-items: stretch;
   margin: 0;
   flex: auto;
   position: relative;
-
-  > div {
-    background-image: ${({ theme }) =>
-      `linear-gradient(to right, ${hexa(theme.bg.wash, 0.01)}, ${hexa(
-        theme.bg.wash,
-        0.25
-      )} 2%, ${hexa(theme.bg.wash, 0.25)} 98%, ${hexa(theme.bg.wash, 0.01)})`};
-
-    > form > div {
-      background-color: ${({ theme }) => theme.bg.default};
-    }
-  }
 `;
 
 export const DetailViewWrapper = styled(FlexCol)`
@@ -105,7 +91,8 @@ export const Container = styled(FlexCol)`
 export const ThreadWrapper = styled(FlexCol)`
   padding: 16px 32px;
   font-size: 14px;
-  flex: 1 0 auto;
+  flex: none;
+  min-width: 320px;
 
   @media (max-width: 768px) {
     padding: 16px;
@@ -247,12 +234,6 @@ export const ChatWrapper = styled.div`
   flex: none;
 `;
 
-export const ThreadContent = styled(Markdown)`
-  margin-top: 1rem;
-  font-size: 1rem;
-  line-height: 1.5rem;
-`;
-
 export const ThreadTitle = {
   fontSize: '32px',
   padding: '0',
diff --git a/src/views/titlebar/index.js b/src/views/titlebar/index.js
index bfe8ec4d41..f39dfec447 100644
--- a/src/views/titlebar/index.js
+++ b/src/views/titlebar/index.js
@@ -40,15 +40,6 @@ class Titlebar extends Component {
     }
   };
 
-  toggleComposer = () => {
-    const isOpen = this.props.isOpen;
-    if (!isOpen) {
-      this.props.dispatch(openComposer());
-    } else {
-      this.props.dispatch(closeComposer());
-    }
-  };
-
   render() {
     const {
       title,
@@ -83,11 +74,9 @@ class Titlebar extends Component {
             <IconButton glyph="message-new" color="text.reverse" />
           </Link>
         ) : (
-          <IconButton
-            glyph="post"
-            color="text.reverse"
-            onClick={this.toggleComposer}
-          />
+          <Link to={`/new/thread`}>
+            <IconButton glyph="post" color="text.reverse" />
+          </Link>
         )}
       </TitleBar>
     );
@@ -96,6 +85,5 @@ class Titlebar extends Component {
 
 const mapStateToProps = state => ({
   currentUser: state.users.currentUser,
-  isOpen: state.composer.isOpen,
 });
 export default compose(withRouter, connect(mapStateToProps))(Titlebar);
diff --git a/src/views/titlebar/style.js b/src/views/titlebar/style.js
index 2a72c7a031..92b56052db 100644
--- a/src/views/titlebar/style.js
+++ b/src/views/titlebar/style.js
@@ -10,10 +10,6 @@ export const TitleBar = styled(FlexRow)`
   color: ${({ theme }) => theme.text.reverse};
   min-height: 48px;
   height: 48px;
-  ${/* position: fixed;
-  top: 0;
-  left: 0;
-  right: 0; */ ''}
   order: 0;
   flex: 0 0 48px;
   z-index: ${zIndex.chrome};
@@ -21,6 +17,7 @@ export const TitleBar = styled(FlexRow)`
   justify-content: space-between;
   align-items: center;
   padding: 0 8px;
+  grid-area: 'title';
 
   @media (min-width: 768px) {
     display: none;
diff --git a/src/views/userSettings/index.js b/src/views/userSettings/index.js
index bf887fe934..4da1548d26 100644
--- a/src/views/userSettings/index.js
+++ b/src/views/userSettings/index.js
@@ -123,7 +123,7 @@ class UserSettings extends React.Component<Props> {
             <RecurringPaymentsList data={data} currentUser={user} />
             <EmailSettings largeOnly currentUser={user} />
             {'serviceWorker' in navigator &&
-            'PushManager' in window && <NotificationSettings largeOnly />}
+              'PushManager' in window && <NotificationSettings largeOnly />}
             <Invoices />
           </Column>
         </AppViewWrapper>
diff --git a/yarn.lock b/yarn.lock
index 67e05feddc..3b585ac9cf 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -9,8 +9,8 @@
     nan "^2.4.0"
 
 "@types/express-serve-static-core@*":
-  version "4.0.50"
-  resolved "https://registry.yarnpkg.com/@types/express-serve-static-core/-/express-serve-static-core-4.0.50.tgz#c5a139b5d29d2305aae6d982f69cef36120beacf"
+  version "4.0.52"
+  resolved "https://registry.yarnpkg.com/@types/express-serve-static-core/-/express-serve-static-core-4.0.52.tgz#77ab67fffc402ff6e480c87c71d799ba79880223"
   dependencies:
     "@types/node" "*"
 
@@ -34,8 +34,12 @@
   resolved "https://registry.yarnpkg.com/@types/mime/-/mime-1.3.1.tgz#2cf42972d0931c1060c7d5fa6627fce6bd876f2f"
 
 "@types/node@*":
-  version "8.0.26"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-8.0.26.tgz#4d58be925306fd22b1141085535a0268b8beb189"
+  version "8.0.28"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-8.0.28.tgz#86206716f8d9251cf41692e384264cbd7058ad60"
+
+"@types/node@^6.0.46":
+  version "6.0.88"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-6.0.88.tgz#f618f11a944f6a18d92b5c472028728a3e3d4b66"
 
 "@types/serve-static@*":
   version "1.7.32"
@@ -92,8 +96,8 @@ acorn@^4.0.3, acorn@^4.0.4:
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-4.0.13.tgz#105495ae5361d697bd195c825192e1ad7f253787"
 
 acorn@^5.0.0, acorn@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-5.1.1.tgz#53fe161111f912ab999ee887a90a0bc52822fd75"
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-5.1.2.tgz#911cb53e036807cf0fa778dc5d370fbd864246d7"
 
 address@1.0.2:
   version "1.0.2"
@@ -164,6 +168,12 @@ ansi-align@^1.1.0:
   dependencies:
     string-width "^1.0.1"
 
+ansi-align@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/ansi-align/-/ansi-align-2.0.0.tgz#c36aeccba563b89ceb556f3690f0b1d9e3547f7f"
+  dependencies:
+    string-width "^2.0.0"
+
 ansi-escapes@^1.0.0, ansi-escapes@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-1.4.0.tgz#d3a8a83b319aa67793662b13e761c7911422306e"
@@ -172,6 +182,10 @@ ansi-escapes@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-2.0.0.tgz#5bae52be424878dd9783e8910e3fc2922e83c81b"
 
+ansi-escapes@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-3.0.0.tgz#ec3e8b4e9f8064fc02c3ac9b65f1c275bda8ef92"
+
 ansi-html@0.0.7:
   version "0.0.7"
   resolved "https://registry.yarnpkg.com/ansi-html/-/ansi-html-0.0.7.tgz#813584021962a9e9e6fd039f940d12f56ca7859e"
@@ -188,7 +202,7 @@ ansi-styles@^2.2.1:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe"
 
-ansi-styles@^3.0.0, ansi-styles@^3.1.0:
+ansi-styles@^3.0.0, ansi-styles@^3.1.0, ansi-styles@^3.2.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-3.2.0.tgz#c159b8d5be0f9e5a6f346dab94f16ce022161b88"
   dependencies:
@@ -202,8 +216,8 @@ anymatch@^1.3.0:
     normalize-path "^2.0.0"
 
 apollo-client@^1.4.0, apollo-client@^1.9.1:
-  version "1.9.1"
-  resolved "https://registry.yarnpkg.com/apollo-client/-/apollo-client-1.9.1.tgz#9e6a383605572c755038cf5d7fdac9382bcdc040"
+  version "1.9.2"
+  resolved "https://registry.yarnpkg.com/apollo-client/-/apollo-client-1.9.2.tgz#a95b38ca846e881bba1b59b0e3fbf82abfd7f23d"
   dependencies:
     apollo-link-core "^0.5.0"
     graphql "^0.10.0"
@@ -216,12 +230,12 @@ apollo-client@^1.4.0, apollo-client@^1.9.1:
     "@types/graphql" "0.10.2"
 
 apollo-link-core@^0.5.0:
-  version "0.5.0"
-  resolved "https://registry.yarnpkg.com/apollo-link-core/-/apollo-link-core-0.5.0.tgz#dc87da1aaa63b029321ae70938dc26257f5ab8c6"
+  version "0.5.4"
+  resolved "https://registry.yarnpkg.com/apollo-link-core/-/apollo-link-core-0.5.4.tgz#8efd4cd747959872a32f313f0ccfc2a76b396668"
   dependencies:
     graphql "^0.10.3"
     graphql-tag "^2.4.2"
-    zen-observable-ts "^0.4.0"
+    zen-observable-ts "^0.4.4"
 
 apollo-local-query@^0.3.0:
   version "0.3.0"
@@ -409,10 +423,18 @@ ast-types-flow@0.0.7:
   version "0.0.7"
   resolved "https://registry.yarnpkg.com/ast-types-flow/-/ast-types-flow-0.0.7.tgz#f70b735c6bca1a5c9c22d982c3e39e7feba3bdad"
 
+astral-regex@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/astral-regex/-/astral-regex-1.0.0.tgz#6c8c3fb827dd43ee3918f27b82782ab7658a6fd9"
+
 async-each@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/async-each/-/async-each-1.0.1.tgz#19d386a1d9edc6e7c1c85d388aedbcc56d33602d"
 
+async-limiter@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/async-limiter/-/async-limiter-1.0.0.tgz#78faed8c3d074ab81f22b4e985d79e8738f720f8"
+
 async@^1.4.0, async@^1.5.2:
   version "1.5.2"
   resolved "https://registry.yarnpkg.com/async/-/async-1.5.2.tgz#ec6a61ae56480c0c3cb241c95618e20892f9672a"
@@ -709,6 +731,13 @@ babel-jest@20.0.3, babel-jest@^20.0.3:
     babel-plugin-istanbul "^4.0.0"
     babel-preset-jest "^20.0.3"
 
+babel-jest@^21.0.2:
+  version "21.0.2"
+  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-21.0.2.tgz#817ea52c23f1c6c4b684d6960968416b6a9e9c6c"
+  dependencies:
+    babel-plugin-istanbul "^4.0.0"
+    babel-preset-jest "^21.0.2"
+
 babel-loader@7.1.1:
   version "7.1.1"
   resolved "https://registry.yarnpkg.com/babel-loader/-/babel-loader-7.1.1.tgz#b87134c8b12e3e4c2a94e0546085bc680a2b8488"
@@ -757,6 +786,10 @@ babel-plugin-jest-hoist@^20.0.3:
   version "20.0.3"
   resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-20.0.3.tgz#afedc853bd3f8dc3548ea671fbe69d03cc2c1767"
 
+babel-plugin-jest-hoist@^21.0.2:
+  version "21.0.2"
+  resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-21.0.2.tgz#cfdce5bca40d772a056cb8528ad159c7bb4bb03d"
+
 babel-plugin-styled-components@^1.1.4, babel-plugin-styled-components@^1.1.7:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-styled-components/-/babel-plugin-styled-components-1.2.0.tgz#8bb8f9e69119bb8dee408c8d36a0dfef5191f3c7"
@@ -1171,6 +1204,12 @@ babel-preset-jest@^20.0.3:
   dependencies:
     babel-plugin-jest-hoist "^20.0.3"
 
+babel-preset-jest@^21.0.2:
+  version "21.0.2"
+  resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-21.0.2.tgz#9db25def2329f49eace3f5ea0de42a0b898d12cc"
+  dependencies:
+    babel-plugin-jest-hoist "^21.0.2"
+
 babel-preset-react-app@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/babel-preset-react-app/-/babel-preset-react-app-3.0.2.tgz#d062fca5dce68ed9c2615f2fecbc08861720f8e5"
@@ -1251,7 +1290,7 @@ babel-types@^6.18.0, babel-types@^6.19.0, babel-types@^6.23.0, babel-types@^6.24
     lodash "^4.17.4"
     to-fast-properties "^1.0.3"
 
-babylon@^6.17.0, babylon@^6.17.2, babylon@^6.17.4, babylon@^6.18.0:
+babylon@^6.17.0, babylon@^6.17.2, babylon@^6.18.0:
   version "6.18.0"
   resolved "https://registry.yarnpkg.com/babylon/-/babylon-6.18.0.tgz#af2f3b88fa6f5c1e4c634d1a0f8eac4f55b395e3"
 
@@ -1291,17 +1330,15 @@ base64url@2.0.0, base64url@^2.0.0:
   resolved "https://registry.yarnpkg.com/base64url/-/base64url-2.0.0.tgz#eac16e03ea1438eff9423d69baa36262ed1f70bb"
 
 base@^0.11.1:
-  version "0.11.1"
-  resolved "https://registry.yarnpkg.com/base/-/base-0.11.1.tgz#b36a7f11113853a342a15691d98e2dcc8a6cc270"
+  version "0.11.2"
+  resolved "https://registry.yarnpkg.com/base/-/base-0.11.2.tgz#7bde5ced145b6d551a90db87f83c558b4eb48a8f"
   dependencies:
-    arr-union "^3.1.0"
-    cache-base "^0.8.4"
-    class-utils "^0.3.4"
+    cache-base "^1.0.1"
+    class-utils "^0.3.5"
     component-emitter "^1.2.1"
-    define-property "^0.2.5"
-    isobject "^2.1.0"
-    lazy-cache "^2.0.1"
-    mixin-deep "^1.1.3"
+    define-property "^1.0.0"
+    isobject "^3.0.1"
+    mixin-deep "^1.2.0"
     pascalcase "^0.1.1"
 
 batch@0.6.1:
@@ -1315,8 +1352,8 @@ bcrypt-pbkdf@^1.0.0:
     tweetnacl "^0.14.3"
 
 big.js@^3.1.3:
-  version "3.1.3"
-  resolved "https://registry.yarnpkg.com/big.js/-/big.js-3.1.3.tgz#4cada2193652eb3ca9ec8e55c9015669c9806978"
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/big.js/-/big.js-3.2.0.tgz#a5fc298b81b9e0dca2e458824784b65c52ba588e"
 
 binary-extensions@^1.0.0:
   version "1.10.0"
@@ -1348,18 +1385,18 @@ bn.js@^4.0.0, bn.js@^4.1.0, bn.js@^4.1.1, bn.js@^4.4.0:
   resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-4.11.8.tgz#2cde09eb5ee341f484746bb0309b3253b1b1442f"
 
 body-parser@^1.17.1:
-  version "1.17.2"
-  resolved "https://registry.yarnpkg.com/body-parser/-/body-parser-1.17.2.tgz#f8892abc8f9e627d42aedafbca66bf5ab99104ee"
+  version "1.18.1"
+  resolved "https://registry.yarnpkg.com/body-parser/-/body-parser-1.18.1.tgz#9c1629370bcfd42917f30641a2dcbe2ec50d4c26"
   dependencies:
-    bytes "2.4.0"
-    content-type "~1.0.2"
-    debug "2.6.7"
-    depd "~1.1.0"
-    http-errors "~1.6.1"
-    iconv-lite "0.4.15"
+    bytes "3.0.0"
+    content-type "~1.0.4"
+    debug "2.6.8"
+    depd "~1.1.1"
+    http-errors "~1.6.2"
+    iconv-lite "0.4.19"
     on-finished "~2.3.0"
-    qs "6.4.0"
-    raw-body "~2.2.0"
+    qs "6.5.1"
+    raw-body "2.3.2"
     type-is "~1.6.15"
 
 bonjour@^3.5.0:
@@ -1397,6 +1434,18 @@ boxen@^0.6.0:
     string-width "^1.0.1"
     widest-line "^1.0.0"
 
+boxen@^1.0.0:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/boxen/-/boxen-1.2.1.tgz#0f11e7fe344edb9397977fc13ede7f64d956481d"
+  dependencies:
+    ansi-align "^2.0.0"
+    camelcase "^4.0.0"
+    chalk "^2.0.1"
+    cli-boxes "^1.0.0"
+    string-width "^2.0.0"
+    term-size "^1.2.0"
+    widest-line "^1.0.0"
+
 brace-expansion@^1.0.0, brace-expansion@^1.1.7:
   version "1.1.8"
   resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.8.tgz#c07b211c7c952ec1f8efd51a77ef0d1d3990a292"
@@ -1439,14 +1488,15 @@ browser-resolve@^1.11.2:
     resolve "1.1.7"
 
 browserify-aes@^1.0.0, browserify-aes@^1.0.4:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/browserify-aes/-/browserify-aes-1.0.6.tgz#5e7725dbdef1fd5930d4ebab48567ce451c48a0a"
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/browserify-aes/-/browserify-aes-1.0.8.tgz#c8fa3b1b7585bb7ba77c5560b60996ddec6d5309"
   dependencies:
-    buffer-xor "^1.0.2"
+    buffer-xor "^1.0.3"
     cipher-base "^1.0.0"
     create-hash "^1.1.0"
-    evp_bytestokey "^1.0.0"
+    evp_bytestokey "^1.0.3"
     inherits "^2.0.1"
+    safe-buffer "^5.0.1"
 
 browserify-cipher@^1.0.0:
   version "1.0.0"
@@ -1523,7 +1573,7 @@ buffer-indexof@^1.0.0:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/buffer-indexof/-/buffer-indexof-1.1.1.tgz#52fabcc6a606d1a00302802648ef68f639da268c"
 
-buffer-xor@^1.0.2:
+buffer-xor@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/buffer-xor/-/buffer-xor-1.0.3.tgz#26e61ed1422fb70dd42e6e36729ed51d855fe8d9"
 
@@ -1572,28 +1622,27 @@ bytebuffer@~5:
   dependencies:
     long "~3"
 
-bytes@2.4.0:
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/bytes/-/bytes-2.4.0.tgz#7d97196f9d5baf7f6935e25985549edd2a6c2339"
-
 bytes@2.5.0:
   version "2.5.0"
   resolved "https://registry.yarnpkg.com/bytes/-/bytes-2.5.0.tgz#4c9423ea2d252c270c41b2bdefeff9bb6b62c06a"
 
-cache-base@^0.8.4:
-  version "0.8.5"
-  resolved "https://registry.yarnpkg.com/cache-base/-/cache-base-0.8.5.tgz#60ceb3504021eceec7011fd3384b7f4e95729bfa"
+bytes@3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.0.0.tgz#d32815404d689699f85a4ea4fa8755dd13a96048"
+
+cache-base@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/cache-base/-/cache-base-1.0.1.tgz#0a7f46416831c8b662ee36fe4e7c59d76f666ab2"
   dependencies:
-    collection-visit "^0.2.1"
+    collection-visit "^1.0.0"
     component-emitter "^1.2.1"
-    get-value "^2.0.5"
-    has-value "^0.3.1"
-    isobject "^3.0.0"
-    lazy-cache "^2.0.1"
-    set-value "^0.4.2"
+    get-value "^2.0.6"
+    has-value "^1.0.0"
+    isobject "^3.0.1"
+    set-value "^2.0.0"
     to-object-path "^0.3.0"
-    union-value "^0.2.3"
-    unset-value "^0.1.1"
+    union-value "^1.0.0"
+    unset-value "^1.0.0"
 
 caller-path@^0.1.0:
   version "0.1.0"
@@ -1635,7 +1684,7 @@ camelcase@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-3.0.0.tgz#32fc4b9fcdaf845fcdf7e73bb97cac2261f0ab0a"
 
-camelcase@^4.1.0:
+camelcase@^4.0.0, camelcase@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-4.1.0.tgz#d545635be1e33c542649c69173e5de6acfae34dd"
 
@@ -1649,12 +1698,12 @@ caniuse-api@^1.5.2:
     lodash.uniq "^4.5.0"
 
 caniuse-db@^1.0.30000529, caniuse-db@^1.0.30000634, caniuse-db@^1.0.30000639:
-  version "1.0.30000721"
-  resolved "https://registry.yarnpkg.com/caniuse-db/-/caniuse-db-1.0.30000721.tgz#cdc52efe8f82dd13916615b78e86f704ece61802"
+  version "1.0.30000730"
+  resolved "https://registry.yarnpkg.com/caniuse-db/-/caniuse-db-1.0.30000730.tgz#c9e1919a9f586c85d79265e7a84261b8421f92bd"
 
 caniuse-lite@^1.0.30000697, caniuse-lite@^1.0.30000718:
-  version "1.0.30000721"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000721.tgz#931a21a7bd85016300328d21f126d84b73437d35"
+  version "1.0.30000730"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000730.tgz#26a14ff1b3bfc1f1cb4da75c2c73451b3f1ade1a"
 
 capture-stack-trace@^1.0.0:
   version "1.0.0"
@@ -1702,7 +1751,7 @@ chalk@1.1.3, chalk@^1.0.0, chalk@^1.1.0, chalk@^1.1.1, chalk@^1.1.3:
     strip-ansi "^3.0.0"
     supports-color "^2.0.0"
 
-chalk@^2.0.0, chalk@^2.1.0:
+chalk@^2.0.0, chalk@^2.0.1, chalk@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.1.0.tgz#ac5becf14fa21b99c6c92ca7a7d7cfd5b17e743e"
   dependencies:
@@ -1739,7 +1788,18 @@ cheerio@^0.22.0:
     lodash.reject "^4.4.0"
     lodash.some "^4.4.0"
 
-chokidar@^1.4.3, chokidar@^1.6.0, chokidar@^1.6.1, chokidar@^1.7.0:
+cheerio@^1.0.0-rc.2:
+  version "1.0.0-rc.2"
+  resolved "https://registry.yarnpkg.com/cheerio/-/cheerio-1.0.0-rc.2.tgz#4b9f53a81b27e4d5dac31c0ffd0cfa03cc6830db"
+  dependencies:
+    css-select "~1.2.0"
+    dom-serializer "~0.1.0"
+    entities "~1.1.1"
+    htmlparser2 "^3.9.1"
+    lodash "^4.15.0"
+    parse5 "^3.0.1"
+
+chokidar@^1.6.0, chokidar@^1.6.1, chokidar@^1.7.0:
   version "1.7.0"
   resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-1.7.0.tgz#798e689778151c8076b4b360e5edd28cda2bb468"
   dependencies:
@@ -1755,8 +1815,8 @@ chokidar@^1.4.3, chokidar@^1.6.0, chokidar@^1.6.1, chokidar@^1.7.0:
     fsevents "^1.0.0"
 
 ci-info@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-1.0.0.tgz#dc5285f2b4e251821683681c381c3388f46ec534"
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-1.1.1.tgz#47b44df118c48d2597b56d342e7e25791060171a"
 
 cipher-base@^1.0.0, cipher-base@^1.0.1, cipher-base@^1.0.3:
   version "1.0.4"
@@ -1775,7 +1835,7 @@ clap@^1.0.9:
   dependencies:
     chalk "^1.1.3"
 
-class-utils@^0.3.4:
+class-utils@^0.3.5:
   version "0.3.5"
   resolved "https://registry.yarnpkg.com/class-utils/-/class-utils-0.3.5.tgz#17e793103750f9627b2176ea34cfd1b565903c80"
   dependencies:
@@ -1790,8 +1850,8 @@ classnames@^2.2.5:
   resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.2.5.tgz#fb3801d453467649ef3603c7d61a02bd129bde6d"
 
 clean-css@4.1.x:
-  version "4.1.7"
-  resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-4.1.7.tgz#b9aea4f85679889cf3eae8b40349ec4ebdfdd032"
+  version "4.1.8"
+  resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-4.1.8.tgz#061455b2494a750ac98f46d8d5ebb17c679ea9d1"
   dependencies:
     source-map "0.5.x"
 
@@ -1872,13 +1932,12 @@ code-point-at@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/code-point-at/-/code-point-at-1.1.0.tgz#0d070b4d043a5bea33a2f1a40e2edb3d9a4ccf77"
 
-collection-visit@^0.2.1:
-  version "0.2.3"
-  resolved "https://registry.yarnpkg.com/collection-visit/-/collection-visit-0.2.3.tgz#2f62483caecc95f083b9a454a3ee9e6139ad7957"
+collection-visit@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/collection-visit/-/collection-visit-1.0.0.tgz#4bc0373c164bc3291b4d368c829cf1a80a59dca0"
   dependencies:
-    lazy-cache "^2.0.1"
-    map-visit "^0.1.5"
-    object-visit "^0.3.4"
+    map-visit "^1.0.0"
+    object-visit "^1.0.0"
 
 color-convert@^1.3.0, color-convert@^1.9.0:
   version "1.9.0"
@@ -1968,19 +2027,6 @@ concat-stream@^1.4.7, concat-stream@^1.5.0, concat-stream@^1.6.0:
     readable-stream "^2.2.2"
     typedarray "^0.0.6"
 
-configstore@^1.0.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/configstore/-/configstore-1.4.0.tgz#c35781d0501d268c25c54b8b17f6240e8a4fb021"
-  dependencies:
-    graceful-fs "^4.1.2"
-    mkdirp "^0.5.0"
-    object-assign "^4.0.1"
-    os-tmpdir "^1.0.0"
-    osenv "^0.1.0"
-    uuid "^2.0.1"
-    write-file-atomic "^1.1.2"
-    xdg-basedir "^2.0.0"
-
 configstore@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/configstore/-/configstore-2.1.0.tgz#737a3a7036e9886102aa6099e47bb33ab1aba1a1"
@@ -1995,6 +2041,17 @@ configstore@^2.0.0:
     write-file-atomic "^1.1.2"
     xdg-basedir "^2.0.0"
 
+configstore@^3.0.0:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/configstore/-/configstore-3.1.1.tgz#094ee662ab83fad9917678de114faaea8fcdca90"
+  dependencies:
+    dot-prop "^4.1.0"
+    graceful-fs "^4.1.2"
+    make-dir "^1.0.0"
+    unique-string "^1.0.0"
+    write-file-atomic "^2.0.0"
+    xdg-basedir "^3.0.0"
+
 connect-history-api-fallback@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/connect-history-api-fallback/-/connect-history-api-fallback-1.3.0.tgz#e51d17f8f0ef0db90a64fdb47de3051556e9f169"
@@ -2025,9 +2082,9 @@ content-type-parser@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/content-type-parser/-/content-type-parser-1.0.1.tgz#c3e56988c53c65127fb46d4032a3a900246fdc94"
 
-content-type@~1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/content-type/-/content-type-1.0.2.tgz#b7d113aee7a8dd27bd21133c4dc2529df1721eed"
+content-type@~1.0.2, content-type@~1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/content-type/-/content-type-1.0.4.tgz#e138cc75e040c727b1966fe5e5f8c9aee256fe3b"
 
 convert-source-map@^1.1.0, convert-source-map@^1.4.0, convert-source-map@^1.5.0:
   version "1.5.0"
@@ -2057,8 +2114,8 @@ core-js@^1.0.0:
   resolved "https://registry.yarnpkg.com/core-js/-/core-js-1.2.7.tgz#652294c14651db28fa93bd2d5ff2983a4f08c636"
 
 core-js@^2.4.0, core-js@^2.5.0:
-  version "2.5.0"
-  resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.5.0.tgz#569c050918be6486b3837552028ae0466b717086"
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.5.1.tgz#ae6874dc66937789b80754ff5428df66819ca50b"
 
 core-util-is@1.0.2, core-util-is@~1.0.0:
   version "1.0.2"
@@ -2107,7 +2164,7 @@ create-ecdh@^4.0.0:
     bn.js "^4.1.0"
     elliptic "^6.0.0"
 
-create-error-class@^3.0.1:
+create-error-class@^3.0.0, create-error-class@^3.0.1:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/create-error-class/-/create-error-class-3.0.2.tgz#06be7abef947a3f14a30fd610671d401bca8b7b6"
   dependencies:
@@ -2188,6 +2245,10 @@ crypto-browserify@^3.11.0:
     public-encrypt "^4.0.0"
     randombytes "^2.0.0"
 
+crypto-random-string@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/crypto-random-string/-/crypto-random-string-1.0.0.tgz#a230f64f568310e1498009940790ec99545bca7e"
+
 css-color-keywords@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/css-color-keywords/-/css-color-keywords-1.0.0.tgz#fea2616dc676b2962686b3af8dbdbe180b244e05"
@@ -2352,12 +2413,6 @@ debug@2.3.3:
   dependencies:
     ms "0.7.2"
 
-debug@2.6.7:
-  version "2.6.7"
-  resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.7.tgz#92bad1f6d05bbb6bba22cca88bcd0ec894c2861e"
-  dependencies:
-    ms "2.0.0"
-
 debuglog@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/debuglog/-/debuglog-1.0.1.tgz#aa24ffb9ac3df9a2351837cfb2d279360cd78492"
@@ -2376,7 +2431,11 @@ decompress-response@^3.2.0:
   dependencies:
     mimic-response "^1.0.0"
 
-deep-equal@^1.0.1:
+decorate-component-with-props@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/decorate-component-with-props/-/decorate-component-with-props-1.0.2.tgz#5764d3cf6a58685a522201bad31bff0cb531e5fe"
+
+deep-equal@^1.0.1, deep-equal@~1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/deep-equal/-/deep-equal-1.0.1.tgz#f5d260292b660e084eff4cdbc9f08ad3247448b5"
 
@@ -2419,7 +2478,7 @@ define-property@^1.0.0:
   dependencies:
     is-descriptor "^1.0.0"
 
-defined@^1.0.0:
+defined@^1.0.0, defined@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/defined/-/defined-1.0.0.tgz#c98d9bcef75674188e110969151199e39b1fa693"
 
@@ -2462,7 +2521,7 @@ denque@^1.1.0:
   version "1.2.2"
   resolved "https://registry.yarnpkg.com/denque/-/denque-1.2.2.tgz#e06cf7cf0da8badc88cbdaabf8fc0a70d659f1d4"
 
-depd@1.1.1, depd@~1.1.0, depd@~1.1.1:
+depd@1.1.1, depd@~1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/depd/-/depd-1.1.1.tgz#5783b4e1c459f06fa5ca27f991f3d06e7a310359"
 
@@ -2499,8 +2558,8 @@ detect-port-alt@1.1.3:
     debug "^2.6.0"
 
 diff@^3.2.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/diff/-/diff-3.3.0.tgz#056695150d7aa93237ca7e378ac3b1682b7963b9"
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/diff/-/diff-3.3.1.tgz#aa8567a6eed03c531fc89d3f711cd0e5259dec75"
 
 diffie-hellman@^5.0.0:
   version "5.0.2"
@@ -2618,10 +2677,137 @@ dot-prop@^3.0.0:
   dependencies:
     is-obj "^1.0.0"
 
+dot-prop@^4.1.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/dot-prop/-/dot-prop-4.2.0.tgz#1f19e0c2e1aa0e32797c49799f2837ac6af69c57"
+  dependencies:
+    is-obj "^1.0.0"
+
 dotenv@4.0.0, dotenv@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-4.0.0.tgz#864ef1379aced55ce6f95debecdce179f7a0cd1d"
 
+draft-js-checkable-list-item@^2.0.5:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/draft-js-checkable-list-item/-/draft-js-checkable-list-item-2.0.5.tgz#9c5cec16185d57a36622269ea788009a3aabb4e0"
+  dependencies:
+    draft-js-modifiers "^0.1.2"
+
+draft-js-drag-n-drop-plugin@2.0.0-rc2:
+  version "2.0.0-rc2"
+  resolved "https://registry.yarnpkg.com/draft-js-drag-n-drop-plugin/-/draft-js-drag-n-drop-plugin-2.0.0-rc2.tgz#81ffee2323f91daf0ba01312cb4ae3a46b9ba85b"
+  dependencies:
+    decorate-component-with-props "^1.0.2"
+    find-with-regex "^1.0.2"
+    immutable "~3.7.4"
+    prop-types "^15.5.8"
+    union-class-names "^1.0.0"
+
+draft-js-embed-plugin@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/draft-js-embed-plugin/-/draft-js-embed-plugin-1.2.0.tgz#cf41c6de58ce58c3662d8cd3d45325733587d3d1"
+  dependencies:
+    decorate-component-with-props "^1.0.2"
+
+draft-js-focus-plugin@2.0.0-rc2:
+  version "2.0.0-rc2"
+  resolved "https://registry.yarnpkg.com/draft-js-focus-plugin/-/draft-js-focus-plugin-2.0.0-rc2.tgz#6b65e0c489a0cedc9cfad414b3313d44168375d9"
+  dependencies:
+    decorate-component-with-props "^1.0.2"
+    find-with-regex "^1.0.2"
+    immutable "~3.7.4"
+    prop-types "^15.5.8"
+    union-class-names "^1.0.0"
+
+draft-js-image-plugin@2.0.0-rc8:
+  version "2.0.0-rc8"
+  resolved "https://registry.yarnpkg.com/draft-js-image-plugin/-/draft-js-image-plugin-2.0.0-rc8.tgz#9ccd0d83c84f53dceefcd3c72f944e26ef9e2db5"
+  dependencies:
+    decorate-component-with-props "^1.0.2"
+    find-with-regex "^1.0.2"
+    immutable "~3.7.4"
+    prop-types "^15.5.8"
+    union-class-names "^1.0.0"
+
+draft-js-import-element@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/draft-js-import-element/-/draft-js-import-element-1.2.0.tgz#05d5be599528144877d1192905c00419461b3c8f"
+  dependencies:
+    draft-js-utils "^1.2.0"
+    synthetic-dom "^1.2.0"
+
+draft-js-import-markdown@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/draft-js-import-markdown/-/draft-js-import-markdown-1.2.0.tgz#8fcb6fa784d3f003c109142ba304ba8ca2bcf522"
+  dependencies:
+    draft-js-import-element "^1.2.0"
+    synthetic-dom "^1.2.0"
+
+draft-js-markdown-plugin@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/draft-js-markdown-plugin/-/draft-js-markdown-plugin-1.0.0.tgz#520fb7c23f1aaa173fd106f422fa1478c57718b7"
+  dependencies:
+    decorate-component-with-props "^1.0.2"
+    draft-js "~0.10.1"
+    draft-js-checkable-list-item "^2.0.5"
+    draft-js-prism-plugin "^0.1.1"
+    immutable "~3.7.4"
+    jest "^21.1.0"
+
+draft-js-modifiers@^0.1.2:
+  version "0.1.3"
+  resolved "https://registry.yarnpkg.com/draft-js-modifiers/-/draft-js-modifiers-0.1.3.tgz#7c58d1a43fee59d97f6911b4c64f59283dcdb396"
+  dependencies:
+    draft-js "~0.10.0"
+    immutable "~3.7.4"
+
+draft-js-plugins-editor@2.0.0-rc2:
+  version "2.0.0-rc2"
+  resolved "https://registry.yarnpkg.com/draft-js-plugins-editor/-/draft-js-plugins-editor-2.0.0-rc2.tgz#521eb415882a1f670c03a00581247e752291218c"
+  dependencies:
+    decorate-component-with-props "^1.0.2"
+    find-with-regex "^1.0.2"
+    immutable "~3.7.4"
+    prop-types "^15.5.8"
+    union-class-names "^1.0.0"
+
+draft-js-prism-plugin@0.1.1, draft-js-prism-plugin@^0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/draft-js-prism-plugin/-/draft-js-prism-plugin-0.1.1.tgz#c8cdf3841e6e3fdfc766f2131e47a49fb972367e"
+  dependencies:
+    draft-js-prism ngs/draft-js-prism#6edb31c3805dd1de3fb897cc27fced6bac1bafbb
+    react "*"
+
+draft-js-prism@ngs/draft-js-prism#6edb31c3805dd1de3fb897cc27fced6bac1bafbb:
+  version "1.0.3"
+  resolved "https://codeload.github.com/ngs/draft-js-prism/tar.gz/6edb31c3805dd1de3fb897cc27fced6bac1bafbb"
+  dependencies:
+    extend "^3.0.0"
+    immutable "*"
+    prismjs "^1.5.0"
+
+draft-js-single-line-plugin@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/draft-js-single-line-plugin/-/draft-js-single-line-plugin-2.0.1.tgz#3aea1b100b1562d7ef3d5d02e73190da12953857"
+  dependencies:
+    immutable "^3.8.1"
+
+draft-js-utils@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/draft-js-utils/-/draft-js-utils-1.2.0.tgz#f5cb23eb167325ffed3d79882fdc317721d2fd12"
+
+draft-js@^0.10.2, draft-js@~0.10.0, draft-js@~0.10.1:
+  version "0.10.2"
+  resolved "https://registry.yarnpkg.com/draft-js/-/draft-js-0.10.2.tgz#b722613cb306cfee910f9de1789f2cc3023772e7"
+  dependencies:
+    fbjs "^0.8.12"
+    immutable "~3.7.4"
+    object-assign "^4.1.0"
+
+draftjs-to-markdown@^0.4.2:
+  version "0.4.4"
+  resolved "https://registry.yarnpkg.com/draftjs-to-markdown/-/draftjs-to-markdown-0.4.4.tgz#cff9cbdf6999c2c70005f6b641aae794ef7d396e"
+
 duplexer2@^0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/duplexer2/-/duplexer2-0.1.4.tgz#8b12dab878c0d69e3e7891051662a32fc6bddcc1"
@@ -2636,15 +2822,6 @@ duplexer@^0.1.1, duplexer@~0.1.1:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/duplexer/-/duplexer-0.1.1.tgz#ace6ff808c1ce66b57d1ebf97977acb02334cfc1"
 
-duplexify@^3.2.0:
-  version "3.5.1"
-  resolved "https://registry.yarnpkg.com/duplexify/-/duplexify-3.5.1.tgz#4e1516be68838bc90a49994f0b39a6e5960befcd"
-  dependencies:
-    end-of-stream "^1.0.0"
-    inherits "^2.0.1"
-    readable-stream "^2.0.0"
-    stream-shift "^1.0.0"
-
 ecc-jsbn@~0.1.1:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/ecc-jsbn/-/ecc-jsbn-0.1.1.tgz#0fc73a9ed5f0d53c38193398523ef7e543777505"
@@ -2663,8 +2840,8 @@ ee-first@1.1.1:
   resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
 
 electron-to-chromium@^1.2.7, electron-to-chromium@^1.3.18:
-  version "1.3.19"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.19.tgz#73d97b0e8b05aa776cedf3cdce7fdc0538037675"
+  version "1.3.21"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.21.tgz#a967ebdcfe8ed0083fc244d1894022a8e8113ea2"
 
 elegant-spinner@^1.0.1:
   version "1.0.1"
@@ -2704,12 +2881,6 @@ encoding@^0.1.11:
   dependencies:
     iconv-lite "~0.4.13"
 
-end-of-stream@^1.0.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/end-of-stream/-/end-of-stream-1.4.0.tgz#7a90d833efda6cfa6eac0f4949dbb0fad3a63206"
-  dependencies:
-    once "^1.4.0"
-
 enhanced-resolve@^3.4.0:
   version "3.4.1"
   resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-3.4.1.tgz#0421e339fd71419b3da13d129b3979040230476e"
@@ -2741,9 +2912,9 @@ error-stack-parser@^2.0.0:
   dependencies:
     stackframe "^1.0.3"
 
-es-abstract@^1.7.0:
-  version "1.8.1"
-  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.8.1.tgz#fd85a3bdfa67786ce7be7e1584678e119cd70c04"
+es-abstract@^1.5.0, es-abstract@^1.7.0:
+  version "1.8.2"
+  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.8.2.tgz#25103263dc4decbda60e0c737ca32313518027ee"
   dependencies:
     es-to-primitive "^1.1.1"
     function-bind "^1.1.1"
@@ -2785,7 +2956,7 @@ es6-map@^0.1.3, es6-map@^0.1.4:
     es6-symbol "~3.1.1"
     event-emitter "~0.3.5"
 
-es6-promise@^3.0.2:
+es6-promise@^3.3.1:
   version "3.3.1"
   resolved "https://registry.yarnpkg.com/es6-promise/-/es6-promise-3.3.1.tgz#a08cdde84ccdbf34d027a1451bc91d4bcd28a613"
 
@@ -2828,15 +2999,15 @@ escape-string-regexp@1.0.5, escape-string-regexp@^1.0.2, escape-string-regexp@^1
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
 
 escodegen@^1.6.1:
-  version "1.8.1"
-  resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-1.8.1.tgz#5a5b53af4693110bebb0867aa3430dd3b70a1018"
+  version "1.9.0"
+  resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-1.9.0.tgz#9811a2f265dc1cd3894420ee3717064b632b8852"
   dependencies:
-    esprima "^2.7.1"
-    estraverse "^1.9.1"
+    esprima "^3.1.3"
+    estraverse "^4.2.0"
     esutils "^2.0.2"
     optionator "^0.8.1"
   optionalDependencies:
-    source-map "~0.2.0"
+    source-map "~0.5.6"
 
 escope@^3.6.0:
   version "3.6.0"
@@ -2965,16 +3136,20 @@ eslint@4.4.1:
     text-table "~0.2.0"
 
 espree@^3.5.0:
-  version "3.5.0"
-  resolved "https://registry.yarnpkg.com/espree/-/espree-3.5.0.tgz#98358625bdd055861ea27e2867ea729faf463d8d"
+  version "3.5.1"
+  resolved "https://registry.yarnpkg.com/espree/-/espree-3.5.1.tgz#0c988b8ab46db53100a1954ae4ba995ddd27d87e"
   dependencies:
     acorn "^5.1.1"
     acorn-jsx "^3.0.0"
 
-esprima@^2.6.0, esprima@^2.7.1:
+esprima@^2.6.0:
   version "2.7.3"
   resolved "https://registry.yarnpkg.com/esprima/-/esprima-2.7.3.tgz#96e3b70d5779f6ad49cd032673d1c312767ba581"
 
+esprima@^3.1.3:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/esprima/-/esprima-3.1.3.tgz#fdca51cee6133895e3c88d535ce49dbff62a4633"
+
 esprima@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.0.tgz#4499eddcd1110e0b218bacf2fa7f7f59f55ca804"
@@ -2996,10 +3171,6 @@ esrever@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/esrever/-/esrever-0.2.0.tgz#96e9d28f4f1b1a76784cd5d490eaae010e7407b8"
 
-estraverse@^1.9.1:
-  version "1.9.3"
-  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-1.9.3.tgz#af67f2dc922582415950926091a4005d29c9bb44"
-
 estraverse@^4.0.0, estraverse@^4.1.0, estraverse@^4.1.1, estraverse@^4.2.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.2.0.tgz#0dee3fed31fcd469618ce7342099fc1afa0bdb13"
@@ -3009,8 +3180,8 @@ esutils@^2.0.2:
   resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.2.tgz#0abf4f1caa5bcb1f7a9d8acc6dea4faaa04bac9b"
 
 etag@~1.8.0:
-  version "1.8.0"
-  resolved "https://registry.yarnpkg.com/etag/-/etag-1.8.0.tgz#6f631aef336d6c46362b51764044ce216be3c051"
+  version "1.8.1"
+  resolved "https://registry.yarnpkg.com/etag/-/etag-1.8.1.tgz#41ae2eeb65efa62268aebfea83ac7d79299b0887"
 
 event-emitter@~0.3.5:
   version "0.3.5"
@@ -3049,16 +3220,16 @@ eventsource@0.1.6:
   dependencies:
     original ">=0.0.5"
 
-evp_bytestokey@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/evp_bytestokey/-/evp_bytestokey-1.0.2.tgz#f66bb88ecd57f71a766821e20283ea38c68bf80a"
+evp_bytestokey@^1.0.0, evp_bytestokey@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/evp_bytestokey/-/evp_bytestokey-1.0.3.tgz#7fcbdb198dc71959432efe13842684e0525acb02"
   dependencies:
     md5.js "^1.3.4"
     safe-buffer "^5.1.1"
 
 exec-sh@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/exec-sh/-/exec-sh-0.2.0.tgz#14f75de3f20d286ef933099b2ce50a90359cef10"
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/exec-sh/-/exec-sh-0.2.1.tgz#163b98a6e89e6b65b47c2a28d215bc1f63989c38"
   dependencies:
     merge "^1.1.3"
 
@@ -3092,7 +3263,7 @@ expand-brackets@^0.1.4:
   dependencies:
     is-posix-bracket "^0.1.0"
 
-expand-brackets@^2.0.1:
+expand-brackets@^2.1.4:
   version "2.1.4"
   resolved "https://registry.yarnpkg.com/expand-brackets/-/expand-brackets-2.1.4.tgz#b77735e315ce30f6b6eff0f83b04151a22449622"
   dependencies:
@@ -3116,6 +3287,17 @@ expand-tilde@^2.0.0, expand-tilde@^2.0.2:
   dependencies:
     homedir-polyfill "^1.0.1"
 
+expect@^21.1.0:
+  version "21.1.0"
+  resolved "https://registry.yarnpkg.com/expect/-/expect-21.1.0.tgz#1c138ec803c72d28cbd10dfe97104966d967c24a"
+  dependencies:
+    ansi-styles "^3.2.0"
+    jest-diff "^21.1.0"
+    jest-get-type "^21.0.2"
+    jest-matcher-utils "^21.1.0"
+    jest-message-util "^21.1.0"
+    jest-regex-util "^21.1.0"
+
 express-session@^1.15.2:
   version "1.15.5"
   resolved "https://registry.yarnpkg.com/express-session/-/express-session-1.15.5.tgz#f49a18227263b316f6f8544da5fee25a540259ec"
@@ -3187,18 +3369,18 @@ extglob@^0.3.1:
   dependencies:
     is-extglob "^1.0.0"
 
-extglob@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/extglob/-/extglob-1.1.0.tgz#0678b4e2ce45c0e4e50f5e5eafb1b0dab5b4e424"
+extglob@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/extglob/-/extglob-2.0.2.tgz#3290f46208db1b2e8eb8be0c94ed9e6ad80edbe2"
   dependencies:
     array-unique "^0.3.2"
-    define-property "^0.2.5"
-    expand-brackets "^2.0.1"
+    define-property "^1.0.0"
+    expand-brackets "^2.1.4"
     extend-shallow "^2.0.1"
-    fragment-cache "^0.2.0"
+    fragment-cache "^0.2.1"
     regex-not "^1.0.0"
     snapdragon "^0.8.1"
-    to-regex "^2.1.0"
+    to-regex "^3.0.1"
 
 extract-files@^2.0.1:
   version "2.0.1"
@@ -3259,9 +3441,9 @@ fb-watchman@^2.0.0:
   dependencies:
     bser "^2.0.0"
 
-fbjs@^0.8.1, fbjs@^0.8.5, fbjs@^0.8.9:
-  version "0.8.14"
-  resolved "https://registry.yarnpkg.com/fbjs/-/fbjs-0.8.14.tgz#d1dbe2be254c35a91e09f31f9cd50a40b2a0ed1c"
+fbjs@^0.8.1, fbjs@^0.8.12, fbjs@^0.8.5, fbjs@^0.8.9:
+  version "0.8.15"
+  resolved "https://registry.yarnpkg.com/fbjs/-/fbjs-0.8.15.tgz#4f0695fdfcc16c37c0b07facec8cb4c4091685b9"
   dependencies:
     core-js "^1.0.0"
     isomorphic-fetch "^2.1.1"
@@ -3382,6 +3564,10 @@ find-up@^2.0.0, find-up@^2.1.0:
   dependencies:
     locate-path "^2.0.0"
 
+find-with-regex@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/find-with-regex/-/find-with-regex-1.0.2.tgz#d3b36286539f14c527e31f194159c6d251651a45"
+
 findit@~2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/findit/-/findit-2.0.0.tgz#6509f0126af4c178551cfa99394e032e13a4d56e"
@@ -3441,6 +3627,12 @@ follow-redirects@^1.2.3:
   dependencies:
     debug "^2.4.5"
 
+for-each@~0.3.2:
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/for-each/-/for-each-0.3.2.tgz#2c40450b9348e97f281322593ba96704b9abd4d4"
+  dependencies:
+    is-function "~1.0.0"
+
 for-in@^1.0.1, for-in@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/for-in/-/for-in-1.0.2.tgz#81068d295a8142ec0ac726c6e2200c30fb6d5e80"
@@ -3472,10 +3664,10 @@ formidable@^1.1.1:
   resolved "https://registry.yarnpkg.com/formidable/-/formidable-1.1.1.tgz#96b8886f7c3c3508b932d6bd70c4d3a88f35f1a9"
 
 forwarded@~0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/forwarded/-/forwarded-0.1.0.tgz#19ef9874c4ae1c297bcf078fde63a09b66a84363"
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/forwarded/-/forwarded-0.1.2.tgz#98c23dab1175657b8c0573e8ceccd91b0ff18c84"
 
-fragment-cache@^0.2.0, fragment-cache@^0.2.1:
+fragment-cache@^0.2.1:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/fragment-cache/-/fragment-cache-0.2.1.tgz#4290fad27f13e89be7f33799c6bc5a0abfff0d19"
   dependencies:
@@ -3515,14 +3707,7 @@ fs-extra@^0.30.0:
     path-is-absolute "^1.0.0"
     rimraf "^2.2.8"
 
-fs-extra@^2.0.0:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-2.1.2.tgz#046c70163cef9aad46b0e4a7fa467fb22d71de35"
-  dependencies:
-    graceful-fs "^4.1.2"
-    jsonfile "^2.1.0"
-
-fs-extra@^4.0.0:
+fs-extra@^4.0.0, fs-extra@^4.0.1:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-4.0.2.tgz#f91704c53d1b461f893452b0c307d9997647ab6b"
   dependencies:
@@ -3538,7 +3723,7 @@ fs.realpath@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
 
-fsevents@1.1.2, fsevents@^1.0.0:
+fsevents@1.1.2, fsevents@^1.0.0, fsevents@^1.1.1:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-1.1.2.tgz#3282b713fb3ad80ede0e9fcf4611b5aa6fc033f4"
   dependencies:
@@ -3571,7 +3756,7 @@ fstream@^1.0.0, fstream@^1.0.10, fstream@^1.0.2:
     mkdirp ">=0.5 0"
     rimraf "2"
 
-function-bind@^1.0.2, function-bind@^1.1.1:
+function-bind@^1.0.2, function-bind@^1.1.1, function-bind@~1.1.0:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d"
 
@@ -3608,7 +3793,7 @@ get-stream@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-3.0.0.tgz#8e943d1358dc37555054ecbe2edb05aa174ede14"
 
-get-value@^2.0.3, get-value@^2.0.5, get-value@^2.0.6:
+get-value@^2.0.3, get-value@^2.0.6:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/get-value/-/get-value-2.0.6.tgz#dc15ca1c672387ca76bd37ac0a395ba2042a2c28"
 
@@ -3646,7 +3831,7 @@ glob-parent@^2.0.0:
   dependencies:
     is-glob "^2.0.0"
 
-glob@^7.0.3, glob@^7.0.5, glob@^7.1.1, glob@^7.1.2:
+glob@^7.0.3, glob@^7.0.5, glob@^7.1.1, glob@^7.1.2, glob@~7.1.2:
   version "7.1.2"
   resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.2.tgz#c19c9df9a028702d678612384a6552404c636d15"
   dependencies:
@@ -3716,21 +3901,6 @@ good-listener@^1.2.2:
   dependencies:
     delegate "^3.1.2"
 
-got@^3.2.0:
-  version "3.3.1"
-  resolved "https://registry.yarnpkg.com/got/-/got-3.3.1.tgz#e5d0ed4af55fc3eef4d56007769d98192bcb2eca"
-  dependencies:
-    duplexify "^3.2.0"
-    infinity-agent "^2.0.0"
-    is-redirect "^1.0.0"
-    is-stream "^1.0.0"
-    lowercase-keys "^1.0.0"
-    nested-error-stacks "^1.0.0"
-    object-assign "^3.0.0"
-    prepend-http "^1.0.0"
-    read-all-stream "^3.0.0"
-    timed-out "^2.0.0"
-
 got@^5.0.0:
   version "5.7.1"
   resolved "https://registry.yarnpkg.com/got/-/got-5.7.1.tgz#5f81635a61e4a6589f180569ea4e381680a51f35"
@@ -3751,6 +3921,22 @@ got@^5.0.0:
     unzip-response "^1.0.2"
     url-parse-lax "^1.0.0"
 
+got@^6.7.1:
+  version "6.7.1"
+  resolved "https://registry.yarnpkg.com/got/-/got-6.7.1.tgz#240cd05785a9a18e561dc1b44b41c763ef1e8db0"
+  dependencies:
+    create-error-class "^3.0.0"
+    duplexer3 "^0.1.4"
+    get-stream "^3.0.0"
+    is-redirect "^1.0.0"
+    is-retry-allowed "^1.0.0"
+    is-stream "^1.0.0"
+    lowercase-keys "^1.0.0"
+    safe-buffer "^5.0.1"
+    timed-out "^4.0.0"
+    unzip-response "^2.0.1"
+    url-parse-lax "^1.0.0"
+
 got@^7.1.0:
   version "7.1.0"
   resolved "https://registry.yarnpkg.com/got/-/got-7.1.0.tgz#05450fd84094e6bbea56f451a43a9c289166385a"
@@ -3925,11 +4111,26 @@ has-value@^0.3.1:
     has-values "^0.1.4"
     isobject "^2.0.0"
 
+has-value@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/has-value/-/has-value-1.0.0.tgz#18b281da585b1c5c51def24c930ed29a0be6b177"
+  dependencies:
+    get-value "^2.0.6"
+    has-values "^1.0.0"
+    isobject "^3.0.0"
+
 has-values@^0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/has-values/-/has-values-0.1.4.tgz#6d61de95d91dfca9b9a02089ad384bff8f62b771"
 
-has@^1.0.1:
+has-values@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/has-values/-/has-values-1.0.0.tgz#95b0b63fec2146619a6fe57fe75628d5a39efe4f"
+  dependencies:
+    is-number "^3.0.0"
+    kind-of "^4.0.0"
+
+has@^1.0.1, has@~1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/has/-/has-1.0.1.tgz#8461733f538b0837c9361e39a9ab9e9704dc2f28"
   dependencies:
@@ -4047,8 +4248,8 @@ html-entities@1.2.1, html-entities@^1.2.0:
   resolved "https://registry.yarnpkg.com/html-entities/-/html-entities-1.2.1.tgz#0df29351f0721163515dfb9e5543e5f6eed5162f"
 
 html-minifier@^3.2.3:
-  version "3.5.3"
-  resolved "https://registry.yarnpkg.com/html-minifier/-/html-minifier-3.5.3.tgz#4a275e3b1a16639abb79b4c11191ff0d0fcf1ab9"
+  version "3.5.5"
+  resolved "https://registry.yarnpkg.com/html-minifier/-/html-minifier-3.5.5.tgz#3bdc9427e638bbe3dbde96c0eb988b044f02739e"
   dependencies:
     camel-case "3.0.x"
     clean-css "4.1.x"
@@ -4057,7 +4258,11 @@ html-minifier@^3.2.3:
     ncname "1.0.x"
     param-case "2.1.x"
     relateurl "0.2.x"
-    uglify-js "3.0.x"
+    uglify-js "3.1.x"
+
+html-tags@^1.0.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/html-tags/-/html-tags-1.2.0.tgz#c78de65b5663aa597989dd2b7ab49200d7e4db98"
 
 html-webpack-plugin@2.29.0:
   version "2.29.0"
@@ -4094,7 +4299,7 @@ http-deceiver@^1.2.7:
   version "1.2.7"
   resolved "https://registry.yarnpkg.com/http-deceiver/-/http-deceiver-1.2.7.tgz#fa7168944ab9a519d337cb0bec7284dc3e723d87"
 
-http-errors@~1.6.1, http-errors@~1.6.2:
+http-errors@1.6.2, http-errors@~1.6.1, http-errors@~1.6.2:
   version "1.6.2"
   resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-1.6.2.tgz#0a002cc85707192a7e7946ceedc11155f60ec736"
   dependencies:
@@ -4103,6 +4308,10 @@ http-errors@~1.6.1, http-errors@~1.6.2:
     setprototypeof "1.0.3"
     statuses ">= 1.3.1 < 2"
 
+http-parser-js@>=0.4.0:
+  version "0.4.6"
+  resolved "https://registry.yarnpkg.com/http-parser-js/-/http-parser-js-0.4.6.tgz#195273f58704c452d671076be201329dd341dc55"
+
 http-proxy-middleware@~0.17.4:
   version "0.17.4"
   resolved "https://registry.yarnpkg.com/http-proxy-middleware/-/http-proxy-middleware-0.17.4.tgz#642e8848851d66f09d4f124912846dbaeb41b833"
@@ -4157,13 +4366,9 @@ iconv-lite@0.4.13:
   version "0.4.13"
   resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.13.tgz#1f88aba4ab0b1508e8312acc39345f36e992e2f2"
 
-iconv-lite@0.4.15:
-  version "0.4.15"
-  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.15.tgz#fe265a218ac6a57cfe854927e9d04c19825eddeb"
-
-iconv-lite@^0.4.17, iconv-lite@~0.4.13:
-  version "0.4.18"
-  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.18.tgz#23d8656b16aae6742ac29732ea8f0336a4789cf2"
+iconv-lite@0.4.19, iconv-lite@^0.4.17, iconv-lite@~0.4.13:
+  version "0.4.19"
+  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.19.tgz#f7468f60135f5e5dad3399c0a81be9a1603a082b"
 
 icss-replace-symbols@^1.1.0:
   version "1.1.0"
@@ -4179,7 +4384,7 @@ ieee754@^1.1.4:
   version "1.1.8"
   resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.1.8.tgz#be33d40ac10ef1926701f6f08a2d86fbfd1ad3e4"
 
-ignore-by-default@^1.0.0:
+ignore-by-default@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/ignore-by-default/-/ignore-by-default-1.0.1.tgz#48ca6d72f6c6a3af00a9ad4ae6876be3889e2b09"
 
@@ -4200,10 +4405,18 @@ immutability-helper@^2.2.0:
   dependencies:
     invariant "^2.2.0"
 
-immutable@^3.8.1:
+immutable@*, immutable@^3.8.1:
   version "3.8.1"
   resolved "https://registry.yarnpkg.com/immutable/-/immutable-3.8.1.tgz#200807f11ab0f72710ea485542de088075f68cd2"
 
+immutable@~3.7.4:
+  version "3.7.6"
+  resolved "https://registry.yarnpkg.com/immutable/-/immutable-3.7.6.tgz#13b4d3cb12befa15482a26fe1b2ebae640071e4b"
+
+import-lazy@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/import-lazy/-/import-lazy-2.1.0.tgz#05698e3d45c88e8d7e9d92cb0584e77f096f3e43"
+
 imurmurhash@^0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
@@ -4226,10 +4439,6 @@ indexof@0.0.1:
   version "0.0.1"
   resolved "https://registry.yarnpkg.com/indexof/-/indexof-0.0.1.tgz#82dc336d232b9062179d05ab3293a66059fd435d"
 
-infinity-agent@^2.0.0:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/infinity-agent/-/infinity-agent-2.0.3.tgz#45e0e2ff7a9eb030b27d62b74b3744b7a7ac4216"
-
 inflight@^1.0.4:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
@@ -4269,8 +4478,8 @@ inquirer@3.2.1:
     through "^2.3.6"
 
 inquirer@^3.0.6:
-  version "3.2.2"
-  resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-3.2.2.tgz#c2aaede1507cc54d826818737742d621bef2e823"
+  version "3.2.3"
+  resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-3.2.3.tgz#1c7b1731cf77b934ec47d22c9ac5aa8fe7fbe095"
   dependencies:
     ansi-escapes "^2.0.0"
     chalk "^2.0.0"
@@ -4294,8 +4503,8 @@ internal-ip@^1.2.0:
     meow "^3.3.0"
 
 interpret@^1.0.0:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/interpret/-/interpret-1.0.3.tgz#cbc35c62eeee73f19ab7b10a801511401afc0f90"
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/interpret/-/interpret-1.0.4.tgz#820cdd588b868ffb191a809506d6c9c8f212b1b0"
 
 invariant@^2.0.0, invariant@^2.2.0, invariant@^2.2.1, invariant@^2.2.2:
   version "2.2.2"
@@ -4435,7 +4644,7 @@ is-extglob@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-1.0.0.tgz#ac468177c4943405a092fc8f29760c6ffc6206c0"
 
-is-extglob@^2.1.0, is-extglob@^2.1.1:
+is-extglob@^2.1.0:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
 
@@ -4455,7 +4664,7 @@ is-fullwidth-code-point@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz#a3b30a5c4f199183167aaab93beefae3ddfb654f"
 
-is-function@^1.0.1:
+is-function@^1.0.1, is-function@~1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/is-function/-/is-function-1.0.1.tgz#12cfb98b65b57dd3d193a3121f5f6e2f437602b5"
 
@@ -4471,6 +4680,12 @@ is-glob@^3.1.0:
   dependencies:
     is-extglob "^2.1.0"
 
+is-html@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-html/-/is-html-1.1.0.tgz#e04f1c18d39485111396f9a0273eab51af218464"
+  dependencies:
+    html-tags "^1.0.0"
+
 is-in-browser@^1.1.3:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/is-in-browser/-/is-in-browser-1.1.3.tgz#56ff4db683a078c6082eb95dad7dc62e1d04f835"
@@ -4531,7 +4746,7 @@ is-plain-obj@^1.0.0, is-plain-obj@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-1.1.0.tgz#71a50c8429dfca773c92a390a4a03b39fcd51d3e"
 
-is-plain-object@^2.0.1:
+is-plain-object@^2.0.1, is-plain-object@^2.0.3:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/is-plain-object/-/is-plain-object-2.0.4.tgz#2c163b3fafb1b606d9d17928f05c2a1c38e07677"
   dependencies:
@@ -4623,7 +4838,7 @@ isexe@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
 
-isobject@^2.0.0, isobject@^2.1.0:
+isobject@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/isobject/-/isobject-2.1.0.tgz#f065561096a3f1da2ef46272f815c840d87e0c89"
   dependencies:
@@ -4645,14 +4860,14 @@ isstream@~0.1.2:
   resolved "https://registry.yarnpkg.com/isstream/-/isstream-0.1.2.tgz#47e63f7af55afa6f92e1500e690eb8b8529c099a"
 
 istanbul-api@^1.1.1:
-  version "1.1.13"
-  resolved "https://registry.yarnpkg.com/istanbul-api/-/istanbul-api-1.1.13.tgz#7197f64413600ebdfec6347a2dc3d4e03f97ed5a"
+  version "1.1.14"
+  resolved "https://registry.yarnpkg.com/istanbul-api/-/istanbul-api-1.1.14.tgz#25bc5701f7c680c0ffff913de46e3619a3a6e680"
   dependencies:
     async "^2.1.4"
     fileset "^2.0.2"
     istanbul-lib-coverage "^1.1.1"
     istanbul-lib-hook "^1.0.7"
-    istanbul-lib-instrument "^1.7.5"
+    istanbul-lib-instrument "^1.8.0"
     istanbul-lib-report "^1.1.1"
     istanbul-lib-source-maps "^1.2.1"
     istanbul-reports "^1.1.2"
@@ -4670,15 +4885,15 @@ istanbul-lib-hook@^1.0.7:
   dependencies:
     append-transform "^0.4.0"
 
-istanbul-lib-instrument@^1.4.2, istanbul-lib-instrument@^1.7.2, istanbul-lib-instrument@^1.7.5:
-  version "1.7.5"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-1.7.5.tgz#adb596f8f0cb8b95e739206351a38a586af21b1e"
+istanbul-lib-instrument@^1.4.2, istanbul-lib-instrument@^1.7.2, istanbul-lib-instrument@^1.8.0:
+  version "1.8.0"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-1.8.0.tgz#66f6c9421cc9ec4704f76f2db084ba9078a2b532"
   dependencies:
     babel-generator "^6.18.0"
     babel-template "^6.16.0"
     babel-traverse "^6.18.0"
     babel-types "^6.18.0"
-    babylon "^6.17.4"
+    babylon "^6.18.0"
     istanbul-lib-coverage "^1.1.1"
     semver "^5.3.0"
 
@@ -4726,6 +4941,12 @@ jest-changed-files@^20.0.3:
   version "20.0.3"
   resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-20.0.3.tgz#9394d5cc65c438406149bef1bf4d52b68e03e3f8"
 
+jest-changed-files@^21.1.0:
+  version "21.1.0"
+  resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-21.1.0.tgz#e70f6b33b75d5987f4eae07e35bea5525635f92a"
+  dependencies:
+    throat "^4.0.0"
+
 jest-cli@^20.0.4:
   version "20.0.4"
   resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-20.0.4.tgz#e532b19d88ae5bc6c417e8b0593a6fe954b1dc93"
@@ -4761,21 +4982,71 @@ jest-cli@^20.0.4:
     worker-farm "^1.3.1"
     yargs "^7.0.2"
 
-jest-config@^20.0.4:
-  version "20.0.4"
-  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-20.0.4.tgz#e37930ab2217c913605eff13e7bd763ec48faeea"
+jest-cli@^21.1.0:
+  version "21.1.0"
+  resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-21.1.0.tgz#4f671885ea3521803c96a1fd95baaa6a1ba8d70f"
   dependencies:
-    chalk "^1.1.3"
-    glob "^7.1.1"
-    jest-environment-jsdom "^20.0.3"
-    jest-environment-node "^20.0.3"
-    jest-jasmine2 "^20.0.4"
-    jest-matcher-utils "^20.0.3"
-    jest-regex-util "^20.0.3"
-    jest-resolve "^20.0.4"
-    jest-validate "^20.0.3"
+    ansi-escapes "^3.0.0"
+    chalk "^2.0.1"
+    glob "^7.1.2"
+    graceful-fs "^4.1.11"
+    is-ci "^1.0.10"
+    istanbul-api "^1.1.1"
+    istanbul-lib-coverage "^1.0.1"
+    istanbul-lib-instrument "^1.4.2"
+    istanbul-lib-source-maps "^1.1.0"
+    jest-changed-files "^21.1.0"
+    jest-config "^21.1.0"
+    jest-environment-jsdom "^21.1.0"
+    jest-haste-map "^21.1.0"
+    jest-message-util "^21.1.0"
+    jest-regex-util "^21.1.0"
+    jest-resolve-dependencies "^21.1.0"
+    jest-runner "^21.1.0"
+    jest-runtime "^21.1.0"
+    jest-snapshot "^21.1.0"
+    jest-util "^21.1.0"
+    micromatch "^2.3.11"
+    node-notifier "^5.0.2"
+    pify "^3.0.0"
+    slash "^1.0.0"
+    string-length "^2.0.0"
+    strip-ansi "^4.0.0"
+    which "^1.2.12"
+    worker-farm "^1.3.1"
+    yargs "^9.0.0"
+
+jest-config@^20.0.4:
+  version "20.0.4"
+  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-20.0.4.tgz#e37930ab2217c913605eff13e7bd763ec48faeea"
+  dependencies:
+    chalk "^1.1.3"
+    glob "^7.1.1"
+    jest-environment-jsdom "^20.0.3"
+    jest-environment-node "^20.0.3"
+    jest-jasmine2 "^20.0.4"
+    jest-matcher-utils "^20.0.3"
+    jest-regex-util "^20.0.3"
+    jest-resolve "^20.0.4"
+    jest-validate "^20.0.3"
     pretty-format "^20.0.3"
 
+jest-config@^21.1.0:
+  version "21.1.0"
+  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-21.1.0.tgz#7ef8778af679de30dad75e355a0dfbb0330b8d2f"
+  dependencies:
+    chalk "^2.0.1"
+    glob "^7.1.1"
+    jest-environment-jsdom "^21.1.0"
+    jest-environment-node "^21.1.0"
+    jest-get-type "^21.0.2"
+    jest-jasmine2 "^21.1.0"
+    jest-regex-util "^21.1.0"
+    jest-resolve "^21.1.0"
+    jest-util "^21.1.0"
+    jest-validate "^21.1.0"
+    pretty-format "^21.1.0"
+
 jest-diff@^20.0.3:
   version "20.0.3"
   resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-20.0.3.tgz#81f288fd9e675f0fb23c75f1c2b19445fe586617"
@@ -4785,10 +5056,23 @@ jest-diff@^20.0.3:
     jest-matcher-utils "^20.0.3"
     pretty-format "^20.0.3"
 
+jest-diff@^21.1.0:
+  version "21.1.0"
+  resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-21.1.0.tgz#ca4c9d40272a6901dcde6c4c0bb2f568c363cc42"
+  dependencies:
+    chalk "^2.0.1"
+    diff "^3.2.0"
+    jest-get-type "^21.0.2"
+    pretty-format "^21.1.0"
+
 jest-docblock@^20.0.3:
   version "20.0.3"
   resolved "https://registry.yarnpkg.com/jest-docblock/-/jest-docblock-20.0.3.tgz#17bea984342cc33d83c50fbe1545ea0efaa44712"
 
+jest-docblock@^21.1.0:
+  version "21.1.0"
+  resolved "https://registry.yarnpkg.com/jest-docblock/-/jest-docblock-21.1.0.tgz#43154be2441fb91403e36bb35cb791a5017cea81"
+
 jest-environment-jsdom@^20.0.3:
   version "20.0.3"
   resolved "https://registry.yarnpkg.com/jest-environment-jsdom/-/jest-environment-jsdom-20.0.3.tgz#048a8ac12ee225f7190417713834bb999787de99"
@@ -4797,6 +5081,14 @@ jest-environment-jsdom@^20.0.3:
     jest-util "^20.0.3"
     jsdom "^9.12.0"
 
+jest-environment-jsdom@^21.1.0:
+  version "21.1.0"
+  resolved "https://registry.yarnpkg.com/jest-environment-jsdom/-/jest-environment-jsdom-21.1.0.tgz#40729a60cd4544625f7d3a33c32bdaad63e57db7"
+  dependencies:
+    jest-mock "^21.1.0"
+    jest-util "^21.1.0"
+    jsdom "^9.12.0"
+
 jest-environment-node@^20.0.3:
   version "20.0.3"
   resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-20.0.3.tgz#d488bc4612af2c246e986e8ae7671a099163d403"
@@ -4804,6 +5096,17 @@ jest-environment-node@^20.0.3:
     jest-mock "^20.0.3"
     jest-util "^20.0.3"
 
+jest-environment-node@^21.1.0:
+  version "21.1.0"
+  resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-21.1.0.tgz#a11fd611e8ae6c3e02b785aa1b12a3009f4fd0f1"
+  dependencies:
+    jest-mock "^21.1.0"
+    jest-util "^21.1.0"
+
+jest-get-type@^21.0.2:
+  version "21.0.2"
+  resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-21.0.2.tgz#304e6b816dd33cd1f47aba0597bcad258a509fc6"
+
 jest-haste-map@^20.0.4:
   version "20.0.5"
   resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-20.0.5.tgz#abad74efb1a005974a7b6517e11010709cab9112"
@@ -4815,6 +5118,17 @@ jest-haste-map@^20.0.4:
     sane "~1.6.0"
     worker-farm "^1.3.1"
 
+jest-haste-map@^21.1.0:
+  version "21.1.0"
+  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-21.1.0.tgz#08e7a8c584008d4b790b8dddf7dd3e3db03b75d3"
+  dependencies:
+    fb-watchman "^2.0.0"
+    graceful-fs "^4.1.11"
+    jest-docblock "^21.1.0"
+    micromatch "^2.3.11"
+    sane "^2.0.0"
+    worker-farm "^1.3.1"
+
 jest-jasmine2@^20.0.4:
   version "20.0.4"
   resolved "https://registry.yarnpkg.com/jest-jasmine2/-/jest-jasmine2-20.0.4.tgz#fcc5b1411780d911d042902ef1859e852e60d5e1"
@@ -4829,6 +5143,19 @@ jest-jasmine2@^20.0.4:
     once "^1.4.0"
     p-map "^1.1.1"
 
+jest-jasmine2@^21.1.0:
+  version "21.1.0"
+  resolved "https://registry.yarnpkg.com/jest-jasmine2/-/jest-jasmine2-21.1.0.tgz#975c3cd3ecd9d50d385bfe3c680dd61979f50c9c"
+  dependencies:
+    chalk "^2.0.1"
+    expect "^21.1.0"
+    graceful-fs "^4.1.11"
+    jest-diff "^21.1.0"
+    jest-matcher-utils "^21.1.0"
+    jest-message-util "^21.1.0"
+    jest-snapshot "^21.1.0"
+    p-cancelable "^0.3.0"
+
 jest-matcher-utils@^20.0.3:
   version "20.0.3"
   resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-20.0.3.tgz#b3a6b8e37ca577803b0832a98b164f44b7815612"
@@ -4836,6 +5163,14 @@ jest-matcher-utils@^20.0.3:
     chalk "^1.1.3"
     pretty-format "^20.0.3"
 
+jest-matcher-utils@^21.1.0:
+  version "21.1.0"
+  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-21.1.0.tgz#b02e237b287c58915ce9a5bf3c7138dba95125a7"
+  dependencies:
+    chalk "^2.0.1"
+    jest-get-type "^21.0.2"
+    pretty-format "^21.1.0"
+
 jest-matchers@^20.0.3:
   version "20.0.3"
   resolved "https://registry.yarnpkg.com/jest-matchers/-/jest-matchers-20.0.3.tgz#ca69db1c32db5a6f707fa5e0401abb55700dfd60"
@@ -4853,20 +5188,42 @@ jest-message-util@^20.0.3:
     micromatch "^2.3.11"
     slash "^1.0.0"
 
+jest-message-util@^21.1.0:
+  version "21.1.0"
+  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-21.1.0.tgz#7f9a52535d1a640af0d4c800edde737e14ea0526"
+  dependencies:
+    chalk "^2.0.1"
+    micromatch "^2.3.11"
+    slash "^1.0.0"
+
 jest-mock@^20.0.3:
   version "20.0.3"
   resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-20.0.3.tgz#8bc070e90414aa155c11a8d64c869a0d5c71da59"
 
+jest-mock@^21.1.0:
+  version "21.1.0"
+  resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-21.1.0.tgz#c4dddfa893a0b120b72b5ae87c7506745213a790"
+
 jest-regex-util@^20.0.3:
   version "20.0.3"
   resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-20.0.3.tgz#85bbab5d133e44625b19faf8c6aa5122d085d762"
 
+jest-regex-util@^21.1.0:
+  version "21.1.0"
+  resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-21.1.0.tgz#59e4bad74f5ffd62a3835225f9bc1ee3796b5adb"
+
 jest-resolve-dependencies@^20.0.3:
   version "20.0.3"
   resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-20.0.3.tgz#6e14a7b717af0f2cb3667c549de40af017b1723a"
   dependencies:
     jest-regex-util "^20.0.3"
 
+jest-resolve-dependencies@^21.1.0:
+  version "21.1.0"
+  resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-21.1.0.tgz#9f78852e65d864d04ad0919ac8226b3f1434e7b0"
+  dependencies:
+    jest-regex-util "^21.1.0"
+
 jest-resolve@^20.0.4:
   version "20.0.4"
   resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-20.0.4.tgz#9448b3e8b6bafc15479444c6499045b7ffe597a5"
@@ -4875,6 +5232,29 @@ jest-resolve@^20.0.4:
     is-builtin-module "^1.0.0"
     resolve "^1.3.2"
 
+jest-resolve@^21.1.0:
+  version "21.1.0"
+  resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-21.1.0.tgz#6bb806ca5ad876c250044fe62f298321d2da5c06"
+  dependencies:
+    browser-resolve "^1.11.2"
+    chalk "^2.0.1"
+    is-builtin-module "^1.0.0"
+
+jest-runner@^21.1.0:
+  version "21.1.0"
+  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-21.1.0.tgz#d7ea7e2fa10ed673d4dd25ba2f3faae2efb89a07"
+  dependencies:
+    jest-config "^21.1.0"
+    jest-docblock "^21.1.0"
+    jest-haste-map "^21.1.0"
+    jest-jasmine2 "^21.1.0"
+    jest-message-util "^21.1.0"
+    jest-runtime "^21.1.0"
+    jest-util "^21.1.0"
+    pify "^3.0.0"
+    throat "^4.0.0"
+    worker-farm "^1.3.1"
+
 jest-runtime@^20.0.4:
   version "20.0.4"
   resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-20.0.4.tgz#a2c802219c4203f754df1404e490186169d124d8"
@@ -4895,6 +5275,28 @@ jest-runtime@^20.0.4:
     strip-bom "3.0.0"
     yargs "^7.0.2"
 
+jest-runtime@^21.1.0:
+  version "21.1.0"
+  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-21.1.0.tgz#c9a180a9e06ef046d0ad157dea52355abb7cbad4"
+  dependencies:
+    babel-core "^6.0.0"
+    babel-jest "^21.0.2"
+    babel-plugin-istanbul "^4.0.0"
+    chalk "^2.0.1"
+    convert-source-map "^1.4.0"
+    graceful-fs "^4.1.11"
+    jest-config "^21.1.0"
+    jest-haste-map "^21.1.0"
+    jest-regex-util "^21.1.0"
+    jest-resolve "^21.1.0"
+    jest-util "^21.1.0"
+    json-stable-stringify "^1.0.1"
+    micromatch "^2.3.11"
+    slash "^1.0.0"
+    strip-bom "3.0.0"
+    write-file-atomic "^2.1.0"
+    yargs "^9.0.0"
+
 jest-snapshot@^20.0.3:
   version "20.0.3"
   resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-20.0.3.tgz#5b847e1adb1a4d90852a7f9f125086e187c76566"
@@ -4906,6 +5308,17 @@ jest-snapshot@^20.0.3:
     natural-compare "^1.4.0"
     pretty-format "^20.0.3"
 
+jest-snapshot@^21.1.0:
+  version "21.1.0"
+  resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-21.1.0.tgz#a5fa9d52847d8f52e19a1df6ccae9de699193ccc"
+  dependencies:
+    chalk "^2.0.1"
+    jest-diff "^21.1.0"
+    jest-matcher-utils "^21.1.0"
+    mkdirp "^0.5.1"
+    natural-compare "^1.4.0"
+    pretty-format "^21.1.0"
+
 jest-util@^20.0.3:
   version "20.0.3"
   resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-20.0.3.tgz#0c07f7d80d82f4e5a67c6f8b9c3fe7f65cfd32ad"
@@ -4918,6 +5331,18 @@ jest-util@^20.0.3:
     leven "^2.1.0"
     mkdirp "^0.5.1"
 
+jest-util@^21.1.0:
+  version "21.1.0"
+  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-21.1.0.tgz#f92ff756422cc0609ddf5a9bfa4d34b2835d8c30"
+  dependencies:
+    callsites "^2.0.0"
+    chalk "^2.0.1"
+    graceful-fs "^4.1.11"
+    jest-message-util "^21.1.0"
+    jest-mock "^21.1.0"
+    jest-validate "^21.1.0"
+    mkdirp "^0.5.1"
+
 jest-validate@^20.0.3:
   version "20.0.3"
   resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-20.0.3.tgz#d0cfd1de4f579f298484925c280f8f1d94ec3cab"
@@ -4927,13 +5352,28 @@ jest-validate@^20.0.3:
     leven "^2.1.0"
     pretty-format "^20.0.3"
 
+jest-validate@^21.1.0:
+  version "21.1.0"
+  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-21.1.0.tgz#39d01115544a758bce49f221a5fcbb24ebdecc65"
+  dependencies:
+    chalk "^2.0.1"
+    jest-get-type "^21.0.2"
+    leven "^2.1.0"
+    pretty-format "^21.1.0"
+
 jest@20.0.4:
   version "20.0.4"
   resolved "https://registry.yarnpkg.com/jest/-/jest-20.0.4.tgz#3dd260c2989d6dad678b1e9cc4d91944f6d602ac"
   dependencies:
     jest-cli "^20.0.4"
 
-joi@^10.1.0:
+jest@^21.1.0:
+  version "21.1.0"
+  resolved "https://registry.yarnpkg.com/jest/-/jest-21.1.0.tgz#77c7baa8aa9e8bace7fe41a30d748ab56e89476a"
+  dependencies:
+    jest-cli "^21.1.0"
+
+joi@^10.6.0:
   version "10.6.0"
   resolved "https://registry.yarnpkg.com/joi/-/joi-10.6.0.tgz#52587f02d52b8b75cdb0c74f0b164a191a0e1fc2"
   dependencies:
@@ -4943,16 +5383,16 @@ joi@^10.1.0:
     topo "2.x.x"
 
 js-base64@^2.1.9:
-  version "2.1.9"
-  resolved "https://registry.yarnpkg.com/js-base64/-/js-base64-2.1.9.tgz#f0e80ae039a4bd654b5f281fc93f04a914a7fcce"
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/js-base64/-/js-base64-2.3.2.tgz#a79a923666372b580f8e27f51845c6f7e8fbfbaf"
 
 js-tokens@^3.0.0, js-tokens@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-3.0.2.tgz#9866df395102130e38f7f996bceb65443209c25b"
 
 js-yaml@^3.4.3, js-yaml@^3.7.0, js-yaml@^3.9.1:
-  version "3.9.1"
-  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.9.1.tgz#08775cebdfdd359209f0d2acd383c8f86a6904a0"
+  version "3.10.0"
+  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.10.0.tgz#2e78441646bd4682e963f22b6e92823c309c62dc"
   dependencies:
     argparse "^1.0.7"
     esprima "^4.0.0"
@@ -5125,7 +5565,7 @@ kind-of@^4.0.0:
   dependencies:
     is-buffer "^1.1.5"
 
-kind-of@^5.0.0:
+kind-of@^5.0.0, kind-of@^5.0.2:
   version "5.0.2"
   resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-5.0.2.tgz#f57bec933d9a2209ffa96c5c08343607b7035fda"
 
@@ -5135,23 +5575,23 @@ klaw@^1.0.0:
   optionalDependencies:
     graceful-fs "^4.1.9"
 
-latest-version@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/latest-version/-/latest-version-1.0.1.tgz#72cfc46e3e8d1be651e1ebb54ea9f6ea96f374bb"
-  dependencies:
-    package-json "^1.0.0"
-
 latest-version@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/latest-version/-/latest-version-2.0.0.tgz#56f8d6139620847b8017f8f1f4d78e211324168b"
   dependencies:
     package-json "^2.0.0"
 
+latest-version@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/latest-version/-/latest-version-3.1.0.tgz#a205383fea322b33b5ae3b18abee0dc2f356ee15"
+  dependencies:
+    package-json "^4.0.0"
+
 lazy-cache@^1.0.3:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/lazy-cache/-/lazy-cache-1.0.4.tgz#a1d78fc3a50474cb80845d3b3b6e1da49a446e8e"
 
-lazy-cache@^2.0.1, lazy-cache@^2.0.2:
+lazy-cache@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/lazy-cache/-/lazy-cache-2.0.2.tgz#b9190a4f913354694840859f8a8f7084d8822264"
   dependencies:
@@ -5556,8 +5996,8 @@ log-update@^1.0.2:
     cli-cursor "^1.0.2"
 
 loglevel@^1.4.1:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/loglevel/-/loglevel-1.4.1.tgz#95b383f91a3c2756fd4ab093667e4309161f2bcd"
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/loglevel/-/loglevel-1.5.0.tgz#3863984a2c326b986fbb965f378758a6dc8a4324"
 
 long@~3:
   version "3.2.0"
@@ -5633,12 +6073,11 @@ map-stream@~0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/map-stream/-/map-stream-0.1.0.tgz#e56aa94c4c8055a16404a0674b78f215f7c8e194"
 
-map-visit@^0.1.5:
-  version "0.1.5"
-  resolved "https://registry.yarnpkg.com/map-visit/-/map-visit-0.1.5.tgz#dbe43927ce5525b80dfc1573a44d68c51f26816b"
+map-visit@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/map-visit/-/map-visit-1.0.0.tgz#ecdca8f13144e660f1b5bd41f12f3479d98dfb8f"
   dependencies:
-    lazy-cache "^2.0.1"
-    object-visit "^0.3.4"
+    object-visit "^1.0.0"
 
 "match-stream@>= 0.0.2 < 1":
   version "0.0.2"
@@ -5733,19 +6172,19 @@ micromatch@^2.1.5, micromatch@^2.3.11:
     regex-cache "^0.4.2"
 
 micromatch@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-3.0.4.tgz#1543f1d04813447ac852001c5f5a933401786d1d"
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-3.1.0.tgz#5102d4eaf20b6997d6008e3acfe1c44a3fa815e2"
   dependencies:
     arr-diff "^4.0.0"
     array-unique "^0.3.2"
     braces "^2.2.2"
     define-property "^1.0.0"
     extend-shallow "^2.0.1"
-    extglob "^1.1.0"
+    extglob "^2.0.2"
     fragment-cache "^0.2.1"
-    kind-of "^4.0.0"
-    nanomatch "^1.2.0"
-    object.pick "^1.2.0"
+    kind-of "^5.0.2"
+    nanomatch "^1.2.1"
+    object.pick "^1.3.0"
     regex-not "^1.0.0"
     snapdragon "^0.8.1"
     to-regex "^3.0.1"
@@ -5757,19 +6196,15 @@ miller-rabin@^4.0.0:
     bn.js "^4.0.0"
     brorand "^1.0.1"
 
-"mime-db@>= 1.29.0 < 2":
+"mime-db@>= 1.29.0 < 2", mime-db@~1.30.0:
   version "1.30.0"
   resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.30.0.tgz#74c643da2dd9d6a45399963465b26d5ca7d71f01"
 
-mime-db@~1.29.0:
-  version "1.29.0"
-  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.29.0.tgz#48d26d235589651704ac5916ca06001914266878"
-
 mime-types@^2.1.12, mime-types@~2.1.15, mime-types@~2.1.16, mime-types@~2.1.7:
-  version "2.1.16"
-  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.16.tgz#2b858a52e5ecd516db897ac2be87487830698e23"
+  version "2.1.17"
+  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.17.tgz#09d7a393f03e995a79f8af857b70a9e0ab16557a"
   dependencies:
-    mime-db "~1.29.0"
+    mime-db "~1.30.0"
 
 mime@1.3.4:
   version "1.3.4"
@@ -5823,7 +6258,7 @@ minimist@0.0.8:
   version "0.0.8"
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.8.tgz#857fcabfc3397d2625b8228262e86aa7a011b05d"
 
-minimist@^1.1.1, minimist@^1.1.3, minimist@^1.2.0:
+minimist@^1.1.1, minimist@^1.1.3, minimist@^1.2.0, minimist@~1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.0.tgz#a35008b20f41383eec1fb914f4cd5df79a264284"
 
@@ -5831,7 +6266,7 @@ minimist@~0.0.1:
   version "0.0.10"
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.10.tgz#de3f98543dbf96082be48ad1a0c7cda836301dcf"
 
-mixin-deep@^1.1.3:
+mixin-deep@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/mixin-deep/-/mixin-deep-1.2.0.tgz#d02b8c6f8b6d4b8f5982d3fd009c4919851c3fe2"
   dependencies:
@@ -5850,7 +6285,7 @@ moment-timezone@^0.5.0:
   dependencies:
     moment ">= 2.9.0"
 
-"moment@>= 2.9.0", moment@^2.11.2, moment@^2.15.2, moment@^2.17.1, moment@^2.18.1:
+"moment@>= 2.9.0", moment@^2.11.2, moment@^2.15.2, moment@^2.18.1:
   version "2.18.1"
   resolved "https://registry.yarnpkg.com/moment/-/moment-2.18.1.tgz#c36193dd3ce1c2eed2adb7c802dbbc77a81b1c0f"
 
@@ -5885,19 +6320,18 @@ nan@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/nan/-/nan-1.0.0.tgz#ae24f8850818d662fcab5acf7f3b95bfaa2ccf38"
 
-nanomatch@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/nanomatch/-/nanomatch-1.2.0.tgz#76fdb3d4ae7617e37719e7a4047b840857c0cb1c"
+nanomatch@^1.2.1:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/nanomatch/-/nanomatch-1.2.3.tgz#15e1c02dcf990c27a283b08c0ba1801ce249a6a6"
   dependencies:
     arr-diff "^4.0.0"
     array-unique "^0.3.2"
     define-property "^1.0.0"
     extend-shallow "^2.0.1"
     fragment-cache "^0.2.1"
-    is-extglob "^2.1.1"
     is-odd "^1.0.0"
-    kind-of "^4.0.0"
-    object.pick "^1.2.0"
+    kind-of "^5.0.2"
+    object.pick "^1.3.0"
     regex-not "^1.0.0"
     snapdragon "^0.8.1"
     to-regex "^3.0.1"
@@ -5920,19 +6354,13 @@ negotiator@0.6.1:
   version "0.6.1"
   resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.1.tgz#2b327184e8992101177b28563fb5e7102acd0ca9"
 
-nested-error-stacks@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/nested-error-stacks/-/nested-error-stacks-1.0.2.tgz#19f619591519f096769a5ba9a86e6eeec823c3cf"
-  dependencies:
-    inherits "~2.0.1"
-
 netrc@^0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/netrc/-/netrc-0.1.4.tgz#6be94fcaca8d77ade0a9670dc460914c94472444"
 
 newrelic@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/newrelic/-/newrelic-2.2.0.tgz#ccb38e3324c3f92d845d3c1ffd3d87d283b10d7e"
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/newrelic/-/newrelic-2.2.1.tgz#14c9f01c0310f8d670cbed5469c3e42efd270de8"
   dependencies:
     concat-stream "^1.5.0"
     https-proxy-agent "^0.3.5"
@@ -5943,8 +6371,8 @@ newrelic@^2.2.0:
     "@newrelic/native-metrics" "^2.1.0"
 
 no-case@^2.2.0:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/no-case/-/no-case-2.3.1.tgz#7aeba1c73a52184265554b7dc03baf720df80081"
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/no-case/-/no-case-2.3.2.tgz#60b813396be39b3f1288a4c1ed5d1e7d28b464ac"
   dependencies:
     lower-case "^1.1.1"
 
@@ -5953,8 +6381,8 @@ node-env-file@^0.1.8:
   resolved "https://registry.yarnpkg.com/node-env-file/-/node-env-file-0.1.8.tgz#fccb7b050f735b5a33da9eb937cf6f1ab457fb69"
 
 node-fetch@^1.0.1:
-  version "1.7.2"
-  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-1.7.2.tgz#c54e9aac57e432875233525f3c891c4159ffefd7"
+  version "1.7.3"
+  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-1.7.3.tgz#980f6f72d85211a5347c6b2bc18c5b84c3eb47ef"
   dependencies:
     encoding "^0.1.11"
     is-stream "^1.0.1"
@@ -6011,8 +6439,8 @@ node-notifier@^5.0.2:
     which "^1.2.12"
 
 node-pre-gyp@^0.6.36:
-  version "0.6.36"
-  resolved "https://registry.yarnpkg.com/node-pre-gyp/-/node-pre-gyp-0.6.36.tgz#db604112cb74e0d477554e9b505b17abddfab786"
+  version "0.6.37"
+  resolved "https://registry.yarnpkg.com/node-pre-gyp/-/node-pre-gyp-0.6.37.tgz#3c872b236b2e266e4140578fe1ee88f693323a05"
   dependencies:
     mkdirp "^0.5.1"
     nopt "^4.0.1"
@@ -6021,6 +6449,7 @@ node-pre-gyp@^0.6.36:
     request "^2.81.0"
     rimraf "^2.6.1"
     semver "^5.3.0"
+    tape "^4.6.3"
     tar "^2.2.1"
     tar-pack "^3.4.0"
 
@@ -6029,19 +6458,19 @@ node-status-codes@^1.0.0:
   resolved "https://registry.yarnpkg.com/node-status-codes/-/node-status-codes-1.0.0.tgz#5ae5541d024645d32a58fcddc9ceecea7ae3ac2f"
 
 nodemon@^1.11.0:
-  version "1.11.0"
-  resolved "https://registry.yarnpkg.com/nodemon/-/nodemon-1.11.0.tgz#226c562bd2a7b13d3d7518b49ad4828a3623d06c"
+  version "1.12.1"
+  resolved "https://registry.yarnpkg.com/nodemon/-/nodemon-1.12.1.tgz#996a56dc49d9f16bbf1b78a4de08f13634b3878d"
   dependencies:
-    chokidar "^1.4.3"
-    debug "^2.2.0"
-    es6-promise "^3.0.2"
-    ignore-by-default "^1.0.0"
+    chokidar "^1.7.0"
+    debug "^2.6.8"
+    es6-promise "^3.3.1"
+    ignore-by-default "^1.0.1"
     lodash.defaults "^3.1.2"
-    minimatch "^3.0.0"
-    ps-tree "^1.0.1"
-    touch "1.0.0"
+    minimatch "^3.0.4"
+    ps-tree "^1.1.0"
+    touch "^3.1.0"
     undefsafe "0.0.3"
-    update-notifier "0.5.0"
+    update-notifier "^2.2.0"
 
 nopt@^4.0.1:
   version "4.0.1"
@@ -6143,10 +6572,6 @@ object-assign@4.1.1, object-assign@^4, object-assign@^4.0.1, object-assign@^4.1.
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
 
-object-assign@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-3.0.0.tgz#9bedd5ca0897949bca47e7ff408062d549f587f2"
-
 object-copy@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/object-copy/-/object-copy-0.1.0.tgz#7e7d858b781bd7c991a41ba975ed3812754e998c"
@@ -6159,6 +6584,10 @@ object-hash@^1.1.4:
   version "1.1.8"
   resolved "https://registry.yarnpkg.com/object-hash/-/object-hash-1.1.8.tgz#28a659cf987d96a4dabe7860289f3b5326c4a03c"
 
+object-inspect@~1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.3.0.tgz#5b1eb8e6742e2ee83342a637034d844928ba2f6d"
+
 object-keys@^1.0.8:
   version "1.0.11"
   resolved "https://registry.yarnpkg.com/object-keys/-/object-keys-1.0.11.tgz#c54601778ad560f1142ce0e01bcca8b56d13426d"
@@ -6167,11 +6596,11 @@ object-path@^0.11.4:
   version "0.11.4"
   resolved "https://registry.yarnpkg.com/object-path/-/object-path-0.11.4.tgz#370ae752fbf37de3ea70a861c23bba8915691949"
 
-object-visit@^0.3.4:
-  version "0.3.4"
-  resolved "https://registry.yarnpkg.com/object-visit/-/object-visit-0.3.4.tgz#ae15cf86f0b2fdd551771636448452c54c3da829"
+object-visit@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/object-visit/-/object-visit-1.0.1.tgz#f79c4493af0c5377b59fe39d395e41042dd045bb"
   dependencies:
-    isobject "^2.0.0"
+    isobject "^3.0.0"
 
 object.omit@^2.0.0:
   version "2.0.1"
@@ -6180,7 +6609,7 @@ object.omit@^2.0.0:
     for-own "^0.1.4"
     is-extendable "^0.1.1"
 
-object.pick@^1.2.0:
+object.pick@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/object.pick/-/object.pick-1.3.0.tgz#87a10ac4c1694bd2e1cbf53591a66141fb5dd747"
   dependencies:
@@ -6352,13 +6781,6 @@ p-timeout@^1.1.1:
   dependencies:
     p-finally "^1.0.0"
 
-package-json@^1.0.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/package-json/-/package-json-1.2.0.tgz#c8ecac094227cdf76a316874ed05e27cc939a0e0"
-  dependencies:
-    got "^3.2.0"
-    registry-url "^3.0.0"
-
 package-json@^2.0.0:
   version "2.4.0"
   resolved "https://registry.yarnpkg.com/package-json/-/package-json-2.4.0.tgz#0d15bd67d1cbbddbb2ca222ff2edb86bcb31a8bb"
@@ -6368,6 +6790,15 @@ package-json@^2.0.0:
     registry-url "^3.0.3"
     semver "^5.1.0"
 
+package-json@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/package-json/-/package-json-4.0.1.tgz#8869a0401253661c4c4ca3da6c2121ed555f5eed"
+  dependencies:
+    got "^6.7.1"
+    registry-auth-token "^3.0.1"
+    registry-url "^3.0.3"
+    semver "^5.1.0"
+
 pako@~0.2.0:
   version "0.2.9"
   resolved "https://registry.yarnpkg.com/pako/-/pako-0.2.9.tgz#f3f7522f4ef782348da8161bad9ecfd51bf83a75"
@@ -6411,9 +6842,15 @@ parse5@^1.5.1:
   version "1.5.1"
   resolved "https://registry.yarnpkg.com/parse5/-/parse5-1.5.1.tgz#9b7f3b0de32be78dc2401b17573ccaf0f6f59d94"
 
+parse5@^3.0.1:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/parse5/-/parse5-3.0.2.tgz#05eff57f0ef4577fb144a79f8b9a967a6cc44510"
+  dependencies:
+    "@types/node" "^6.0.46"
+
 parseurl@~1.3.1:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/parseurl/-/parseurl-1.3.1.tgz#c8ab8c9223ba34888aa64a297b28853bec18da56"
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/parseurl/-/parseurl-1.3.2.tgz#fc289d4ed8993119460c156253262cdc8de65bf3"
 
 pascalcase@^0.1.1:
   version "0.1.1"
@@ -6537,8 +6974,8 @@ pause@0.0.1:
   resolved "https://registry.yarnpkg.com/pause/-/pause-0.0.1.tgz#1d408b3fdb76923b9543d96fb4c9dfd535d9cb5d"
 
 pbkdf2@^3.0.3:
-  version "3.0.13"
-  resolved "https://registry.yarnpkg.com/pbkdf2/-/pbkdf2-3.0.13.tgz#c37d295531e786b1da3e3eadc840426accb0ae25"
+  version "3.0.14"
+  resolved "https://registry.yarnpkg.com/pbkdf2/-/pbkdf2-3.0.14.tgz#a35e13c64799b06ce15320f459c230e68e73bade"
   dependencies:
     create-hash "^1.1.2"
     create-hmac "^1.1.4"
@@ -6877,12 +7314,12 @@ postcss@^5.0.10, postcss@^5.0.11, postcss@^5.0.12, postcss@^5.0.13, postcss@^5.0
     supports-color "^3.2.3"
 
 postcss@^6.0.1, postcss@^6.0.2, postcss@^6.0.6:
-  version "6.0.10"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-6.0.10.tgz#c311b89734483d87a91a56dc9e53f15f4e6e84e4"
+  version "6.0.11"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-6.0.11.tgz#f48db210b1d37a7f7ab6499b7a54982997ab6f72"
   dependencies:
     chalk "^2.1.0"
     source-map "^0.5.7"
-    supports-color "^4.2.1"
+    supports-color "^4.4.0"
 
 postmark@^1.4.1:
   version "1.4.1"
@@ -6911,8 +7348,8 @@ preserve@^0.2.0:
   resolved "https://registry.yarnpkg.com/preserve/-/preserve-0.2.0.tgz#815ed1f6ebc65926f865b310c0713bcb3315ce4b"
 
 prettier@^1.0.0:
-  version "1.6.1"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.6.1.tgz#850f411a3116226193e32ea5acfc21c0f9a76d7d"
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.7.0.tgz#47481588f41f7c90f63938feb202ac82554e7150"
 
 pretty-bytes@^4.0.2:
   version "4.0.2"
@@ -6932,9 +7369,22 @@ pretty-format@^20.0.3:
     ansi-regex "^2.1.1"
     ansi-styles "^3.0.0"
 
+pretty-format@^21.1.0:
+  version "21.1.0"
+  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-21.1.0.tgz#557428254323832ee8b7c971cb613442bea67f61"
+  dependencies:
+    ansi-regex "^3.0.0"
+    ansi-styles "^3.2.0"
+
+prismjs@^1.5.0, prismjs@^1.8.1:
+  version "1.8.1"
+  resolved "https://registry.yarnpkg.com/prismjs/-/prismjs-1.8.1.tgz#bd0cdc32e9a561c1c8c3c9733765a7f1ec3b54ee"
+  optionalDependencies:
+    clipboard "^1.5.5"
+
 prismjs@^1.6.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/prismjs/-/prismjs-1.6.0.tgz#118d95fb7a66dba2272e343b345f5236659db365"
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/prismjs/-/prismjs-1.7.0.tgz#6c03898d388762f460cb06d2773c7f4e6d2cd614"
   optionalDependencies:
     clipboard "^1.5.5"
 
@@ -6990,7 +7440,7 @@ prr@~0.0.0:
   version "0.0.0"
   resolved "https://registry.yarnpkg.com/prr/-/prr-0.0.0.tgz#1a84b85908325501411853d0081ee3fa86e2926a"
 
-ps-tree@^1.0.1:
+ps-tree@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/ps-tree/-/ps-tree-1.1.0.tgz#b421b24140d6203f1ed3c76996b4427b08e8c014"
   dependencies:
@@ -7031,18 +7481,22 @@ q@^1.1.2:
   version "1.5.0"
   resolved "https://registry.yarnpkg.com/q/-/q-1.5.0.tgz#dd01bac9d06d30e6f219aecb8253ee9ebdc308f1"
 
-qs@6.4.0, qs@~6.4.0:
-  version "6.4.0"
-  resolved "https://registry.yarnpkg.com/qs/-/qs-6.4.0.tgz#13e26d28ad6b0ffaa91312cd3bf708ed351e7233"
-
 qs@6.5.0:
   version "6.5.0"
   resolved "https://registry.yarnpkg.com/qs/-/qs-6.5.0.tgz#8d04954d364def3efc55b5a0793e1e2c8b1e6e49"
 
+qs@6.5.1:
+  version "6.5.1"
+  resolved "https://registry.yarnpkg.com/qs/-/qs-6.5.1.tgz#349cdf6eef89ec45c12d7d5eb3fc0c870343a6d8"
+
 qs@~6.0.4:
   version "6.0.4"
   resolved "https://registry.yarnpkg.com/qs/-/qs-6.0.4.tgz#51019d84720c939b82737e84556a782338ecea7b"
 
+qs@~6.4.0:
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/qs/-/qs-6.4.0.tgz#13e26d28ad6b0ffaa91312cd3bf708ed351e7233"
+
 query-string@^4.1.0:
   version "4.3.4"
   resolved "https://registry.yarnpkg.com/query-string/-/query-string-4.3.4.tgz#bbb693b9ca915c232515b228b1a02b609043dbeb"
@@ -7114,12 +7568,13 @@ raven@^2.0.2:
     timed-out "4.0.1"
     uuid "3.0.0"
 
-raw-body@~2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/raw-body/-/raw-body-2.2.0.tgz#994976cf6a5096a41162840492f0bdc5d6e7fb96"
+raw-body@2.3.2:
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/raw-body/-/raw-body-2.3.2.tgz#bcd60c77d3eb93cde0050295c3f379389bc88f89"
   dependencies:
-    bytes "2.4.0"
-    iconv-lite "0.4.15"
+    bytes "3.0.0"
+    http-errors "1.6.2"
+    iconv-lite "0.4.19"
     unpipe "1.0.0"
 
 raw-loader@^0.5.1:
@@ -7155,15 +7610,15 @@ react-app-rewire-styled-components@^3.0.0:
     react-app-rewired "^1.2.0"
 
 react-app-rewired@^1.0.5, react-app-rewired@^1.2.0:
-  version "1.2.4"
-  resolved "https://registry.yarnpkg.com/react-app-rewired/-/react-app-rewired-1.2.4.tgz#f009de42dbd64a19a3d7d533277e325d7992e397"
+  version "1.2.7"
+  resolved "https://registry.yarnpkg.com/react-app-rewired/-/react-app-rewired-1.2.7.tgz#2d9da9b99b0b79da82382c1d43b4ebcf0f416b5e"
   dependencies:
     cross-spawn "^5.1.0"
     dotenv "^4.0.0"
 
-react-dev-utils@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/react-dev-utils/-/react-dev-utils-4.0.0.tgz#76467b380946197e738aab5683336b5439e979ba"
+react-dev-utils@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/react-dev-utils/-/react-dev-utils-4.0.1.tgz#106ae3d29f811c169d459bb9215a5933b7e11fb6"
   dependencies:
     address "1.0.2"
     babel-code-frame "6.22.0"
@@ -7177,7 +7632,7 @@ react-dev-utils@^4.0.0:
     inquirer "3.2.1"
     is-root "1.0.0"
     opn "5.1.0"
-    react-error-overlay "^2.0.0"
+    react-error-overlay "^2.0.1"
     recursive-readdir "2.2.1"
     shell-quote "1.6.1"
     sockjs-client "1.1.4"
@@ -7197,9 +7652,9 @@ react-dom-factories@^1.0.0:
     object-assign "^4.1.0"
     prop-types "^15.5.10"
 
-react-error-overlay@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/react-error-overlay/-/react-error-overlay-2.0.0.tgz#0251951eb6315dee45f532f3f59f854086c1462e"
+react-error-overlay@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/react-error-overlay/-/react-error-overlay-2.0.1.tgz#622e3cc85cdfb4bcfc8e93f47ddcddd38e1e176e"
   dependencies:
     anser "1.4.1"
     babel-code-frame "6.22.0"
@@ -7281,8 +7736,8 @@ react-router@^4.0.0-beta.7, react-router@^4.2.0:
     warning "^3.0.0"
 
 react-scripts@^1.0.0:
-  version "1.0.12"
-  resolved "https://registry.yarnpkg.com/react-scripts/-/react-scripts-1.0.12.tgz#a08a8214431c45db7424246d6f5510cc19b42927"
+  version "1.0.13"
+  resolved "https://registry.yarnpkg.com/react-scripts/-/react-scripts-1.0.13.tgz#a51d775a4b195ab2653c562b735735c8f70cba0e"
   dependencies:
     autoprefixer "7.1.2"
     babel-core "6.25.0"
@@ -7311,7 +7766,7 @@ react-scripts@^1.0.0:
     postcss-flexbugs-fixes "3.2.0"
     postcss-loader "2.0.6"
     promise "8.0.1"
-    react-dev-utils "^4.0.0"
+    react-dev-utils "^4.0.1"
     style-loader "0.18.2"
     sw-precache-webpack-plugin "0.11.4"
     url-loader "0.5.9"
@@ -7356,7 +7811,7 @@ react-trend@^1.2.4:
   dependencies:
     prop-types "^15.5.8"
 
-"react@^0.14.0 || ^15.0.0", "react@^15 || ^16", react@^15.4.1:
+react@*, "react@^0.14.0 || ^15.0.0", "react@^15 || ^16", react@^15.4.1:
   version "15.6.1"
   resolved "https://registry.yarnpkg.com/react/-/react-15.6.1.tgz#baa8434ec6780bde997cdc380b79cd33b96393df"
   dependencies:
@@ -7463,6 +7918,10 @@ redis-parser@^2.4.0:
   version "2.6.0"
   resolved "https://registry.yarnpkg.com/redis-parser/-/redis-parser-2.6.0.tgz#52ed09dacac108f1a631c07e9b69941e7a19504b"
 
+redraft@^0.8.0:
+  version "0.8.0"
+  resolved "https://registry.yarnpkg.com/redraft/-/redraft-0.8.0.tgz#db2a5c01a8eb6b553f46cc8382c1ed085325e99f"
+
 reduce-css-calc@^1.2.6:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/reduce-css-calc/-/reduce-css-calc-1.3.0.tgz#747c914e049614a4c9cfbba629871ad1d2927716"
@@ -7519,15 +7978,10 @@ regenerator-transform@^0.10.0:
     private "^0.1.6"
 
 regex-cache@^0.4.2:
-  version "0.4.3"
-  resolved "https://registry.yarnpkg.com/regex-cache/-/regex-cache-0.4.3.tgz#9b1a6c35d4d0dfcef5711ae651e8e9d3d7114145"
+  version "0.4.4"
+  resolved "https://registry.yarnpkg.com/regex-cache/-/regex-cache-0.4.4.tgz#75bdc58a2a1496cec48a12835bc54c8d562336dd"
   dependencies:
     is-equal-shallow "^0.1.3"
-    is-primitive "^2.0.0"
-
-regex-not@^0.1.1:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/regex-not/-/regex-not-0.1.2.tgz#bc7f1c4944b1188353d07deeb912b94e0ade25db"
 
 regex-not@^1.0.0:
   version "1.0.0"
@@ -7558,7 +8012,7 @@ registry-auth-token@^3.0.1:
     rc "^1.1.6"
     safe-buffer "^5.0.1"
 
-registry-url@^3.0.0, registry-url@^3.0.3:
+registry-url@^3.0.3:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/registry-url/-/registry-url-3.1.0.tgz#3d4ef870f73dde1d77f0cf9a381432444e174942"
   dependencies:
@@ -7607,12 +8061,6 @@ repeat-string@^1.5.2, repeat-string@^1.6.1:
   version "1.6.1"
   resolved "https://registry.yarnpkg.com/repeat-string/-/repeat-string-1.6.1.tgz#8dcae470e1c88abc2d600fff4a776286da75e637"
 
-repeating@^1.1.2:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/repeating/-/repeating-1.1.3.tgz#3d4114218877537494f97f77f9785fab810fa4ac"
-  dependencies:
-    is-finite "^1.0.0"
-
 repeating@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/repeating/-/repeating-2.0.1.tgz#5214c53a926d3552707527fbab415dbc08d06dda"
@@ -7692,7 +8140,7 @@ resolve@1.1.7:
   version "1.1.7"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.1.7.tgz#203114d82ad2c5ed9e8e0411b3932875e889e97b"
 
-resolve@^1.2.0, resolve@^1.3.2:
+resolve@^1.2.0, resolve@^1.3.2, resolve@~1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.4.0.tgz#a75be01c53da25d934a98ebd0e4c4a7312f92a86"
   dependencies:
@@ -7712,17 +8160,23 @@ restore-cursor@^2.0.0:
     onetime "^2.0.0"
     signal-exit "^3.0.2"
 
+resumer@~0.0.0:
+  version "0.0.0"
+  resolved "https://registry.yarnpkg.com/resumer/-/resumer-0.0.0.tgz#f1e8f461e4064ba39e82af3cdc2a8c893d076759"
+  dependencies:
+    through "~2.3.4"
+
 rethinkdb-migrate@^1.1.0:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/rethinkdb-migrate/-/rethinkdb-migrate-1.2.1.tgz#cef077c67fc8fb79356b2ac1b9ee44a415c4f2c6"
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/rethinkdb-migrate/-/rethinkdb-migrate-1.2.2.tgz#729046dde135a7231ed14980150481d57d9465ea"
   dependencies:
-    fs-extra "^2.0.0"
-    joi "^10.1.0"
+    fs-extra "^4.0.1"
+    joi "^10.6.0"
     json-mask "^0.3.8"
-    moment "^2.17.1"
+    moment "^2.18.1"
     rethinkdb "^2.3.3"
-    rethinkdbdash "^2.3.27"
-    yargs "^6.6.0"
+    rethinkdbdash "^2.3.31"
+    yargs "^8.0.2"
 
 rethinkdb@^2.3.3:
   version "2.3.3"
@@ -7730,7 +8184,7 @@ rethinkdb@^2.3.3:
   dependencies:
     bluebird ">= 2.3.2 < 3"
 
-rethinkdbdash@^2.3.27, rethinkdbdash@^2.3.29:
+rethinkdbdash@^2.3.29, rethinkdbdash@^2.3.31:
   version "2.3.31"
   resolved "https://registry.yarnpkg.com/rethinkdbdash/-/rethinkdbdash-2.3.31.tgz#fe2f73d1fa6e6f5d96d8e881292013cf6dca914d"
   dependencies:
@@ -7743,8 +8197,8 @@ right-align@^0.1.1:
     align-text "^0.1.1"
 
 rimraf@2, rimraf@^2.2.8, rimraf@^2.5.1, rimraf@^2.6.1:
-  version "2.6.1"
-  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.6.1.tgz#c2338ec643df7a1b7fe5c54fa86f57428a55f33d"
+  version "2.6.2"
+  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.6.2.tgz#2ed8150d24a16ea8651e6d6ef0f47c4158ce7a36"
   dependencies:
     glob "^7.0.5"
 
@@ -7807,6 +8261,20 @@ safe-buffer@5.1.1, safe-buffer@^5.0.1, safe-buffer@^5.1.0, safe-buffer@^5.1.1, s
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.1.tgz#893312af69b2123def71f57889001671eeb2c853"
 
+sane@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/sane/-/sane-2.0.0.tgz#99cb79f21f4a53a69d4d0cd957c2db04024b8eb2"
+  dependencies:
+    anymatch "^1.3.0"
+    exec-sh "^0.2.0"
+    fb-watchman "^2.0.0"
+    minimatch "^3.0.2"
+    minimist "^1.1.1"
+    walker "~1.0.5"
+    watch "~0.10.0"
+  optionalDependencies:
+    fsevents "^1.1.1"
+
 sane@~1.6.0:
   version "1.6.0"
   resolved "https://registry.yarnpkg.com/sane/-/sane-1.6.0.tgz#9610c452307a135d29c1fdfe2547034180c46775"
@@ -7932,7 +8400,7 @@ set-immediate-shim@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/set-immediate-shim/-/set-immediate-shim-1.0.1.tgz#4b2b1b27eb808a9f8dcc481a58e5e56f599f3f61"
 
-set-value@^0.4.2, set-value@^0.4.3:
+set-value@^0.4.3:
   version "0.4.3"
   resolved "https://registry.yarnpkg.com/set-value/-/set-value-0.4.3.tgz#7db08f9d3d22dc7f78e53af3c3bf4666ecdfccf1"
   dependencies:
@@ -7941,6 +8409,15 @@ set-value@^0.4.2, set-value@^0.4.3:
     is-plain-object "^2.0.1"
     to-object-path "^0.3.0"
 
+set-value@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/set-value/-/set-value-2.0.0.tgz#71ae4a88f0feefbbf52d1ea604f3fb315ebb6274"
+  dependencies:
+    extend-shallow "^2.0.1"
+    is-extendable "^0.1.1"
+    is-plain-object "^2.0.3"
+    split-string "^3.0.1"
+
 "setimmediate@>= 1.0.1 < 2", "setimmediate@>= 1.0.2 < 2", setimmediate@^1.0.4, setimmediate@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/setimmediate/-/setimmediate-1.0.5.tgz#290cbb232e306942d7d7ea9b83732ab7856f8285"
@@ -8115,8 +8592,8 @@ source-map-resolve@^0.5.0:
     urix "^0.1.0"
 
 "source-map-support@0.3.2 - 1.0.0", source-map-support@^0.4.15:
-  version "0.4.16"
-  resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.4.16.tgz#16fecf98212467d017d586a2af68d628b9421cd8"
+  version "0.4.18"
+  resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.4.18.tgz#0286a6de8be42641338594e97ccea75f0a2c585f"
   dependencies:
     source-map "^0.5.6"
 
@@ -8128,7 +8605,7 @@ source-map@0.5.6:
   version "0.5.6"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.6.tgz#75ce38f52bf0733c5a7f0c118d81334a2bb5f412"
 
-source-map@0.5.x, source-map@^0.5.0, source-map@^0.5.3, source-map@^0.5.6, source-map@^0.5.7, source-map@~0.5.1, source-map@~0.5.3:
+source-map@0.5.x, source-map@^0.5.0, source-map@^0.5.3, source-map@^0.5.6, source-map@^0.5.7, source-map@~0.5.1, source-map@~0.5.3, source-map@~0.5.6:
   version "0.5.7"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
 
@@ -8138,12 +8615,6 @@ source-map@^0.4.4:
   dependencies:
     amdefine ">=0.0.4"
 
-source-map@~0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.2.0.tgz#dab73fbcfc2ba819b4de03bd6f6eaa48164b3f9d"
-  dependencies:
-    amdefine ">=0.0.4"
-
 spawn-sync@^1.0.15:
   version "1.0.15"
   resolved "https://registry.yarnpkg.com/spawn-sync/-/spawn-sync-1.0.15.tgz#b00799557eb7fb0c8376c29d44e8a1ea67e57476"
@@ -8194,6 +8665,12 @@ split-string@^2.1.0:
   dependencies:
     extend-shallow "^2.0.1"
 
+split-string@^3.0.1:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/split-string/-/split-string-3.0.2.tgz#6129bc92731716e5aa1fb73c333078f0b7c114c8"
+  dependencies:
+    extend-shallow "^2.0.1"
+
 split@0.3:
   version "0.3.3"
   resolved "https://registry.yarnpkg.com/split/-/split-0.3.3.tgz#cd0eea5e63a211dfff7eb0f091c4133e2d0dd28f"
@@ -8268,10 +8745,6 @@ stream-http@^2.3.1:
     to-arraybuffer "^1.0.0"
     xtend "^4.0.0"
 
-stream-shift@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/stream-shift/-/stream-shift-1.0.0.tgz#d5c752825e5367e786f78e18e445ea223a155952"
-
 stream-to-buffer@~0.0.1:
   version "0.0.1"
   resolved "https://registry.yarnpkg.com/stream-to-buffer/-/stream-to-buffer-0.0.1.tgz#ab483d59a1ca71832de379a255f465b665af45c1"
@@ -8284,12 +8757,19 @@ strict-uri-encode@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz#279b225df1d582b1f54e65addd4352e18faa0713"
 
-string-length@^1.0.0, string-length@^1.0.1:
+string-length@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/string-length/-/string-length-1.0.1.tgz#56970fb1c38558e9e70b728bf3de269ac45adfac"
   dependencies:
     strip-ansi "^3.0.0"
 
+string-length@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/string-length/-/string-length-2.0.0.tgz#d40dbb686a3ace960c1cffca562bf2c45f8363ed"
+  dependencies:
+    astral-regex "^1.0.0"
+    strip-ansi "^4.0.0"
+
 string-replace-to-array@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/string-replace-to-array/-/string-replace-to-array-1.0.3.tgz#c93eba999a5ee24d731aebbaf5aba36b5f18f7bf"
@@ -8313,6 +8793,14 @@ string-width@^2.0.0, string-width@^2.1.0:
     is-fullwidth-code-point "^2.0.0"
     strip-ansi "^4.0.0"
 
+string.prototype.trim@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/string.prototype.trim/-/string.prototype.trim-1.1.2.tgz#d04de2c89e137f4d7d206f086b5ed2fae6be8cea"
+  dependencies:
+    define-properties "^1.1.2"
+    es-abstract "^1.5.0"
+    function-bind "^1.0.2"
+
 string_decoder@^0.10.25, string_decoder@~0.10.x:
   version "0.10.31"
   resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-0.10.31.tgz#62e203bc41766c6c28c9fc84301dab1c5310fa94"
@@ -8364,8 +8852,8 @@ strip-json-comments@~2.0.1:
   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a"
 
 stripe@^4.15.0:
-  version "4.24.1"
-  resolved "https://registry.yarnpkg.com/stripe/-/stripe-4.24.1.tgz#b177079e132d2f71cd28a010f5cfb0572e13dbd0"
+  version "4.25.0"
+  resolved "https://registry.yarnpkg.com/stripe/-/stripe-4.25.0.tgz#16af99c255e4fe22adbaf629f392af0715370760"
   dependencies:
     bluebird "^2.10.2"
     lodash.isplainobject "^4.0.6"
@@ -8398,8 +8886,8 @@ styled-components@2.1.2, styled-components@^2.0.0:
     supports-color "^3.2.3"
 
 stylis@^3.2.1:
-  version "3.2.14"
-  resolved "https://registry.yarnpkg.com/stylis/-/stylis-3.2.14.tgz#30700e0507b7a804c03d7e2c28d8ee865697fb50"
+  version "3.2.16"
+  resolved "https://registry.yarnpkg.com/stylis/-/stylis-3.2.16.tgz#f336893e55f9f13299b39c01af3b10546cd7507a"
 
 subscriptions-transport-ws@^0.7.0:
   version "0.7.3"
@@ -8426,7 +8914,7 @@ supports-color@^3.1.1, supports-color@^3.1.2, supports-color@^3.2.3:
   dependencies:
     has-flag "^1.0.0"
 
-supports-color@^4.0.0, supports-color@^4.2.1:
+supports-color@^4.0.0, supports-color@^4.2.1, supports-color@^4.4.0:
   version "4.4.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-4.4.0.tgz#883f7ddabc165142b2a61427f3352ded195d1a3e"
   dependencies:
@@ -8444,7 +8932,7 @@ svgo@^0.7.0:
     sax "~1.2.1"
     whet.extend "~0.9.9"
 
-sw-precache-webpack-plugin@0.11.4:
+sw-precache-webpack-plugin@0.11.4, sw-precache-webpack-plugin@^0.11.4:
   version "0.11.4"
   resolved "https://registry.yarnpkg.com/sw-precache-webpack-plugin/-/sw-precache-webpack-plugin-0.11.4.tgz#a695017e54eed575551493a519dc1da8da2dc5e0"
   dependencies:
@@ -8482,6 +8970,10 @@ symbol-tree@^3.2.1:
   version "3.2.2"
   resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.2.tgz#ae27db38f660a7ae2e1c3b7d1bc290819b8519e6"
 
+synthetic-dom@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/synthetic-dom/-/synthetic-dom-1.2.0.tgz#f3589aafe2b5e299f337bb32973a9be42dd5625e"
+
 table@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/table/-/table-4.0.1.tgz#a8116c133fac2c61f4a420ab6cdf5c4d61f0e435"
@@ -8497,6 +8989,24 @@ tapable@^0.2.7:
   version "0.2.8"
   resolved "https://registry.yarnpkg.com/tapable/-/tapable-0.2.8.tgz#99372a5c999bf2df160afc0d74bed4f47948cd22"
 
+tape@^4.6.3:
+  version "4.8.0"
+  resolved "https://registry.yarnpkg.com/tape/-/tape-4.8.0.tgz#f6a9fec41cc50a1de50fa33603ab580991f6068e"
+  dependencies:
+    deep-equal "~1.0.1"
+    defined "~1.0.0"
+    for-each "~0.3.2"
+    function-bind "~1.1.0"
+    glob "~7.1.2"
+    has "~1.0.1"
+    inherits "~2.0.3"
+    minimist "~1.2.0"
+    object-inspect "~1.3.0"
+    resolve "~1.4.0"
+    resumer "~0.0.0"
+    string.prototype.trim "~1.1.2"
+    through "~2.3.8"
+
 tar-pack@^3.4.0:
   version "3.4.0"
   resolved "https://registry.yarnpkg.com/tar-pack/-/tar-pack-3.4.0.tgz#23be2d7f671a8339376cbdb0b8fe3fdebf317984"
@@ -8518,6 +9028,12 @@ tar@^2.2.1:
     fstream "^1.0.2"
     inherits "2"
 
+term-size@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/term-size/-/term-size-1.2.0.tgz#458b83887f288fc56d6fffbfad262e26638efa69"
+  dependencies:
+    execa "^0.7.0"
+
 test-exclude@^4.1.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/test-exclude/-/test-exclude-4.1.1.tgz#4d84964b0966b0087ecc334a2ce002d3d9341e26"
@@ -8536,7 +9052,11 @@ throat@^3.0.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/throat/-/throat-3.2.0.tgz#50cb0670edbc40237b9e347d7e1f88e4620af836"
 
-through@2, through@^2.3.6, through@^2.3.8, through@~2.3, through@~2.3.1:
+throat@^4.0.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/throat/-/throat-4.1.0.tgz#89037cbc92c56ab18926e6ba4cbb200e15672a6a"
+
+through@2, through@^2.3.6, through@^2.3.8, through@~2.3, through@~2.3.1, through@~2.3.4, through@~2.3.8:
   version "2.3.8"
   resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
 
@@ -8552,10 +9072,6 @@ timed-out@4.0.1, timed-out@^4.0.0:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/timed-out/-/timed-out-4.0.1.tgz#f32eacac5a175bea25d7fab565ab3ed8741ef56f"
 
-timed-out@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/timed-out/-/timed-out-2.0.0.tgz#f38b0ae81d3747d628001f41dafc652ace671c0a"
-
 timed-out@^3.0.0:
   version "3.1.3"
   resolved "https://registry.yarnpkg.com/timed-out/-/timed-out-3.1.3.tgz#95860bfcc5c76c277f8f8326fd0f5b2e20eba217"
@@ -8605,14 +9121,6 @@ to-regex-range@^2.1.0:
     is-number "^3.0.0"
     repeat-string "^1.6.1"
 
-to-regex@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/to-regex/-/to-regex-2.1.0.tgz#e3ad3a40cfe119559a05aea43e4caefacc5e901d"
-  dependencies:
-    define-property "^0.2.5"
-    extend-shallow "^2.0.1"
-    regex-not "^0.1.1"
-
 to-regex@^3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/to-regex/-/to-regex-3.0.1.tgz#15358bee4a2c83bd76377ba1dc049d0f18837aae"
@@ -8631,9 +9139,9 @@ toposort@^1.0.0:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/toposort/-/toposort-1.0.3.tgz#f02cd8a74bd8be2fc0e98611c3bacb95a171869c"
 
-touch@1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/touch/-/touch-1.0.0.tgz#449cbe2dbae5a8c8038e30d71fa0ff464947c4de"
+touch@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/touch/-/touch-3.1.0.tgz#fe365f5f75ec9ed4e56825e0bb76d24ab74af83b"
   dependencies:
     nopt "~1.0.10"
 
@@ -8706,9 +9214,9 @@ uc.micro@^1.0.1:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/uc.micro/-/uc.micro-1.0.3.tgz#7ed50d5e0f9a9fb0a573379259f2a77458d50192"
 
-uglify-js@3.0.x, uglify-js@^3.0.13:
-  version "3.0.28"
-  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.0.28.tgz#96b8495f0272944787b5843a1679aa326640d5f7"
+uglify-js@3.1.x, uglify-js@^3.0.13:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.1.0.tgz#92fae17b88dfbc3c394175a935044cdbcf4085ae"
   dependencies:
     commander "~2.11.0"
     source-map "~0.5.1"
@@ -8764,9 +9272,13 @@ underscore@~1.7.0:
   version "1.7.0"
   resolved "https://registry.yarnpkg.com/underscore/-/underscore-1.7.0.tgz#6bbaf0877500d36be34ecaa584e0db9fef035209"
 
-union-value@^0.2.3:
-  version "0.2.4"
-  resolved "https://registry.yarnpkg.com/union-value/-/union-value-0.2.4.tgz#7375152786679057e7b37aa676e83468fc0274f0"
+union-class-names@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/union-class-names/-/union-class-names-1.0.0.tgz#9259608adacc39094a2b0cfe16c78e6200617847"
+
+union-value@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/union-value/-/union-value-1.0.0.tgz#5c71c34cb5bad5dcebe3ea0cd08207ba5aa1aea4"
   dependencies:
     arr-union "^3.1.0"
     get-value "^2.0.6"
@@ -8787,6 +9299,12 @@ uniqs@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/uniqs/-/uniqs-2.0.0.tgz#ffede4b36b25290696e6e165d4a59edb998e6b02"
 
+unique-string@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/unique-string/-/unique-string-1.0.0.tgz#9e1057cca851abb93398f8b33ae187b99caec11a"
+  dependencies:
+    crypto-random-string "^1.0.0"
+
 universalify@^0.1.0:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.1.1.tgz#fa71badd4437af4c148841e3b3b165f9e9e590b7"
@@ -8795,9 +9313,9 @@ unpipe@1.0.0, unpipe@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/unpipe/-/unpipe-1.0.0.tgz#b2bf4ee8514aae6165b4817829d21b2ef49904ec"
 
-unset-value@^0.1.1:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/unset-value/-/unset-value-0.1.2.tgz#506810b867f27c2a5a6e9b04833631f6de58d310"
+unset-value@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/unset-value/-/unset-value-1.0.0.tgz#8376873f7d2335179ffb1e6fc3a8ed0dfc8ab559"
   dependencies:
     has-value "^0.3.1"
     isobject "^3.0.0"
@@ -8806,6 +9324,10 @@ unzip-response@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/unzip-response/-/unzip-response-1.0.2.tgz#b984f0877fc0a89c2c773cc1ef7b5b232b5b06fe"
 
+unzip-response@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/unzip-response/-/unzip-response-2.0.1.tgz#d2f0f737d16b0615e72a6935ed04214572d56f97"
+
 unzip@^0.1.11:
   version "0.1.11"
   resolved "https://registry.yarnpkg.com/unzip/-/unzip-0.1.11.tgz#89749c63b058d7d90d619f86b98aa1535d3b97f0"
@@ -8817,18 +9339,6 @@ unzip@^0.1.11:
     readable-stream "~1.0.31"
     setimmediate ">= 1.0.1 < 2"
 
-update-notifier@0.5.0:
-  version "0.5.0"
-  resolved "https://registry.yarnpkg.com/update-notifier/-/update-notifier-0.5.0.tgz#07b5dc2066b3627ab3b4f530130f7eddda07a4cc"
-  dependencies:
-    chalk "^1.0.0"
-    configstore "^1.0.0"
-    is-npm "^1.0.0"
-    latest-version "^1.0.0"
-    repeating "^1.1.2"
-    semver-diff "^2.0.0"
-    string-length "^1.0.0"
-
 update-notifier@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/update-notifier/-/update-notifier-1.0.3.tgz#8f92c515482bd6831b7c93013e70f87552c7cf5a"
@@ -8842,6 +9352,19 @@ update-notifier@^1.0.3:
     semver-diff "^2.0.0"
     xdg-basedir "^2.0.0"
 
+update-notifier@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/update-notifier/-/update-notifier-2.2.0.tgz#1b5837cf90c0736d88627732b661c138f86de72f"
+  dependencies:
+    boxen "^1.0.0"
+    chalk "^1.0.0"
+    configstore "^3.0.0"
+    import-lazy "^2.1.0"
+    is-npm "^1.0.0"
+    latest-version "^3.0.0"
+    semver-diff "^2.0.0"
+    xdg-basedir "^3.0.0"
+
 upper-case@^1.1.1:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/upper-case/-/upper-case-1.1.3.tgz#f6b4501c2ec4cdd26ba78be7222961de77621598"
@@ -9012,8 +9535,8 @@ wbuf@^1.1.0, wbuf@^1.7.2:
     minimalistic-assert "^1.0.0"
 
 web-push@^3.2.2:
-  version "3.2.2"
-  resolved "https://registry.yarnpkg.com/web-push/-/web-push-3.2.2.tgz#d2f7c5590a3037cb50e4442b5117edd6475768a5"
+  version "3.2.3"
+  resolved "https://registry.yarnpkg.com/web-push/-/web-push-3.2.3.tgz#269492aa06d1481a8222425baf4c68fe23fcbefc"
   dependencies:
     asn1.js "^4.8.1"
     http_ece "^0.5.2"
@@ -9113,8 +9636,8 @@ webpack@3.5.1:
     yargs "^8.0.2"
 
 webpack@^3.0.0:
-  version "3.5.5"
-  resolved "https://registry.yarnpkg.com/webpack/-/webpack-3.5.5.tgz#3226f09fc8b3e435ff781e7af34f82b68b26996c"
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/webpack/-/webpack-3.6.0.tgz#a89a929fbee205d35a4fa2cc487be9cbec8898bc"
   dependencies:
     acorn "^5.0.0"
     acorn-dynamic-import "^2.0.0"
@@ -9140,14 +9663,15 @@ webpack@^3.0.0:
     yargs "^8.0.2"
 
 websocket-driver@>=0.5.1:
-  version "0.6.5"
-  resolved "https://registry.yarnpkg.com/websocket-driver/-/websocket-driver-0.6.5.tgz#5cb2556ceb85f4373c6d8238aa691c8454e13a36"
+  version "0.7.0"
+  resolved "https://registry.yarnpkg.com/websocket-driver/-/websocket-driver-0.7.0.tgz#0caf9d2d755d93aee049d4bdd0d3fe2cca2a24eb"
   dependencies:
+    http-parser-js ">=0.4.0"
     websocket-extensions ">=0.1.1"
 
 websocket-extensions@>=0.1.1:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/websocket-extensions/-/websocket-extensions-0.1.1.tgz#76899499c184b6ef754377c2dbb0cd6cb55d29e7"
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/websocket-extensions/-/websocket-extensions-0.1.2.tgz#0e18781de629a18308ce1481650f67ffa2693a5d"
 
 whatwg-encoding@^1.0.1:
   version "1.0.1"
@@ -9248,6 +9772,14 @@ write-file-atomic@^1.1.2, write-file-atomic@^1.1.4:
     imurmurhash "^0.1.4"
     slide "^1.1.5"
 
+write-file-atomic@^2.0.0, write-file-atomic@^2.1.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-2.3.0.tgz#1ff61575c2e2a4e8e510d6fa4e243cce183999ab"
+  dependencies:
+    graceful-fs "^4.1.11"
+    imurmurhash "^0.1.4"
+    signal-exit "^3.0.2"
+
 write-file-webpack-plugin@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/write-file-webpack-plugin/-/write-file-webpack-plugin-4.1.0.tgz#ed6ae9b54b68719c4ef4899fba70ce7cbdad0154"
@@ -9266,9 +9798,10 @@ write@^0.2.1:
     mkdirp "^0.5.1"
 
 ws@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-3.1.0.tgz#8afafecdeab46d572e5397ee880739367aa2f41c"
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-3.2.0.tgz#d5d3d6b11aff71e73f808f40cc69d52bb6d4a185"
   dependencies:
+    async-limiter "~1.0.0"
     safe-buffer "~5.1.0"
     ultron "~1.1.0"
 
@@ -9287,6 +9820,10 @@ xdg-basedir@^2.0.0:
   dependencies:
     os-homedir "^1.0.0"
 
+xdg-basedir@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/xdg-basedir/-/xdg-basedir-3.0.0.tgz#496b2cc109eca8dbacfe2dc72b603c17c5870ad4"
+
 xml-char-classes@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/xml-char-classes/-/xml-char-classes-1.0.0.tgz#64657848a20ffc5df583a42ad8a277b4512bbc4d"
@@ -9371,7 +9908,7 @@ yargs@^4.2.0:
     y18n "^3.2.1"
     yargs-parser "^2.4.1"
 
-yargs@^6.0.0, yargs@^6.6.0:
+yargs@^6.0.0:
   version "6.6.0"
   resolved "https://registry.yarnpkg.com/yargs/-/yargs-6.6.0.tgz#782ec21ef403345f830a808ca3d513af56065208"
   dependencies:
@@ -9425,6 +9962,24 @@ yargs@^8.0.2:
     y18n "^3.2.1"
     yargs-parser "^7.0.0"
 
+yargs@^9.0.0:
+  version "9.0.1"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-9.0.1.tgz#52acc23feecac34042078ee78c0c007f5085db4c"
+  dependencies:
+    camelcase "^4.1.0"
+    cliui "^3.2.0"
+    decamelize "^1.1.1"
+    get-caller-file "^1.0.1"
+    os-locale "^2.0.0"
+    read-pkg-up "^2.0.0"
+    require-directory "^2.1.1"
+    require-main-filename "^1.0.1"
+    set-blocking "^2.0.0"
+    string-width "^2.0.0"
+    which-module "^2.0.0"
+    y18n "^3.2.1"
+    yargs-parser "^7.0.0"
+
 yargs@~3.10.0:
   version "3.10.0"
   resolved "https://registry.yarnpkg.com/yargs/-/yargs-3.10.0.tgz#f7ee7bd857dd7c1d2d38c0e74efbd681d1431fd1"
@@ -9434,6 +9989,6 @@ yargs@~3.10.0:
     decamelize "^1.0.0"
     window-size "0.1.0"
 
-zen-observable-ts@^0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/zen-observable-ts/-/zen-observable-ts-0.4.0.tgz#a74bc9fe59747948a577bd513d438e70fcfae7e2"
+zen-observable-ts@^0.4.4:
+  version "0.4.4"
+  resolved "https://registry.yarnpkg.com/zen-observable-ts/-/zen-observable-ts-0.4.4.tgz#c244c71eaebef79a985ccf9895bc90307a6e9712"