page.data.type === "art-item". This way, I don't even have to list all the fields a template accepts, just the type is enough. 
Volpeon page.data.type === "art-item". This way, I don't even have to list all the fields a template accepts, just the type is enough. asset() function to get hashed URLs and generally just check if a referenced asset actually exists.hash() stages as well because I need to hash the CSS after the SASS compilation jsx(), good job! This is completely correct because template() re-introduces JSX into the pipeline which needs to be turned into HTML again. It was actually way more confusing to allow JSX as input to templates, feeds and sitemaps because then there wasn't a guarantee you'd get the final URLs.const pipeline = Pipeline.create()
.use(fscache())
.use(query())
.use(modules<Page<".html", string> | Page<".tsx", JSX.Children> | Page<".strapi", Node[]>>())
.use(
sass({
loadPaths: [
"submodules",
"submodules/iro-design/src",
"submodules/iro-sass/src",
"submodules/include-media/dist",
],
}),
)
.use(mdx())
.use(markdown())
.use(strapi())
.use(jsx())
.use(timestamps())
.use(urls({ base: "https://volpeon.ink/" }))
.use(feeds())
.use(sitemap())
.use(assets())
.use(hash())
.redirect("pages root", (page) => page.url.replace(/^\/pages\//, "/"))
.redirect("scripts+styles assets", (page) =>
page.url.replace(/^\/(scripts|styles)\//, "/assets/"),
)
.use(templates())
.use(jsx())
.use(icons())
.use(
images({
allowedOrigins: ["strapi.volpeon.ink"],
defaults: { formats: ["avif", "webp", "png"], densities: [1, 2] },
}),
)
.use(transformImages());
const site = new Site(pipeline, {});img tag. That's also why there's the weird copy-paste discrepancy, because both don't line up. This is amazing, it's like they had a challenge to implement this in the most complicated and unreliable way possible.