Files
MTGcompanion/main/web_server.c
2026-09-12 03:40:10 +02:00

481 lines
18 KiB
C

/*
* MTG RFID Companion - Registration web server (SoftAP)
*/
#include <stdio.h>
#include <stdlib.h>
#include <string.h>
#include "esp_log.h"
#include "esp_wifi.h"
#include "esp_netif.h"
#include "esp_http_server.h"
#include "cJSON.h"
#include "rfid_manager.h"
#include "storage_manager.h"
#include "scryfall_client.h"
#include "web_server.h"
static const char *TAG = "web";
#define AP_SSID "MTG-Companion"
#define AP_PASS ""
#define HTTPD_BODY_MAX (2048)
static const char SPA_PAGE[] =
"<!DOCTYPE html><html><head><meta charset=\"utf-8\">"
"<meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">"
"<title>MTG RFID Companion</title><style>"
"body{font-family:system-ui,-apple-system,sans-serif;background:#141424;color:#eee;max-width:600px;margin:1.5em auto;padding:1em}"
"h1{color:#ffd75a;margin-bottom:0.2em}h2{color:#ffd75a;font-size:1.15em;margin-top:1.2em}"
".uid{font-size:1.5em;font-family:monospace;letter-spacing:2px;color:#7fd77f;word-break:break-all;background:#1e1e32;padding:.4em .6em;border-radius:6px;border:1px solid #333}"
"input{font-size:1em;padding:.5em .8em;border-radius:6px;border:1px solid #555;background:#222;color:#eee;width:calc(100% - 1.6em);box-sizing:border-box}"
"button,.btn{font-size:.95em;padding:.5em 1em;border-radius:6px;border:1px solid #555;background:#2a2a44;color:#eee;cursor:pointer;margin:.3em 0}"
"button:hover,.btn:hover{background:#3a3a5c}"
".btn-primary{background:#ffd75a;color:#111;border:none;font-weight:bold}"
".btn-primary:hover{background:#ffe380}"
".btn-del{background:#4a1e1e;color:#ff9999;border:1px solid #772222;font-size:.85em;padding:.4em .8em;cursor:pointer;border-radius:6px}"
".btn-del:hover{background:#772222;color:#fff}"
".sug{list-style:none;padding:0;margin:.4em 0;background:#1f1f33;border-radius:6px;border:1px solid #333}"
".sug li{cursor:pointer;padding:.5em .8em;border-bottom:1px solid #333}"
".sug li:hover{background:#2a2a48;color:#ffd75a}"
".ok{color:#7fd77f}.bad{color:#ff6b6b}"
".card-item{display:flex;align-items:center;gap:12px;background:#1e1e32;border:1px solid #33334c;border-radius:8px;padding:8px 12px;margin-bottom:8px}"
".card-thumb{width:52px;height:52px;object-fit:cover;border-radius:6px;border:1px solid #444;background:#111;flex-shrink:0}"
".card-info{flex:1;min-width:0}"
".card-title{font-weight:bold;color:#ffd75a;font-size:1.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}"
".card-uid{font-family:monospace;color:#7fd77f;font-size:.85em;margin-top:2px}"
".card-none{color:#777;font-style:italic;padding:.8em 0}"
".header-row{display:flex;align-items:center;justify-content:space-between}"
"</style></head><body>"
"<h1>MTG RFID Companion</h1>"
"<p style=\"color:#aaa;margin-top:0\">Pair card sleeves and manage your scanned deck.</p>"
"<div style=\"background:#1a1a2e;padding:1em;border-radius:8px;border:1px solid #2d2d48;margin-bottom:1.5em\">"
"<h2 style=\"margin-top:0\">Last Scanned Tag</h2>"
"<p class=\"uid\" id=\"uid\">waiting...</p>"
"<h2>Pair With Card Name</h2>"
"<input id=\"name\" placeholder=\"Type card name (e.g. Black Lotus)\" autocomplete=\"off\">"
"<div style=\"margin-top:.6em\"><button class=\"btn-primary\" onclick=\"bindCard()\">Pair Card</button></div>"
"<ul class=\"sug\" id=\"res\"></ul>"
"<p id=\"status\"></p>"
"</div>"
"<div class=\"header-row\">"
"<h2>Paired Cards (<span id=\"count\">0</span>)</h2>"
"<button class=\"btn\" style=\"font-size:.8em\" onclick=\"loadCards()\">Refresh</button>"
"</div>"
"<div id=\"cards-box\"><p class=\"card-none\">Loading paired cards...</p></div>"
"<script>"
"var lastUid='';var suggestions=[];"
"function esc(s){return s.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;');}"
"function show(cls,msg){document.getElementById('status').className=cls;document.getElementById('status').textContent=msg;}"
"function poll(){fetch('/api/last_uid').then(function(r){return r.json();}).then(function(j){"
" if(j.uid&&j.uid!==lastUid){lastUid=j.uid;document.getElementById('uid').textContent=j.uid;"
" suggestions=[];document.getElementById('res').innerHTML='';show('','');}"
"}).catch(function(){});setTimeout(poll,1000);}"
"function autocomplete(){var q=document.getElementById('name').value;"
" if(q.length<3){suggestions=[];document.getElementById('res').innerHTML='';return;}"
" fetch('https://api.scryfall.com/cards/autocomplete?q='+encodeURIComponent(q))"
" .then(function(r){return r.json();}).then(function(j){"
" suggestions=(j.data||[]).slice(0,8);var h='';"
" suggestions.forEach(function(n,i){h+='<li onclick=\"pick('+i+')\">'+esc(n)+'</li>';});"
" document.getElementById('res').innerHTML=h;}).catch(function(){});}"
"function pick(i){document.getElementById('name').value=suggestions[i];document.getElementById('res').innerHTML='';}"
"document.getElementById('name').oninput=autocomplete;"
"function bindCard(){var n=document.getElementById('name').value.trim();"
" if(!lastUid||!n){show('bad','Scan a card and enter a name first');return;}"
" show('','Pairing...');"
" fetch('/api/bind',{method:'POST',headers:{'Content-Type':'application/x-www-form-urlencoded'},"
" body:'uid='+encodeURIComponent(lastUid)+'&name='+encodeURIComponent(n)})"
" .then(function(r){return r.json();}).then(function(j){"
" if(j.ok){show('ok','Paired '+j.uid+' -> '+j.name);document.getElementById('name').value='';"
" document.getElementById('res').innerHTML='';loadCards();}"
" else{show('bad','Error: '+j.error);}}).catch(function(e){show('bad','Network: '+e);});}"
"function unbindCard(u){if(!confirm('Unbind card '+u+'?'))return;"
" fetch('/api/unbind',{method:'POST',headers:{'Content-Type':'application/x-www-form-urlencoded'},"
" body:'uid='+encodeURIComponent(u)})"
" .then(function(r){return r.json();}).then(function(j){"
" if(j.ok){loadCards();show('ok','Unbound '+u);}"
" else{show('bad','Error unbinding '+u);}}).catch(function(e){show('bad','Network: '+e);});}"
"function loadCards(){"
" fetch('/api/cards').then(function(r){return r.json();}).then(function(data){"
" var box=document.getElementById('cards-box');var uids=Object.keys(data);"
" document.getElementById('count').textContent=uids.length;"
" if(uids.length===0){box.innerHTML='<p class=\"card-none\">No cards paired yet. Scan a card above to begin!</p>';return;}"
" uids.sort(function(a,b){return data[a].localeCompare(data[b]);});"
" var html='';"
" uids.forEach(function(u){"
" var nm=esc(data[u]);"
" html+='<div class=\"card-item\">';"
" html+='<img class=\"card-thumb\" src=\"/api/art?uid='+u+'\" alt=\"art\" onerror=\"this.style.display=\\'none\\'\">';"
" html+='<div class=\"card-info\"><div class=\"card-title\">'+nm+'</div><div class=\"card-uid\">'+u+'</div></div>';"
" html+='<button class=\"btn-del\" onclick=\"unbindCard(\\''+u+'\\')\">Unbind</button>';"
" html+='</div>';"
" });"
" box.innerHTML=html;"
" }).catch(function(e){document.getElementById('cards-box').innerHTML='<p class=\"bad\">Failed to load cards: '+e+'</p>';});"
"}"
"poll();loadCards();"
"</script></body></html>";
static httpd_handle_t s_server = NULL;
static esp_err_t handle_root(httpd_req_t *req);
static esp_err_t handle_last_uid(httpd_req_t *req);
static esp_err_t handle_bind(httpd_req_t *req);
static esp_err_t handle_cards(httpd_req_t *req);
static esp_err_t handle_art(httpd_req_t *req);
static esp_err_t handle_unbind(httpd_req_t *req);
static const httpd_uri_t URI_ROOT = {
.uri = "/", .method = HTTP_GET, .handler = handle_root, .user_ctx = NULL
};
static const httpd_uri_t URI_LAST_UID = {
.uri = "/api/last_uid", .method = HTTP_GET, .handler = handle_last_uid, .user_ctx = NULL
};
static const httpd_uri_t URI_BIND = {
.uri = "/api/bind", .method = HTTP_POST, .handler = handle_bind, .user_ctx = NULL
};
static const httpd_uri_t URI_CARDS = {
.uri = "/api/cards", .method = HTTP_GET, .handler = handle_cards, .user_ctx = NULL
};
static const httpd_uri_t URI_ART = {
.uri = "/api/art", .method = HTTP_GET, .handler = handle_art, .user_ctx = NULL
};
static const httpd_uri_t URI_UNBIND = {
.uri = "/api/unbind", .method = HTTP_POST, .handler = handle_unbind, .user_ctx = NULL
};
static void send_json(httpd_req_t *req, int status, const char *body)
{
httpd_resp_set_status(req, status == 200 ? "200 OK" : "400 Bad Request");
httpd_resp_set_type(req, "application/json");
httpd_resp_send(req, body, -1);
}
static char *url_decode(const char *src)
{
if (!src) return NULL;
char *out = strdup(src);
if (!out) return NULL;
char *dst = out;
for (const char *s = src; *s; s++) {
if (*s == '%' && s[1] && s[2]) {
char hex[3] = { s[1], s[2], '\0' };
*dst++ = (char)strtol(hex, NULL, 16);
s += 2;
} else if (*s == '+') {
*dst++ = ' ';
} else {
*dst++ = *s;
}
}
*dst = '\0';
return out;
}
static char *get_form_param(const char *form, const char *key)
{
if (!form || !key) return NULL;
size_t klen = strlen(key);
const char *p = form;
while (p && *p) {
if (strncmp(p, key, klen) == 0 && p[klen] == '=') {
const char *val_start = p + klen + 1;
const char *val_end = strchr(val_start, '&');
size_t vlen = val_end ? (size_t)(val_end - val_start) : strlen(val_start);
char *raw = malloc(vlen + 1);
if (!raw) return NULL;
memcpy(raw, val_start, vlen);
raw[vlen] = '\0';
char *dec = url_decode(raw);
free(raw);
return dec;
}
p = strchr(p, '&');
if (p) p++;
}
return NULL;
}
/* ------------------------------------------------------------------ */
/* Endpoints */
/* ------------------------------------------------------------------ */
static esp_err_t handle_root(httpd_req_t *req)
{
httpd_resp_set_type(req, "text/html");
httpd_resp_send(req, SPA_PAGE, (int)sizeof(SPA_PAGE) - 1);
return ESP_OK;
}
static esp_err_t handle_last_uid(httpd_req_t *req)
{
char buf[80];
const char *uid = rfid_manager_last_uid();
if (uid == NULL || strlen(uid) == 0) {
snprintf(buf, sizeof(buf), "{\"uid\":\"\"}\n");
} else {
snprintf(buf, sizeof(buf), "{\"uid\":\"%s\"}\n", uid);
}
send_json(req, 200, buf);
return ESP_OK;
}
static esp_err_t handle_bind(httpd_req_t *req)
{
if (req->content_len <= 0 || req->content_len >= HTTPD_BODY_MAX) {
send_json(req, 400, "{\"ok\":false,\"error\":\"bad body\"}");
return ESP_OK;
}
char *form = malloc((size_t)req->content_len + 1);
if (form == NULL) {
send_json(req, 500, "{\"ok\":false,\"error\":\"no mem\"}");
return ESP_OK;
}
int got = httpd_req_recv(req, form, (size_t)req->content_len);
if (got != req->content_len) {
free(form);
send_json(req, 400, "{\"ok\":false,\"error\":\"short body\"}");
return ESP_OK;
}
form[got] = '\0';
char *uid = get_form_param(form, "uid");
char *name = get_form_param(form, "name");
free(form);
if (uid) {
size_t ulen = strlen(uid);
while (ulen > 0 && (uid[ulen - 1] == ' ' || uid[ulen - 1] == '\r' || uid[ulen - 1] == '\n')) {
uid[--ulen] = '\0';
}
}
if (uid == NULL || name == NULL || strlen(uid) == 0 || strlen(name) == 0) {
free(uid);
free(name);
send_json(req, 400, "{\"ok\":false,\"error\":\"missing uid or name\"}");
return ESP_OK;
}
esp_err_t ret = storage_manager_bind_uid(uid, name);
if (ret != ESP_OK) {
free(uid);
free(name);
send_json(req, 400, "{\"ok\":false,\"error\":\"persist failed\"}");
return ESP_OK;
}
scryfall_fetch_request(name, uid);
char ok[192];
snprintf(ok, sizeof(ok), "{\"ok\":true,\"uid\":\"%s\",\"name\":\"%s\"}\n", uid, name);
ESP_LOGI(TAG, "paired UID %s -> %s", uid, name);
send_json(req, 200, ok);
free(uid);
free(name);
return ESP_OK;
}
static esp_err_t handle_cards(httpd_req_t *req)
{
char *text = NULL;
size_t len = 0;
if (storage_read_text(STORAGE_MAPPINGS, &text, &len) == ESP_OK && text != NULL) {
httpd_resp_set_type(req, "application/json");
httpd_resp_send(req, text, (ssize_t)len);
free(text);
} else {
send_json(req, 200, "{}\n");
}
return ESP_OK;
}
static esp_err_t handle_art(httpd_req_t *req)
{
char query[64] = {0};
char uid[32] = {0};
if (httpd_req_get_url_query_str(req, query, sizeof(query)) == ESP_OK) {
httpd_query_key_value(query, "uid", uid, sizeof(uid));
}
if (uid[0] == '\0') {
httpd_resp_send_err(req, HTTPD_400_BAD_REQUEST, "Missing uid");
return ESP_OK;
}
char path[64];
snprintf(path, sizeof(path), STORAGE_CARDS_DIR "/%s.jpg", uid);
FILE *f = fopen(path, "rb");
if (!f) {
httpd_resp_send_err(req, HTTPD_404_NOT_FOUND, "Art not found");
return ESP_OK;
}
httpd_resp_set_type(req, "image/jpeg");
httpd_resp_set_hdr(req, "Cache-Control", "public, max-age=86400");
char chunk[1024];
size_t n = 0;
while ((n = fread(chunk, 1, sizeof(chunk), f)) > 0) {
if (httpd_resp_send_chunk(req, chunk, (ssize_t)n) != ESP_OK) {
fclose(f);
return ESP_FAIL;
}
}
fclose(f);
httpd_resp_send_chunk(req, NULL, 0);
return ESP_OK;
}
static esp_err_t handle_unbind(httpd_req_t *req)
{
if (req->content_len <= 0 || req->content_len >= HTTPD_BODY_MAX) {
send_json(req, 400, "{\"ok\":false,\"error\":\"bad body\"}");
return ESP_OK;
}
char *form = malloc((size_t)req->content_len + 1);
if (form == NULL) {
send_json(req, 500, "{\"ok\":false,\"error\":\"no mem\"}");
return ESP_OK;
}
int got = httpd_req_recv(req, form, (size_t)req->content_len);
if (got != req->content_len) {
free(form);
send_json(req, 400, "{\"ok\":false,\"error\":\"short body\"}");
return ESP_OK;
}
form[got] = '\0';
char *uid = get_form_param(form, "uid");
free(form);
if (uid) {
size_t ulen = strlen(uid);
while (ulen > 0 && (uid[ulen - 1] == ' ' || uid[ulen - 1] == '\r' || uid[ulen - 1] == '\n')) {
uid[--ulen] = '\0';
}
}
if (uid == NULL || strlen(uid) == 0) {
free(uid);
send_json(req, 400, "{\"ok\":false,\"error\":\"missing uid\"}");
return ESP_OK;
}
esp_err_t ret = storage_manager_unbind_uid(uid);
if (ret != ESP_OK) {
free(uid);
send_json(req, 404, "{\"ok\":false,\"error\":\"uid not found\"}");
return ESP_OK;
}
char ok[128];
snprintf(ok, sizeof(ok), "{\"ok\":true,\"uid\":\"%s\"}\n", uid);
ESP_LOGI(TAG, "unbound UID %s via web", uid);
send_json(req, 200, ok);
free(uid);
return ESP_OK;
}
/* ------------------------------------------------------------------ */
/* SoftAP + server */
/* ------------------------------------------------------------------ */
esp_err_t web_server_start(void)
{
if (s_server != NULL) {
return ESP_OK;
}
/* AP netif must exist before wifi start */
esp_netif_t *ap = esp_netif_get_handle_from_ifkey("WIFI_AP_DEF");
if (ap == NULL) {
ap = esp_netif_create_default_wifi_ap();
if (ap == NULL) {
ESP_LOGE(TAG, "failed to create AP netif");
return ESP_FAIL;
}
}
esp_err_t ret = esp_wifi_stop(); /* safe even if not started */
if (ret != ESP_OK && ret != ESP_ERR_WIFI_NOT_STARTED) {
ESP_LOGE(TAG, "wifi stop failed: %s", esp_err_to_name(ret));
return ret;
}
ret = esp_wifi_set_mode(WIFI_MODE_APSTA);
if (ret != ESP_OK) {
ESP_LOGE(TAG, "set mode APSTA failed: %s", esp_err_to_name(ret));
return ret;
}
wifi_config_t wifi_cfg = {
.ap = {
.ssid_len = sizeof(AP_SSID) - 1,
.max_connection = 4,
.authmode = (AP_PASS[0] == '\0') ? WIFI_AUTH_OPEN : WIFI_AUTH_WPA2_PSK,
},
};
strncpy((char *)wifi_cfg.ap.ssid, AP_SSID, sizeof(wifi_cfg.ap.ssid) - 1);
if (AP_PASS[0] != '\0') {
strncpy((char *)wifi_cfg.ap.password, AP_PASS, sizeof(wifi_cfg.ap.password) - 1);
}
ret = esp_wifi_set_config(WIFI_IF_AP, &wifi_cfg);
if (ret != ESP_OK) {
ESP_LOGE(TAG, "set AP config failed: %s", esp_err_to_name(ret));
return ret;
}
esp_netif_ip_info_t ip_info = {
.ip = { .addr = ESP_IP4TOADDR(192, 168, 4, 1) },
.netmask = { .addr = ESP_IP4TOADDR(255, 255, 255, 0) },
.gw = { .addr = ESP_IP4TOADDR(192, 168, 4, 1) },
};
/* The AP netif has DHCP running by default; stop it before assigning a
* static IP, otherwise esp_netif_set_ip_info fails with
* ESP_ERR_ESP_NETIF_DHCP_NOT_STOPPED. */
esp_netif_dhcps_stop(ap);
ret = esp_netif_set_ip_info(ap, &ip_info);
if (ret != ESP_OK) {
ESP_LOGE(TAG, "set AP IP failed: %s", esp_err_to_name(ret));
return ret;
}
ret = esp_wifi_start();
if (ret != ESP_OK) {
ESP_LOGE(TAG, "wifi start (APSTA) failed: %s", esp_err_to_name(ret));
return ret;
}
(void)esp_netif_dhcps_start(ap); /* harmless if someone else started it */
httpd_config_t config = HTTPD_DEFAULT_CONFIG();
config.stack_size = 6 * 1024;
config.max_uri_handlers = 12;
config.lru_purge_enable = true;
config.keep_alive_enable = true;
config.max_open_sockets = 4;
ret = httpd_start(&s_server, &config);
if (ret != ESP_OK) {
ESP_LOGE(TAG, "httpd_start failed: %s", esp_err_to_name(ret));
return ret;
}
ESP_ERROR_CHECK(httpd_register_uri_handler(s_server, &URI_ROOT));
ESP_ERROR_CHECK(httpd_register_uri_handler(s_server, &URI_LAST_UID));
ESP_ERROR_CHECK(httpd_register_uri_handler(s_server, &URI_BIND));
ESP_ERROR_CHECK(httpd_register_uri_handler(s_server, &URI_CARDS));
ESP_ERROR_CHECK(httpd_register_uri_handler(s_server, &URI_ART));
ESP_ERROR_CHECK(httpd_register_uri_handler(s_server, &URI_UNBIND));
ESP_LOGI(TAG, "SoftAP '%s' at 192.168.4.1, web server ready", AP_SSID);
return ESP_OK;
}
bool web_server_is_running(void)
{
return s_server != NULL;
}