Remove all frontend related stuff

lib/debug.py

@@ -1,19 +0,0 @@
-from glob import iglob as glob
-from itertools import chain
-
-from tornado.autoreload import watch
-
-
-# yo dawg, we heard you like generators, so now you can generate generators
-# with generators
-def _static_files():
-    return chain.from_iterable(
-        glob(pattern) for pattern in (
-            'static/dist/*.js', 'static/*.css', 'templates/*htm?'
-        )
-    )
-
-
-def watch_static_files():
-    for file in _static_files():
-        watch(file)

src/app/app.py

@@ -7,21 +7,14 @@ from tornado.web import Application
 from tornado.ioloop import IOLoop
 
 from config import WEB_PORT
-import debug
+from handlers import ZMQWebSocketHandler
-from handlers import MainHandler, ZMQWebSocketHandler, LoginWebappHandler
-import ui_modules
 
 if __name__ == '__main__':
     routes = [
-        (r'/', MainHandler),
         (r'/ws', ZMQWebSocketHandler),
-        (r'/login', LoginWebappHandler),
     ]
     application = Application(
         routes,
-        template_path=r'templates/',
-        static_path=r'static/',
-        ui_modules=ui_modules,
         autoreload=True
     )
 
@@ -32,5 +25,4 @@ if __name__ == '__main__':
     logging.debug('ZeroMQ version: {}'.format(zmq.zmq_version()))
     logging.debug('PyZMQ version: {}'.format(zmq.pyzmq_version()))
     logging.info('Tornado application listening on port {}'.format(WEB_PORT))
-    debug.watch_static_files()
     IOLoop.instance().start()

src/app/handlers/__init__.py

@@ -1,3 +1 @@
-from .main_handler import MainHandler
 from .zmq_websocket_handler import ZMQWebSocketHandler
-from .login_webapp_handler import LoginWebappHandler

src/app/handlers/login_webapp_handler.py

@@ -1,27 +0,0 @@
-import json
-
-from tornado.web import RequestHandler, MissingArgumentError
-
-# from buttons import fsm
-from sql_injection_fsm import fsm
-
-
-class LoginWebappHandler(RequestHandler):
-    anchor_id = 'anchor_login'
-
-    def get(self, *args, **kwargs):
-        self.render('login.html', anchor_id=self.anchor_id, form_data=(
-            ('email', 'email_input', 'Email address', 'Enter email'),
-            ('password', 'password_input', 'Password', 'Password'),
-        ))
-
-    def post(self, *args, **kwargs):
-        try:
-            message = {
-                'anchor': self.anchor_id,
-                'data': {k: self.get_body_argument(k) for k in ('email', 'password')}
-            }
-            fsm.trigger(self.anchor_id, message=json.dumps(message))
-        except MissingArgumentError:
-            self.write_error(status_code=400, message='Incomplete request')
-        # TODO: return real data if not in a tutorial

src/app/handlers/main_handler.py

@@ -1,6 +0,0 @@
-from tornado.web import RequestHandler
-
-
-class MainHandler(RequestHandler):
-    def get(self, *args, **kwargs):
-        self.render('index.html')

src/app/static/.babelrc

@@ -1,3 +0,0 @@
-{
-  "presets": ["env"]
-}

src/app/static/index.css

@@ -1,4 +0,0 @@
-.tfw-container {
-    min-height: 100%;
-    height: 100%;
-}

src/app/static/js/index.js

@@ -1,61 +0,0 @@
-import * as ace from 'brace';
-import 'brace/mode/python';
-import 'brace/theme/monokai';
-import * as showdown from 'showdown';
-
-let ws = new WebSocket('ws://' + document.location.host + '/ws');
-
-let converter = new showdown.Converter();
-// TODO: don't hardcode anchor id
-let editor = ace.edit('anchor_webide');
-editor.setTheme('ace/theme/monokai');
-editor.getSession().setMode('ace/mode/python');
-editor.$blockScrolling = Infinity;
-
-$('#container').on('click', '.anchor', ( function (event) {
-    let anchorName = $(this).attr('id').replace('_event', '');
-    let data = JSON.stringify({
-        'anchor': anchorName,
-        'data': $('#' + anchorName).text()
-    });
-    console.log('Sending: ');
-    console.log(data);
-    ws.send(data);
-}));
-
-$('form#anchor_login_event').on('submit', (function (event) {
-        event.preventDefault();
-
-        let anchorName = $(this).attr('id').replace('_event', '');
-        $.post(
-            $(this).attr('action'),
-            $(this).serialize(),
-            function (data) {}
-        );
-}));
-
-ws.onopen = function () {
-    ws.send(JSON.stringify({
-        'anchor': 'reset',
-        'data': ''
-    }));
-    // init webide
-    ws.send(JSON.stringify({
-        'anchor': 'anchor_webide',
-        'data': ''
-    }));
-};
-
-ws.onmessage = function (messageEvent) {
-    let message = JSON.parse(messageEvent.data);
-    console.log('Receiving: ');
-    console.log(message);
-    let $anchor = $('#' + message['anchor']);
-    if (message['anchor'] === 'anchor_webide') {
-        editor.setValue(message['data'], -1);
-    }
-    else {
-        let formatted_message = converter.makeHtml(message['data']);
-        $anchor.html(formatted_message);
-    }
-};

src/app/static/module-webide.css

@@ -1,4 +0,0 @@
-#anchor_webide {
-    position: relative;
-    height: 100%;
-}

src/app/static/package.json

