Add facebook share and add todo's

src/backend/controllers/tracers.js

@@ -25,6 +25,7 @@ const getJsWorker = (req, res, next) => {
 
 const execute = (imageId, srcPath, command, ErrorClass) => new Promise((resolve, reject) => {
   const libPath = getLibPath();
+  // TODO: memory limit + time limit + space limit?
   const dockerCommand = `docker run --rm -w=/usr/judge -t -v=${libPath}:/usr/bin/tracers:ro -v=${srcPath}:/usr/judge:rw -e MAX_TRACES=1000000 -e MAX_TRACERS=100 ${imageId}`;
   child_process.exec(`${dockerCommand} ${command}`, (error, stdout, stderr) => {
     if (error) return reject(new ErrorClass(stdout));

src/frontend/components/App/index.jsx

@@ -127,6 +127,7 @@ class App extends React.Component {
       .catch(this.props.showErrorToast);
   }
 
+  // TODO: warn before loading or quiting if not saved
   loadAlgorithm({ categoryKey, algorithmKey, gistId }) {
     const { ext } = this.props.env;
     let fetchPromise = null;
@@ -142,7 +143,7 @@ class App extends React.Component {
           contributors: undefined,
         }, {
           name: `code.${ext}`,
-          content: '',
+          content: '', // TODO: put import statements as default
           contributors: undefined,
         }],
       });

src/frontend/components/Header/index.jsx

@@ -4,7 +4,6 @@ import InputRange from 'react-input-range';
 import AutosizeInput from 'react-input-autosize';
 import screenfull from 'screenfull';
 import Promise from 'bluebird';
-import { withRouter } from 'react-router-dom';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import faAngleRight from '@fortawesome/fontawesome-free-solid/faAngleRight';
 import faCaretDown from '@fortawesome/fontawesome-free-solid/faCaretDown';
@@ -16,7 +15,7 @@ import faExpandArrowsAlt from '@fortawesome/fontawesome-free-solid/faExpandArrow
 import faGithub from '@fortawesome/fontawesome-free-brands/faGithub';
 import faTrashAlt from '@fortawesome/fontawesome-free-solid/faTrashAlt';
 import faSave from '@fortawesome/fontawesome-free-solid/faSave';
-import faShare from '@fortawesome/fontawesome-free-solid/faShare';
+import faFacebook from '@fortawesome/fontawesome-free-brands/faFacebook';
 import faStar from '@fortawesome/fontawesome-free-solid/faStar';
 import { GitHubApi } from '/apis';
 import { classes, refineGist } from '/common/util';
@@ -26,7 +25,6 @@ import { Button, Ellipsis, ListItem } from '/components';
 import { tracerManager } from '/core';
 import styles from './stylesheet.scss';
 
-@withRouter
 @connect(({ current, env }) => ({ current, env }), actions)
 class Header extends React.Component {
   constructor(props) {
@@ -86,6 +84,7 @@ class Header extends React.Component {
       .then(algorithm => this.props.setCurrent(categoryKey, algorithmKey, algorithm.gistId, algorithm.titles, algorithm.files))
       .then(this.props.loadScratchPapers)
       .catch(this.props.showErrorToast);
+    // TODO: create a new gist in case of permission error
   }
 
   deleteGist() {
@@ -127,7 +126,8 @@ class Header extends React.Component {
                     onClick={() => this.saveGist()}>Save</Button>
             <Button icon={faTrashAlt} primary disabled={!gistId} onClick={() => this.deleteGist()}
                     confirmNeeded>Delete</Button>
-            <Button icon={faShare} primary disabled={gistId === 'new'} onClick={() => this.shareLink()}>Share</Button>
+            <Button icon={faFacebook} primary disabled={gistId === 'new'}
+                    href={`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(window.location.href)}`}>Share</Button>
             <Button icon={faExpandArrowsAlt} primary
                     onClick={() => this.handleClickFullScreen()}>Fullscreen</Button>
           </div>