fixes #785, update node, and everything else that comes along with that (#810)

.travis.yml

@@ -1,7 +1,7 @@
 sudo: required
 language: node_js
 node_js:
- - "8.11.1"
+ - "10.15.0"
 
 cache:
   directories:

Dockerfile

@@ -1,4 +1,4 @@
-FROM node:8.11.1 as base
+FROM node:10.15.0 as base
 ENV APP_HOME=/usr/src/app \
   TERM=xterm
 RUN mkdir -p $APP_HOME

client/components/Nav.jsx

@@ -8,9 +8,7 @@ import InlineSVG from 'react-inlinesvg';
 import classNames from 'classnames';
 import * as IDEActions from '../modules/IDE/actions/ide';
 
-import {
+import { metaKeyName, } from '../utils/metaKey';
-  metaKeyName,
-} from '../utils/metaKey';
 
 const triangleUrl = require('../images/down-filled-triangle.svg');
 const logoUrl = require('../images/p5js-logo-small.svg');

client/modules/IDE/actions/project.js

@@ -5,10 +5,12 @@ import each from 'async/each';
 import { isEqual, pick } from 'lodash';
 import * as ActionTypes from '../../../constants';
 import { showToast, setToastText } from './toast';
-import { setUnsavedChanges,
+import {
+  setUnsavedChanges,
   justOpenedProject,
   resetJustOpenedProject,
-  showErrorModal } from './ide';
+  showErrorModal
+} from './ide';
 import { clearState, saveState } from '../../../persistState';
 
 const __process = (typeof global !== 'undefined' ? global : window).process;

client/modules/IDE/components/CopyableInput.jsx