@@ -1,16 +0,0 @@
-{
-  "dependencies": {
-    "bootstrap": "4.0.0-beta.2",
-    "brace": "^0.11.0",
-    "jquery": "^3.2.1",
-    "popper.js": "^1.12.3",
-    "showdown": "^1.8.5",
-    "webpack": "^3.10.0"
-  },
-  "devDependencies": {
-    "babel-core": "^6.26.0",
-    "babel-loader": "^7.1.2",
-    "babel-preset-env": "^1.6.1",
-    "uglifyjs-webpack-plugin": "^1.1.2"
-  }
-}

src/app/static/webpack.config.js

@@ -1,29 +0,0 @@
-const path = require('path');
-const webpack = require('webpack');
-const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
-
-module.exports = {
-    entry: './js/index.js',
-    output: {
-        path: path.resolve(__dirname, 'dist'),
-        filename: 'bundle.js'
-    },
-    module: {
-        rules: [
-            {
-                test: /\.js$/,
-                exclude: /node_modules/,
-                loader: "babel-loader"
-            }
-        ]
-    },
-    plugins: [
-        new webpack.ProvidePlugin({
-            $: 'jquery',
-            jQuery: 'jquery',
-            'window.jQuery': 'jquery',
-            'window.$': 'jquery',
-        }),
-        new UglifyJsPlugin()
-    ]
-};

src/app/templates/index.html

@@ -1,43 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Babylonian Tutorial Proof of Concept</title>
-
-    <link rel="stylesheet" href="{{ static_url('vendor/css/bootstrap.min.css') }}">
-    <link rel="stylesheet" href="{{ static_url('vendor/css/highlight/github.min.css')}}">
-    <link rel="stylesheet" href="{{ static_url('index.css')}}">
-</head>
-<body>
-    <div class="jumbotron text-center">
-        <h1>Tutorial framework Demo</h1>
-    </div>
-    <div id="container" class="container-fluid tfw-container">
-        <!--div class="row">
-            {% for aid in ('a', 'b', 'c') %}
-            <div class="col-sm m-3 p-3">
-                <p id="anchor_{{ escape(aid) }}" >
-                    Anchor {{ escape(aid).upper() }} content should be inserted here.
-                </p>
-                <button type="button" class="btn btn-outline-primary anchor" id="anchor_{{ escape(aid) }}_event">
-                    Fire anchor {{ escape(aid).upper() }}
-                </button>
-            </div>
-            {% end %}
-        </div-->
-        <div class="row">
-            <div class="col-sm col-md col-lg m-3 p-3" id="anchor_login">
-                {% module Login('anchor_login') %}
-            </div>
-            <div class="col-sm-6 col-md-6 col-lg-6 m-3 p-3">
-                {% module WebIDE('anchor_webide') %}
-            </div>
-            <div class="col-sm col-md col-lg m-3 p-3">
-                {% module Logger('anchor_logger') %}
-            </div>
-        </div>
-    </div>
-
-    <script src="{{ static_url('dist/bundle.js') }}" defer></script>
-</body>
-</html>

src/app/templates/login.html

@@ -1,14 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Login page</title>
-
-    <link rel="stylesheet" href="{{ static_url('vendor/css/bootstrap.min.css') }}">
-</head>
-<body>
-
-{% module Login(anchor_id, form_data) %}
-
-</body>
-</html>

src/app/templates/module-logger.html

@@ -1,7 +0,0 @@
-<h1>Logs</h1>
-<p id="{{ anchor_id }}">
-    &nbsp;
-</p>
-<button type="button" class="btn btn-outline-primary anchor" id="{{ anchor_id }}_event">
-    Next
-</button>

src/app/templates/module-login.html

@@ -1,17 +0,0 @@
-<h1>Login page</h1>
-<form id="{{ anchor_id }}_event"
-      action="/login"
-      method="post">
-    {% for type_, id_, label, placeholder in form_data %}
-        <div class="form-group">
-            <label for="{{ id_ }}">{{ label }}</label>
-            <input type="{{ type_ }}"
-                   class="form-control"
-                   id="{{ id_ }}"
-                   name="{{ id_.replace('_input', '') }}"
-                   placeholder="{{ placeholder }}">
-
-        </div>
-    {% end %}
-    <button type="submit" class="btn btn-primary">Submit</button>
-</form>

src/app/templates/module-webide.html

@@ -1,6 +0,0 @@
-<h1>Source code</h1>
-<div  id="{{ anchor_id }}" class="mt-3 mb-3">
-</div>
-<button type="button" class="btn btn-outline-primary anchor" id="{{ anchor_id }}_event">
-    Next
-</button>

src/app/ui_modules/__init__.py

@@ -1,3 +0,0 @@
-from .logger import Logger
-from .login import Login
-from .webide import WebIDE

src/app/ui_modules/logger.py

@@ -1,6 +0,0 @@
-from tornado.web import UIModule
-
-
-class Logger(UIModule):
-    def render(self, anchor_id, *args, **kwargs):
-        return self.render_string('module-logger.html', anchor_id=anchor_id)

src/app/ui_modules/login.py

@@ -1,11 +0,0 @@
-from tornado.web import UIModule
-
-
-class Login(UIModule):
-    def render(self, anchor_id, form_data=None):
-        if form_data is None:
-            form_data = (
-                ('email', 'email_input', 'Email address', 'Enter email'),
-                ('password', 'password_input', 'Password', 'Password'),
-            )
-        return self.render_string('module-login.html', anchor_id=anchor_id, form_data=form_data)

src/app/ui_modules/webide.py

@@ -1,9 +0,0 @@
-from tornado.web import UIModule
-
-
-class WebIDE(UIModule):
-    def render(self, anchor_id, *args, **kwargs):
-        return self.render_string('module-webide.html', anchor_id=anchor_id, **kwargs)
-
-    def css_files(self):
-        return ['module-webide.css']