Very basic proof of concept, able to post and recieve messages

This commit is contained in:
Jeremy Zhang 2017-01-16 15:03:49 -08:00
parent e5c45d4c3f
commit cd9e21fa87
4 changed files with 156 additions and 0 deletions

3
.gitignore vendored
View File

@ -87,3 +87,6 @@ ENV/
# Rope project settings # Rope project settings
.ropeproject .ropeproject
# Project specifc
config.py

54
app.py Normal file
View File

@ -0,0 +1,54 @@
from config import config
from flask import Flask, render_template, request, jsonify, session, url_for, redirect
import requests
import json
app = Flask(__name__)
app.secret_key = "doafkjgasfjk"
_DISCORD_API_BASE = "https://discordapp.com/api/v6"
@app.route("/api/Get_Channel_Messages")
def get_channel_messages():
channel_id = request.args.get('channel_id')
after_snowflake = request.args.get('after', None, type=int)
_endpoint = _DISCORD_API_BASE + "/channels/{channel_id}/messages".format(channel_id=channel_id)
payload = {}
if after_snowflake is not None:
payload = {'after': after_snowflake}
headers = {'Authorization': 'Bot ' + config['bot-token']}
r = requests.get(_endpoint, params=payload, headers=headers)
return jsonify(j=json.loads(r.content))
@app.route("/api/Create_Message", methods=['POST'])
def post_create_message():
channel_id = request.form.get('channel_id')
content = request.form.get('content')
username = session['username']
_endpoint = _DISCORD_API_BASE + "/channels/{channel_id}/messages".format(channel_id=channel_id)
payload = {'content': username + ": " + content}
headers = {'Authorization': 'Bot ' + config['bot-token'], 'Content-Type': 'application/json'}
r = requests.post(_endpoint, headers=headers, data=json.dumps(payload))
return jsonify(j=json.loads(r.content))
@app.route("/set_username", methods=["GET"])
def get_set_username():
return render_template("set_username.html")
@app.route("/set_username", methods=["POST"])
def post_set_username():
session['username'] = request.form.get('username')
return redirect(url_for("embed_get", channelid=1))
@app.route("/")
def hello():
return "This page is not blank"
@app.route("/embed/<channelid>")
def embed_get(channelid):
if 'username' not in session:
return redirect(url_for("get_set_username"))
return render_template("embed.html")
if __name__ == "__main__":
app.run(host="0.0.0.0",port=3000,debug=True)

78
templates/embed.html Normal file
View File

@ -0,0 +1,78 @@
<!DOCTYPE html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
function escapeHTML(unsafe) {
return unsafe
.replace(/&/g, "&amp;")
.replace(/</g, "&lt;")
.replace(/>/g, "&gt;")
.replace(/"/g, "&quot;")
.replace(/'/g, "&#039;");
}
var lastSnowflake = undefined
function updateMessages(channelid, aftersnowflake=null) {
setTimeout(function() {
$.ajax({
url: "/api/Get_Channel_Messages",
data: {
channel_id: channelid,
after: aftersnowflake
},
dataType: "json",
success: function(data, status){
data = data['j']
for (i = data.length-1; i >= 0; i--) {
item = data[i]
$("#messagesview").append("<p>"+item['id'] + " " + item['timestamp'] + " " + item['author']['username'] + " " + escapeHTML(item['content']) + "</p>")
lastSnowflake = item['id']
if($("#messagesview").scrollTop() + $("#messagesview").innerHeight() >= $("#messagesview")[0].scrollHeight - 160) {
$('#messagesview').scrollTop($('#messagesview').prop("scrollHeight"));
}
}
},
complete: function() {
updateMessages("140252024666062848", lastSnowflake)
}
});
}, 5000);
}
updateMessages("140252024666062848")
</script>
</head>
<body>
<div style="height: 95vh; overflow-y: auto;" id="messagesview"></div>
<div style="height: 5vh;">
<input type="text" id="messagebox" style="height:100%; width:100%; font-size:15px;">
</div>
<script>
var channelid = "140252024666062848"
$('#messagebox').bind("enterKey",function(e){
var content = $('#messagebox').val();
$('#messagebox').val('')
$.ajax({
url: "/api/Create_Message",
method: "post",
data: {
channel_id: channelid,
content: content
},
dataType: "json"
})
});
$('#messagebox').keyup(function(e){
if(e.keyCode == 13)
{
var content = $('#messagebox').val();
if (/\S/.test(content)) {
$(this).trigger("enterKey");
}
}
});
</script>
</body>
</html>

View File

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>
<form method="post">
<h1>Set username:<h1>
<input type="text" name="username" id="username" required>
</form>
<script>
$("input").keypress(function(event) {
var content = $('#username').val();
if (event.which == 13 && /\S/.test(content)) {
event.preventDefault();
$("form").submit();
}
});
</script>
<body>
</html>