Initial commit

Dockerfile

+# Use Debian latest stable from https://hub.docker.com as base image
+FROM debian:latest
+# Upgrade packages
+RUN apt-get update
+RUN apt-get -y upgrade
+# Install Node.js
+RUN apt-get -y install nodejs

client/src/index.js

@@ -3,39 +3,75 @@
 import ReactDOM from 'react-dom';
 import * as React from 'react';
 import { Component } from 'react-simplified';
-import { HashRouter, Route } from 'react-router-dom';
-import { NavBar, Card, Alert } from './widgets';
-import { TaskList, TaskDetails, TaskEdit, TaskNew } from './task-components';
+import { Alert, Card, Row, Column, Form, Button } from './widgets';
+import appService from './task-service';
+
+class App extends Component {
+  code: string = '';
+  stOutput: string = '';
+  stError: string = '';
+  stExit: number = 0;
 
-class Menu extends Component {
   render() {
     return (
-      <NavBar brand="Todo App">
-        <NavBar.Link to="/tasks">Tasks</NavBar.Link>
-      </NavBar>
-    );
+      <>
+        <Card>
+          App.js
+          <Row>
+            <Column>
+              <Form.Textarea
+                type="text"
+                value={this.code}
+                onChange={(event) => (this.code = event.currentTarget.value)}
+                rows={10}
+              />
+            </Column>
+          </Row>
+          <Button.Success
+            onClick={() =>
+              appService.send(this.code).then((response) => {
+                (this.stOutput = response.data[0]),
+                  (this.stError = response.data[1]),
+                  (this.stExit = response.data[2]);
+                console.log(this.stExit);
+              })
             }
+          >
+            Run
+          </Button.Success>
+        </Card>
+        <Card>
+          Standard Output:
+          <Form.Label>{this.stOutput}</Form.Label>
+        </Card>
+        <Card>
+          Standard Error:
+          <Form.Label>{this.stError}</Form.Label>
+        </Card>
+        <Card>
+          Standard Exit Status:
+          <Form.Label>{this.stExit}</Form.Label>
+        </Card>
+      </>
+    );
   }
 
-class Home extends Component {
-  render() {
-    return <Card title="Welcome">This is Todo App</Card>;
-  }
+  mounted() {}
+
+  // func() {
+  //   appService.send(this.code).then((response) => {
+  //     (this.stOutput = response.data[0]),
+  //       (this.stError = response.data[1]),
+  //       (this.stExit = response.data[2]);
+  //   });
+  // }
 }
 
 const root = document.getElementById('root');
 if (root)
   ReactDOM.render(
-    <HashRouter>
-      <div>
-        <Alert />
-        <Menu />
-        <Route exact path="/" component={Home} />
-        <Route exact path="/tasks" component={TaskList} />
-        <Route exact path="/tasks/:id(\d+)" component={TaskDetails} /> {/* id must be number */}
-        <Route exact path="/tasks/:id(\d+)/edit" component={TaskEdit} /> {/* id must be number */}
-        <Route exact path="/tasks/new" component={TaskNew} />
-      </div>
-    </HashRouter>,
+    <>
+      <App />
+    </>,
     root
   );