Remove docs submodule and add a link to it

.gitmodules

 [submodule "src/backend/public/algorithms"]
 	path = src/backend/public/algorithms
 	url = git@github.com:algorithm-visualizer/algorithms.git
-[submodule "src/backend/public/docs"]
-	path = src/backend/public/docs
-	url = git@github.com:algorithm-visualizer/tracers.wiki.git

app/backend.js

 const proxy = require('http-proxy-middleware');
 const {
-  __PROD__,
   __DEV__,
   proxyPort,
   backendBuildPath,

app/frontend.js

 const express = require('express');
 
 const {
-  __PROD__,
   __DEV__,
   frontendSrcPath,
-  algorithmApiSrcPath,
-  wikiApiSrcPath,
   frontendBuildPath,
-  apiEndpoint,
 } = require('../environment');
 
 if (__DEV__) {

src/backend/controllers/docs.js

-import express from 'express';
-import fs from 'fs';
-import path from 'path';
-import { NotFoundError } from '/common/error';
-
-const router = express.Router();
-
-const getPath = (...args) => path.resolve(__dirname, '..', 'public', 'docs', ...args);
-
-const readDocs = () => {
-  const createKey = name => name.slice(0, -3);
-  const list = dirPath => fs.readdirSync(dirPath).filter(filename => /(\.md)$/.test(filename));
-  return list(getPath()).map(docName => ({
-    key: createKey(docName),
-    name: docName,
-  }));
-};
-
-const docs = readDocs();
-
-const getDocs = (req, res, next) => {
-  res.json({ docs: docs });
-};
-
-const getDoc = (req, res, next) => {
-  const { docKey } = req.params;
-
-  const doc = docs.find(doc => doc.key === docKey);
-  if (!doc) return next(new NotFoundError());
-
-  const docPath = getPath(doc.name);
-  res.sendFile(docPath);
-};
-
-router.route('/')
-  .get(getDocs);
-
-router.route('/:docKey')
-  .get(getDoc);
-
-export default router;
\ No newline at end of file

src/backend/controllers/index.js

 export { default as auth } from './auth';
 export { default as categories } from './categories';
 export { default as compilers } from './compilers';
-export { default as docs } from './docs';

docs @ 08dc9b23

-Subproject commit 08dc9b2369dd65a69fa5e3d9eb0e2c268fdb94fd

src/frontend/apis/index.js

@@ -58,11 +58,6 @@ const CategoryApi = {
   getAlgorithm: GET('/categories/:categoryKey/:algorithmKey'),
 };
 
-const DocApi = {
-  getDocs: GET('/docs'),
-  getDoc: GET('/docs/:docKey'),
-};
-
 const GitHubApi = {
   auth: token => axios.defaults.headers.common['Authorization'] = `token ${token}`,
   getProfile: GET('https://api.github.com/user'),
@@ -86,7 +81,6 @@ const CompilerApi = {
 
 export {
   CategoryApi,
-  DocApi,
   GitHubApi,
   CompilerApi,
 };
\ No newline at end of file

src/frontend/components/App/index.jsx

@@ -14,7 +14,6 @@ import {
   TabContainer,
   ToastContainer,
   VisualizationViewer,
-  WikiViewer,
 } from '/components';
 import { CategoryApi, GitHubApi } from '/apis';
 import { tracerManager } from '/core';
@@ -199,11 +198,10 @@ class App extends React.Component {
                             visibles={[navigatorOpened, true, true]}
                             onChangeWeights={weights => this.handleChangeWorkspaceWeights(weights)}>
           <Navigator loadAlgorithm={params => this.loadAlgorithm(params)} />
-          <TabContainer titles={['Description', 'Visualization', 'Tracer API']} tabIndex={viewerTabIndex}
+          <TabContainer titles={['Description', 'Visualization']} tabIndex={viewerTabIndex}
                         onChangeTabIndex={tabIndex => this.handleChangeViewerTabIndex(tabIndex)}>
             <MarkdownViewer source={readmeFile ? readmeFile.content : 'README.md not found'} />
             <VisualizationViewer />
-            <WikiViewer />
           </TabContainer>
           <TabContainer titles={[...files.map(file => file.name), <FontAwesomeIcon fixedWidth icon={faPlus} />]}
                         tabIndex={editorTabIndex}

src/frontend/components/Navigator/index.jsx

@@ -3,6 +3,7 @@ import { connect } from 'react-redux';
 import FontAwesomeIcon from '@fortawesome/react-fontawesome'
 import faSearch from '@fortawesome/fontawesome-free-solid/faSearch';
 import faCode from '@fortawesome/fontawesome-free-solid/faCode';
+import faBook from '@fortawesome/fontawesome-free-solid/faBook';
 import faGithub from '@fortawesome/fontawesome-free-brands/faGithub';
 import { ExpandableListItem, ListItem } from '/components';
 import { classes } from '/common/util';
@@ -122,6 +123,8 @@ class Navigator extends React.Component {
               <ListItem icon={faCode} label="Scratch Paper"
                         onClick={() => this.props.showSuccessToast('Sign In Required')} />
           }
+          <ListItem icon={faBook} label="Tracers API"
+                    href="https://github.com/algorithm-visualizer/tracers/wiki" />
           <ListItem icon={faGithub} label="Fork me on GitHub"
                     href="https://github.com/algorithm-visualizer/algorithm-visualizer" />
         </div>

src/frontend/components/WikiViewer/index.jsx

-import React from 'react';
-import { DocApi } from '/apis';
-import { MarkdownViewer } from '/components';
-import { classes } from '/common/util';
-import styles from './stylesheet.scss';
-
-class WikiViewer extends React.Component {
-  constructor(props) {
-    super(props);
-
-    this.state = {
-      source: null,
-    };
-  }
-
-  componentDidMount() {
-    this.loadMarkdown('Tracer');
-  }
-
-  loadMarkdown(href) {
-    DocApi.getDoc(href)
-      .then(source => this.setState({ source }));
-  }
-
-  render() {
-    const { className, source } = this.state;
-
-    return (
-      <MarkdownViewer className={classes(styles.wiki_viewer, className)} source={source}
-                      onClickLink={href => this.loadMarkdown(href)} />
-    );
-  }
-}
-
-export default WikiViewer;

src/frontend/components/WikiViewer/stylesheet.scss

-@import "~/common/stylesheet/index";
-
-.wiki_viewer {
-}
\ No newline at end of file

src/frontend/components/index.js

@@ -13,4 +13,3 @@ export { default as ResizableContainer } from './ResizableContainer';
 export { default as TabContainer } from './TabContainer';
 export { default as ToastContainer } from './ToastContainer';
 export { default as VisualizationViewer } from './VisualizationViewer';
-export { default as WikiViewer } from './WikiViewer';