mirror of https://github.com/nealey/microchat.git
It works.
This commit is contained in:
commit
52356a0036
|
|
@ -0,0 +1,12 @@
|
||||||
|
μChat
|
||||||
|
=====
|
||||||
|
|
||||||
|
It's an itty-bitty web chat,
|
||||||
|
for people who aren't trying to screw each other over.
|
||||||
|
|
||||||
|
It doesn't do a lot of checks, announcements, etc.
|
||||||
|
because it presumes nobody will be using it who is trying to make life hard on anyone else.
|
||||||
|
|
||||||
|
I wrote this at Cyber Fire Foundry 15
|
||||||
|
because we needed a minimal chat client,
|
||||||
|
but the only machine we had to run it on was our router.
|
||||||
|
|
@ -0,0 +1,105 @@
|
||||||
|
package main
|
||||||
|
|
||||||
|
import (
|
||||||
|
"net/http"
|
||||||
|
"log"
|
||||||
|
"time"
|
||||||
|
"strconv"
|
||||||
|
"encoding/json"
|
||||||
|
)
|
||||||
|
|
||||||
|
type Message struct {
|
||||||
|
When int64
|
||||||
|
Who string
|
||||||
|
Text string
|
||||||
|
}
|
||||||
|
|
||||||
|
type Forum struct {
|
||||||
|
Name string
|
||||||
|
Log []Message
|
||||||
|
}
|
||||||
|
|
||||||
|
var foraByName map[string]*Forum
|
||||||
|
|
||||||
|
func newForum(name string) *Forum {
|
||||||
|
f := &Forum{
|
||||||
|
Name: name,
|
||||||
|
}
|
||||||
|
foraByName[name] = f
|
||||||
|
return f
|
||||||
|
}
|
||||||
|
|
||||||
|
func sayHandler(w http.ResponseWriter, r *http.Request) {
|
||||||
|
message := Message{
|
||||||
|
When: time.Now().Unix(),
|
||||||
|
Who: r.FormValue("who"),
|
||||||
|
Text: r.FormValue("text"),
|
||||||
|
}
|
||||||
|
log.Println(message)
|
||||||
|
forumName := r.FormValue("forum")
|
||||||
|
forum, ok := foraByName[forumName]
|
||||||
|
if !ok {
|
||||||
|
forum = newForum(forumName)
|
||||||
|
}
|
||||||
|
forum.Log = append(forum.Log, message)
|
||||||
|
|
||||||
|
w.WriteHeader(http.StatusOK)
|
||||||
|
}
|
||||||
|
|
||||||
|
func readHandler(w http.ResponseWriter, r *http.Request) {
|
||||||
|
r.ParseForm()
|
||||||
|
|
||||||
|
forumName := r.FormValue("forum")
|
||||||
|
entriesStr := r.FormValue("entries")
|
||||||
|
|
||||||
|
if entriesStr == "" {
|
||||||
|
entriesStr = "0"
|
||||||
|
}
|
||||||
|
entries, err := strconv.Atoi(entriesStr)
|
||||||
|
if err != nil {
|
||||||
|
http.Error(w, err.Error(), http.StatusInternalServerError)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
if entries <= 0 {
|
||||||
|
entries = 20
|
||||||
|
} else if entries > 500 {
|
||||||
|
entries = 500
|
||||||
|
}
|
||||||
|
|
||||||
|
forum, ok := foraByName[forumName]
|
||||||
|
if !ok {
|
||||||
|
http.NotFound(w, r)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
pos := len(forum.Log) - entries
|
||||||
|
if pos < 0 {
|
||||||
|
pos = 0
|
||||||
|
}
|
||||||
|
|
||||||
|
w.Header().Set("Content-Type", "application/json")
|
||||||
|
w.WriteHeader(http.StatusOK)
|
||||||
|
|
||||||
|
e := json.NewEncoder(w)
|
||||||
|
e.Encode(forum.Log[pos:])
|
||||||
|
}
|
||||||
|
|
||||||
|
func main() {
|
||||||
|
http.HandleFunc("/say", sayHandler)
|
||||||
|
http.HandleFunc("/read", readHandler)
|
||||||
|
http.Handle("/", http.FileServer(http.Dir("static/")))
|
||||||
|
|
||||||
|
foraByName = map[string]*Forum{}
|
||||||
|
f := newForum("")
|
||||||
|
f.Log = []Message{
|
||||||
|
{
|
||||||
|
When: time.Now().Unix(),
|
||||||
|
Who: "(system)",
|
||||||
|
Text: "Welcome to μChat",
|
||||||
|
},
|
||||||
|
}
|
||||||
|
|
||||||
|
bind := ":8080"
|
||||||
|
log.Printf("Listening on %s", bind)
|
||||||
|
log.Fatal(http.ListenAndServe(bind, nil))
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,19 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>μChat</title>
|
||||||
|
<script src="microchat.js" async></script>
|
||||||
|
<link rel="stylesheet" href="microchat.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>μChat</h1>
|
||||||
|
<div id="chatlog"></div>
|
||||||
|
<form>
|
||||||
|
<input name="forum" value="" type="hidden">
|
||||||
|
<input name="who" placeholder="name">
|
||||||
|
<input name="text" placeholder="Message here...">
|
||||||
|
<input type="submit" value="send">
|
||||||
|
</form>
|
||||||
|
<div id="chattoast"></div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,27 @@
|
||||||
|
body {
|
||||||
|
font-family: Roboto, sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
#chatlog {
|
||||||
|
height: 15em;
|
||||||
|
max-width: 80em;
|
||||||
|
overflow: scroll;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[name="who"] {
|
||||||
|
width: 6em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.when {
|
||||||
|
color: #888;
|
||||||
|
min-width: 10em;
|
||||||
|
font-size: small;
|
||||||
|
}
|
||||||
|
|
||||||
|
.who {
|
||||||
|
margin: auto 0.8em;
|
||||||
|
color: blue;
|
||||||
|
min-width: 5em;
|
||||||
|
display: inline-block;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,106 @@
|
||||||
|
// jshint asi:true
|
||||||
|
|
||||||
|
function μchatInit(initEvent) {
|
||||||
|
let updateInterval
|
||||||
|
let lastMsg
|
||||||
|
|
||||||
|
function toast(message, timeout=5000) {
|
||||||
|
let p = document.createElement("p")
|
||||||
|
|
||||||
|
p.innerText = message
|
||||||
|
document.querySelector("#chattoast").appendChild(p)
|
||||||
|
setTimeout(e => { p.remove() }, timeout)
|
||||||
|
}
|
||||||
|
|
||||||
|
function input(event) {
|
||||||
|
event.preventDefault()
|
||||||
|
|
||||||
|
let form = event.target
|
||||||
|
let inp = form.elements.text
|
||||||
|
let body = new FormData(form)
|
||||||
|
console.log(form, body)
|
||||||
|
fetch("say", {
|
||||||
|
method: "POST",
|
||||||
|
body: body,
|
||||||
|
})
|
||||||
|
.then(resp => {
|
||||||
|
if (resp.ok) {
|
||||||
|
// Yay it was okay, reset input
|
||||||
|
inp.value = ""
|
||||||
|
} else {
|
||||||
|
toast("ERROR: DOES NOT COMPUTE")
|
||||||
|
console.log(resp)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch(err => {
|
||||||
|
toast("ERROR: DOES NOT COMPUTE")
|
||||||
|
console.log(err)
|
||||||
|
})
|
||||||
|
|
||||||
|
window.localStorage["who"] = form.elements.who.value
|
||||||
|
}
|
||||||
|
|
||||||
|
function updateLog(log) {
|
||||||
|
let lastLogMsg = log[log.length - 1]
|
||||||
|
if (
|
||||||
|
lastMsg &&
|
||||||
|
(lastLogMsg.When == lastMsg.When) &&
|
||||||
|
(lastLogMsg.Who == lastMsg.Who) &&
|
||||||
|
(lastLogMsg.Text == lastMsg.Text)
|
||||||
|
) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
lastMsg = lastLogMsg
|
||||||
|
|
||||||
|
let chatlog = document.querySelector("#chatlog")
|
||||||
|
while (chatlog.firstChild) {
|
||||||
|
chatlog.firstChild.remove()
|
||||||
|
}
|
||||||
|
for (let ll of log) {
|
||||||
|
let line = chatlog.appendChild(document.createElement("div"))
|
||||||
|
line.classList.add("line")
|
||||||
|
|
||||||
|
let when = line.appendChild(document.createElement("span"))
|
||||||
|
when.classList.add("when")
|
||||||
|
when.innerText = (new Date(ll.When * 1000)).toISOString()
|
||||||
|
|
||||||
|
let who = line.appendChild(document.createElement("span"))
|
||||||
|
who.classList.add("who")
|
||||||
|
who.innerText = ll.Who
|
||||||
|
|
||||||
|
let text = line.appendChild(document.createElement("span"))
|
||||||
|
text.classList.add("text")
|
||||||
|
text.innerText = ll.Text
|
||||||
|
}
|
||||||
|
chatlog.lastChild.scrollIntoView()
|
||||||
|
|
||||||
|
// trigger a fetch of chat log so the user gets some feedback
|
||||||
|
update()
|
||||||
|
}
|
||||||
|
|
||||||
|
function update(event) {
|
||||||
|
fetch("read")
|
||||||
|
.then(resp => {
|
||||||
|
if (resp.ok) {
|
||||||
|
resp.json()
|
||||||
|
.then(updateLog)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
for (let f of document.forms) {
|
||||||
|
let who = window.localStorage["who"]
|
||||||
|
f.addEventListener("submit", input)
|
||||||
|
if (who) {
|
||||||
|
f.elements.who.value = who
|
||||||
|
}
|
||||||
|
}
|
||||||
|
updateInterval = setInterval(update, 3000)
|
||||||
|
update()
|
||||||
|
}
|
||||||
|
|
||||||
|
if (document.readyState === "loading") {
|
||||||
|
document.addEventListener("DOMContentLoaded", μchatInit)
|
||||||
|
} else {
|
||||||
|
μchatInit()
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue