server.js

import ultra, { app, router } from "ultra";
import anybar from "anybar";
import postcss from "postcss";
import postcssNesting from "postcss-nesting";
import { Snelm } from "snelm";

const {
	env,
	readTextFile
} = Deno;

const importMapJson = await readTextFile("modules.json");

if (env.get("mode") === "dev") {
	anybar("green");
}

const targets = [];

const snelm = new Snelm("oak", {
	csp: null,
	dnsPrefetchControl: null,
	dontSniffMimetype: null,
	expectCt: null,
	featurePolicy: null,
	frameguard: null,
	hidePoweredBy: null
});

app.use(async (context, next) => {
	context.response = snelm.snelm(context.request, context.response);

	await next();
})

app.use(async (context, next) => {
	await next();

	const {
		request: {
			url: {
				pathname
			}
		}
	} = context;

	if (pathname.endsWith(".css")) {
		const cssFilePath = `./src${pathname.replace(/\.css$/, ".pcss")}`;

		const cssText = await readTextFile(cssFilePath);

		const output = (await postcss([postcssNesting]).process(cssText, { from: cssFilePath, map: true })).css;

		context.response.headers.set("Content-type", "text/css")

		context.response.body = output;
	}
});

router.get("/sse", async (ctx) => {
	const target = ctx.sendEvents();

	targets.push(target);
});

ultra({
	importmap: importMapJson
});