import { expect, test } from "bun:test";
import { mkdtemp, rm, writeFile } from "node:fs/promises";
import { tmpdir } from "node:os";
import { join } from "node:path";
import { createViews } from "../views/api.ts";
import { defineHooks } from "../views/hooks.ts";

test("Spug hook registry composes render expansions with route context", async () => {
	const hooks = defineHooks((hook) => {
		hook.spug(
			"stamp",
			({ html, path, locals }) =>
				`${html}<meta data-view="${path}" data-title="${String(locals.title)}">`,
		);
	});
	const html = await hooks.renderSpug({
		html: "<main>hello</main>",
		path: "/views/index.spug",
		locals: { title: "Muddle" },
	});
	expect(html).toContain(
		'<meta data-view="/views/index.spug" data-title="Muddle">',
	);
});

test("Views applies Spug hooks after template composition", async () => {
	const root = await mkdtemp(join(tmpdir(), "muddle-hooks-"));
	try {
		await writeFile(join(root, "index.spug"), "main= title\n");
		const hooks = defineHooks((hook) => {
			hook.spug("mark", ({ html }) => `${html}<aside>expanded</aside>`);
		});
		const views = createViews({ root, viewsDir: root, hooks });
		expect(
			await views.render("index.spug", { title: "Muddle" } as never),
		).toContain("<aside>expanded</aside>");
	} finally {
		await rm(root, { recursive: true, force: true });
	}
});