blog post cache timing

app/routes/_site+/blog_.$slug.tsx

@@ -41,7 +41,7 @@ export const loader = async ({ params }: LoaderFunctionArgs) => {
 	timing.timeEnd('get post mdx bundle')
 
 	timing.time('bundle post mdx', 'Bundle post mdx')
-	const { code } = await bundleMDX({ slug, bundle: mdxBundle })
+	const { code } = await bundleMDX({ slug, bundle: mdxBundle, timing })
 	timing.timeEnd('bundle post mdx')
 
 	timing.time('get post meta', 'Get post meta')

app/utils/mdx/compile-mdx.server.ts

@@ -2,6 +2,7 @@ import { remember } from '@epic-web/remember'
 import { bundleMDX as _bundleMDX } from 'mdx-bundler'
 import PQueue from 'p-queue'
 import { cachified, longLivedCache } from '../cache.server.ts'
+import { type ServerTiming } from '../timings.server.ts'
 import { type MdxBundleSource } from './mdx.server.ts'
 
 async function bundleMDX({ source, files }: MdxBundleSource) {
@@ -33,17 +34,20 @@ const queue = remember(
 const queuedBundleMDX = async (...args: Parameters<typeof bundleMDX>) =>
 	await queue.add(() => bundleMDX(...args), { throwOnTimeout: true })
 
-const cachedBundleMDX = ({
+function cachedBundleMDX({
 	slug,
 	bundle,
+	timing,
 }: {
 	slug: string
 	bundle: MdxBundleSource
-}) => {
-	const key = `${slug}:compiled`
+	timing?: ServerTiming
+}) {
+	const key = `mdx:${slug}:compile`
 	const compileMdx = cachified({
 		key,
 		cache: longLivedCache,
+		timing,
 		getFreshValue: () => queuedBundleMDX(bundle),
 	})