meno-core 1.0.53 → 1.1.0

package/lib/server/routes/api/core-routes.ts

@@ -35,7 +35,7 @@ export interface CoreRouteContext {
 export async function handleCoreApiRoutes(
   req: Request,
   url: URL,
-  context: CoreRouteContext
+  context: CoreRouteContext,
 ): Promise<Response | undefined> {
   const { pageService, componentService, cmsService } = context;
 
@@ -55,21 +55,21 @@ export async function handleCoreApiRoutes(
   if (url.pathname === API_ROUTES.PAGES && req.method === 'GET') {
     return await handleRouteError(
       () => Promise.resolve(pagesRoutes.handlePagesRoute(pageService)),
-      'Failed to fetch pages list'
+      'Failed to fetch pages list',
     );
   }
 
   if (url.pathname.startsWith(API_ROUTES.PAGE_DATA) && req.method === 'GET') {
     return await handleRouteError(
       () => Promise.resolve(pagesRoutes.handlePageDataRoute(url, pageService)),
-      'Failed to fetch page data'
+      'Failed to fetch page data',
     );
   }
 
   if (url.pathname === API_ROUTES.PAGE_CONTENT && req.method === 'GET') {
     return await handleRouteError(
       () => Promise.resolve(pagesRoutes.handlePageContentRoute(req, url, pageService)),
-      'Failed to fetch page content'
+      'Failed to fetch page content',
     );
   }
 
@@ -77,135 +77,108 @@ export async function handleCoreApiRoutes(
   if (url.pathname === API_ROUTES.COMPONENTS && req.method === 'GET') {
     return await handleRouteError(
       () => Promise.resolve(componentsRoutes.handleComponentsRoute(req, componentService)),
-      'Failed to fetch components list'
+      'Failed to fetch components list',
     );
   }
 
   if (url.pathname.startsWith('/api/component-data/') && req.method === 'GET') {
     return await handleRouteError(
       () => Promise.resolve(componentsRoutes.handleComponentDataRoute(url, componentService)),
-      'Failed to fetch component data'
+      'Failed to fetch component data',
     );
   }
 
   if (url.pathname.startsWith('/api/component-js/') && req.method === 'GET') {
     return await handleRouteError(
       () => componentsRoutes.handleComponentJavaScriptRoute(url, componentService),
-      'Failed to fetch component JavaScript'
+      'Failed to fetch component JavaScript',
     );
   }
 
   // Config API routes (read-only)
   if (url.pathname === '/api/config' && req.method === 'GET') {
-    return await handleRouteError(
-      () => configRoutes.handleConfigRoute(),
-      'Failed to fetch config'
-    );
+    return await handleRouteError(() => configRoutes.handleConfigRoute(), 'Failed to fetch config');
   }
 
   if (url.pathname === '/api/components-config' && req.method === 'GET') {
     return await handleRouteError(
       () => configRoutes.handleComponentsConfigRoute(),
-      'Failed to fetch components config'
+      'Failed to fetch components config',
     );
   }
 
   // Colors API routes (read-only)
   if (url.pathname === '/api/colors' && req.method === 'GET') {
-    return await handleRouteError(
-      () => colorsRoutes.handleColorsRoute(url),
-      'Failed to fetch colors'
-    );
+    return await handleRouteError(() => colorsRoutes.handleColorsRoute(url), 'Failed to fetch colors');
   }
 
   if (url.pathname === '/api/themes' && req.method === 'GET') {
-    return await handleRouteError(
-      () => colorsRoutes.handleThemesRoute(),
-      'Failed to fetch themes'
-    );
+    return await handleRouteError(() => colorsRoutes.handleThemesRoute(), 'Failed to fetch themes');
   }
 
   if (url.pathname === '/api/colors-config' && req.method === 'GET') {
-    return await handleRouteError(
-      () => colorsRoutes.handleColorsConfigRoute(),
-      'Failed to fetch colors config'
-    );
+    return await handleRouteError(() => colorsRoutes.handleColorsConfigRoute(), 'Failed to fetch colors config');
   }
 
   if (url.pathname === '/api/colors-status' && req.method === 'GET') {
-    return await handleRouteError(
-      () => colorsRoutes.handleColorsStatusRoute(),
-      'Failed to fetch colors status'
-    );
+    return await handleRouteError(() => colorsRoutes.handleColorsStatusRoute(), 'Failed to fetch colors status');
   }
 
   // Variables API routes (read-only)
   if (url.pathname === '/api/variables-status' && req.method === 'GET') {
     return await handleRouteError(
       () => variablesRoutes.handleVariablesStatusRoute(),
-      'Failed to fetch variables status'
+      'Failed to fetch variables status',
     );
   }
 
   if (url.pathname === '/api/variables-css' && req.method === 'GET') {
-    return await handleRouteError(
-      () => variablesRoutes.handleVariablesCSSRoute(),
-      'Failed to generate variables CSS'
-    );
+    return await handleRouteError(() => variablesRoutes.handleVariablesCSSRoute(), 'Failed to generate variables CSS');
   }
 
   // Fonts CSS route (read-only)
   if (url.pathname === '/api/fonts-css' && req.method === 'GET') {
-    return await handleRouteError(
-      async () => {
-        await loadProjectConfig();
-        const css = generateFontCSS();
-        return new Response(css, {
-          headers: { 'Content-Type': 'text/css' },
-        });
-      },
-      'Failed to generate fonts CSS'
-    );
+    return await handleRouteError(async () => {
+      await loadProjectConfig();
+      const css = generateFontCSS();
+      return new Response(css, {
+        headers: { 'Content-Type': 'text/css' },
+      });
+    }, 'Failed to generate fonts CSS');
   }
 
   // Enums API route (read-only)
   if (url.pathname === '/api/enums' && req.method === 'GET') {
-    return await handleRouteError(
-      () => enumsRoutes.handleEnumsRoute(),
-      'Failed to fetch enums'
-    );
+    return await handleRouteError(() => enumsRoutes.handleEnumsRoute(), 'Failed to fetch enums');
   }
 
   // Usage API route (for license limit checks)
   if (url.pathname === '/api/usage' && req.method === 'GET') {
-    return await handleRouteError(
-      () => {
-        // Count CMS collections
-        const cmsCollections = cmsService ? cmsService.getAllSchemas().size : 0;
-
-        // Count pages (exclude templates directory)
-        const allPages = pageService.getAllPagePaths();
-        const pages = allPages.filter(p => !p.includes('/templates/')).length;
-
-        // Count locales from config
-        const i18n = configService.getI18n();
-        const locales = i18n.locales.length;
-
-        return Promise.resolve(
-          new Response(JSON.stringify({ cmsCollections, pages, locales }), {
-            headers: { 'Content-Type': 'application/json' }
-          })
-        );
-      },
-      'Failed to fetch usage stats'
-    );
+    return await handleRouteError(() => {
+      // Count CMS collections
+      const cmsCollections = cmsService ? cmsService.getAllSchemas().size : 0;
+
+      // Count pages (exclude templates directory)
+      const allPages = pageService.getAllPagePaths();
+      const pages = allPages.filter((p) => !p.includes('/templates/')).length;
+
+      // Count locales from config
+      const i18n = configService.getI18n();
+      const locales = i18n.locales.length;
+
+      return Promise.resolve(
+        new Response(JSON.stringify({ cmsCollections, pages, locales }), {
+          headers: { 'Content-Type': 'application/json' },
+        }),
+      );
+    }, 'Failed to fetch usage stats');
   }
 
   // Component usage API route (read-only)
   if (url.pathname === API_ROUTES.COMPONENT_USAGE && req.method === 'GET') {
     return await handleRouteError(
       () => Promise.resolve(componentsRoutes.handleComponentUsageRoute(pageService, componentService)),
-      'Failed to fetch component usage'
+      'Failed to fetch component usage',
     );
   }
 
@@ -213,7 +186,7 @@ export async function handleCoreApiRoutes(
   if (url.pathname === '/api/slug-mappings' && req.method === 'GET') {
     return await handleRouteError(
       () => Promise.resolve(pagesRoutes.handleSlugMappingsRoute(pageService)),
-      'Failed to fetch slug mappings'
+      'Failed to fetch slug mappings',
     );
   }
 
@@ -223,23 +196,23 @@ export async function handleCoreApiRoutes(
     if (url.pathname === '/api/cms/collections' && req.method === 'GET') {
       return await handleRouteError(
         () => Promise.resolve(cmsRoutes.handleCollectionsRoute(cmsService)),
-        'Failed to fetch CMS collections'
+        'Failed to fetch CMS collections',
       );
     }
 
     // GET /api/cms/collections/:collection - Get collection schema
     const collectionSchemaMatch = url.pathname.match(/^\/api\/cms\/collections\/([^/]+)$/);
-    if (collectionSchemaMatch && req.method === 'GET') {
+    if (collectionSchemaMatch && collectionSchemaMatch[1] !== undefined && req.method === 'GET') {
       const collection = collectionSchemaMatch[1];
       return await handleRouteError(
         () => Promise.resolve(cmsRoutes.handleCollectionSchemaRoute(collection, cmsService)),
-        'Failed to fetch collection schema'
+        'Failed to fetch collection schema',
       );
     }
 
     // Parse collection and slug from path: /api/cms/:collection/:slug?
     const cmsPathMatch = url.pathname.match(/^\/api\/cms\/([^/]+)(?:\/([^/]+))?$/);
-    if (cmsPathMatch) {
+    if (cmsPathMatch && cmsPathMatch[1] !== undefined) {
       const collection = cmsPathMatch[1];
       const slug = cmsPathMatch[2];
 
@@ -252,7 +225,7 @@ export async function handleCoreApiRoutes(
       if (!slug && req.method === 'GET') {
         return await handleRouteError(
           () => cmsRoutes.handleItemsRoute(collection, cmsService, url.searchParams),
-          'Failed to fetch CMS items'
+          'Failed to fetch CMS items',
         );
       }
 
@@ -260,7 +233,7 @@ export async function handleCoreApiRoutes(
       if (slug && req.method === 'GET') {
         return await handleRouteError(
           () => cmsRoutes.handleItemRoute(collection, slug, cmsService),
-          'Failed to fetch CMS item'
+          'Failed to fetch CMS item',
         );
       }
     }

package/lib/server/routes/api/enums.test.ts

@@ -1,6 +1,6 @@
 import { describe, test, expect, beforeEach, afterEach } from 'bun:test';
-import { join } from 'path';
-import { mkdirSync, rmSync, writeFileSync } from 'fs';
+import { join } from 'node:path';
+import { mkdirSync, rmSync, writeFileSync } from 'node:fs';
 import { setProjectRoot, getProjectRoot } from '../../projectContext';
 import { enumService } from '../../services/EnumService';
 import { handleEnumsRoute } from './enums';

package/lib/server/routes/api/functions.ts

@@ -7,7 +7,7 @@
  */
 
 import { projectPaths } from '../../projectContext';
-import path from 'path';
+import path from 'node:path';
 import { readTextFile, fileExists } from '../../runtime';
 
 /**
@@ -38,8 +38,7 @@ async function loadProjectEnv(): Promise<Record<string, string>> {
           if (key) {
             // Remove quotes from value if present
             let value = valueParts.join('=');
-            if ((value.startsWith('"') && value.endsWith('"')) ||
-                (value.startsWith("'") && value.endsWith("'"))) {
+            if ((value.startsWith('"') && value.endsWith('"')) || (value.startsWith("'") && value.endsWith("'"))) {
               value = value.slice(1, -1);
             }
             env[key.trim()] = value;
@@ -58,10 +57,7 @@ async function loadProjectEnv(): Promise<Record<string, string>> {
  * Handle API function requests in development
  * Routes like /api/contact are mapped to /functions/api/contact.ts
  */
-export async function handleFunctionsRoute(
-  req: Request,
-  url: URL
-): Promise<Response | undefined> {
+export async function handleFunctionsRoute(req: Request, url: URL): Promise<Response | undefined> {
   // Only handle /api/* routes
   if (!url.pathname.startsWith('/api/')) {
     return undefined;
@@ -75,11 +71,7 @@ export async function handleFunctionsRoute(
   // Extract function path from URL
   // /api/contact -> functions/api/contact.ts
   const functionPath = url.pathname.replace('/api/', '');
-  const functionFilePath = path.join(
-    projectPaths.functions(),
-    'api',
-    `${functionPath}.ts`
-  );
+  const functionFilePath = path.join(projectPaths.functions(), 'api', `${functionPath}.ts`);
 
   // Check if function file exists
   if (!(await fileExists(functionFilePath))) {
@@ -104,10 +96,10 @@ export async function handleFunctionsRoute(
     const handler = functionModule[handlerName] || functionModule.onRequest;
 
     if (!handler || typeof handler !== 'function') {
-      return new Response(
-        JSON.stringify({ error: `No handler found for ${method} request` }),
-        { status: 405, headers: { 'Content-Type': 'application/json' } }
-      );
+      return new Response(JSON.stringify({ error: `No handler found for ${method} request` }), {
+        status: 405,
+        headers: { 'Content-Type': 'application/json' },
+      });
     }
 
     // Load environment variables
@@ -143,7 +135,7 @@ export async function handleFunctionsRoute(
         error: 'Function execution error',
         message: error instanceof Error ? error.message : 'Unknown error',
       }),
-      { status: 500, headers: { 'Content-Type': 'application/json' } }
+      { status: 500, headers: { 'Content-Type': 'application/json' } },
     );
   }
 }

package/lib/server/routes/api/index.ts

@@ -30,7 +30,7 @@ export async function handleApiRoutes(
   url: URL,
   pageService: PageService,
   componentService: ComponentService,
-  cmsContext?: CMSRouteContext
+  cmsContext?: CMSRouteContext,
 ): Promise<Response | undefined> {
   try {
     const coreContext: CoreRouteContext = {
@@ -42,10 +42,7 @@ export async function handleApiRoutes(
     return await handleCoreApiRoutes(req, url, coreContext);
   } catch (error) {
     // This catch is a fallback - individual routes should handle their own errors
-    return handleRouteError(
-      () => Promise.reject(error),
-      'API route error'
-    );
+    return handleRouteError(() => Promise.reject(error), 'API route error');
   }
 }
 
@@ -57,7 +54,7 @@ export async function handleCoreOnlyApiRoutes(
   url: URL,
   pageService: PageService,
   componentService: ComponentService,
-  cmsService?: CMSService
+  cmsService?: CMSService,
 ): Promise<Response | undefined> {
   const context: CoreRouteContext = {
     pageService,

package/lib/server/routes/api/pages.ts

@@ -6,6 +6,7 @@
 import type { PageService } from '../../services/pageService';
 import { API_ROUTES } from '../../../shared/constants';
 import { parseJSON } from '../../jsonLoader';
+import { logRuntimeError } from '../../../shared/errorLogger';
 import { createCorsHeaders } from '../../middleware/cors';
 import { jsonResponse, cachedJsonResponse } from './shared';
 
@@ -21,10 +22,7 @@ export function handlePagesRoute(pageService: PageService): Response {
 /**
  * Handle page data API endpoint - GET /api/page-data/:path
  */
-export function handlePageDataRoute(
-  url: URL,
-  pageService: PageService
-): Response {
+export function handlePageDataRoute(url: URL, pageService: PageService): Response {
   const pagePath = url.pathname.replace(API_ROUTES.PAGE_DATA, '') || '/';
   const content = pageService.getPage(pagePath);
 
@@ -41,7 +39,11 @@ export function handlePageDataRoute(
       }
       return jsonResponse({ ...(parsedContent as Record<string, unknown>), _lineMap: lineMapObj });
     } catch (error) {
-      return jsonResponse({ error: 'Invalid JSON' }, { status: 500 });
+      // The stored page content failed to parse — a server-side data-integrity
+      // problem (corrupt file / partial write), so this stays a 5xx. Surface the
+      // parser message + path instead of an opaque "Invalid JSON".
+      logRuntimeError('api.pageData.parse', error, { pagePath });
+      return jsonResponse({ error: error instanceof Error ? error.message : 'Invalid JSON' }, { status: 500 });
     }
   } else {
     return jsonResponse({ error: 'Page not found' }, { status: 404 });
@@ -56,11 +58,7 @@ export function handlePageDataRoute(
  * Uses ETag revalidation so repeat navigations to the same page get a 304
  * instead of re-transmitting an unchanged body.
  */
-export function handlePageContentRoute(
-  req: Request,
-  url: URL,
-  pageService: PageService
-): Response {
+export function handlePageContentRoute(req: Request, url: URL, pageService: PageService): Response {
   const page = url.searchParams.get('page') || '/';
   const content = pageService.getPage(page);
 
@@ -86,4 +84,3 @@ export function handleSlugMappingsRoute(pageService: PageService): Response {
   const mappings = pageService.getSlugMappings();
   return jsonResponse({ mappings });
 }
-

package/lib/server/routes/api/shared.test.ts

@@ -36,7 +36,7 @@ describe('shared API utilities', () => {
       const data = {
         nested: { value: 123 },
         array: [1, 2, 3],
-        string: 'hello'
+        string: 'hello',
       };
       const response = jsonResponse(data);
       const json = await response.json();

package/lib/server/routes/api/shared.ts

@@ -2,21 +2,25 @@
  * Shared utilities for API routes
  */
 
-import { createCorsHeaders } from '../../middleware/cors';
+import { createCorsHeaders, type CorsOptions } from '../../middleware/cors';
 
 /**
- * Helper function for JSON responses with CORS headers
+ * Helper function for JSON responses with CORS headers.
+ *
+ * `options.cors` lets a caller scope CORS for a sensitive route (e.g. pass a
+ * localhost-only `origin` allow-list + the request `Origin`); when omitted the
+ * default permissive `*` headers are used, so existing callers are unaffected.
  */
-export function jsonResponse(data: unknown, options: { status?: number } = {}): Response {
-  const corsHeaders = createCorsHeaders();
+export function jsonResponse(data: unknown, options: { status?: number; cors?: CorsOptions } = {}): Response {
+  const corsHeaders = createCorsHeaders(options.cors);
 
   return new Response(JSON.stringify(data), {
     status: options.status || 200,
     headers: {
       'Content-Type': 'application/json',
       'Cache-Control': 'no-store, max-age=0',
-      'Pragma': 'no-cache',
-      'Expires': '0',
+      Pragma: 'no-cache',
+      Expires: '0',
       ...corsHeaders,
     },
   });
@@ -65,7 +69,7 @@ export function cachedJsonResponse(
     return new Response(null, {
       status: 304,
       headers: {
-        'ETag': etag,
+        ETag: etag,
         'Cache-Control': 'no-cache',
         ...corsHeaders,
       },
@@ -76,7 +80,7 @@ export function cachedJsonResponse(
     status: options.status ?? 200,
     headers: {
       'Content-Type': contentType,
-      'ETag': etag,
+      ETag: etag,
       // `no-cache` (not `no-store`) — browser may keep the body but must
       // revalidate every time. Pairs with the 304 branch above.
       'Cache-Control': 'no-cache',
@@ -84,4 +88,3 @@ export function cachedJsonResponse(
     },
   });
 }
-

package/lib/server/routes/api/variables.test.ts

@@ -1,6 +1,6 @@
 import { describe, test, expect, beforeEach, afterEach } from 'bun:test';
-import { join } from 'path';
-import { mkdirSync, rmSync, writeFileSync } from 'fs';
+import { join } from 'node:path';
+import { mkdirSync, rmSync, writeFileSync } from 'node:fs';
 import { setProjectRoot, getProjectRoot } from '../../projectContext';
 import { variableService } from '../../services/VariableService';
 import { handleVariablesStatusRoute, handleVariablesCSSRoute } from './variables';
@@ -9,9 +9,7 @@ import type { VariablesConfig } from '../../../shared/types';
 const TEST_DIR = join('/tmp', `variablesRoute-test-${process.pid}`);
 
 const VALID_CONFIG: VariablesConfig = {
-  variables: [
-    { name: 'heading-size', cssVar: '--heading-size', value: '2rem', type: 'fontSize', group: 'font-size' },
-  ],
+  variables: [{ name: 'heading-size', cssVar: '--heading-size', value: '2rem', type: 'fontSize', group: 'font-size' }],
 };
 
 function writeVariables(config: VariablesConfig): void {

package/lib/server/routes/api/variables.ts

@@ -29,6 +29,6 @@ export async function handleVariablesCSSRoute(): Promise<Response> {
   const responsiveScalesConfig = configService.getResponsiveScales();
   const css = generateVariablesCSS(variablesConfig, breakpointConfig, responsiveScalesConfig);
   return new Response(css, {
-    headers: { 'Content-Type': 'text/css' }
+    headers: { 'Content-Type': 'text/css' },
   });
 }

package/lib/server/routes/index.ts

@@ -55,8 +55,8 @@ export interface RouteContext {
 export async function handleRoutes(
   req: Request,
   url: URL,
-  server: any,
-  context: RouteContext
+  _server: any,
+  context: RouteContext,
 ): Promise<Response | undefined> {
   const startTime = Date.now();
   const { pageService, componentService, cmsService, cmsProvider } = context;
@@ -96,7 +96,7 @@ export async function handleRoutes(
         return new Response(null, { status: 204, headers: corsHeaders });
       }
       try {
-        const body = await req.json() as { path?: string; content?: string };
+        const body = (await req.json()) as { path?: string; content?: string };
         if (typeof body.path === 'string' && typeof body.content === 'string' && body.path.startsWith('/')) {
           store.set(body.path, body.content);
           // Nudge connected tabs to refetch. The existing live-reload
@@ -116,14 +116,16 @@ export async function handleRoutes(
       const store = context.draftPageStore;
       if (store) {
         try {
-          const body = await req.json() as { path?: string };
+          const body = (await req.json()) as { path?: string };
           if (typeof body.path === 'string') {
             store.clear(body.path);
             // External tabs viewing this path should refetch the disk
             // version now that the draft is gone.
             context.wsManager?.broadcastUpdate(body.path);
           }
-        } catch { /* ignore */ }
+        } catch {
+          /* ignore */
+        }
       }
       logResponseTime(startTime, req);
       return new Response(null, { status: 204, headers: corsHeaders });
@@ -143,19 +145,10 @@ export async function handleRoutes(
     }
 
     // Build CMS context if CMS service and provider are available
-    const cmsContext: CMSRouteContext | undefined =
-      cmsService && cmsProvider
-        ? { cmsService, cmsProvider }
-        : undefined;
+    const cmsContext: CMSRouteContext | undefined = cmsService && cmsProvider ? { cmsService, cmsProvider } : undefined;
 
     // API Routes
-    const apiResponse = await handleApiRoutes(
-      req,
-      url,
-      pageService,
-      componentService,
-      cmsContext
-    );
+    const apiResponse = await handleApiRoutes(req, url, pageService, componentService, cmsContext);
     if (apiResponse) {
       logResponseTime(startTime, req);
       return apiResponse;
@@ -165,7 +158,7 @@ export async function handleRoutes(
     // Pattern: /data/{collection}/index.json
     if (url.pathname.startsWith('/data/') && url.pathname.endsWith('/index.json') && cmsService) {
       const match = url.pathname.match(/^\/data\/([^/]+)\/index\.json$/);
-      if (match) {
+      if (match && match[1] !== undefined) {
         const collectionId = match[1];
         try {
           // Resolve locale to filter draft items
@@ -174,7 +167,9 @@ export async function handleRoutes(
           try {
             const referer = req.headers.get('referer');
             if (referer) refererPath = new URL(referer).pathname;
-          } catch { /* ignore malformed referer */ }
+          } catch {
+            /* ignore malformed referer */
+          }
           const { locale } = parseLocaleFromPath(refererPath, i18nConfig);
           const items = await cmsService.queryItems({ collection: collectionId, excludeDraftLocale: locale });
           logResponseTime(startTime, req);
@@ -209,7 +204,13 @@ export async function handleRoutes(
     }
 
     // Static asset directories - serve before page routes
-    if (url.pathname.startsWith('/images/') || url.pathname.startsWith('/videos/') || url.pathname.startsWith('/assets/') || url.pathname.startsWith('/public/') || url.pathname.startsWith('/icons/')) {
+    if (
+      url.pathname.startsWith('/images/') ||
+      url.pathname.startsWith('/videos/') ||
+      url.pathname.startsWith('/assets/') ||
+      url.pathname.startsWith('/public/') ||
+      url.pathname.startsWith('/icons/')
+    ) {
       const response = await handleStaticRoute(url, req);
       if (response) {
         logResponseTime(startTime, req);
@@ -223,10 +224,10 @@ export async function handleRoutes(
     // route wiring look like a working endpoint to API clients.
     if (url.pathname.startsWith('/api/')) {
       logResponseTime(startTime, req);
-      return new Response(
-        JSON.stringify({ error: 'Not Found', path: url.pathname }),
-        { status: 404, headers: { 'Content-Type': 'application/json' } }
-      );
+      return new Response(JSON.stringify({ error: 'Not Found', path: url.pathname }), {
+        status: 404,
+        headers: { 'Content-Type': 'application/json' },
+      });
     }
 
     // Page routes (SSR)
@@ -242,10 +243,6 @@ export async function handleRoutes(
     return response;
   } catch (error) {
     logResponseTime(startTime, req);
-    return handleRouteError(
-      () => Promise.reject(error),
-      `Error handling route: ${url.pathname}`
-    );
+    return handleRouteError(() => Promise.reject(error), `Error handling route: ${url.pathname}`);
   }
 }
-