Moved to webpack 3

app/components/DocumentList/DocumentList.js

@@ -2,7 +2,7 @@
 import React from 'react';
 import Document from 'models/Document';
 import DocumentPreview from 'components/DocumentPreview';
-import ArrowKeyNavigation from 'boundless-arrow-key-navigation';
+import ArrowKeyNavigation from 'boundless-arrow-key-navigation/build';
 
 class DocumentList extends React.Component {
   props: {

app/components/Editor/components/Toolbar/components/LinkToolbar.js

@@ -7,7 +7,7 @@ import { withRouter } from 'react-router-dom';
 import { Node } from 'slate';
 import { Editor } from 'slate-react';
 import styled from 'styled-components';
-import ArrowKeyNavigation from 'boundless-arrow-key-navigation';
+import ArrowKeyNavigation from 'boundless-arrow-key-navigation/build';
 import ToolbarButton from './ToolbarButton';
 import DocumentResult from './DocumentResult';
 import DocumentsStore from 'stores/DocumentsStore';

app/components/Popover/Popover.js

@@ -1,6 +1,6 @@
 // @flow
 import React from 'react';
-import BoundlessPopover from 'boundless-popover';
+import BoundlessPopover from 'boundless-popover/build';
 import styled, { keyframes } from 'styled-components';
 
 const fadeIn = keyframes`

app/scenes/Document/components/DocumentMove/DocumentMove.js

@@ -5,7 +5,7 @@ import { observable, computed } from 'mobx';
 import { observer, inject } from 'mobx-react';
 import { withRouter } from 'react-router-dom';
 import { Search } from 'js-search';
-import ArrowKeyNavigation from 'boundless-arrow-key-navigation';
+import ArrowKeyNavigation from 'boundless-arrow-key-navigation/build';
 import _ from 'lodash';
 import styled from 'styled-components';
 import { size } from 'shared/styles/constants';

app/scenes/Search/Search.js

@@ -13,7 +13,7 @@ import DocumentsStore, {
 import { withRouter } from 'react-router-dom';
 import { searchUrl } from 'utils/routeHelpers';
 import styled from 'styled-components';
-import ArrowKeyNavigation from 'boundless-arrow-key-navigation';
+import ArrowKeyNavigation from 'boundless-arrow-key-navigation/build';
 
 import Empty from 'components/Empty';
 import Flex from 'shared/components/Flex';

package.json

@@ -64,8 +64,8 @@
     "@tommoor/slate-drop-or-paste-images": "^0.8.1",
     "aws-sdk": "^2.135.0",
     "babel-core": "^6.24.1",
-    "babel-eslint": "^7.2.3",
+    "babel-eslint": "^8.1.2",
-    "babel-loader": "6.2.5",
+    "babel-loader": "^7.1.2",
     "babel-plugin-lodash": "^3.2.11",
     "babel-plugin-styled-components": "^1.1.7",
     "babel-plugin-transform-class-properties": "^6.24.1",
@@ -89,18 +89,18 @@
     "debug": "2.2.0",
     "dotenv": "^4.0.0",
     "emoji-regex": "^6.5.1",
-    "eslint": "^3.19.0",
+    "eslint": "^4.14.0",
-    "eslint-config-react-app": "^0.6.2",
+    "eslint-config-react-app": "^2.0.1",
-    "eslint-import-resolver-webpack": "^0.3.1",
+    "eslint-import-resolver-webpack": "^0.8.3",
-    "eslint-plugin-flowtype": "^2.32.1",
+    "eslint-plugin-flowtype": "^2.40.1",
-    "eslint-plugin-import": "^2.2.0",
+    "eslint-plugin-import": "^2.8.0",
-    "eslint-plugin-jsx-a11y": "^4.0.0",
+    "eslint-plugin-jsx-a11y": "^6.0.3",
-    "eslint-plugin-prettier": "^2.0.1",
+    "eslint-plugin-prettier": "^2.4.0",
-    "eslint-plugin-react": "^6.10.3",
+    "eslint-plugin-react": "^7.5.1",
-    "exports-loader": "0.6.3",
+    "exports-loader": "^0.6.4",
-    "extract-text-webpack-plugin": "1.0.1",
+    "extract-text-webpack-plugin": "^3.0.2",
     "fbemitter": "^2.1.1",
-    "file-loader": "0.9.0",
+    "file-loader": "^1.1.6",
     "flow-typed": "^2.1.2",
     "fs-extra": "^4.0.2",
     "history": "3.0.0",
@@ -128,7 +128,6 @@
     "koa-static": "^4.0.1",
     "localforage": "^1.5.0",
     "lodash": "^4.17.4",
-    "lodash.orderby": "4.4.0",
     "mobx": "^3.1.9",
     "mobx-react": "^4.1.8",
     "mobx-react-devtools": "^4.2.11",
@@ -182,10 +181,10 @@
     "styled-components-breakpoint": "^1.0.1",
     "styled-components-grid": "^1.0.0-preview.15",
     "styled-normalize": "^2.2.1",
-    "url-loader": "0.5.7",
+    "url-loader": "^0.6.2",
     "uuid": "2.0.2",
     "validator": "5.2.0",
-    "webpack": "1.13.2"
+    "webpack": "3.10.0"
   },
   "devDependencies": {
     "babel-jest": "22",
@@ -203,4 +202,4 @@
     "raf": "^3.4.0",
     "react-test-renderer": "^16.1.0"
   }
-}
+}

webpack.config.dev.js

@@ -16,12 +16,8 @@ const developmentWebpackConfig = Object.assign(commonWebpackConfig, {
   ],
 });
 
-developmentWebpackConfig.plugins.push(
+developmentWebpackConfig.plugins.push(new ExtractTextPlugin({ filename: 'styles.css' }));
-  new webpack.optimize.OccurenceOrderPlugin()
-);
-developmentWebpackConfig.plugins.push(new ExtractTextPlugin('styles.css'));
 developmentWebpackConfig.plugins.push(new webpack.HotModuleReplacementPlugin());
-developmentWebpackConfig.plugins.push(new webpack.NoErrorsPlugin());
 developmentWebpackConfig.plugins.push(
   new HtmlWebpackPlugin({
     title: 'Outline',

webpack.config.js

@@ -27,10 +27,10 @@ module.exports = {
     publicPath: '/static/',
   },
   module: {
-    loaders: [
+    rules: [
       {
         test: /\.js$/,
-        loader: 'babel',
+        loader: 'babel-loader',
         include: [
           path.join(__dirname, 'app'),
           path.join(__dirname, 'shared'),
@@ -45,7 +45,10 @@ module.exports = {
       },
       {
         test: /\.css$/,
-        loader: ExtractTextPlugin.extract('style-loader', 'css-loader'),
+        use: ExtractTextPlugin.extract({
+          fallback: 'style-loader',
+          use: 'css-loader'
+        }),
       },
       { test: /\.md/, loader: 'raw-loader' },
     ],
@@ -53,14 +56,20 @@ module.exports = {
     noParse: [new RegExp('node_modules/localforage/dist/localforage.js')],
   },
   resolve: {
-    root: path.resolve(__dirname, 'app'),
+    modules: [
-    extensions: ['', '.js', '.json'],
+      path.resolve(__dirname, 'app'),
-    alias: { shared: path.resolve(__dirname, 'shared') }
+      'node_modules'
+    ],
+    alias: {
+      shared: path.resolve(__dirname, 'shared'),
+      'boundless-utils-omit-keys': 'boundless-utils-omit-keys/build',
+      'boundless-utils-uuid': 'boundless-utils-uuid/build'
+    }
   },
   plugins: [
     definePlugin,
     new webpack.ProvidePlugin({
-      fetch: 'imports?this=>global!exports?global.fetch!isomorphic-fetch',
+      fetch: 'imports-loader?this=>global!exports-loader?global.fetch!isomorphic-fetch',
     }),
     new webpack.ContextReplacementPlugin(/moment[\\\/]locale$/, /^\.\/(en)$/),
     new webpack.IgnorePlugin(/unicode\/category\/So/),

webpack.config.prod.js

@@ -22,15 +22,12 @@ productionWebpackConfig.plugins.push(
   })
 );
 productionWebpackConfig.plugins.push(
-  new ExtractTextPlugin('styles.[hash].css')
+  new ExtractTextPlugin({ filename: 'styles.[hash].css' })
-);
-productionWebpackConfig.plugins.push(
-  new webpack.optimize.OccurenceOrderPlugin()
 );
 productionWebpackConfig.plugins.push(
   new webpack.optimize.UglifyJsPlugin({
     compress: {
-      warnings: false,
+      sourceMap: true,
     },
   })
 );