fix: adding etag, last-modified info to github releases

Author: lepture

site/functions/gh/[username]/[repo]/[version]/[name].css.ts

@@ -2,11 +2,15 @@ import { fetchGithubRelease, type Params } from '@/fetchGithubRelease';
 
 export async function onRequest(context: any) {
   // typlog/theme-nezu/0.6.1/base.css
-  const params = context.params as Params
-  const content = await fetchGithubRelease(params, 'css')
-  if (!content) {
+  const params = context.params as Params;
+  const result = await fetchGithubRelease(params, 'css');
+  if (!result) {
     return new Response('Not Found', { status: 404 });
   } else {
-    return new Response(content, { headers: { 'Content-Type': 'text/css' } });
+    const headers = {
+      'content-type': 'text/css',
+      ...result.headers,
+    };
+    return new Response(result.content, { headers });
   }
 }

site/functions/gh/[username]/[repo]/[version]/[name].js.ts

@@ -2,11 +2,15 @@ import { fetchGithubRelease, type Params } from '@/fetchGithubRelease';
 
 export async function onRequest(context: any) {
   // typlog/theme-nezu/0.6.1/app.js
-  const params = context.params as Params
-  const content = await fetchGithubRelease(params, 'js')
-  if (!content) {
+  const params = context.params as Params;
+  const result = await fetchGithubRelease(params, 'js');
+  if (!result) {
     return new Response('Not Found', { status: 404 });
   } else {
-    return new Response(content, { headers: { 'Content-Type': 'text/javascript' } });
+    const headers = {
+      'content-type': 'text/javascript',
+      ...result.headers,
+    };
+    return new Response(result.content, { headers });
   }
 }

site/lib/fetchGithubRelease.ts

@@ -5,11 +5,21 @@ export interface Params {
   name: string
 }
 
+const RESERVED_HEADERS = ['date', 'etag', 'last-modified']
+
 export async function fetchGithubRelease(params: Params, suffix: 'css' | 'js') {
   const url = `https://github.com/${params.username}/${params.repo}/releases/download/${params.version}/${params.name}.${suffix}`
   const resp = await fetch(url)
   if (resp.status === 200) {
-    return resp.text()
+    const content = await resp.text()
+    const headers: Record<string, string> = {}
+    RESERVED_HEADERS.forEach(key => {
+      const value = resp.headers.get(key)
+      if (value) {
+        headers[key] = value
+      }
+    })
+    return { content, headers }
   } else {
     return null
   }