@aklinker1/aframe 0.2.1 → 0.2.3

package/README.md

@@ -106,3 +106,23 @@ When importing a file as text, like an HTML template or a `.gql` schema, you sho
 // server/main.ts
 import welcomeEmailTemplate from "./assets/email-templates/welcome.html" with { type: "text" };
 ```
+
+## Detecting Prerender
+
+When prerendering, the page is loaded with the `?prerendering` query param.
+
+Aframe provides a helper for checking this, `isPrerendering`:
+
+```vue
+<!-- ClientOnly.vue -->
+<script setup lang="ts">
+import { isPrerendering } from "@aklinker1/aframe/app";
+
+const visible = !isPrerendering();
+</script>
+
+<template>
+  <slot v-if="visible" />
+  <slot v-else name="fallback" />
+</template>
+```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aklinker1/aframe",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "packageManager": "bun@1.2.2",
   "type": "module",
   "license": "MIT",

package/src/client/server.ts

@@ -1,5 +1,9 @@
 import type { BunFile } from "bun";
 
+const headers = {
+  "Cache-Control": "max-age=31536000",
+};
+
 export interface AframeServer {
   listen(port: number): void | never;
 }
@@ -12,10 +16,10 @@ export async function fetchStatic(request: Request): Promise<Response> {
   if (!path) return fetchRootHtml();
 
   const exactFile = Bun.file(`${import.meta.publicDir}${path}`);
-  if (await isFile(exactFile)) return new Response(exactFile);
+  if (await isFile(exactFile)) return new Response(exactFile, { headers });
 
   const htmlFile = Bun.file(`${import.meta.publicDir}${path}/index.html`);
-  if (await isFile(htmlFile)) return new Response(exactFile);
+  if (await isFile(htmlFile)) return new Response(exactFile, { headers });
 
   return fetchRootHtml();
 }
@@ -33,12 +37,15 @@ function fetchRootHtml() {
       {
         headers: {
           "Content-Type": "text/html",
+          ...headers,
         },
       },
     );
   }
 
-  return new Response(Bun.file(`${import.meta.publicDir}/index.html`));
+  return new Response(Bun.file(`${import.meta.publicDir}/index.html`), {
+    headers,
+  });
 }
 
 async function isFile(file: BunFile): Promise<boolean> {

package/src/config.ts

@@ -6,7 +6,7 @@ import { mkdir } from "node:fs/promises";
 export type UserConfig = {
   vite?: vite.UserConfigExport;
   prerenderedRoutes?: string[];
-  prerenderer?: PrerendererOptions;
+  prerenderer?: Partial<PrerendererOptions>;
 };
 
 export type ResolvedConfig = {