@@ -67,6 +67,7 @@ class CopyableInput extends React.Component {
         {hasPreviewLink &&
           <a
             target="_blank"
+            rel="noopener noreferrer"
             href={value}
             className="copyable-input__preview"
             title={`open ${label.toLowerCase()} view in new tab`}

client/modules/IDE/components/Editor.jsx

@@ -32,9 +32,7 @@ import '../../../utils/p5-javascript';
 import '../../../utils/webGL-clike';
 import Timer from '../components/Timer';
 import EditorAccessibility from '../components/EditorAccessibility';
-import {
+import { metaKey, } from '../../../utils/metaKey';
-  metaKey,
-} from '../../../utils/metaKey';
 
 import search from '../../../utils/codemirror-search';
 

client/modules/IDE/components/KeyboardShortcutModal.jsx

@@ -1,7 +1,5 @@
 import React from 'react';
-import {
+import { metaKeyName, } from '../../../utils/metaKey';
-  metaKeyName,
-} from '../../../utils/metaKey';
 
 function KeyboardShortcutModal() {
   return (

client/utils/consoleUtils.js

@@ -1,6 +1,4 @@
-import {
+import { EXTERNAL_LINK_REGEX } from '../../server/utils/fileUtils';
-  EXTERNAL_LINK_REGEX
-} from '../../server/utils/fileUtils';
 
 export const hijackConsoleErrorsScript = (offs) => {
   const s = `

package.json

@@ -27,35 +27,35 @@
   },
   "devDependencies": {
     "babel-eslint": "^7.1.1",
-    "babel-loader": "^7.1.4",
+    "babel-loader": "^7.1.5",
-    "babel-plugin-transform-react-constant-elements": "^6.8.0",
+    "babel-plugin-transform-react-constant-elements": "^6.23.0",
-    "babel-plugin-transform-react-inline-elements": "^6.8.0",
+    "babel-plugin-transform-react-inline-elements": "^6.22.0",
-    "babel-plugin-transform-react-remove-prop-types": "^0.2.6",
+    "babel-plugin-transform-react-remove-prop-types": "^0.2.12",
     "babel-plugin-webpack-loaders": "^0.9.0",
     "babel-preset-env": "^1.7.0",
-    "babel-preset-react": "^6.5.0",
+    "babel-preset-react": "^6.24.1",
     "babel-preset-react-optimize": "^1.0.1",
-    "babel-preset-stage-0": "^6.5.0",
+    "babel-preset-stage-0": "^6.24.1",
-    "chunk-manifest-webpack-plugin": "^1.1.2",
+    "chunk-manifest-webpack-plugin": "github:catarak/chunk-manifest-webpack-plugin",
     "css-loader": "^0.23.1",
-    "cssnano": "^3.7.1",
+    "cssnano": "^3.10.0",
-    "eslint": "^4.9.0",
+    "eslint": "^4.19.1",
     "eslint-config-airbnb": "^16.1.0",
-    "eslint-plugin-import": "^2.2.0",
+    "eslint-plugin-import": "^2.14.0",
-    "eslint-plugin-jsx-a11y": "^6.0.3",
+    "eslint-plugin-jsx-a11y": "^6.1.2",
-    "eslint-plugin-react": "^7.7.0",
+    "eslint-plugin-react": "^7.12.3",
     "extract-text-webpack-plugin": "^3.0.2",
     "file-loader": "^2.0.0",
     "node-sass": "^4.11.0",
     "nodemon": "^1.18.9",
-    "postcss-cssnext": "^2.7.0",
+    "postcss-cssnext": "^2.11.0",
     "postcss-focus": "^1.0.0",
     "postcss-loader": "^0.9.1",
-    "postcss-reporter": "^1.3.3",
+    "postcss-reporter": "^1.4.1",
-    "rimraf": "^2.6.2",
+    "rimraf": "^2.6.3",
-    "sass-loader": "^6.0.6",
+    "sass-loader": "^6.0.7",
-    "style-loader": "^0.13.1",
+    "style-loader": "^0.13.2",
-    "webpack-manifest-plugin": "^2.0.0",
+    "webpack-manifest-plugin": "^2.0.4",
     "webpack-node-externals": "^1.7.2"
   },
   "engines": {
@@ -63,23 +63,23 @@
   },
   "dependencies": {
     "archiver": "^1.1.0",
-    "async": "^2.0.0",
+    "async": "^2.6.1",
     "axios": "^0.12.0",
     "babel-core": "^6.26.3",
-    "babel-polyfill": "^6.8.0",
+    "babel-polyfill": "^6.26.0",
     "babel-register": "^6.26.0",
     "bcrypt-nodejs": "0.0.3",
     "blob-util": "^1.2.1",
     "body-parser": "^1.18.3",
-    "bson-objectid": "^1.1.4",
+    "bson-objectid": "^1.2.4",
-    "classnames": "^2.2.5",
+    "classnames": "^2.2.6",
     "clipboard": "^1.7.1",
-    "codemirror": "^5.38.0",
+    "codemirror": "^5.42.2",
-    "connect-mongo": "^1.2.0",
+    "connect-mongo": "^1.3.2",
     "console-feed": "^2.8.5",
-    "cookie-parser": "^1.4.1",
+    "cookie-parser": "^1.4.3",
-    "cors": "^2.8.1",
+    "cors": "^2.8.5",
-    "cross-env": "^5.1.3",
+    "cross-env": "^5.2.0",
     "csslint": "^0.10.0",
     "decomment": "^0.8.7",
     "dotenv": "^2.0.0",
@@ -87,17 +87,17 @@
     "escape-string-regexp": "^1.0.5",
     "eslint-loader": "^1.3.0",
     "express": "^4.16.4",
-    "express-basic-auth": "^1.1.5",
+    "express-basic-auth": "^1.1.6",
     "express-session": "^1.15.6",
     "htmlhint": "^0.10.1",
-    "is-url": "^1.2.2",
+    "is-url": "^1.2.4",
-    "js-beautify": "^1.6.4",
+    "js-beautify": "^1.8.9",
     "jsdom": "^9.8.3",
     "jshint": "^2.9.7",
     "lodash": "^4.17.11",
     "loop-protect": "github:catarak/loop-protect",
     "mjml": "^3.3.2",
-    "moment": "^2.14.1",
+    "moment": "^2.23.0",
     "mongoose": "^4.6.8",
     "node-uuid": "^1.4.7",
     "nodemailer": "^2.6.4",
@@ -107,25 +107,25 @@
     "passport-google-oauth20": "^1.0.0",
     "passport-local": "^1.0.0",
     "pretty-bytes": "^3.0.1",
-    "primer-tooltips": "^1.4.1",
+    "primer-tooltips": "^1.5.11",
-    "project-name-generator": "^2.1.3",
+    "project-name-generator": "^2.1.5",
-    "prop-types": "^15.6.0",
+    "prop-types": "^15.6.2",
     "q": "^1.4.1",
-    "react": "^16.4.0",
+    "react": "^16.7.0",
-    "react-dom": "^16.4.0",
+    "react-dom": "^16.7.0",
     "react-helmet": "^5.1.3",
-    "react-hot-loader": "^4.1.2",
+    "react-hot-loader": "^4.6.3",
     "react-inlinesvg": "^0.7.5",
-    "react-redux": "^5.0.6",
+    "react-redux": "^5.1.1",
-    "react-router": "^3.2.0",
+    "react-router": "^3.2.1",
-    "react-split-pane": "^0.1.44",
+    "react-split-pane": "^0.1.76",
-    "react-tabs": "^2.2.1",
+    "react-tabs": "^2.3.0",
-    "redux": "^3.5.2",
+    "redux": "^3.7.2",
     "redux-devtools": "^3.4.2",
     "redux-devtools-dock-monitor": "^1.1.3",
     "redux-devtools-log-monitor": "^1.4.0",
     "redux-form": "^5.3.3",
-    "redux-thunk": "^2.1.0",
+    "redux-thunk": "^2.3.0",
     "request": "^2.88.0",
     "request-promise": "^4.1.1",
     "s3": "^4.4.0",
@@ -133,13 +133,13 @@
     "sass-extract": "^2.1.0",
     "sass-extract-js": "^0.4.0",
     "sass-extract-loader": "^1.1.0",
-    "shortid": "^2.2.6",
+    "shortid": "^2.2.14",
-    "slugify": "^1.2.9",
+    "slugify": "^1.3.4",
     "srcdoc-polyfill": "^0.2.0",
     "url": "^0.11.0",
-    "webpack": "^3.1.0",
+    "webpack": "^3.12.0",
     "webpack-dev-middleware": "^2.0.6",
-    "webpack-hot-middleware": "^2.10.0",
+    "webpack-hot-middleware": "^2.24.3",
-    "xhr": "^2.2.1"
+    "xhr": "^2.5.0"
   }
 }

server/controllers/embed.controller.js

@@ -4,7 +4,8 @@ import {
   injectMediaUrls,
   resolvePathsForElementsWithAttribute,
   resolveScripts,
-  resolveStyles } from '../utils/previewGeneration';
+  resolveStyles
+} from '../utils/previewGeneration';
 import { get404Sketch } from '../views/404Page';
 
 export function serveProject(req, res) {

server/views/index.js

@@ -1,7 +1,6 @@
 export function renderIndex() {
   const assetsManifest = process.env.webpackAssets && JSON.parse(process.env.webpackAssets);
   const chunkManifest = process.env.webpackChunkAssets && JSON.parse(process.env.webpackChunkAssets);
-
   return `
   <!DOCTYPE html>
   <html>

webpack/config.prod.js

@@ -116,6 +116,7 @@ module.exports = [{
     new ChunkManifestPlugin({
       filename: 'chunk-manifest.json',
       manifestVariable: 'webpackManifest',
+      inlineManifest: false
     }),
     new webpack.optimize.UglifyJsPlugin({
       sourceMap: true,