mirror of
https://github.com/gnh1201/caterpillar.git
synced 2024-11-26 15:31:45 +00:00
505 lines
22 KiB
HTML
505 lines
22 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<title>Caterpillar Proxy Console</title>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
<!--<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">-->
|
|
<meta name="referrer" content="unsafe-url">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery.terminal/2.44.1/css/jquery.terminal.min.css">
|
|
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css">
|
|
<style type="text/css">/*<!--<![CDATA[*/
|
|
html, body, main {
|
|
width: 100%;
|
|
height: 100%;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
#content {
|
|
float: right;
|
|
width: 80%;
|
|
height: 100%;
|
|
scroll: hidden;
|
|
}
|
|
|
|
#cover {
|
|
float: left;
|
|
width: 20%;
|
|
height: 100%;
|
|
scroll: hidden;
|
|
|
|
background: #2e8d36 url(https://pub-1a7a176eea68479cb5423e44273657ad.r2.dev/bg.jpg) no-repeat;
|
|
background-size: cover;
|
|
background-position: center;
|
|
}
|
|
|
|
#cover article {
|
|
margin: 30px;
|
|
}
|
|
|
|
#console {
|
|
height: 100%;
|
|
}
|
|
/*]]>-->*/</style>
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<section id="content">
|
|
<div id="console"></div>
|
|
<div id="map"></div>
|
|
<div id="embed"></div>
|
|
</section>
|
|
<section id="cover">
|
|
<article>
|
|
<h1>Caterpillar Proxy Console</h1>
|
|
<p>Source code available</p>
|
|
<p><a href="https://github.com/gnh1201/caterpillar">gnh1201/caterpillar (GitHub)</a></p>
|
|
<p><a href="https://github.com/gnh1201/caterpillar-plugins">gnh1201/caterpillar-plugins (GitHub)</a></p>
|
|
</article>
|
|
</section>
|
|
</main>
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.terminal/2.44.1/js/jquery.terminal.min.js"></script>
|
|
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
|
|
<script type="text/javascript">//<!--<![CDATA[
|
|
var env = {
|
|
"target": "http://localhost/",
|
|
"method": "",
|
|
"filename": null
|
|
};
|
|
var set_default_env = function(_env) {
|
|
for (k in _env) {
|
|
if (!(k in env)) {
|
|
env[k] = _env[k];
|
|
}
|
|
}
|
|
};
|
|
var pretty_jsonify = function(data) {
|
|
return JSON.stringify(data, null, 4);
|
|
};
|
|
var download_text = function(filename, text) {
|
|
var element = document.createElement('a');
|
|
element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
|
|
element.setAttribute('download', filename);
|
|
element.style.display = 'none';
|
|
document.body.appendChild(element);
|
|
element.click();
|
|
document.body.removeChild(element);
|
|
};
|
|
var show_embed = function(term, url) {
|
|
term.echo('', {
|
|
finalize: function($div) {
|
|
var $embed = $("#embed");
|
|
$embed.html($("<iframe/>").attr({
|
|
"title": "embed web page",
|
|
"src": url,
|
|
"allow": "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
|
|
"referrerpolicy": "unsafe-url",
|
|
"allowfullscreen": true
|
|
}).css({
|
|
"width": "100%",
|
|
"height": "240px",
|
|
"border": "none"
|
|
}));
|
|
$div.children().last().append($embed);
|
|
term.echo();
|
|
}
|
|
});
|
|
};
|
|
var jsonrpc2_request = function(term, method, params) {
|
|
var requestData = {
|
|
jsonrpc: "2.0",
|
|
method: method,
|
|
params: params,
|
|
id: null
|
|
};
|
|
|
|
$.ajax({
|
|
url: env.target,
|
|
type: 'POST',
|
|
contentType: 'application/json',
|
|
dataType: 'text',
|
|
data: JSON.stringify(requestData),
|
|
beforeSend: function(xhr) {
|
|
xhr.setRequestHeader("X-User-Agent", "php-httpproxy/0.1.5 (Client; WebConsole; abuse@catswords.net)");
|
|
},
|
|
success: function(response) {
|
|
var responseData = {
|
|
"error": {
|
|
"message": "Unknown error"
|
|
}
|
|
};
|
|
var process_corrupted_json = function(s) {
|
|
// for dirty response (e.g., magic header, advertise logo)
|
|
try {
|
|
var start = s.indexOf('{');
|
|
var end = [s.indexOf("}\r\n\r\n"), s.lastIndexOf('}')].reduce(function(a, x) {
|
|
if (x > 0 && a > x) {
|
|
a = x; // set new value if x greater than 0 and x less than previous value
|
|
}
|
|
return a;
|
|
}, s.length);
|
|
if (start > -1 && end > -1 && end > start) {
|
|
responseData = JSON.parse(s.substring(start, end + 1));
|
|
} else {
|
|
throw new Error("It does not seem like a JSON format.");
|
|
}
|
|
} catch (e) {
|
|
responseData.error.message = e.message
|
|
+ "\r\nRaw response data:"
|
|
+ "\r\n" + response;
|
|
}
|
|
};
|
|
|
|
try {
|
|
if (response.trim() == "") {
|
|
responseData.error.message = "Received an empty response data";
|
|
} else {
|
|
responseData = JSON.parse(response);
|
|
}
|
|
} catch (e) {
|
|
responseData.error.message = e.message;
|
|
process_corrupted_json(response);
|
|
}
|
|
|
|
var text = "";
|
|
if ("error" in responseData) {
|
|
text = responseData.error.message;
|
|
} else {
|
|
if (typeof responseData.result.data === "object") {
|
|
text = pretty_jsonify(responseData.result.data);
|
|
} else {
|
|
text = responseData.result.data;
|
|
}
|
|
}
|
|
|
|
// save as a file
|
|
if (env.filename != null) {
|
|
download_text(env.filename, text);
|
|
}
|
|
|
|
// method(relay_get_geolocation)
|
|
if (env.method == "relay_get_geolocation") {
|
|
term.echo(text);
|
|
term.echo('', {
|
|
finalize: function($div) {
|
|
var geodata = responseData.result.data;
|
|
var $map = $("#map").css({
|
|
"height": "240px"
|
|
});
|
|
$div.children().last().append($map);
|
|
map.setView([geodata.lat, geodata.lon], 13);
|
|
var circle = L.circle([geodata.lat, geodata.lon], {
|
|
color: 'red',
|
|
fillColor: '#f03',
|
|
fillOpacity: 0.5,
|
|
radius: 500
|
|
}).addTo(map);
|
|
term.echo();
|
|
}
|
|
});
|
|
return;
|
|
}
|
|
|
|
// method(relay_web_search)
|
|
if (env.method == "relay_web_search") {
|
|
var searchdata = responseData.result.data;
|
|
|
|
if ("error" in searchdata) {
|
|
term.echo(searchdata.error.message);
|
|
term.echo('');
|
|
return;
|
|
}
|
|
|
|
var results = Object.values(searchdata);
|
|
if (results.length > 0) {
|
|
results.forEach(function(x) {
|
|
if (typeof x !== "object") return;
|
|
|
|
if ("special_response" in x) {
|
|
term.echo("< " + x.special_response.response);
|
|
term.echo("< " + x.special_response.source);
|
|
term.echo('');
|
|
} else {
|
|
var base_domain = (function(s) {
|
|
return s.split("/")[2];
|
|
})(x.base_url);
|
|
term.echo("< [[!;;;;" + x.url + ";{}]" + x.title.trim() + " (" + base_domain + ")]: " + x.description.trim());
|
|
}
|
|
});
|
|
} else {
|
|
term.echo("No any results");
|
|
}
|
|
|
|
term.echo('');
|
|
return;
|
|
}
|
|
|
|
// print a response
|
|
term.echo(text);
|
|
},
|
|
error: function(xhr, status, error) {
|
|
term.echo(error);
|
|
}
|
|
});
|
|
};
|
|
|
|
jQuery(function($, undefined) {
|
|
$('#console').terminal({
|
|
set: function(...args) {
|
|
var k = (args.length > 0 ? args[0] : '');
|
|
var v = (args.length > 1 ? args.slice(1) : []).join(' ');
|
|
|
|
if (k == "env") {
|
|
this.echo("env is the reserved word");
|
|
return;
|
|
}
|
|
|
|
// method(relay_web_search)
|
|
if (env.method == "relay_web_search" && k == "page") {
|
|
env[k] = parseInt(v);
|
|
return;
|
|
}
|
|
|
|
env[k] = v || null;
|
|
|
|
if (k == "method") {
|
|
this.set_prompt('method([[b;red;black]' + env.method + '])> ');
|
|
|
|
// method(relay_sendmail)
|
|
if (env.method == "relay_sendmail") {
|
|
set_default_env({
|
|
"mail_to": "noreply@example.org",
|
|
"mail_from": "noreply@example.org",
|
|
"mail_subject": "Important Message from System Administrator"
|
|
});
|
|
}
|
|
|
|
// method(relay_mysql_query)
|
|
if (env.method == "relay_mysql_query") {
|
|
set_default_env({
|
|
"mysql_hostname": "localhost",
|
|
"mysql_username": "root",
|
|
"mysql_password": null,
|
|
"mysql_database": null,
|
|
"mysql_port": "3306",
|
|
"mysql_charset": "utf8"
|
|
});
|
|
}
|
|
|
|
// method(relay_web_search)
|
|
if (env.method == "relay_web_search") {
|
|
set_default_env({
|
|
"keyword": "",
|
|
"page": 1
|
|
});
|
|
}
|
|
}
|
|
},
|
|
show: function(k) {
|
|
var v = env[k];
|
|
|
|
if (typeof env[k] === "object") {
|
|
this.echo(pretty_jsonify(v));
|
|
} else if (k == "env") {
|
|
this.echo(pretty_jsonify(env));
|
|
} else {
|
|
this.echo(v);
|
|
}
|
|
},
|
|
do: function(...args) {
|
|
if (env.method == "") {
|
|
this.echo("Please set a method");
|
|
return;
|
|
}
|
|
|
|
// method(relay_invoke_method)
|
|
if (env.method == "relay_invoke_method") {
|
|
if (args.length < 1) {
|
|
this.echo("Please set a callback");
|
|
return;
|
|
}
|
|
|
|
jsonrpc2_request(this, env.method, {
|
|
"callback": args[0],
|
|
"args": args.slice(1)
|
|
});
|
|
return;
|
|
}
|
|
|
|
// method(relay_dns_get_record)
|
|
if (env.method == "relay_dns_get_record") {
|
|
if (args.length < 1) {
|
|
this.echo("Please set a hostname");
|
|
return;
|
|
}
|
|
|
|
jsonrpc2_request(this, env.method, {
|
|
"hostname": args[0]
|
|
});
|
|
return;
|
|
}
|
|
|
|
// method(relay_fetch_url)
|
|
if (env.method == "relay_fetch_url") {
|
|
if (args.length < 1) {
|
|
this.echo("Please set a URL");
|
|
return;
|
|
}
|
|
|
|
jsonrpc2_request(this, env.method, {
|
|
"url": args[0]
|
|
});
|
|
return;
|
|
}
|
|
|
|
// method(relay_sendmail)
|
|
if (env.method == "relay_sendmail") {
|
|
this.echo("From: " + env.mail_from + "\r\nTo: " + env.mail_to + "\r\nSubject: " + env.mail_subject);
|
|
this.read("Enter your message:\r\n", function(message) {
|
|
jsonrpc2_request(this, env.method, {
|
|
"to": env.mail_to,
|
|
"from": env.mail_from,
|
|
"subject": env.mail_subject,
|
|
"message": message
|
|
});
|
|
});
|
|
return;
|
|
}
|
|
|
|
// method(relay_mysql_query)
|
|
if (env.method == "relay_mysql_query") {
|
|
var _this = this;
|
|
var do_query = function(query) {
|
|
jsonrpc2_request(_this, env.method, {
|
|
"hostname": env.mysql_hostname,
|
|
"username": env.mysql_username,
|
|
"password": env.mysql_password,
|
|
"database": env.mysql_database,
|
|
"port": env.mysql_port,
|
|
"charset": env.mysql_charset,
|
|
"query": query
|
|
});
|
|
}
|
|
|
|
if (args.length < 1) {
|
|
this.read("Enter MySQL query:\r\n", do_query);
|
|
} else {
|
|
do_query(args.join(' '));
|
|
}
|
|
return;
|
|
}
|
|
|
|
// method(analyze_sequence)
|
|
if (env.method == "analyze_sequence") {
|
|
var _this = this;
|
|
this.read("Enter the sequence:\r\n", function(message) {
|
|
jsonrpc2_request(_this, env.method, {
|
|
"sequence": message
|
|
});
|
|
});
|
|
return;
|
|
}
|
|
|
|
// method(gc_content_calculation)
|
|
if (env.method == "gc_content_calculation") {
|
|
var _this = this;
|
|
this.read("Enter the sequence:\r\n", function(message) {
|
|
jsonrpc2_request(_this, env.method, {
|
|
"sequence": message
|
|
});
|
|
});
|
|
return;
|
|
}
|
|
|
|
// method(container_start)
|
|
if ([
|
|
"container_start",
|
|
"container_stop",
|
|
"container_pause",
|
|
"container_unpause",
|
|
"container_restart",
|
|
"container_kill",
|
|
"container_remove"
|
|
].indexOf(env.method) > -1) {
|
|
if (args.length < 1) {
|
|
this.echo("Please set a container name");
|
|
return;
|
|
}
|
|
|
|
jsonrpc2_request(this, env.method, {
|
|
"name": args[0]
|
|
});
|
|
return;
|
|
}
|
|
|
|
// method(relay_web_search)
|
|
if (env.method == "relay_web_search") {
|
|
jsonrpc2_request(this, env.method, {
|
|
"keyword": env.keyword,
|
|
"page": env.page,
|
|
"type": "text"
|
|
});
|
|
return;
|
|
}
|
|
|
|
// method(*)
|
|
jsonrpc2_request(this, env.method, {});
|
|
},
|
|
show_embed: function(url) {
|
|
show_embed(this, url);
|
|
},
|
|
youtube: function(...args) {
|
|
if (args.length < 1) {
|
|
this.echo("Please let me know what do you want to do.");
|
|
}
|
|
|
|
var action = args[0];
|
|
switch (action) {
|
|
case "play":
|
|
if (args.length < 2) {
|
|
this.echo("Please let me know the video ID");
|
|
}
|
|
var video_id = args[1];
|
|
show_embed(this, "https://www.youtube.com/embed/" + video_id);
|
|
break;
|
|
}
|
|
},
|
|
search: function(...args) {
|
|
this.exec("set method relay_web_search");
|
|
this.exec("set page 1");
|
|
this.exec("set keyword " + args.join(' '));
|
|
this.exec("do");
|
|
},
|
|
next: function() {
|
|
if (env.method == "relay_web_search") {
|
|
var num = parseInt(env.page) + 1;
|
|
this.exec("set page " + num);
|
|
this.exec("do");
|
|
}
|
|
},
|
|
prev: function() {
|
|
if (env.method == "relay_web_search") {
|
|
var num = (env.page > 1 ? env.page - 1 : 1);
|
|
this.exec("set page " + num);
|
|
this.exec("do");
|
|
}
|
|
},
|
|
}, {
|
|
height: "100%",
|
|
width: "100%",
|
|
prompt: '> ',
|
|
checkArity: false
|
|
});
|
|
});
|
|
|
|
var map = L.map('map');
|
|
L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
|
|
maxZoom: 19,
|
|
attribution: '© <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
|
|
}).addTo(map);
|
|
//]]>--></script>
|
|
</body>
|
|
</html>
|