git.stevedylan.dev

chore: update build for cloudflare 811867a7

Steve · 2026-09-06 21:50 4 file(s) · +56 −32

orbiter.json (deleted) +0 −6

{
  "siteId": "daac076f-98a1-4388-a7ad-ed7d51effc34",
  "domain": "blogfeeds",
  "buildCommand": "bun run build",
  "buildDir": "site-dist"
}

scripts/build-site.ts +38 −26

import { $ } from "bun";
import { $, Glob } from "bun";
import { rm } from "node:fs/promises";

// Clean up dist
await $`rm -rf site-dist`;
// Create new dist
await $`cp -r site site-dist`;
// Compile tailwindcss
await $`bunx @tailwindcss/cli -i ./site/input.css -o ./site-dist/output.css `;
const OUT = "site-dist";
// Dev placeholder that bun-plugin-tailwind resolves; must be rewritten for prod.
const PLACEHOLDER = `<link rel="stylesheet" href="tailwindcss" />`;

// Read index file
const htmlContent = await Bun.file("site-dist/index.html").text();
// Update script tags and css link
const updatedHtml = htmlContent
	.replace(
		`<link rel="stylesheet" href="tailwindcss" />`,
		`<link rel="stylesheet" href="output.css" />`,
	);
// Write file
await Bun.write("site-dist/index.html", updatedHtml);
// Fresh copy of the static site
await $`rm -rf ${OUT}`;
await $`cp -r site ${OUT}`;

// Read feeds file
const feedsContent = await Bun.file("site-dist/feeds.html").text();
// Update script tags and css link
const updatedFeedsHtml = feedsContent
	.replace(
		`<link rel="stylesheet" href="tailwindcss" />`,
		`<link rel="stylesheet" href="/output.css" />`,
// Compile + minify Tailwind
await $`bunx @tailwindcss/cli -i ./site/input.css -o ./${OUT}/assets/styles.css --minify`;

// Content-hash the stylesheet so it can be cached immutably
const css = Bun.file(`${OUT}/assets/styles.css`);
const hash = Bun.hash(await css.arrayBuffer()).toString(16).slice(0, 8);
const cssPath = `/assets/styles.${hash}.css`;
await Bun.write(`${OUT}${cssPath}`, css);
await rm(`${OUT}/assets/styles.css`);

// The Tailwind source isn't needed in the deployed output
await rm(`${OUT}/input.css`, { force: true });

// Point every page at the built stylesheet
for (const file of new Glob("*.html").scanSync(OUT)) {
	const path = `${OUT}/${file}`;
	const html = await Bun.file(path).text();
	if (!html.includes(PLACEHOLDER)) {
		throw new Error(
			`${file}: expected stylesheet placeholder ${PLACEHOLDER} — CSS would 404`,
		);
	}
	await Bun.write(
		path,
		html.replaceAll(
			PLACEHOLDER,
			`<link rel="stylesheet" href="${cssPath}" />`,
		),
	);
// Write file
await Bun.write("site-dist/feeds.html", updatedFeedsHtml);
	console.log(`✓ ${file} → ${cssPath}`);
}

site/_headers (added) +16 −0

1	+	/*
2	+	X-Content-Type-Options: nosniff
3	+	Referrer-Policy: strict-origin-when-cross-origin
4	+
5	+	# Content-hashed at build time — safe to cache forever
6	+	/assets/*
7	+	Cache-Control: public, max-age=31536000, immutable
8	+
9	+	/*.png
10	+	Cache-Control: public, max-age=604800
11	+	/*.svg
12	+	Cache-Control: public, max-age=604800
13	+	/*.gif
14	+	Cache-Control: public, max-age=604800
15	+	/*.ico
16	+	Cache-Control: public, max-age=604800

wrangler.toml (added) +2 −0

	1	+	name = "blogfeeds"
	2	+	pages_build_output_dir = "./site-dist"

1	-	{
2	-	"siteId": "daac076f-98a1-4388-a7ad-ed7d51effc34",
3	-	"domain": "blogfeeds",
4	-	"buildCommand": "bun run build",
5	-	"buildDir": "site-dist"
6	-	}

1		-	import { $ } from "bun";
	1	+	import { $, Glob } from "bun";
	2	+	import { rm } from "node:fs/promises";
2	3
3		-	// Clean up dist
4		-	await $`rm -rf site-dist`;
5		-	// Create new dist
6		-	await $`cp -r site site-dist`;
7		-	// Compile tailwindcss
8		-	await $`bunx @tailwindcss/cli -i ./site/input.css -o ./site-dist/output.css `;
	4	+	const OUT = "site-dist";
	5	+	// Dev placeholder that bun-plugin-tailwind resolves; must be rewritten for prod.
	6	+	const PLACEHOLDER = `<link rel="stylesheet" href="tailwindcss" />`;
9	7
10		-	// Read index file
11		-	const htmlContent = await Bun.file("site-dist/index.html").text();
12		-	// Update script tags and css link
13		-	const updatedHtml = htmlContent
14		-	.replace(
15		-	`<link rel="stylesheet" href="tailwindcss" />`,
16		-	`<link rel="stylesheet" href="output.css" />`,
17		-	);
18		-	// Write file
19		-	await Bun.write("site-dist/index.html", updatedHtml);
	8	+	// Fresh copy of the static site
	9	+	await $`rm -rf ${OUT}`;
	10	+	await $`cp -r site ${OUT}`;
20	11
21		-	// Read feeds file
22		-	const feedsContent = await Bun.file("site-dist/feeds.html").text();
23		-	// Update script tags and css link
24		-	const updatedFeedsHtml = feedsContent
25		-	.replace(
26		-	`<link rel="stylesheet" href="tailwindcss" />`,
27		-	`<link rel="stylesheet" href="/output.css" />`,
	12	+	// Compile + minify Tailwind
	13	+	await $`bunx @tailwindcss/cli -i ./site/input.css -o ./${OUT}/assets/styles.css --minify`;
	14	+
	15	+	// Content-hash the stylesheet so it can be cached immutably
	16	+	const css = Bun.file(`${OUT}/assets/styles.css`);
	17	+	const hash = Bun.hash(await css.arrayBuffer()).toString(16).slice(0, 8);
	18	+	const cssPath = `/assets/styles.${hash}.css`;
	19	+	await Bun.write(`${OUT}${cssPath}`, css);
	20	+	await rm(`${OUT}/assets/styles.css`);
	21	+
	22	+	// The Tailwind source isn't needed in the deployed output
	23	+	await rm(`${OUT}/input.css`, { force: true });
	24	+
	25	+	// Point every page at the built stylesheet
	26	+	for (const file of new Glob("*.html").scanSync(OUT)) {
	27	+	const path = `${OUT}/${file}`;
	28	+	const html = await Bun.file(path).text();
	29	+	if (!html.includes(PLACEHOLDER)) {
	30	+	throw new Error(
	31	+	`${file}: expected stylesheet placeholder ${PLACEHOLDER} — CSS would 404`,
	32	+	);
	33	+	}
	34	+	await Bun.write(
	35	+	path,
	36	+	html.replaceAll(
	37	+	PLACEHOLDER,
	38	+	`<link rel="stylesheet" href="${cssPath}" />`,
	39	+	),
28	40		);
29		-	// Write file
30		-	await Bun.write("site-dist/feeds.html", updatedFeedsHtml);
	41	+	console.log(`✓ ${file} → ${cssPath}`);
	42	+	}