Commit Diff

Commit:
cc9322000f27bc7c123dc5b50663a1dbd8ba1df6
From:
Omar Polo <op@omarpolo.com>
Date:
Message:
amused-web: split out css and js to their own routes In the future we could apply some caching to these.
Actions:
Patch | Tree
commit - 5e3e94991603a0927a80cf12e7345dc4a9fba4ea
commit + cc9322000f27bc7c123dc5b50663a1dbd8ba1df6
blob - 824037445c78d40c98b663473a375c24371fb296
blob + e17cee4e7199a7dd9a5b7866d57d3b1b90aa14ff
--- web/web.c
+++ web/web.c
@@ -67,8 +67,12 @@ const char *head = "<!doctype html>"
 	"<head>"
 	"<meta name='viewport' content='width=device-width, initial-scale=1'/>"
 	"<title>Amused Web</title>"
-	"<style>"
-	"*{box-sizing:border-box}"
+	"<link rel='stylesheet' href='/style.css?v=0'>"
+	"</style>"
+	"</head>"
+	"<body>";
+
+const char *css = 	"*{box-sizing:border-box}"
 	"html,body{"
 	" padding: 0;"
 	" border: 0;"
@@ -146,21 +150,19 @@ const char *head = "<!doctype html>"
 	"}"
 	".mode-active{"
 	" color: #0064ff;"
-	"}"
-	"</style>"
-	"</head>"
-	"<body>";
+	"}";
 
-const char *foot = "<script>"
+const char *js =
 	"function cur(e) {"
 	" if (e) {e.preventDefault()}"
 	" let cur = document.querySelector('#current');"
 	" if (cur) {cur.scrollIntoView(); window.scrollBy(0, -100);}"
 	"}"
 	"cur();"
-	"document.querySelector('.controls a').addEventListener('click',cur)"
-	"</script></body></html>";
+	"document.querySelector('.controls a').addEventListener('click',cur)";
 
+const char *foot = "<script src='/app.js?v=0'></script></body></html>";
+
 static int
 dial(const char *sock)
 {
@@ -606,6 +608,24 @@ route_mode(struct client *clt)
 }
 
 static void
+route_assets(struct client *clt)
+{
+	if (!strcmp(clt->req.path, "/style.css")) {
+		http_reply(clt, 200, "OK", "text/css");
+		http_write(clt, css, strlen(css));
+		return;
+	}
+
+	if (!strcmp(clt->req.path, "/app.js")) {
+		http_reply(clt, 200, "OK", "application/javascript");
+		http_write(clt, js, strlen(js));
+		return;
+	}
+
+	route_notfound(clt);
+}
+
+static void
 route_dispatch(struct client *clt)
 {
 	static const struct route {
@@ -618,6 +638,9 @@ route_dispatch(struct client *clt)
 		{ METHOD_POST,	"/ctrls",	&route_controls },
 		{ METHOD_POST,	"/mode",	&route_mode },
 
+		{ METHOD_GET,	"/style.css",	&route_assets },
+		{ METHOD_GET,	"/app.js",	&route_assets },
+
 		{ METHOD_GET,	"*",		&route_notfound },
 		{ METHOD_POST,	"*",		&route_notfound },
 	};