2015-11-27 19:24:24 +00:00
|
|
|
#include "httplib.h"
|
|
|
|
|
#include "peglib.h"
|
|
|
|
|
#include <cstdio>
|
|
|
|
|
#include <functional>
|
|
|
|
|
|
|
|
|
|
using namespace httplib;
|
|
|
|
|
using namespace std;
|
|
|
|
|
|
2016-06-01 10:23:03 +00:00
|
|
|
static string indexHTML = R"(
|
2015-11-27 19:24:24 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<title>PEG Playground</title>
|
|
|
|
|
<style>
|
|
|
|
|
* {
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
list-style: none;
|
|
|
|
|
}
|
|
|
|
|
body {
|
|
|
|
|
display: flex;
|
|
|
|
|
display: -webkit-flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
-webkit-flex-direction: column;
|
|
|
|
|
height: 100vh;
|
|
|
|
|
}
|
|
|
|
|
#main {
|
|
|
|
|
flex: 1;
|
|
|
|
|
-webkit-flex: 1;
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
.editor-container {
|
|
|
|
|
flex: 1;
|
|
|
|
|
-webkit-flex: 1;
|
|
|
|
|
width: 100%;
|
|
|
|
|
display: flex;
|
|
|
|
|
display: -webkit-flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
-webkit-flex-direction: column;
|
|
|
|
|
margin: 8px;
|
|
|
|
|
}
|
|
|
|
|
.editor-container:first-child {
|
|
|
|
|
margin-right: 0;
|
|
|
|
|
}
|
|
|
|
|
.editor-header {
|
|
|
|
|
display: flex;
|
|
|
|
|
display: -webkit-flex;
|
|
|
|
|
height: 48px;
|
|
|
|
|
padding: 4px 8px;
|
|
|
|
|
}
|
|
|
|
|
.editor-header > li:last-child {
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
}
|
|
|
|
|
.editor-header > li > span {
|
|
|
|
|
height: 38px;
|
|
|
|
|
line-height: 38px;
|
|
|
|
|
}
|
|
|
|
|
.editor-header > li > a {
|
|
|
|
|
height: 38px;
|
|
|
|
|
line-height: 38px;
|
|
|
|
|
padding: .3em .5em;
|
|
|
|
|
border: 1px solid red;
|
|
|
|
|
}
|
|
|
|
|
.editor-validation {
|
|
|
|
|
padding: 9px 11px;
|
|
|
|
|
color: green;
|
|
|
|
|
background-color: lightgreen;
|
|
|
|
|
border-radius: 5px;
|
|
|
|
|
}
|
|
|
|
|
.editor-validation-invalid {
|
|
|
|
|
color: red;
|
|
|
|
|
background-color: pink;
|
|
|
|
|
}
|
|
|
|
|
.editor-area {
|
|
|
|
|
flex: 1;
|
|
|
|
|
-webkit-flex: 1;
|
|
|
|
|
border: 1px solid lightgray;
|
|
|
|
|
}
|
|
|
|
|
.editor-info {
|
|
|
|
|
margin-top: 6px;
|
|
|
|
|
height: 160px;
|
|
|
|
|
border: 1px solid lightgray;
|
|
|
|
|
padding: 8px;
|
|
|
|
|
}
|
|
|
|
|
.editor-info li {
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
<div id="main">
|
|
|
|
|
<div class="editor-container">
|
|
|
|
|
<ul class="editor-header">
|
|
|
|
|
<li><span>Grammar:</span></li>
|
|
|
|
|
<li><span id="grammar-validation" class="editor-validation">Valid</span></li>
|
|
|
|
|
</ul>
|
|
|
|
|
<pre id="grammar-editor" class="editor-area">{{syntax}}</pre>
|
|
|
|
|
<div id="grammar-info" class="editor-info"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="editor-container">
|
|
|
|
|
<ul class="editor-header">
|
|
|
|
|
<li><span>Code:</span></li>
|
|
|
|
|
<li><span id="code-validation" class="editor-validation">Valid</span></li>
|
|
|
|
|
</ul>
|
|
|
|
|
<pre id="code-editor" class="editor-area">{{source}}</pre>
|
|
|
|
|
<pre id="code-ast" class="editor-area"></pre>
|
|
|
|
|
<pre id="code-ast-optimized" class="editor-area"></pre>
|
|
|
|
|
<div id="code-info" class="editor-info"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.1.9/ace.js"></script>
|
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
|
|
|
|
|
<script>
|
|
|
|
|
// Setup editros
|
|
|
|
|
var grammar = ace.edit("grammar-editor");
|
|
|
|
|
grammar.setShowPrintMargin(false);
|
|
|
|
|
|
|
|
|
|
var code = ace.edit("code-editor");
|
|
|
|
|
code.setShowPrintMargin(false);
|
|
|
|
|
|
|
|
|
|
var codeAst = ace.edit("code-ast");
|
|
|
|
|
codeAst.setShowPrintMargin(false);
|
|
|
|
|
codeAst.setOptions({
|
|
|
|
|
readOnly: true,
|
|
|
|
|
highlightActiveLine: false,
|
|
|
|
|
highlightGutterLine: false
|
|
|
|
|
})
|
|
|
|
|
codeAst.renderer.$cursorLayer.element.style.opacity=0;
|
|
|
|
|
|
|
|
|
|
var codeAstOptimized = ace.edit("code-ast-optimized");
|
|
|
|
|
codeAstOptimized.setShowPrintMargin(false);
|
|
|
|
|
codeAstOptimized.setOptions({
|
|
|
|
|
readOnly: true,
|
|
|
|
|
highlightActiveLine: false,
|
|
|
|
|
highlightGutterLine: false
|
|
|
|
|
})
|
|
|
|
|
codeAstOptimized.renderer.$cursorLayer.element.style.opacity=0;
|
|
|
|
|
|
|
|
|
|
var generateErrorListHTML = function (errors) {
|
|
|
|
|
var html = '<ul>';
|
|
|
|
|
|
|
|
|
|
html += $.map(errors, function (x) {
|
|
|
|
|
return '<li data-ln="' + x.ln + '" data-col="' + x.col + '"><span>' + x.ln + ':' + x.col + '</span> <span>' + x.msg + '</span></li>';
|
|
|
|
|
}).join('');
|
|
|
|
|
|
|
|
|
|
html += '<ul>';
|
|
|
|
|
|
|
|
|
|
return html;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
var parse = function () {
|
|
|
|
|
var $grammarValidation = $('#grammar-validation');
|
|
|
|
|
var $grammarInfo = $('#grammar-info');
|
|
|
|
|
var grammarText = grammar.getValue();
|
|
|
|
|
|
|
|
|
|
var $codeValidation = $('#code-validation');
|
|
|
|
|
var $codeInfo = $('#code-info');
|
|
|
|
|
var codeText = code.getValue();
|
|
|
|
|
|
|
|
|
|
$.post("/parse", {
|
|
|
|
|
grammar: grammarText,
|
|
|
|
|
code: codeText
|
|
|
|
|
}).done(function (data) {
|
|
|
|
|
var isValid = data.grammar.length === 0;
|
|
|
|
|
if (isValid) {
|
|
|
|
|
$grammarInfo.html('');
|
|
|
|
|
$grammarValidation.removeClass('editor-validation-invalid').text('Valid');
|
|
|
|
|
|
|
|
|
|
codeAst.setValue('');
|
|
|
|
|
codeAstOptimized.setValue('');
|
|
|
|
|
|
|
|
|
|
var isValid = data.code.length === 0;
|
|
|
|
|
if (isValid) {
|
|
|
|
|
$codeInfo.html('');
|
|
|
|
|
$codeValidation.removeClass('editor-validation-invalid').text('Valid');
|
|
|
|
|
codeAst.insert(data.ast);
|
|
|
|
|
codeAstOptimized.insert(data.astOptimized);
|
|
|
|
|
} else {
|
|
|
|
|
var html = generateErrorListHTML(data.code);
|
|
|
|
|
$codeInfo.html(html);
|
|
|
|
|
$codeValidation.addClass('editor-validation-invalid').text('Invalid');
|
|
|
|
|
}
|
|
|
|
|
$codeValidation.show();
|
|
|
|
|
} else {
|
|
|
|
|
var html = generateErrorListHTML(data.grammar);
|
|
|
|
|
$grammarInfo.html(html);
|
|
|
|
|
$grammarValidation.addClass('editor-validation-invalid').text('Invalid');
|
|
|
|
|
|
|
|
|
|
$codeValidation.hide();
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
// Event handing for text editiing
|
|
|
|
|
var timer;
|
|
|
|
|
var setupTimer = function () {
|
|
|
|
|
clearTimeout(timer);
|
|
|
|
|
timer = setTimeout(parse, 750);
|
|
|
|
|
};
|
|
|
|
|
grammar.getSession().on('change', setupTimer);
|
|
|
|
|
code.getSession().on('change', setupTimer);
|
|
|
|
|
|
|
|
|
|
// Event handing in the info area
|
|
|
|
|
var makeOnClickInInfo = function (editor) {
|
|
|
|
|
return function () {
|
|
|
|
|
var el = $(this);
|
|
|
|
|
editor.navigateTo(el.data('ln') - 1, el.data('col') - 1);
|
|
|
|
|
editor.focus();
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
$('#grammar-info').on('click', 'li', makeOnClickInInfo(grammar));
|
|
|
|
|
$('#code-info').on('click', 'li', makeOnClickInInfo(code));
|
|
|
|
|
|
|
|
|
|
// Show page
|
|
|
|
|
$('#main').css({
|
|
|
|
|
'display': 'flex',
|
|
|
|
|
'display': '-webkit-flex'
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// Initial parse
|
|
|
|
|
parse();
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
)";
|
|
|
|
|
|
|
|
|
|
function<void (size_t, size_t, const string&)> makeJSONFormatter(string& json)
|
|
|
|
|
{
|
|
|
|
|
auto init = make_shared<bool>(true);
|
|
|
|
|
|
|
|
|
|
return [&json, init](size_t ln, size_t col, const string& msg) mutable {
|
|
|
|
|
if (!init) {
|
|
|
|
|
json += ",";
|
|
|
|
|
}
|
|
|
|
|
json += "{";
|
|
|
|
|
json += R"("ln":)" + to_string(ln) + ",";
|
|
|
|
|
json += R"("col":)" + to_string(col) + ",";
|
|
|
|
|
json += R"("msg":")" + msg + R"(")";
|
|
|
|
|
json += "}";
|
|
|
|
|
*init = false;
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
bool parse_grammar(const string& text, peg::parser& peg, string& json)
|
|
|
|
|
{
|
|
|
|
|
peg.log = makeJSONFormatter(json);
|
|
|
|
|
json += "[";
|
|
|
|
|
auto ret = peg.load_grammar(text.data(), text.size());
|
|
|
|
|
json += "]";
|
|
|
|
|
return ret;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
bool parse_code(const string& text, peg::parser& peg, string& json, shared_ptr<peg::Ast>& ast)
|
|
|
|
|
{
|
|
|
|
|
peg.enable_ast();
|
|
|
|
|
peg.log = makeJSONFormatter(json);
|
|
|
|
|
json += "[";
|
|
|
|
|
auto ret = peg.parse_n(text.data(), text.size(), ast);
|
|
|
|
|
json += "]";
|
|
|
|
|
return ret;
|
|
|
|
|
}
|
|
|
|
|
|
2015-11-29 16:06:28 +00:00
|
|
|
string replace_all(const string& str, const char* from, const char* to)
|
2015-11-27 19:24:24 +00:00
|
|
|
{
|
2015-11-29 16:06:28 +00:00
|
|
|
string ret;
|
|
|
|
|
ret.reserve(str.length());
|
|
|
|
|
|
|
|
|
|
size_t from_len = 0;
|
|
|
|
|
while (from[from_len]) {
|
|
|
|
|
from_len++;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
size_t start_pos = 0, pos;
|
|
|
|
|
while ((pos = str.find(from, start_pos)) != string::npos) {
|
|
|
|
|
ret += str.substr(start_pos, pos - start_pos);
|
|
|
|
|
ret += to;
|
|
|
|
|
pos += from_len;
|
|
|
|
|
start_pos = pos;
|
|
|
|
|
}
|
|
|
|
|
ret += str.substr(start_pos);
|
|
|
|
|
return ret;
|
2015-11-27 19:24:24 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
int run_server(int port, const vector<char>& syntax, const vector<char>& source)
|
|
|
|
|
{
|
|
|
|
|
Server svr;
|
|
|
|
|
|
2016-05-25 07:14:55 +00:00
|
|
|
svr.get("/", [&](const Request& /*req*/, Response& res) {
|
2015-11-29 16:06:28 +00:00
|
|
|
indexHTML = replace_all(indexHTML, "{{syntax}}", string(syntax.data(), syntax.size()).c_str());
|
|
|
|
|
indexHTML = replace_all(indexHTML, "{{source}}", string(source.data(), source.size()).c_str());
|
2015-11-27 19:24:24 +00:00
|
|
|
|
|
|
|
|
res.set_content(indexHTML, "text/html");
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
svr.post("/parse", [](const Request& req, Response& res) {
|
|
|
|
|
const auto& grammarText = req.params.at("grammar");
|
|
|
|
|
|
|
|
|
|
string grammarResult;
|
|
|
|
|
string codeResult;
|
|
|
|
|
string astResult;
|
|
|
|
|
string astResultOptimized;
|
|
|
|
|
|
|
|
|
|
peg::parser peg;
|
|
|
|
|
auto ret = parse_grammar(grammarText, peg, grammarResult);
|
|
|
|
|
|
|
|
|
|
if (ret && peg) {
|
|
|
|
|
const auto& codeText = req.params.at("code");
|
|
|
|
|
shared_ptr<peg::Ast> ast;
|
|
|
|
|
if (parse_code(codeText, peg, codeResult, ast)) {
|
2015-11-27 20:32:17 +00:00
|
|
|
astResult = peg::ast_to_s(ast);
|
2015-11-29 16:06:28 +00:00
|
|
|
astResult = replace_all(astResult, "\n", "\\n");
|
|
|
|
|
|
2015-11-27 20:32:17 +00:00
|
|
|
astResultOptimized = peg::ast_to_s(peg::AstOptimizer(true).optimize(ast));
|
2015-11-29 16:06:28 +00:00
|
|
|
astResultOptimized = replace_all(astResultOptimized, "\n", "\\n");
|
2015-11-27 19:24:24 +00:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
string json;
|
|
|
|
|
json += "{";
|
|
|
|
|
json += "\"grammar\":" + grammarResult;
|
|
|
|
|
if (!codeResult.empty()) {
|
|
|
|
|
json += ",\"code\":" + codeResult;
|
|
|
|
|
json += ",\"ast\":\"" + astResult + "\"";
|
|
|
|
|
json += ",\"astOptimized\":\"" + astResultOptimized + "\"";
|
|
|
|
|
}
|
|
|
|
|
json += "}";
|
|
|
|
|
|
|
|
|
|
res.set_content(json, "application/json");
|
|
|
|
|
});
|
|
|
|
|
|
2016-05-25 07:14:55 +00:00
|
|
|
svr.set_error_handler([](const Request& /*req*/, Response& res) {
|
2015-11-27 19:24:24 +00:00
|
|
|
const char* fmt = "<p>Error Status: <span style='color:red;'>%d</span></p>";
|
|
|
|
|
char buf[BUFSIZ];
|
|
|
|
|
snprintf(buf, sizeof(buf), fmt, res.status);
|
|
|
|
|
res.set_content(buf, "text/html");
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
cerr << "Server running at http://localhost:" << port << "/" << endl;
|
|
|
|
|
svr.listen("localhost", port);
|
|
|
|
|
|
|
|
|
|
return 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// vim: et ts=4 sw=4 cin cino={1s ff=unix
|
