Update package.json

Author: 64json

app/backend.js

@@ -25,12 +25,13 @@ if (__DEV__) {
       lastHash = stats.hash;
       console.info(stats.toString({
         cached: false,
-        colors: true,
+        colors: true
       }));
 
       try {
         if (httpServer) httpServer.close();
-        Object.keys(require.cache).forEach(key => delete require.cache[key]);
+        delete require.cache[require.resolve('axios')];
+        delete require.cache[require.resolve(backendBuildPath)];
         const app = require(backendBuildPath).default;
         httpServer = app.listen(proxyPort);
       } catch (e) {

Dockerfile renamed to docker/images/java/Dockerfile

@@ -29,7 +29,8 @@
     "@fortawesome/fontawesome": "^1.1.5",
     "@fortawesome/fontawesome-free-brands": "^5.0.9",
     "@fortawesome/fontawesome-free-solid": "^5.0.9",
-    "@fortawesome/react-fontawesome": "0.0.18",
+    "@fortawesome/fontawesome-svg-core": "^1.2.0",
+    "@fortawesome/react-fontawesome": "0.1.0",
     "autoprefixer": "latest",
     "axios": "latest",
     "axios-progress-bar": "^1.1.8",
@@ -52,13 +53,14 @@
     "cookie-parser": "^1.4.3",
     "copy-webpack-plugin": "^4.0.1",
     "css-hot-loader": "^1.3.9",
-    "css-loader": "^0.28.7",
-    "eslint": "^4.19.1",
-    "eslint-config-airbnb": "^16.1.0",
+    "css-loader": "^1.0.0",
+    "eslint": "^5.1.0",
+    "eslint-config-airbnb": "^17.0.0",
     "eslint-plugin-import": "^2.11.0",
     "eslint-plugin-jsx-a11y": "^6.0.3",
     "eslint-plugin-react": "^7.7.0",
     "express": "^4.15.4",
+    "fs-extra": "^6.0.1",
     "html-webpack-plugin": "^3.2.0",
     "http-proxy-middleware": "^0.18.0",
     "imagemin-webpack-plugin": "^2.1.1",
@@ -70,7 +72,7 @@
     "postcss-loader": "^2.0.6",
     "raw-loader": "^0.5.1",
     "react": "^16.3.1",
-    "react-ace": "^5.10.0",
+    "react-ace": "^6.1.4",
     "react-chartjs-2": "^2.7.0",
     "react-dom": "^16.3.1",
     "react-input-autosize": "^2.2.1",
@@ -80,18 +82,18 @@
     "react-router": "^4.2.0",
     "react-router-dom": "^4.2.2",
     "react-router-redux": "^4.0.8",
-    "react-toastify": "^3.4.3",
+    "react-toastify": "^4.1.0",
     "redbox-react": "^1.5.0",
-    "redux": "^3.7.2",
+    "redux": "^4.0.0",
     "redux-actions": "^2.2.1",
-    "sass-loader": "^6.0.6",
+    "sass-loader": "^7.0.3",
     "screenfull": "^3.3.2",
-    "style-loader": "^0.20.3",
+    "style-loader": "^0.21.0",
     "uglifyjs-webpack-plugin": "^1.2.4",
     "uuid": "^3.2.1",
     "webpack": "^4.5.0",
     "webpack-bundle-analyzer": "^2.11.1",
-    "webpack-cli": "^2.0.14",
+    "webpack-cli": "^3.0.8",
     "webpack-dev-middleware": "^3.1.0",
     "webpack-hot-middleware": "^2.19.1",
     "webpack-node-externals": "^1.6.0"

package.json

@@ -1,6 +1,6 @@
 import Promise from 'bluebird';
 import axios from 'axios';
-import fs from 'fs';
+import fs from 'fs-extra';
 import { githubClientId, githubClientSecret } from '/environment';
 
 axios.interceptors.request.use(request => {

src/backend/apis/index.js

@@ -1,5 +1,5 @@
 import express from 'express';
-import fs from 'fs';
+import fs from 'fs-extra';
 import path from 'path';
 import { NotFoundError } from '/common/error';
 import { exec } from 'child_process';

src/backend/controllers/categories.js

@@ -1,24 +1,33 @@
 import Promise from 'bluebird';
 import express from 'express';
+import fs from 'fs-extra';
+import uuid from 'uuid';
 import path from 'path';
 import { GitHubApi } from '/apis';
 
 const router = express.Router();
 
-const getPath = (...args) => path.resolve(__dirname, '..', 'public', 'libs', ...args);
+const getLibPath = (...args) => path.resolve(__dirname, '..', 'public', 'libs', ...args);
+const createTempDir = () => {
+  const dirPath = path.resolve(__dirname, '..', 'public', 'codes', uuid.v4());
+  fs.mkdirSync(dirPath);
+  return dirPath;
+};
 
 const downloadLibs = () => {
   GitHubApi.getLatestRelease('algorithm-visualizer', 'tracers').then(release => {
-    return Promise.each(release.assets, asset => GitHubApi.download(asset.browser_download_url, getPath(asset.name)));
+    return Promise.each(release.assets, asset => GitHubApi.download(asset.browser_download_url, getLibPath(asset.name)));
   });
 };
 downloadLibs(); // TODO: download again when webhooked
 
 const getJsWorker = (req, res, next) => {
-  res.sendFile(path.resolve(__dirname, '..', 'tracers', 'languages', 'js', 'build', 'index.js'));
+  res.sendFile(getLibPath('js.js'));
 };
 
 const compileJava = (req, res, next) => {
+  const dirPath = createTempDir();
+  fs.writeFileSync(dirPath, req.body);
   /* TODO:
   1. Write into a source file
   2. Execute in Docker

src/backend/controllers/compilers.js

@@ -0,0 +1,2 @@
+*
+!.gitignore

src/backend/public/codes/.gitignore

@@ -1,7 +1,7 @@
 import React from 'react';
 import { connect } from 'react-redux';
 import Promise from 'bluebird';
-import FontAwesomeIcon from '@fortawesome/react-fontawesome';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import faPlus from '@fortawesome/fontawesome-free-solid/faPlus';
 import { loadProgressBar } from 'axios-progress-bar';
 import 'axios-progress-bar/dist/nprogress.css';

src/frontend/components/App/index.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import FontAwesomeIcon from '@fortawesome/react-fontawesome'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import styles from './stylesheet.scss';
 import { classes } from '/common/util';
 import { Link } from 'react-router-dom';

src/frontend/components/Button/index.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import FontAwesomeIcon from '@fortawesome/react-fontawesome'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import faCaretDown from '@fortawesome/fontawesome-free-solid/faCaretDown';
 import faCaretRight from '@fortawesome/fontawesome-free-solid/faCaretRight';
 import styles from './stylesheet.scss';