@aravindc26/velu 0.13.7 → 0.13.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aravindc26/velu",
-  "version": "0.13.7",
+  "version": "0.13.9",
   "description": "A modern documentation site generator powered by Markdown and JSON configuration",
   "type": "module",
   "license": "MIT",

package/src/engine/app/_preview/[sessionId]/layout.tsx

@@ -1,6 +1,7 @@
+import type { Metadata } from 'next';
 import type { ReactNode } from 'react';
 import { loadSessionConfigSource, getSessionThemeCss } from '@/lib/preview-config';
-import { getBannerConfig, getFontsConfig, getSiteFavicon } from '@/lib/velu';
+import { getBannerConfig, getFontsConfig, getSiteDescription, getSiteFavicon, getSiteName } from '@/lib/velu';
 import { VeluBanner } from '@/components/banner';
 
 interface LayoutProps {
@@ -8,6 +9,18 @@ interface LayoutProps {
   params: Promise<{ sessionId: string }>;
 }
 
+export async function generateMetadata({ params }: { params: Promise<{ sessionId: string }> }): Promise<Metadata> {
+  const { sessionId } = await params;
+  const configSource = loadSessionConfigSource(sessionId);
+  if (!configSource) return {};
+  const title = getSiteName(configSource);
+  const description = getSiteDescription(configSource);
+  return {
+    ...(title ? { title: { default: title, template: `%s - ${title}` } } : {}),
+    ...(description ? { description } : {}),
+  };
+}
+
 /**
  * Session layout: injects per-session theme CSS, Google Fonts, and banner.
  * Uses React 19 resource hoisting (<style precedence> / <link precedence>)

package/src/engine/lib/preview-config.ts

@@ -6,6 +6,7 @@ import { existsSync, readFileSync } from 'node:fs';
 import { join } from 'node:path';
 import { normalizeConfigNavigation } from './navigation-normalize';
 import type { VeluConfigSource, VeluConfig } from './velu';
+import { getFontsConfig } from './velu';
 
 const WORKSPACE_DIR = process.env.WORKSPACE_DIR || '/mnt/nfs_share/editor_sessions';
 const PRIMARY_CONFIG_NAME = 'docs.json';
@@ -91,38 +92,80 @@ function textColorFor(hex: string): string {
 }
 
 /**
- * Generate CSS custom properties for a session's primary color theme.
+ * Generate CSS custom properties for a session's primary color theme and font overrides.
  */
 export function getSessionThemeCss(sessionId: string): string | null {
   const configSource = loadSessionConfigSource(sessionId);
-  const colors = configSource?.config.colors;
-  if (!colors?.primary) return null;
+  if (!configSource) return null;
 
-  const { primary, light, dark } = colors;
-  const lightAccent = light || primary;
-  const darkAccent = dark || primary;
   const lines: string[] = [];
 
-  if (lightAccent) {
-    const accentLow = mixColors(lightAccent, '#ffffff', 0.15);
-    lines.push(':root {');
-    lines.push(`  --color-fd-primary: ${lightAccent};`);
-    lines.push(`  --color-fd-primary-foreground: ${textColorFor(lightAccent)};`);
-    lines.push(`  --color-fd-accent: ${accentLow};`);
-    lines.push(`  --color-fd-accent-foreground: ${textColorFor(accentLow)};`);
-    lines.push(`  --color-fd-ring: ${lightAccent};`);
-    lines.push('}');
+  // ── Color overrides ──
+  const colors = configSource.config.colors;
+  if (colors?.primary) {
+    const { primary, light, dark } = colors;
+    const lightAccent = light || primary;
+    const darkAccent = dark || primary;
+
+    if (lightAccent) {
+      const accentLow = mixColors(lightAccent, '#ffffff', 0.15);
+      lines.push(':root {');
+      lines.push(`  --color-fd-primary: ${lightAccent};`);
+      lines.push(`  --color-fd-primary-foreground: ${textColorFor(lightAccent)};`);
+      lines.push(`  --color-fd-accent: ${accentLow};`);
+      lines.push(`  --color-fd-accent-foreground: ${textColorFor(accentLow)};`);
+      lines.push(`  --color-fd-ring: ${lightAccent};`);
+      lines.push('}');
+    }
+
+    if (darkAccent) {
+      const accentLow = mixColors(darkAccent, '#000000', 0.3);
+      lines.push('.dark {');
+      lines.push(`  --color-fd-primary: ${darkAccent};`);
+      lines.push(`  --color-fd-primary-foreground: ${textColorFor(darkAccent)};`);
+      lines.push(`  --color-fd-accent: ${accentLow};`);
+      lines.push(`  --color-fd-accent-foreground: ${textColorFor(accentLow)};`);
+      lines.push(`  --color-fd-ring: ${darkAccent};`);
+      lines.push('}');
+    }
   }
 
-  if (darkAccent) {
-    const accentLow = mixColors(darkAccent, '#000000', 0.3);
-    lines.push('.dark {');
-    lines.push(`  --color-fd-primary: ${darkAccent};`);
-    lines.push(`  --color-fd-primary-foreground: ${textColorFor(darkAccent)};`);
-    lines.push(`  --color-fd-accent: ${accentLow};`);
-    lines.push(`  --color-fd-accent-foreground: ${textColorFor(accentLow)};`);
-    lines.push(`  --color-fd-ring: ${darkAccent};`);
-    lines.push('}');
+  // ── Font overrides ──
+  const fontsConfig = getFontsConfig(configSource);
+  if (fontsConfig) {
+    const { heading, body } = fontsConfig;
+    // @font-face for custom sources
+    for (const def of [heading, body]) {
+      if (def?.source) {
+        const fmt = def.format || (def.source.endsWith('.woff2') ? 'woff2' : 'woff');
+        lines.push(`@font-face {`);
+        lines.push(`  font-family: '${def.family}';`);
+        lines.push(`  src: url('${def.source}') format('${fmt}');`);
+        if (def.weight) lines.push(`  font-weight: ${def.weight};`);
+        lines.push(`  font-display: swap;`);
+        lines.push(`}`);
+      }
+    }
+    // CSS variable overrides
+    const vars: string[] = [];
+    if (body) {
+      vars.push(`  --font-fd-sans: '${body.family}', ui-sans-serif, system-ui, sans-serif;`);
+    }
+    if (heading) {
+      vars.push(`  --velu-font-heading: '${heading.family}', ui-sans-serif, system-ui, sans-serif;`);
+    }
+    if (vars.length) {
+      lines.push(':root {');
+      lines.push(...vars);
+      lines.push('}');
+    }
+    // Heading font-family rule
+    if (heading) {
+      lines.push('h1, h2, h3, h4, h5, h6 {');
+      lines.push(`  font-family: var(--velu-font-heading);`);
+      if (heading.weight) lines.push(`  font-weight: ${heading.weight};`);
+      lines.push('}');
+    }
   }
 
   return lines.length > 0 ? lines.join('\n') : null;

package/src/engine/{middleware.ts → preview-proxy.ts}

@@ -1,9 +1,10 @@
-import { NextRequest, NextResponse } from 'next/server';
+import type { NextRequest } from 'next/server';
+import { NextResponse } from 'next/server';
 import { getPreviewSecret, verifyPreviewToken } from './lib/preview-auth';
 
 /**
- * Next.js middleware that enforces HMAC-signed token authentication for
- * preview page routes.
+ * Next.js proxy (middleware) that enforces HMAC-signed token authentication
+ * for preview page routes.
  *
  * Flow:
  *  1. Requests with `x-preview-secret` header pass through (server-to-server API calls).
@@ -13,7 +14,7 @@ import { getPreviewSecret, verifyPreviewToken } from './lib/preview-auth';
  *  4. If a valid `__velu_preview_{sessionId}` cookie exists: allow.
  *  5. Otherwise: 403.
  */
-export function middleware(request: NextRequest) {
+export function proxy(request: NextRequest) {
   const secret = getPreviewSecret();
 
   // No secret configured — allow everything (dev / local)
@@ -76,16 +77,8 @@ export function middleware(request: NextRequest) {
   return new NextResponse('Forbidden', { status: 403 });
 }
 
-// Use Node.js runtime so we can access the crypto module for HMAC verification
-export const runtime = 'nodejs';
-
 export const config = {
   matcher: [
-    /*
-     * Match all request paths except:
-     * - _next (Next.js internals)
-     * - favicon.ico, robots.txt, sitemap.xml (static meta)
-     */
     '/((?!_next|favicon\\.ico|robots\\.txt|sitemap\\.xml).*)',
   ],
 };