@pyreon/zero 0.12.4 → 0.12.6

package/README.md

@@ -21,9 +21,18 @@ bun add @pyreon/zero
 - **Image optimization** — Build-time processing via `?optimize` imports (WebP/AVIF, blur placeholders)
 - **SEO** — Sitemap, robots.txt, JSON-LD helpers (Vite plugin + dev middleware)
 - **Middleware** — `cacheMiddleware()`, `securityHeaders()`, `corsMiddleware()`, `rateLimitMiddleware()`, `compressionMiddleware()`
-- **Adapters** — Node.js, Bun, static
+- **Adapters** — Node.js, Bun, static, Vercel, Cloudflare Pages, Netlify Functions
 - **Testing** — `createTestContext()`, `testMiddleware()`, `createTestApiServer()`, `createMockHandler()`
 - **Dev overlay** — Styled error overlay with source-mapped stack traces for SSR errors
+- **CSP middleware** — `cspMiddleware({ directives })` with `useNonce()` for inline scripts
+- **Env validation** — `validateEnv()` with type coercion, `schema()` for custom parsers, `publicEnv()`
+- **Request logging** — `loggerMiddleware()` with structured output
+- **AI integration** — `aiPlugin()` for llms.txt, JSON-LD inference, AI plugin manifest
+- **useRequestLocals()** — Bridge middleware locals into components
+- **Locale-aware favicons** — Per-locale favicon generation from source SVG/PNG
+- **OG image generation** — Build-time Open Graph image rendering
+- **Reactive favicon** — Theme-synced light/dark favicon switching
+- **Client-safe entry** — `@pyreon/zero` = client-safe, `@pyreon/zero/server` = server-only
 
 ## Usage
 
@@ -41,7 +50,7 @@ export default {
 
 | Export                      | Description                                           |
 | --------------------------- | ----------------------------------------------------- |
-| `@pyreon/zero`              | Vite plugin, config, adapters, components, middleware |
+| `@pyreon/zero`              | Client-safe: components, middleware, adapters, theme, SEO, fonts |
 | `@pyreon/zero/client`       | Client-side entry (`startClient`)                     |
 | `@pyreon/zero/config`       | `defineConfig`, `resolveConfig`                       |
 | `@pyreon/zero/image`        | `<Image>` component                                   |
@@ -58,6 +67,10 @@ export default {
 | `@pyreon/zero/rate-limit`   | Rate limiting middleware                              |
 | `@pyreon/zero/compression`  | Compression middleware                                |
 | `@pyreon/zero/testing`      | Test utilities for middleware and API routes          |
+| `@pyreon/zero/server`       | Server-only: `createServer`, `validateEnv`, `useNonce`, `useRequestLocals` |
+| `@pyreon/zero/adapter-vercel` | Vercel serverless deployment adapter               |
+| `@pyreon/zero/adapter-cloudflare` | Cloudflare Pages deployment adapter           |
+| `@pyreon/zero/adapter-netlify` | Netlify Functions deployment adapter              |
 
 ## License
 

package/lib/favicon.js

@@ -62,7 +62,16 @@ function faviconPlugin(config) {
 		},
 		configureServer(server) {
 			const sourcePath = join(root, config.source);
+			const darkPath = config.darkSource ? join(root, config.darkSource) : null;
+			const devSourcePath = typeof config.devSource === "string" ? join(root, config.devSource) : null;
+			const autoDevBadge = config.devSource === true;
 			const devCache = /* @__PURE__ */ new Map();
+			/** Resolve source path for a request — handles dark variants and dev badge. */
+			function resolveSourceForDev(baseName, defaultSource) {
+				if (darkPath && baseName.includes("-dark-")) return darkPath;
+				if (baseName.includes("-light-")) return defaultSource;
+				return defaultSource;
+			}
 			server.middlewares.use(async (req, res, next) => {
 				const url = req.url ?? "";
 				const localeSource = resolveLocaleSource(url, config, root);
@@ -70,18 +79,23 @@ function faviconPlugin(config) {
 				const svgPath = localeSource ? localeSource.sourcePath : sourcePath;
 				const isSvgSource = localeSource ? localeSource.source.endsWith(".svg") : config.source.endsWith(".svg");
 				if (svgUrl.endsWith("/favicon.svg") && isSvgSource) try {
-					const content = await readFile(svgPath, "utf-8");
+					let content = await readFile(svgPath, "utf-8");
+					if (autoDevBadge) content = addDevBadgeToSvg(content);
+					else if (devSourcePath && existsSync(devSourcePath)) content = await readFile(devSourcePath, "utf-8");
 					res.setHeader("Content-Type", "image/svg+xml");
 					res.end(content);
 					return;
 				} catch {}
 				const baseName = svgUrl.split("/").pop() ?? "";
-				const sizeMatch = SIZES.find((s) => s.name === baseName);
+				const cleanName = baseName.replace(/-?(light|dark)-/, "-");
+				const sizeMatch = SIZES.find((s) => s.name === cleanName || baseName === s.name);
 				if (sizeMatch) {
-					const cacheKey = `${svgPath}:${sizeMatch.size}`;
+					const resolvedSource = resolveSourceForDev(baseName, svgPath);
+					const cacheKey = `${resolvedSource}:${sizeMatch.size}:${autoDevBadge}`;
 					let png = devCache.get(cacheKey);
 					if (!png) {
-						const result = await resizeToPng(svgPath, sizeMatch.size);
+						let result = await resizeToPng(resolvedSource, sizeMatch.size);
+						if (result && autoDevBadge) result = await addDevBadgeToPng(result, sizeMatch.size);
 						if (result) {
 							png = result;
 							devCache.set(cacheKey, result);
@@ -138,6 +152,7 @@ function faviconPlugin(config) {
 		},
 		transformIndexHtml() {
 			const isSvg = config.source.endsWith(".svg");
+			const hasDark = !!config.darkSource;
 			const tags = [];
 			if (isSvg) tags.push({
 				tag: "link",
@@ -148,7 +163,72 @@ function faviconPlugin(config) {
 				},
 				injectTo: "head"
 			});
-			tags.push({
+			if (hasDark) {
+				const lightAttrs = { "data-favicon-theme": "light" };
+				const darkAttrs = {
+					"data-favicon-theme": "dark",
+					media: "not all"
+				};
+				tags.push({
+					tag: "link",
+					attrs: {
+						rel: "icon",
+						type: "image/png",
+						sizes: "32x32",
+						href: "/favicon-light-32x32.png",
+						...lightAttrs
+					},
+					injectTo: "head"
+				}, {
+					tag: "link",
+					attrs: {
+						rel: "icon",
+						type: "image/png",
+						sizes: "32x32",
+						href: "/favicon-dark-32x32.png",
+						...darkAttrs
+					},
+					injectTo: "head"
+				}, {
+					tag: "link",
+					attrs: {
+						rel: "icon",
+						type: "image/png",
+						sizes: "16x16",
+						href: "/favicon-light-16x16.png",
+						...lightAttrs
+					},
+					injectTo: "head"
+				}, {
+					tag: "link",
+					attrs: {
+						rel: "icon",
+						type: "image/png",
+						sizes: "16x16",
+						href: "/favicon-dark-16x16.png",
+						...darkAttrs
+					},
+					injectTo: "head"
+				}, {
+					tag: "link",
+					attrs: {
+						rel: "apple-touch-icon",
+						sizes: "180x180",
+						href: "/apple-touch-icon-light.png",
+						...lightAttrs
+					},
+					injectTo: "head"
+				}, {
+					tag: "link",
+					attrs: {
+						rel: "apple-touch-icon",
+						sizes: "180x180",
+						href: "/apple-touch-icon-dark.png",
+						...darkAttrs
+					},
+					injectTo: "head"
+				});
+			} else tags.push({
 				tag: "link",
 				attrs: {
 					rel: "icon",
@@ -257,7 +337,36 @@ async function generateFaviconSet(rootDir, source, darkSource, prefix, config, t
 			source: finalSvg
 		});
 	}
-	for (const { size, name } of SIZES) {
+	if (darkSource) {
+		const darkPath = join(rootDir, darkSource);
+		const darkExists = existsSync(darkPath);
+		for (const { size, name } of SIZES) {
+			const lightName = name.replace(/^(favicon-)/, "$1light-").replace(/^(apple-touch-icon)/, "$1-light").replace(/^(icon-)/, "$1light-");
+			const lightPng = await resizeToPng(sourcePath, size);
+			if (lightPng) this.emitFile({
+				type: "asset",
+				fileName: `${prefix}${lightName}`,
+				source: lightPng
+			});
+			if (darkExists) {
+				const darkName = name.replace(/^(favicon-)/, "$1dark-").replace(/^(apple-touch-icon)/, "$1-dark").replace(/^(icon-)/, "$1dark-");
+				const darkPng = await resizeToPng(darkPath, size);
+				if (darkPng) this.emitFile({
+					type: "asset",
+					fileName: `${prefix}${darkName}`,
+					source: darkPng
+				});
+			}
+		}
+		for (const { size, name } of SIZES) {
+			const pngBuffer = await resizeToPng(sourcePath, size);
+			if (pngBuffer) this.emitFile({
+				type: "asset",
+				fileName: `${prefix}${name}`,
+				source: pngBuffer
+			});
+		}
+	} else for (const { size, name } of SIZES) {
 		const pngBuffer = await resizeToPng(sourcePath, size);
 		if (pngBuffer) this.emitFile({
 			type: "asset",
@@ -418,6 +527,42 @@ function createIcoFromPngs(entries) {
 		...dataBuffers
 	]);
 }
+/**
+* Add a "DEV" badge overlay to an SVG string.
+* Adds a small colored circle with "DEV" text in the bottom-right corner.
+*/
+function addDevBadgeToSvg(svg) {
+	const [, , w, h] = (svg.match(/viewBox="([^"]*)"/)?.[1] ?? "0 0 32 32").split(" ").map(Number);
+	const size = Math.min(w ?? 32, h ?? 32);
+	const r = size * .28;
+	const cx = (w ?? 32) - r;
+	const cy = (h ?? 32) - r;
+	const fontSize = r * .85;
+	const badge = `<circle cx="${cx}" cy="${cy}" r="${r}" fill="#ef4444" stroke="white" stroke-width="${size * .03}"/><text x="${cx}" y="${cy}" font-size="${fontSize}" font-weight="bold" fill="white" text-anchor="middle" dominant-baseline="central" font-family="sans-serif">D</text>`;
+	return svg.replace(/<\/svg>\s*$/, `${badge}</svg>`);
+}
+/**
+* Add a "DEV" badge to a PNG buffer via sharp composite.
+* Composites a red circle with "D" in the bottom-right corner.
+*/
+async function addDevBadgeToPng(pngBuffer, size) {
+	try {
+		const sharp = await import("sharp").then((m) => m.default ?? m);
+		const r = Math.round(size * .28);
+		const d = r * 2;
+		const badgeSvg = `<svg width="${d}" height="${d}" xmlns="http://www.w3.org/2000/svg">
+      <circle cx="${r}" cy="${r}" r="${r}" fill="#ef4444"/>
+      <text x="${r}" y="${r}" font-size="${Math.round(r * .85)}" font-weight="bold" fill="white" text-anchor="middle" dominant-baseline="central" font-family="sans-serif">D</text>
+    </svg>`;
+		const badgePng = await sharp(Buffer.from(badgeSvg)).png().toBuffer();
+		return await sharp(Buffer.from(pngBuffer)).composite([{
+			input: badgePng,
+			gravity: "southeast"
+		}]).png().toBuffer();
+	} catch {
+		return pngBuffer;
+	}
+}
 
 //#endregion
 export { createIcoFromPngs, faviconLinks, faviconPlugin };

package/lib/favicon.js.map

@@ -1 +1 @@
-{"version":3,"file":"favicon.js","names":[],"sources":["../src/favicon.ts"],"sourcesContent":["import { existsSync } from 'node:fs'\nimport { readFile } from 'node:fs/promises'\nimport { join } from 'node:path'\nimport type { Plugin } from 'vite'\n\nlet sharpWarned = false\nfunction warnSharpMissing() {\n  if (sharpWarned) return\n  sharpWarned = true\n  // oxlint-disable-next-line no-console\n  console.warn(\n    '\\n[zero:favicon] sharp not installed — favicons will not be generated. Install for full support: bun add -D sharp\\n',\n  )\n}\n\n// ─── Favicon generation plugin ──────────────────────────────────────────────\n//\n// Generates all favicon formats from a single source file (SVG or PNG):\n// - favicon.ico (16x16 + 32x32 combined)\n// - favicon.svg (copied if source is SVG)\n// - apple-touch-icon.png (180x180)\n// - icon-192.png (for web manifest)\n// - icon-512.png (for web manifest)\n// - site.webmanifest\n//\n// Usage:\n//   import { faviconPlugin } from \"@pyreon/zero\"\n//   export default { plugins: [zero(), faviconPlugin({ source: \"./icon.svg\" })] }\n\nexport interface FaviconLocaleConfig {\n  /** Locale-specific source icon (SVG or PNG). */\n  source: string\n  /** Optional dark mode variant for this locale. */\n  darkSource?: string\n}\n\nexport interface FaviconPluginConfig {\n  /** Path to the source icon (SVG or PNG, at least 512x512 for PNG). */\n  source: string\n  /** Theme color for web manifest. Default: \"#ffffff\" */\n  themeColor?: string\n  /** Background color for web manifest. Default: \"#ffffff\" */\n  backgroundColor?: string\n  /** App name for web manifest. Uses package.json name if not set. */\n  name?: string\n  /** Generate web manifest. Default: true */\n  manifest?: boolean\n  /**\n   * Dark mode favicon (SVG only).\n   * When provided, the SVG favicon uses prefers-color-scheme media query\n   * to switch between light and dark variants.\n   */\n  darkSource?: string\n  /**\n   * Locale-specific icon overrides. Each key is a locale code,\n   * value is a source icon (and optional dark variant).\n   * Locales not in this map use the base `source`.\n   *\n   * Generated files are placed under `/{locale}/` prefix:\n   *   /de/favicon.svg, /de/favicon-32x32.png, etc.\n   *\n   * @example\n   * ```ts\n   * faviconPlugin({\n   *   source: \"./icon.svg\",\n   *   locales: {\n   *     de: { source: \"./icon-de.svg\" },\n   *     cs: { source: \"./icon-cs.svg\" },\n   *   },\n   * })\n   * ```\n   */\n  locales?: Record<string, FaviconLocaleConfig>\n}\n\ninterface FaviconSize {\n  size: number\n  name: string\n}\n\nconst SIZES: FaviconSize[] = [\n  { size: 16, name: 'favicon-16x16.png' },\n  { size: 32, name: 'favicon-32x32.png' },\n  { size: 180, name: 'apple-touch-icon.png' },\n  { size: 192, name: 'icon-192.png' },\n  { size: 512, name: 'icon-512.png' },\n]\n\n/**\n * Favicon generation Vite plugin.\n *\n * Generates all required favicon formats at build time from a single source.\n * In dev mode, serves the source directly.\n *\n * @example\n * ```ts\n * // vite.config.ts\n * import { faviconPlugin } from \"@pyreon/zero\"\n *\n * export default {\n *   plugins: [faviconPlugin({ source: \"./src/assets/icon.svg\" })],\n * }\n * ```\n */\nexport function faviconPlugin(config: FaviconPluginConfig): Plugin {\n  const themeColor = config.themeColor ?? '#ffffff'\n  const backgroundColor = config.backgroundColor ?? '#ffffff'\n  const generateManifest = config.manifest !== false\n\n  let root = ''\n  let isBuild = false\n\n  return {\n    name: 'pyreon-zero-favicon',\n    enforce: 'pre',\n\n    configResolved(resolvedConfig) {\n      root = resolvedConfig.root\n      isBuild = resolvedConfig.command === 'build'\n    },\n\n    // Dev server: serve generated favicons on-the-fly\n    configureServer(server) {\n      const sourcePath = join(root, config.source)\n      const devCache = new Map<string, Uint8Array>()\n\n      server.middlewares.use(async (req, res, next) => {\n        const url = req.url ?? ''\n\n        // Resolve locale-specific source: /{locale}/favicon.svg → locale source\n        const localeSource = resolveLocaleSource(url, config, root)\n\n        // Serve source as favicon.svg in dev\n        const svgUrl = localeSource ? localeSource.url : url\n        const svgPath = localeSource ? localeSource.sourcePath : sourcePath\n        const isSvgSource = localeSource ? localeSource.source.endsWith('.svg') : config.source.endsWith('.svg')\n\n        if (svgUrl.endsWith('/favicon.svg') && isSvgSource) {\n          try {\n            const content = await readFile(svgPath, 'utf-8')\n            res.setHeader('Content-Type', 'image/svg+xml')\n            res.end(content)\n            return\n          } catch { /* fall through */ }\n        }\n\n        // Serve generated PNGs on-demand (supports /{locale}/favicon-32x32.png)\n        const baseName = svgUrl.split('/').pop() ?? ''\n        const sizeMatch = SIZES.find((s) => s.name === baseName)\n        if (sizeMatch) {\n          const cacheKey = `${svgPath}:${sizeMatch.size}`\n          let png = devCache.get(cacheKey)\n          if (!png) {\n            const result = await resizeToPng(svgPath, sizeMatch.size)\n            if (result) {\n              png = result\n              devCache.set(cacheKey, result)\n            }\n          }\n          if (png) {\n            res.setHeader('Content-Type', 'image/png')\n            res.setHeader('Cache-Control', 'no-cache')\n            res.end(Buffer.from(png))\n            return\n          }\n        }\n\n        // Serve generated ICO on-demand\n        if (baseName === 'favicon.ico') {\n          const cacheKey = `ico:${svgPath}`\n          let ico: Uint8Array | undefined = devCache.get(cacheKey)\n          if (!ico) {\n            const result = await generateIco(svgPath)\n            if (result) {\n              ico = result\n              devCache.set(cacheKey, result)\n            }\n          }\n          if (ico) {\n            res.setHeader('Content-Type', 'image/x-icon')\n            res.setHeader('Cache-Control', 'no-cache')\n            res.end(Buffer.from(ico))\n            return\n          }\n        }\n\n        // Serve manifest (supports /{locale}/site.webmanifest)\n        if (baseName === 'site.webmanifest' && generateManifest) {\n          const prefix = localeSource ? `/${localeSource.locale}` : ''\n          const manifest = {\n            name: config.name ?? 'App',\n            short_name: config.name ?? 'App',\n            icons: [\n              { src: `${prefix}/icon-192.png`, sizes: '192x192', type: 'image/png' },\n              { src: `${prefix}/icon-512.png`, sizes: '512x512', type: 'image/png' },\n            ],\n            theme_color: themeColor,\n            background_color: backgroundColor,\n            display: 'standalone',\n          }\n          res.setHeader('Content-Type', 'application/manifest+json')\n          res.end(JSON.stringify(manifest, null, 2))\n          return\n        }\n\n        next()\n      })\n    },\n\n    // Inject favicon <link> tags into HTML\n    transformIndexHtml() {\n      const isSvg = config.source.endsWith('.svg')\n      const tags: Array<{\n        tag: string\n        attrs: Record<string, string>\n        injectTo: 'head'\n      }> = []\n\n      if (isSvg) {\n        tags.push({\n          tag: 'link',\n          attrs: { rel: 'icon', type: 'image/svg+xml', href: '/favicon.svg' },\n          injectTo: 'head',\n        })\n      }\n\n      tags.push(\n        {\n          tag: 'link',\n          attrs: { rel: 'icon', type: 'image/png', sizes: '32x32', href: '/favicon-32x32.png' },\n          injectTo: 'head',\n        },\n        {\n          tag: 'link',\n          attrs: { rel: 'icon', type: 'image/png', sizes: '16x16', href: '/favicon-16x16.png' },\n          injectTo: 'head',\n        },\n        {\n          tag: 'link',\n          attrs: { rel: 'apple-touch-icon', sizes: '180x180', href: '/apple-touch-icon.png' },\n          injectTo: 'head',\n        },\n      )\n\n      if (generateManifest) {\n        tags.push({\n          tag: 'link',\n          attrs: { rel: 'manifest', href: '/site.webmanifest' },\n          injectTo: 'head',\n        })\n      }\n\n      tags.push({\n        tag: 'meta',\n        attrs: { name: 'theme-color', content: themeColor },\n        injectTo: 'head',\n      })\n\n      return tags\n    },\n\n    async generateBundle() {\n      if (!isBuild) return\n\n      // Generate favicons for the base (default) source\n      await generateFaviconSet.call(this, root, config.source, config.darkSource, '', config, themeColor, backgroundColor, generateManifest)\n\n      // Generate locale-specific favicon sets\n      if (config.locales) {\n        for (const [locale, localeConfig] of Object.entries(config.locales)) {\n          await generateFaviconSet.call(this, root, localeConfig.source, localeConfig.darkSource, `${locale}/`, config, themeColor, backgroundColor, generateManifest)\n        }\n      }\n    },\n  }\n}\n\n/**\n * Wrap two SVGs into a single SVG that switches based on prefers-color-scheme.\n */\nfunction wrapSvgWithDarkMode(lightSvg: string, darkSvg: string): string {\n  // Extract viewBox from light SVG\n  const viewBoxMatch = lightSvg.match(/viewBox=\"([^\"]*)\"/)\n  const viewBox = viewBoxMatch?.[1] ?? '0 0 32 32'\n\n  return `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"${viewBox}\">\n  <style>\n    :root { color-scheme: light dark; }\n    @media (prefers-color-scheme: dark) { .light { display: none; } }\n    @media (prefers-color-scheme: light), (prefers-color-scheme: no-preference) { .dark { display: none; } }\n  </style>\n  <g class=\"light\">${stripSvgWrapper(lightSvg)}</g>\n  <g class=\"dark\">${stripSvgWrapper(darkSvg)}</g>\n</svg>`\n}\n\nfunction stripSvgWrapper(svg: string): string {\n  return svg\n    .replace(/<svg[^>]*>/, '')\n    .replace(/<\\/svg>\\s*$/, '')\n    .trim()\n}\n\n/**\n * Resolve the source path for a locale-prefixed favicon URL.\n * Returns null if the URL is not locale-prefixed or locale has no override.\n */\nfunction resolveLocaleSource(\n  url: string,\n  config: FaviconPluginConfig,\n  rootDir: string,\n): { locale: string; url: string; source: string; sourcePath: string } | null {\n  if (!config.locales) return null\n\n  for (const [locale, localeConfig] of Object.entries(config.locales)) {\n    const prefix = `/${locale}/`\n    if (url.startsWith(prefix)) {\n      return {\n        locale,\n        url,\n        source: localeConfig.source,\n        sourcePath: join(rootDir, localeConfig.source),\n      }\n    }\n  }\n  return null\n}\n\n/**\n * Generate a complete favicon set (SVG, PNGs, ICO, manifest) with a file prefix.\n * Called once for base (prefix = '') and once per locale (prefix = '{locale}/').\n */\nasync function generateFaviconSet(\n  this: any,\n  rootDir: string,\n  source: string,\n  darkSource: string | undefined,\n  prefix: string,\n  config: FaviconPluginConfig,\n  themeColor: string,\n  backgroundColor: string,\n  generateManifest: boolean,\n): Promise<void> {\n  const sourcePath = join(rootDir, source)\n  if (!existsSync(sourcePath)) {\n    // oxlint-disable-next-line no-console\n    console.warn(`[zero:favicon] Source not found: ${sourcePath}`)\n    return\n  }\n\n  const isSvg = source.endsWith('.svg')\n\n  // Copy SVG as favicon.svg\n  if (isSvg) {\n    const svgContent = await readFile(sourcePath, 'utf-8')\n    let finalSvg = svgContent\n\n    if (darkSource) {\n      const darkPath = join(rootDir, darkSource)\n      if (existsSync(darkPath)) {\n        const darkSvg = await readFile(darkPath, 'utf-8')\n        finalSvg = wrapSvgWithDarkMode(svgContent, darkSvg)\n      }\n    }\n\n    this.emitFile({\n      type: 'asset',\n      fileName: `${prefix}favicon.svg`,\n      source: finalSvg,\n    })\n  }\n\n  // Generate PNG sizes via sharp\n  for (const { size, name } of SIZES) {\n    const pngBuffer = await resizeToPng(sourcePath, size)\n    if (pngBuffer) {\n      this.emitFile({\n        type: 'asset',\n        fileName: `${prefix}${name}`,\n        source: pngBuffer,\n      })\n    }\n  }\n\n  // Generate favicon.ico (16 + 32)\n  const ico = await generateIco(sourcePath)\n  if (ico) {\n    this.emitFile({\n      type: 'asset',\n      fileName: `${prefix}favicon.ico`,\n      source: ico,\n    })\n  }\n\n  // Generate web manifest\n  if (generateManifest) {\n    const manifestPrefix = prefix ? `/${prefix.slice(0, -1)}` : ''\n    const manifest = {\n      name: config.name ?? 'App',\n      short_name: config.name ?? 'App',\n      icons: [\n        { src: `${manifestPrefix}/icon-192.png`, sizes: '192x192', type: 'image/png' },\n        { src: `${manifestPrefix}/icon-512.png`, sizes: '512x512', type: 'image/png' },\n      ],\n      theme_color: themeColor,\n      background_color: backgroundColor,\n      display: 'standalone',\n    }\n\n    this.emitFile({\n      type: 'asset',\n      fileName: `${prefix}site.webmanifest`,\n      source: JSON.stringify(manifest, null, 2),\n    })\n  }\n}\n\n/**\n * Get favicon link tags for a specific locale.\n * Returns link objects suitable for `useHead()` or direct HTML injection.\n *\n * @example\n * ```ts\n * const links = faviconLinks(\"de\", { source: \"./icon.svg\", locales: { de: { source: \"./icon-de.svg\" } } })\n * // → [{ rel: \"icon\", type: \"image/svg+xml\", href: \"/de/favicon.svg\" }, ...]\n * ```\n */\nexport function faviconLinks(\n  locale: string | undefined,\n  config: FaviconPluginConfig,\n): Array<{ rel: string; type?: string; sizes?: string; href: string }> {\n  const hasLocaleOverride = locale && config.locales?.[locale]\n  const prefix = hasLocaleOverride ? `/${locale}` : ''\n  const isSvg = (hasLocaleOverride ? config.locales![locale]!.source : config.source).endsWith('.svg')\n\n  const links: Array<{ rel: string; type?: string; sizes?: string; href: string }> = []\n\n  if (isSvg) {\n    links.push({ rel: 'icon', type: 'image/svg+xml', href: `${prefix}/favicon.svg` })\n  }\n\n  links.push(\n    { rel: 'icon', type: 'image/png', sizes: '32x32', href: `${prefix}/favicon-32x32.png` },\n    { rel: 'icon', type: 'image/png', sizes: '16x16', href: `${prefix}/favicon-16x16.png` },\n    { rel: 'apple-touch-icon', sizes: '180x180', href: `${prefix}/apple-touch-icon.png` },\n  )\n\n  if (config.manifest !== false) {\n    links.push({ rel: 'manifest', href: `${prefix}/site.webmanifest` })\n  }\n\n  return links\n}\n\nasync function resizeToPng(input: string, size: number): Promise<Uint8Array | null> {\n  try {\n    const sharp = await import('sharp').then((m) => m.default ?? m)\n    return await sharp(input).resize(size, size, { fit: 'contain', background: { r: 0, g: 0, b: 0, alpha: 0 } } as any).png().toBuffer()\n  } catch {\n    warnSharpMissing()\n    return null\n  }\n}\n\nasync function generateIco(input: string): Promise<Uint8Array | null> {\n  try {\n    const sharp = await import('sharp').then((m) => m.default ?? m)\n    const png16 = await sharp(input).resize(16, 16, { fit: 'contain', background: { r: 0, g: 0, b: 0, alpha: 0 } } as any).png().toBuffer()\n    const png32 = await sharp(input).resize(32, 32, { fit: 'contain', background: { r: 0, g: 0, b: 0, alpha: 0 } } as any).png().toBuffer()\n\n    // ICO format: header + directory entries + PNG data\n    return createIcoFromPngs([\n      { buffer: png16, size: 16 },\n      { buffer: png32, size: 32 },\n    ])\n  } catch {\n    warnSharpMissing()\n    return null\n  }\n}\n\nexport interface IcoEntry {\n  buffer: Buffer\n  size: number\n}\n\n/** @internal Exported for testing */\nexport function createIcoFromPngs(entries: IcoEntry[]): Uint8Array {\n  const headerSize = 6\n  const dirEntrySize = 16\n  const dirSize = dirEntrySize * entries.length\n  let dataOffset = headerSize + dirSize\n\n  // ICO header\n  const header = Buffer.alloc(headerSize)\n  header.writeUInt16LE(0, 0)              // reserved\n  header.writeUInt16LE(1, 2)              // type: icon\n  header.writeUInt16LE(entries.length, 4) // count\n\n  // Directory entries\n  const dirEntries = Buffer.alloc(dirSize)\n  const dataBuffers: Buffer[] = []\n\n  for (let i = 0; i < entries.length; i++) {\n    const entry = entries[i]!\n    const offset = i * dirEntrySize\n    dirEntries.writeUInt8(entry.size === 256 ? 0 : entry.size, offset)     // width\n    dirEntries.writeUInt8(entry.size === 256 ? 0 : entry.size, offset + 1) // height\n    dirEntries.writeUInt8(0, offset + 2)                                    // palette\n    dirEntries.writeUInt8(0, offset + 3)                                    // reserved\n    dirEntries.writeUInt16LE(1, offset + 4)                                 // color planes\n    dirEntries.writeUInt16LE(32, offset + 6)                                // bits per pixel\n    dirEntries.writeUInt32LE(entry.buffer.length, offset + 8)               // size\n    dirEntries.writeUInt32LE(dataOffset, offset + 12)                       // offset\n\n    dataOffset += entry.buffer.length\n    dataBuffers.push(entry.buffer)\n  }\n\n  return Buffer.concat([header, dirEntries, ...dataBuffers])\n}\n"],"mappings":"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"}
+{"version":3,"file":"favicon.js","names":[],"sources":["../src/favicon.ts"],"sourcesContent":["import { existsSync } from 'node:fs'\nimport { readFile } from 'node:fs/promises'\nimport { join } from 'node:path'\nimport type { Plugin } from 'vite'\n\nlet sharpWarned = false\nfunction warnSharpMissing() {\n  if (sharpWarned) return\n  sharpWarned = true\n  // oxlint-disable-next-line no-console\n  console.warn(\n    '\\n[zero:favicon] sharp not installed — favicons will not be generated. Install for full support: bun add -D sharp\\n',\n  )\n}\n\n// ─── Favicon generation plugin ──────────────────────────────────────────────\n//\n// Generates all favicon formats from a single source file (SVG or PNG):\n// - favicon.ico (16x16 + 32x32 combined)\n// - favicon.svg (copied if source is SVG)\n// - apple-touch-icon.png (180x180)\n// - icon-192.png (for web manifest)\n// - icon-512.png (for web manifest)\n// - site.webmanifest\n//\n// Usage:\n//   import { faviconPlugin } from \"@pyreon/zero\"\n//   export default { plugins: [zero(), faviconPlugin({ source: \"./icon.svg\" })] }\n\nexport interface FaviconLocaleConfig {\n  /** Locale-specific source icon (SVG or PNG). */\n  source: string\n  /** Optional dark mode variant for this locale. */\n  darkSource?: string\n}\n\nexport interface FaviconPluginConfig {\n  /** Path to the source icon (SVG or PNG, at least 512x512 for PNG). */\n  source: string\n  /** Theme color for web manifest. Default: \"#ffffff\" */\n  themeColor?: string\n  /** Background color for web manifest. Default: \"#ffffff\" */\n  backgroundColor?: string\n  /** App name for web manifest. Uses package.json name if not set. */\n  name?: string\n  /** Generate web manifest. Default: true */\n  manifest?: boolean\n  /**\n   * Dark mode favicon (SVG only).\n   * When provided, the SVG favicon uses prefers-color-scheme media query\n   * to switch between light and dark variants.\n   */\n  darkSource?: string\n  /**\n   * Locale-specific icon overrides. Each key is a locale code,\n   * value is a source icon (and optional dark variant).\n   * Locales not in this map use the base `source`.\n   *\n   * Generated files are placed under `/{locale}/` prefix:\n   *   /de/favicon.svg, /de/favicon-32x32.png, etc.\n   *\n   * @example\n   * ```ts\n   * faviconPlugin({\n   *   source: \"./icon.svg\",\n   *   locales: {\n   *     de: { source: \"./icon-de.svg\" },\n   *     cs: { source: \"./icon-cs.svg\" },\n   *   },\n   * })\n   * ```\n   */\n  locales?: Record<string, FaviconLocaleConfig>\n  /**\n   * Dev mode favicon — shown only during development to distinguish\n   * dev tabs from production. Can be:\n   * - A path to a separate icon file\n   * - `true` to auto-generate a dev badge (grayscale + \"DEV\" overlay)\n   *\n   * @example\n   * ```ts\n   * faviconPlugin({\n   *   source: \"./icon.svg\",\n   *   devSource: \"./icon-dev.svg\",     // custom dev icon\n   *   // OR\n   *   devSource: true,                 // auto-generate grayscale badge\n   * })\n   * ```\n   */\n  devSource?: string | boolean\n}\n\ninterface FaviconSize {\n  size: number\n  name: string\n}\n\nconst SIZES: FaviconSize[] = [\n  { size: 16, name: 'favicon-16x16.png' },\n  { size: 32, name: 'favicon-32x32.png' },\n  { size: 180, name: 'apple-touch-icon.png' },\n  { size: 192, name: 'icon-192.png' },\n  { size: 512, name: 'icon-512.png' },\n]\n\n/**\n * Favicon generation Vite plugin.\n *\n * Generates all required favicon formats at build time from a single source.\n * In dev mode, serves the source directly.\n *\n * @example\n * ```ts\n * // vite.config.ts\n * import { faviconPlugin } from \"@pyreon/zero\"\n *\n * export default {\n *   plugins: [faviconPlugin({ source: \"./src/assets/icon.svg\" })],\n * }\n * ```\n */\nexport function faviconPlugin(config: FaviconPluginConfig): Plugin {\n  const themeColor = config.themeColor ?? '#ffffff'\n  const backgroundColor = config.backgroundColor ?? '#ffffff'\n  const generateManifest = config.manifest !== false\n\n  let root = ''\n  let isBuild = false\n\n  return {\n    name: 'pyreon-zero-favicon',\n    enforce: 'pre',\n\n    configResolved(resolvedConfig) {\n      root = resolvedConfig.root\n      isBuild = resolvedConfig.command === 'build'\n    },\n\n    // Dev server: serve generated favicons on-the-fly\n    configureServer(server) {\n      const sourcePath = join(root, config.source)\n      const darkPath = config.darkSource ? join(root, config.darkSource) : null\n      const devSourcePath = typeof config.devSource === 'string'\n        ? join(root, config.devSource)\n        : null\n      const autoDevBadge = config.devSource === true\n      const devCache = new Map<string, Uint8Array>()\n\n      /** Resolve source path for a request — handles dark variants and dev badge. */\n      function resolveSourceForDev(baseName: string, defaultSource: string): string {\n        // Dark variant: favicon-dark-32x32.png → use darkSource\n        if (darkPath && baseName.includes('-dark-')) return darkPath\n        // Light variant: favicon-light-32x32.png → use source\n        if (baseName.includes('-light-')) return defaultSource\n        return defaultSource\n      }\n\n      server.middlewares.use(async (req, res, next) => {\n        const url = req.url ?? ''\n\n        // Resolve locale-specific source\n        const localeSource = resolveLocaleSource(url, config, root)\n        const svgUrl = localeSource ? localeSource.url : url\n        const svgPath = localeSource ? localeSource.sourcePath : sourcePath\n        const isSvgSource = localeSource ? localeSource.source.endsWith('.svg') : config.source.endsWith('.svg')\n\n        // Serve favicon.svg — in dev, add dev badge overlay if configured\n        if (svgUrl.endsWith('/favicon.svg') && isSvgSource) {\n          try {\n            let content = await readFile(svgPath, 'utf-8')\n            if (autoDevBadge) content = addDevBadgeToSvg(content)\n            else if (devSourcePath && existsSync(devSourcePath)) {\n              content = await readFile(devSourcePath, 'utf-8')\n            }\n            res.setHeader('Content-Type', 'image/svg+xml')\n            res.end(content)\n            return\n          } catch { /* fall through */ }\n        }\n\n        // Serve generated PNGs on-demand — supports dark variants + dev badge\n        const baseName = svgUrl.split('/').pop() ?? ''\n        // Strip light-/dark- prefix for size matching\n        const cleanName = baseName.replace(/-?(light|dark)-/, '-')\n        const sizeMatch = SIZES.find((s) => s.name === cleanName || baseName === s.name)\n        if (sizeMatch) {\n          const resolvedSource = resolveSourceForDev(baseName, svgPath)\n          const cacheKey = `${resolvedSource}:${sizeMatch.size}:${autoDevBadge}`\n          let png = devCache.get(cacheKey)\n          if (!png) {\n            let result = await resizeToPng(resolvedSource, sizeMatch.size)\n            if (result && autoDevBadge) {\n              result = await addDevBadgeToPng(result, sizeMatch.size)\n            }\n            if (result) {\n              png = result\n              devCache.set(cacheKey, result)\n            }\n          }\n          if (png) {\n            res.setHeader('Content-Type', 'image/png')\n            res.setHeader('Cache-Control', 'no-cache')\n            res.end(Buffer.from(png))\n            return\n          }\n        }\n\n        // Serve generated ICO on-demand\n        if (baseName === 'favicon.ico') {\n          const cacheKey = `ico:${svgPath}`\n          let ico: Uint8Array | undefined = devCache.get(cacheKey)\n          if (!ico) {\n            const result = await generateIco(svgPath)\n            if (result) {\n              ico = result\n              devCache.set(cacheKey, result)\n            }\n          }\n          if (ico) {\n            res.setHeader('Content-Type', 'image/x-icon')\n            res.setHeader('Cache-Control', 'no-cache')\n            res.end(Buffer.from(ico))\n            return\n          }\n        }\n\n        // Serve manifest (supports /{locale}/site.webmanifest)\n        if (baseName === 'site.webmanifest' && generateManifest) {\n          const prefix = localeSource ? `/${localeSource.locale}` : ''\n          const manifest = {\n            name: config.name ?? 'App',\n            short_name: config.name ?? 'App',\n            icons: [\n              { src: `${prefix}/icon-192.png`, sizes: '192x192', type: 'image/png' },\n              { src: `${prefix}/icon-512.png`, sizes: '512x512', type: 'image/png' },\n            ],\n            theme_color: themeColor,\n            background_color: backgroundColor,\n            display: 'standalone',\n          }\n          res.setHeader('Content-Type', 'application/manifest+json')\n          res.end(JSON.stringify(manifest, null, 2))\n          return\n        }\n\n        next()\n      })\n    },\n\n    // Inject favicon <link> tags into HTML\n    transformIndexHtml() {\n      const isSvg = config.source.endsWith('.svg')\n      const hasDark = !!config.darkSource\n      const tags: Array<{\n        tag: string\n        attrs: Record<string, string>\n        injectTo: 'head'\n      }> = []\n\n      // SVG favicon (with prefers-color-scheme media query when dark variant exists)\n      if (isSvg) {\n        tags.push({\n          tag: 'link',\n          attrs: { rel: 'icon', type: 'image/svg+xml', href: '/favicon.svg' },\n          injectTo: 'head',\n        })\n      }\n\n      if (hasDark) {\n        // Dual-variant PNG/ICO favicons — light active, dark hidden via media=\"not all\".\n        // The themeScript and initTheme() swap these based on the resolved theme.\n        const lightAttrs = { 'data-favicon-theme': 'light' }\n        const darkAttrs = { 'data-favicon-theme': 'dark', media: 'not all' }\n\n        tags.push(\n          { tag: 'link', attrs: { rel: 'icon', type: 'image/png', sizes: '32x32', href: '/favicon-light-32x32.png', ...lightAttrs }, injectTo: 'head' },\n          { tag: 'link', attrs: { rel: 'icon', type: 'image/png', sizes: '32x32', href: '/favicon-dark-32x32.png', ...darkAttrs }, injectTo: 'head' },\n          { tag: 'link', attrs: { rel: 'icon', type: 'image/png', sizes: '16x16', href: '/favicon-light-16x16.png', ...lightAttrs }, injectTo: 'head' },\n          { tag: 'link', attrs: { rel: 'icon', type: 'image/png', sizes: '16x16', href: '/favicon-dark-16x16.png', ...darkAttrs }, injectTo: 'head' },\n          { tag: 'link', attrs: { rel: 'apple-touch-icon', sizes: '180x180', href: '/apple-touch-icon-light.png', ...lightAttrs }, injectTo: 'head' },\n          { tag: 'link', attrs: { rel: 'apple-touch-icon', sizes: '180x180', href: '/apple-touch-icon-dark.png', ...darkAttrs }, injectTo: 'head' },\n        )\n      } else {\n        // Single-variant (no dark mode)\n        tags.push(\n          { tag: 'link', attrs: { rel: 'icon', type: 'image/png', sizes: '32x32', href: '/favicon-32x32.png' }, injectTo: 'head' },\n          { tag: 'link', attrs: { rel: 'icon', type: 'image/png', sizes: '16x16', href: '/favicon-16x16.png' }, injectTo: 'head' },\n          { tag: 'link', attrs: { rel: 'apple-touch-icon', sizes: '180x180', href: '/apple-touch-icon.png' }, injectTo: 'head' },\n        )\n      }\n\n      if (generateManifest) {\n        tags.push({\n          tag: 'link',\n          attrs: { rel: 'manifest', href: '/site.webmanifest' },\n          injectTo: 'head',\n        })\n      }\n\n      tags.push({\n        tag: 'meta',\n        attrs: { name: 'theme-color', content: themeColor },\n        injectTo: 'head',\n      })\n\n      return tags\n    },\n\n    async generateBundle() {\n      if (!isBuild) return\n\n      // Generate favicons for the base (default) source\n      await generateFaviconSet.call(this, root, config.source, config.darkSource, '', config, themeColor, backgroundColor, generateManifest)\n\n      // Generate locale-specific favicon sets\n      if (config.locales) {\n        for (const [locale, localeConfig] of Object.entries(config.locales)) {\n          await generateFaviconSet.call(this, root, localeConfig.source, localeConfig.darkSource, `${locale}/`, config, themeColor, backgroundColor, generateManifest)\n        }\n      }\n    },\n  }\n}\n\n/**\n * Wrap two SVGs into a single SVG that switches based on prefers-color-scheme.\n */\nfunction wrapSvgWithDarkMode(lightSvg: string, darkSvg: string): string {\n  // Extract viewBox from light SVG\n  const viewBoxMatch = lightSvg.match(/viewBox=\"([^\"]*)\"/)\n  const viewBox = viewBoxMatch?.[1] ?? '0 0 32 32'\n\n  return `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"${viewBox}\">\n  <style>\n    :root { color-scheme: light dark; }\n    @media (prefers-color-scheme: dark) { .light { display: none; } }\n    @media (prefers-color-scheme: light), (prefers-color-scheme: no-preference) { .dark { display: none; } }\n  </style>\n  <g class=\"light\">${stripSvgWrapper(lightSvg)}</g>\n  <g class=\"dark\">${stripSvgWrapper(darkSvg)}</g>\n</svg>`\n}\n\nfunction stripSvgWrapper(svg: string): string {\n  return svg\n    .replace(/<svg[^>]*>/, '')\n    .replace(/<\\/svg>\\s*$/, '')\n    .trim()\n}\n\n/**\n * Resolve the source path for a locale-prefixed favicon URL.\n * Returns null if the URL is not locale-prefixed or locale has no override.\n */\nfunction resolveLocaleSource(\n  url: string,\n  config: FaviconPluginConfig,\n  rootDir: string,\n): { locale: string; url: string; source: string; sourcePath: string } | null {\n  if (!config.locales) return null\n\n  for (const [locale, localeConfig] of Object.entries(config.locales)) {\n    const prefix = `/${locale}/`\n    if (url.startsWith(prefix)) {\n      return {\n        locale,\n        url,\n        source: localeConfig.source,\n        sourcePath: join(rootDir, localeConfig.source),\n      }\n    }\n  }\n  return null\n}\n\n/**\n * Generate a complete favicon set (SVG, PNGs, ICO, manifest) with a file prefix.\n * Called once for base (prefix = '') and once per locale (prefix = '{locale}/').\n */\nasync function generateFaviconSet(\n  this: any,\n  rootDir: string,\n  source: string,\n  darkSource: string | undefined,\n  prefix: string,\n  config: FaviconPluginConfig,\n  themeColor: string,\n  backgroundColor: string,\n  generateManifest: boolean,\n): Promise<void> {\n  const sourcePath = join(rootDir, source)\n  if (!existsSync(sourcePath)) {\n    // oxlint-disable-next-line no-console\n    console.warn(`[zero:favicon] Source not found: ${sourcePath}`)\n    return\n  }\n\n  const isSvg = source.endsWith('.svg')\n\n  // Copy SVG as favicon.svg\n  if (isSvg) {\n    const svgContent = await readFile(sourcePath, 'utf-8')\n    let finalSvg = svgContent\n\n    if (darkSource) {\n      const darkPath = join(rootDir, darkSource)\n      if (existsSync(darkPath)) {\n        const darkSvg = await readFile(darkPath, 'utf-8')\n        finalSvg = wrapSvgWithDarkMode(svgContent, darkSvg)\n      }\n    }\n\n    this.emitFile({\n      type: 'asset',\n      fileName: `${prefix}favicon.svg`,\n      source: finalSvg,\n    })\n  }\n\n  // Generate PNG sizes via sharp\n  if (darkSource) {\n    // Dual-variant: generate light + dark PNGs with prefixed names\n    const darkPath = join(rootDir, darkSource)\n    const darkExists = existsSync(darkPath)\n\n    for (const { size, name } of SIZES) {\n      // Light variant\n      const lightName = name.replace(/^(favicon-)/, '$1light-').replace(/^(apple-touch-icon)/, '$1-light').replace(/^(icon-)/, '$1light-')\n      const lightPng = await resizeToPng(sourcePath, size)\n      if (lightPng) {\n        this.emitFile({ type: 'asset', fileName: `${prefix}${lightName}`, source: lightPng })\n      }\n\n      // Dark variant\n      if (darkExists) {\n        const darkName = name.replace(/^(favicon-)/, '$1dark-').replace(/^(apple-touch-icon)/, '$1-dark').replace(/^(icon-)/, '$1dark-')\n        const darkPng = await resizeToPng(darkPath, size)\n        if (darkPng) {\n          this.emitFile({ type: 'asset', fileName: `${prefix}${darkName}`, source: darkPng })\n        }\n      }\n    }\n\n    // Also generate standard names (used by manifest + external references)\n    for (const { size, name } of SIZES) {\n      const pngBuffer = await resizeToPng(sourcePath, size)\n      if (pngBuffer) {\n        this.emitFile({ type: 'asset', fileName: `${prefix}${name}`, source: pngBuffer })\n      }\n    }\n  } else {\n    // Single-variant\n    for (const { size, name } of SIZES) {\n      const pngBuffer = await resizeToPng(sourcePath, size)\n      if (pngBuffer) {\n        this.emitFile({ type: 'asset', fileName: `${prefix}${name}`, source: pngBuffer })\n      }\n    }\n  }\n\n  // Generate favicon.ico (16 + 32)\n  const ico = await generateIco(sourcePath)\n  if (ico) {\n    this.emitFile({\n      type: 'asset',\n      fileName: `${prefix}favicon.ico`,\n      source: ico,\n    })\n  }\n\n  // Generate web manifest\n  if (generateManifest) {\n    const manifestPrefix = prefix ? `/${prefix.slice(0, -1)}` : ''\n    const manifest = {\n      name: config.name ?? 'App',\n      short_name: config.name ?? 'App',\n      icons: [\n        { src: `${manifestPrefix}/icon-192.png`, sizes: '192x192', type: 'image/png' },\n        { src: `${manifestPrefix}/icon-512.png`, sizes: '512x512', type: 'image/png' },\n      ],\n      theme_color: themeColor,\n      background_color: backgroundColor,\n      display: 'standalone',\n    }\n\n    this.emitFile({\n      type: 'asset',\n      fileName: `${prefix}site.webmanifest`,\n      source: JSON.stringify(manifest, null, 2),\n    })\n  }\n}\n\n/**\n * Get favicon link tags for a specific locale.\n * Returns link objects suitable for `useHead()` or direct HTML injection.\n *\n * @example\n * ```ts\n * const links = faviconLinks(\"de\", { source: \"./icon.svg\", locales: { de: { source: \"./icon-de.svg\" } } })\n * // → [{ rel: \"icon\", type: \"image/svg+xml\", href: \"/de/favicon.svg\" }, ...]\n * ```\n */\nexport function faviconLinks(\n  locale: string | undefined,\n  config: FaviconPluginConfig,\n): Array<{ rel: string; type?: string; sizes?: string; href: string }> {\n  const hasLocaleOverride = locale && config.locales?.[locale]\n  const prefix = hasLocaleOverride ? `/${locale}` : ''\n  const isSvg = (hasLocaleOverride ? config.locales![locale]!.source : config.source).endsWith('.svg')\n\n  const links: Array<{ rel: string; type?: string; sizes?: string; href: string }> = []\n\n  if (isSvg) {\n    links.push({ rel: 'icon', type: 'image/svg+xml', href: `${prefix}/favicon.svg` })\n  }\n\n  links.push(\n    { rel: 'icon', type: 'image/png', sizes: '32x32', href: `${prefix}/favicon-32x32.png` },\n    { rel: 'icon', type: 'image/png', sizes: '16x16', href: `${prefix}/favicon-16x16.png` },\n    { rel: 'apple-touch-icon', sizes: '180x180', href: `${prefix}/apple-touch-icon.png` },\n  )\n\n  if (config.manifest !== false) {\n    links.push({ rel: 'manifest', href: `${prefix}/site.webmanifest` })\n  }\n\n  return links\n}\n\nasync function resizeToPng(input: string, size: number): Promise<Uint8Array | null> {\n  try {\n    const sharp = await import('sharp').then((m) => m.default ?? m)\n    return await sharp(input).resize(size, size, { fit: 'contain', background: { r: 0, g: 0, b: 0, alpha: 0 } } as any).png().toBuffer()\n  } catch {\n    warnSharpMissing()\n    return null\n  }\n}\n\nasync function generateIco(input: string): Promise<Uint8Array | null> {\n  try {\n    const sharp = await import('sharp').then((m) => m.default ?? m)\n    const png16 = await sharp(input).resize(16, 16, { fit: 'contain', background: { r: 0, g: 0, b: 0, alpha: 0 } } as any).png().toBuffer()\n    const png32 = await sharp(input).resize(32, 32, { fit: 'contain', background: { r: 0, g: 0, b: 0, alpha: 0 } } as any).png().toBuffer()\n\n    // ICO format: header + directory entries + PNG data\n    return createIcoFromPngs([\n      { buffer: png16, size: 16 },\n      { buffer: png32, size: 32 },\n    ])\n  } catch {\n    warnSharpMissing()\n    return null\n  }\n}\n\nexport interface IcoEntry {\n  buffer: Buffer\n  size: number\n}\n\n/** @internal Exported for testing */\nexport function createIcoFromPngs(entries: IcoEntry[]): Uint8Array {\n  const headerSize = 6\n  const dirEntrySize = 16\n  const dirSize = dirEntrySize * entries.length\n  let dataOffset = headerSize + dirSize\n\n  // ICO header\n  const header = Buffer.alloc(headerSize)\n  header.writeUInt16LE(0, 0)              // reserved\n  header.writeUInt16LE(1, 2)              // type: icon\n  header.writeUInt16LE(entries.length, 4) // count\n\n  // Directory entries\n  const dirEntries = Buffer.alloc(dirSize)\n  const dataBuffers: Buffer[] = []\n\n  for (let i = 0; i < entries.length; i++) {\n    const entry = entries[i]!\n    const offset = i * dirEntrySize\n    dirEntries.writeUInt8(entry.size === 256 ? 0 : entry.size, offset)     // width\n    dirEntries.writeUInt8(entry.size === 256 ? 0 : entry.size, offset + 1) // height\n    dirEntries.writeUInt8(0, offset + 2)                                    // palette\n    dirEntries.writeUInt8(0, offset + 3)                                    // reserved\n    dirEntries.writeUInt16LE(1, offset + 4)                                 // color planes\n    dirEntries.writeUInt16LE(32, offset + 6)                                // bits per pixel\n    dirEntries.writeUInt32LE(entry.buffer.length, offset + 8)               // size\n    dirEntries.writeUInt32LE(dataOffset, offset + 12)                       // offset\n\n    dataOffset += entry.buffer.length\n    dataBuffers.push(entry.buffer)\n  }\n\n  return Buffer.concat([header, dirEntries, ...dataBuffers])\n}\n\n// ─── Dev badge helpers ──────────────────────────────────────────────────────\n\n/**\n * Add a \"DEV\" badge overlay to an SVG string.\n * Adds a small colored circle with \"DEV\" text in the bottom-right corner.\n */\nfunction addDevBadgeToSvg(svg: string): string {\n  const viewBoxMatch = svg.match(/viewBox=\"([^\"]*)\"/)\n  const viewBox = viewBoxMatch?.[1] ?? '0 0 32 32'\n  const [, , w, h] = viewBox.split(' ').map(Number)\n  const size = Math.min(w ?? 32, h ?? 32)\n  const r = size * 0.28\n  const cx = (w ?? 32) - r\n  const cy = (h ?? 32) - r\n  const fontSize = r * 0.85\n\n  const badge = `<circle cx=\"${cx}\" cy=\"${cy}\" r=\"${r}\" fill=\"#ef4444\" stroke=\"white\" stroke-width=\"${size * 0.03}\"/>` +\n    `<text x=\"${cx}\" y=\"${cy}\" font-size=\"${fontSize}\" font-weight=\"bold\" fill=\"white\" text-anchor=\"middle\" dominant-baseline=\"central\" font-family=\"sans-serif\">D</text>`\n\n  // Insert badge before closing </svg>\n  return svg.replace(/<\\/svg>\\s*$/, `${badge}</svg>`)\n}\n\n/**\n * Add a \"DEV\" badge to a PNG buffer via sharp composite.\n * Composites a red circle with \"D\" in the bottom-right corner.\n */\nasync function addDevBadgeToPng(pngBuffer: Uint8Array, size: number): Promise<Uint8Array> {\n  try {\n    const sharp = await import('sharp').then((m) => m.default ?? m)\n    const r = Math.round(size * 0.28)\n    const d = r * 2\n    const fontSize = Math.round(r * 0.85)\n\n    const badgeSvg = `<svg width=\"${d}\" height=\"${d}\" xmlns=\"http://www.w3.org/2000/svg\">\n      <circle cx=\"${r}\" cy=\"${r}\" r=\"${r}\" fill=\"#ef4444\"/>\n      <text x=\"${r}\" y=\"${r}\" font-size=\"${fontSize}\" font-weight=\"bold\" fill=\"white\" text-anchor=\"middle\" dominant-baseline=\"central\" font-family=\"sans-serif\">D</text>\n    </svg>`\n\n    const badgePng = await sharp(Buffer.from(badgeSvg)).png().toBuffer()\n\n    return await (sharp(Buffer.from(pngBuffer)) as any)\n      .composite([{\n        input: badgePng,\n        gravity: 'southeast',\n      }])\n      .png()\n      .toBuffer()\n  } catch {\n    // sharp not available — return original\n    return pngBuffer\n  }\n}\n"],"mappings":"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"}

package/lib/image.js

@@ -91,6 +91,17 @@ const jsxs = jsx;
 * <Image src="/hero.jpg" alt="Hero" width={1200} height={630} />
 */
 function Image(props) {
+	if (props.raw) return /* @__PURE__ */ jsx("img", {
+		src: props.src,
+		alt: props.alt,
+		width: props.width,
+		height: props.height,
+		class: props.class,
+		style: props.style,
+		decoding: props.decoding ?? "async",
+		loading: props.loading ?? "lazy",
+		fetchPriority: props.priority ? "high" : void 0
+	});
 	const isEager = props.priority || props.loading === "eager";
 	const loaded = signal(isEager);
 	const inView = signal(isEager);

package/lib/image.js.map

@@ -1 +1 @@
-{"version":3,"file":"image.js","names":[],"sources":["../src/utils/use-intersection-observer.ts","../../../core/core/lib/jsx-runtime.js","../src/image.tsx"],"sourcesContent":["import { onMount, onUnmount } from '@pyreon/core'\n\n/**\n * Observes an element and calls `onIntersect` once it enters the viewport.\n * Automatically disconnects after the first intersection.\n *\n * @param getElement - Getter for the target element (may be undefined before mount).\n * @param onIntersect - Callback fired when the element becomes visible.\n * @param rootMargin - IntersectionObserver rootMargin. Default: \"200px\".\n */\nexport function useIntersectionObserver(\n  getElement: () => HTMLElement | undefined,\n  onIntersect: () => void,\n  rootMargin = '200px',\n) {\n  onMount(() => {\n    const el = getElement()\n    if (!el) return undefined\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        for (const entry of entries) {\n          if (entry.isIntersecting) {\n            onIntersect()\n            observer.disconnect()\n          }\n        }\n      },\n      { rootMargin },\n    )\n\n    observer.observe(el)\n    onUnmount(() => observer.disconnect())\n    return undefined\n  })\n}\n","//#region src/h.ts\n/** Marker for fragment nodes — renders children without a wrapper element */\nconst Fragment = Symbol(\"Pyreon.Fragment\");\n/**\n* Hyperscript function — the compiled output of JSX.\n* `<div class=\"x\">hello</div>` → `h(\"div\", { class: \"x\" }, \"hello\")`\n*\n* Generic on P so TypeScript validates props match the component's signature\n* at the call site, then stores the result in the loosely-typed VNode.\n*/\n/** Shared empty props sentinel — identity-checked in mountElement to skip applyProps. */\nconst EMPTY_PROPS = {};\nfunction h(type, props, ...children) {\n\treturn {\n\t\ttype,\n\t\tprops: props ?? EMPTY_PROPS,\n\t\tchildren: normalizeChildren(children),\n\t\tkey: props?.key ?? null\n\t};\n}\nfunction normalizeChildren(children) {\n\tfor (let i = 0; i < children.length; i++) if (Array.isArray(children[i])) return flattenChildren(children);\n\treturn children;\n}\nfunction flattenChildren(children) {\n\tconst result = [];\n\tfor (const child of children) if (Array.isArray(child)) result.push(...flattenChildren(child));\n\telse result.push(child);\n\treturn result;\n}\n\n//#endregion\n//#region src/jsx-runtime.ts\n/**\n* JSX automatic runtime.\n*\n* When tsconfig has `\"jsxImportSource\": \"@pyreon/core\"`, the TS/bundler compiler\n* rewrites JSX to imports from this file automatically:\n*   <div class=\"x\" />  →  jsx(\"div\", { class: \"x\" })\n*/\nfunction jsx(type, props, key) {\n\tconst { children, ...rest } = props;\n\tconst propsWithKey = key != null ? {\n\t\t...rest,\n\t\tkey\n\t} : rest;\n\tif (typeof type === \"function\") return h(type, children !== void 0 ? {\n\t\t...propsWithKey,\n\t\tchildren\n\t} : propsWithKey);\n\treturn h(type, propsWithKey, ...children === void 0 ? [] : Array.isArray(children) ? children : [children]);\n}\nconst jsxs = jsx;\n\n//#endregion\nexport { Fragment, jsx, jsxs };\n//# sourceMappingURL=jsx-runtime.js.map","import type { VNodeChild } from '@pyreon/core'\nimport { createRef } from '@pyreon/core'\nimport { signal } from '@pyreon/reactivity'\nimport type { FormatSource } from './image-plugin'\nimport { useIntersectionObserver } from './utils/use-intersection-observer'\n\n// ─── Image optimization component ───────────────────────────────────────────\n//\n// <Image> provides:\n// - Lazy loading via IntersectionObserver (loads when near viewport)\n// - Automatic width/height to prevent CLS (Cumulative Layout Shift)\n// - Responsive srcset generation from width descriptors\n// - Multi-format support via <picture> (WebP/AVIF with fallback)\n// - Blur-up placeholder while loading\n// - Priority loading for above-the-fold images\n\nexport interface ImageProps {\n  /** Image source URL. */\n  src: string\n  /** Alt text (required for accessibility). */\n  alt: string\n  /** Intrinsic width of the image. */\n  width: number\n  /** Intrinsic height of the image. */\n  height: number\n  /** Responsive sizes attribute. Default: \"100vw\" */\n  sizes?: string\n  /** Responsive srcset string or source array. */\n  srcset?: string | ImageSource[]\n  /** Per-format source sets for <picture>. Provided automatically by imagePlugin. */\n  formats?: FormatSource[]\n  /** Loading strategy. \"lazy\" uses IntersectionObserver, \"eager\" loads immediately. Default: \"lazy\" */\n  loading?: 'lazy' | 'eager'\n  /** Mark as priority (LCP image). Disables lazy loading, adds fetchPriority=\"high\". */\n  priority?: boolean\n  /** Low-quality placeholder image URL or base64 data URI for blur-up effect. */\n  placeholder?: string\n  /** CSS class name. */\n  class?: string\n  /** Inline styles. */\n  style?: string\n  /** CSS object-fit. Default: \"cover\" */\n  fit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down'\n  /** Decode async. Default: true */\n  decoding?: 'sync' | 'async' | 'auto'\n}\n\nexport interface ImageSource {\n  src: string\n  width: number\n}\n\n/**\n * Optimized image component with lazy loading, responsive images,\n * multi-format <picture> support, and blur-up placeholders.\n *\n * @example\n * // With imagePlugin — spread the import directly\n * import hero from \"./hero.jpg?optimize\"\n * <Image {...hero} alt=\"Hero\" priority />\n *\n * @example\n * // Manual usage\n * <Image src=\"/hero.jpg\" alt=\"Hero\" width={1200} height={630} />\n */\nexport function Image(props: ImageProps): VNodeChild {\n  const isEager = props.priority || props.loading === 'eager'\n  const loaded = signal(isEager)\n  const inView = signal(isEager)\n  const containerRef = createRef<HTMLElement>()\n\n  // Resolve srcset from string or array\n  const resolvedSrcset =\n    typeof props.srcset === 'string'\n      ? props.srcset\n      : props.srcset?.map((s) => `${s.src} ${s.width}w`).join(', ')\n\n  const sizes = props.sizes ?? '100vw'\n  const fit = props.fit ?? 'cover'\n  const hasFormats = props.formats && props.formats.length > 0\n  const aspectRatio = `${props.width} / ${props.height}`\n\n  if (!isEager) {\n    useIntersectionObserver(\n      () => containerRef.current ?? undefined,\n      () => inView.set(true),\n    )\n  }\n\n  // Static styles (don't depend on signals)\n  const containerStyle = [\n    'position: relative',\n    'overflow: hidden',\n    `aspect-ratio: ${aspectRatio}`,\n    `max-width: ${props.width}px`,\n    'width: 100%',\n    props.style,\n  ]\n    .filter(Boolean)\n    .join('; ')\n\n  const imgEl = (\n    <img\n      src={() => (inView() ? props.src : '')}\n      srcSet={() => (!hasFormats && inView() && resolvedSrcset ? resolvedSrcset : '')}\n      sizes={resolvedSrcset ? sizes : undefined}\n      alt={props.alt}\n      width={props.width}\n      height={props.height}\n      loading={isEager ? 'eager' : 'lazy'}\n      decoding={props.decoding ?? 'async'}\n      fetchPriority={props.priority ? 'high' : undefined}\n      onLoad={() => loaded.set(true)}\n      style={() =>\n        [\n          'display: block',\n          'width: 100%',\n          'height: 100%',\n          `object-fit: ${fit}`,\n          'transition: opacity 0.3s ease',\n          props.placeholder && !loaded() ? 'opacity: 0' : 'opacity: 1',\n        ].join('; ')\n      }\n    />\n  )\n\n  return (\n    <div ref={containerRef} class={props.class} style={containerStyle}>\n      {props.placeholder && (\n        <img\n          src={props.placeholder}\n          alt=\"\"\n          aria-hidden=\"true\"\n          loading=\"eager\"\n          style={() =>\n            [\n              'position: absolute',\n              'inset: 0',\n              'width: 100%',\n              'height: 100%',\n              'object-fit: cover',\n              'filter: blur(20px)',\n              'transform: scale(1.1)',\n              'transition: opacity 0.4s ease',\n              loaded() ? 'opacity: 0; pointer-events: none' : 'opacity: 1',\n            ].join('; ')\n          }\n        />\n      )}\n      {hasFormats ? (\n        <picture>\n          {props.formats?.map((fmt) => (\n            <source\n              type={fmt.type}\n              srcSet={() => (inView() ? (fmt.srcset ?? '') : '')}\n              sizes={sizes}\n            />\n          ))}\n          {imgEl}\n        </picture>\n      ) : (\n        imgEl\n      )}\n    </div>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"image.js","names":[],"sources":["../src/utils/use-intersection-observer.ts","../../../core/core/lib/jsx-runtime.js","../src/image.tsx"],"sourcesContent":["import { onMount, onUnmount } from '@pyreon/core'\n\n/**\n * Observes an element and calls `onIntersect` once it enters the viewport.\n * Automatically disconnects after the first intersection.\n *\n * @param getElement - Getter for the target element (may be undefined before mount).\n * @param onIntersect - Callback fired when the element becomes visible.\n * @param rootMargin - IntersectionObserver rootMargin. Default: \"200px\".\n */\nexport function useIntersectionObserver(\n  getElement: () => HTMLElement | undefined,\n  onIntersect: () => void,\n  rootMargin = '200px',\n) {\n  onMount(() => {\n    const el = getElement()\n    if (!el) return undefined\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        for (const entry of entries) {\n          if (entry.isIntersecting) {\n            onIntersect()\n            observer.disconnect()\n          }\n        }\n      },\n      { rootMargin },\n    )\n\n    observer.observe(el)\n    onUnmount(() => observer.disconnect())\n    return undefined\n  })\n}\n","//#region src/h.ts\n/** Marker for fragment nodes — renders children without a wrapper element */\nconst Fragment = Symbol(\"Pyreon.Fragment\");\n/**\n* Hyperscript function — the compiled output of JSX.\n* `<div class=\"x\">hello</div>` → `h(\"div\", { class: \"x\" }, \"hello\")`\n*\n* Generic on P so TypeScript validates props match the component's signature\n* at the call site, then stores the result in the loosely-typed VNode.\n*/\n/** Shared empty props sentinel — identity-checked in mountElement to skip applyProps. */\nconst EMPTY_PROPS = {};\nfunction h(type, props, ...children) {\n\treturn {\n\t\ttype,\n\t\tprops: props ?? EMPTY_PROPS,\n\t\tchildren: normalizeChildren(children),\n\t\tkey: props?.key ?? null\n\t};\n}\nfunction normalizeChildren(children) {\n\tfor (let i = 0; i < children.length; i++) if (Array.isArray(children[i])) return flattenChildren(children);\n\treturn children;\n}\nfunction flattenChildren(children) {\n\tconst result = [];\n\tfor (const child of children) if (Array.isArray(child)) result.push(...flattenChildren(child));\n\telse result.push(child);\n\treturn result;\n}\n\n//#endregion\n//#region src/jsx-runtime.ts\n/**\n* JSX automatic runtime.\n*\n* When tsconfig has `\"jsxImportSource\": \"@pyreon/core\"`, the TS/bundler compiler\n* rewrites JSX to imports from this file automatically:\n*   <div class=\"x\" />  →  jsx(\"div\", { class: \"x\" })\n*/\nfunction jsx(type, props, key) {\n\tconst { children, ...rest } = props;\n\tconst propsWithKey = key != null ? {\n\t\t...rest,\n\t\tkey\n\t} : rest;\n\tif (typeof type === \"function\") return h(type, children !== void 0 ? {\n\t\t...propsWithKey,\n\t\tchildren\n\t} : propsWithKey);\n\treturn h(type, propsWithKey, ...children === void 0 ? [] : Array.isArray(children) ? children : [children]);\n}\nconst jsxs = jsx;\n\n//#endregion\nexport { Fragment, jsx, jsxs };\n//# sourceMappingURL=jsx-runtime.js.map","import type { VNodeChild } from '@pyreon/core'\nimport { createRef } from '@pyreon/core'\nimport { signal } from '@pyreon/reactivity'\nimport type { FormatSource } from './image-plugin'\nimport { useIntersectionObserver } from './utils/use-intersection-observer'\n\n// ─── Image optimization component ───────────────────────────────────────────\n//\n// <Image> provides:\n// - Lazy loading via IntersectionObserver (loads when near viewport)\n// - Automatic width/height to prevent CLS (Cumulative Layout Shift)\n// - Responsive srcset generation from width descriptors\n// - Multi-format support via <picture> (WebP/AVIF with fallback)\n// - Blur-up placeholder while loading\n// - Priority loading for above-the-fold images\n\nexport interface ImageProps {\n  /** Image source URL. */\n  src: string\n  /** Alt text (required for accessibility). */\n  alt: string\n  /** Intrinsic width of the image. */\n  width: number\n  /** Intrinsic height of the image. */\n  height: number\n  /** Responsive sizes attribute. Default: \"100vw\" */\n  sizes?: string\n  /** Responsive srcset string or source array. */\n  srcset?: string | ImageSource[]\n  /** Per-format source sets for <picture>. Provided automatically by imagePlugin. */\n  formats?: FormatSource[]\n  /** Loading strategy. \"lazy\" uses IntersectionObserver, \"eager\" loads immediately. Default: \"lazy\" */\n  loading?: 'lazy' | 'eager'\n  /** Mark as priority (LCP image). Disables lazy loading, adds fetchPriority=\"high\". */\n  priority?: boolean\n  /** Low-quality placeholder image URL or base64 data URI for blur-up effect. */\n  placeholder?: string\n  /** CSS class name. */\n  class?: string\n  /** Inline styles. */\n  style?: string\n  /** CSS object-fit. Default: \"cover\" */\n  fit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down'\n  /** Decode async. Default: true */\n  decoding?: 'sync' | 'async' | 'auto'\n  /**\n   * Raw mode — renders a plain `<img>` without the container div,\n   * aspect-ratio, max-width, or lazy loading wrapper.\n   * Use when the Image is inside a custom layout (absolute positioning, etc.).\n   */\n  raw?: boolean\n}\n\nexport interface ImageSource {\n  src: string\n  width: number\n}\n\n/**\n * Optimized image component with lazy loading, responsive images,\n * multi-format <picture> support, and blur-up placeholders.\n *\n * @example\n * // With imagePlugin — spread the import directly\n * import hero from \"./hero.jpg?optimize\"\n * <Image {...hero} alt=\"Hero\" priority />\n *\n * @example\n * // Manual usage\n * <Image src=\"/hero.jpg\" alt=\"Hero\" width={1200} height={630} />\n */\nexport function Image(props: ImageProps): VNodeChild {\n  // Raw mode: plain <img> without container, lazy loading, or layout constraints\n  if (props.raw) {\n    return (\n      <img\n        src={props.src}\n        alt={props.alt}\n        width={props.width}\n        height={props.height}\n        class={props.class}\n        style={props.style}\n        decoding={props.decoding ?? 'async'}\n        loading={props.loading ?? 'lazy'}\n        fetchPriority={props.priority ? 'high' : undefined}\n      />\n    ) as any\n  }\n\n  const isEager = props.priority || props.loading === 'eager'\n  const loaded = signal(isEager)\n  const inView = signal(isEager)\n  const containerRef = createRef<HTMLElement>()\n\n  // Resolve srcset from string or array\n  const resolvedSrcset =\n    typeof props.srcset === 'string'\n      ? props.srcset\n      : props.srcset?.map((s) => `${s.src} ${s.width}w`).join(', ')\n\n  const sizes = props.sizes ?? '100vw'\n  const fit = props.fit ?? 'cover'\n  const hasFormats = props.formats && props.formats.length > 0\n  const aspectRatio = `${props.width} / ${props.height}`\n\n  if (!isEager) {\n    useIntersectionObserver(\n      () => containerRef.current ?? undefined,\n      () => inView.set(true),\n    )\n  }\n\n  // Static styles (don't depend on signals)\n  const containerStyle = [\n    'position: relative',\n    'overflow: hidden',\n    `aspect-ratio: ${aspectRatio}`,\n    `max-width: ${props.width}px`,\n    'width: 100%',\n    props.style,\n  ]\n    .filter(Boolean)\n    .join('; ')\n\n  const imgEl = (\n    <img\n      src={() => (inView() ? props.src : '')}\n      srcSet={() => (!hasFormats && inView() && resolvedSrcset ? resolvedSrcset : '')}\n      sizes={resolvedSrcset ? sizes : undefined}\n      alt={props.alt}\n      width={props.width}\n      height={props.height}\n      loading={isEager ? 'eager' : 'lazy'}\n      decoding={props.decoding ?? 'async'}\n      fetchPriority={props.priority ? 'high' : undefined}\n      onLoad={() => loaded.set(true)}\n      style={() =>\n        [\n          'display: block',\n          'width: 100%',\n          'height: 100%',\n          `object-fit: ${fit}`,\n          'transition: opacity 0.3s ease',\n          props.placeholder && !loaded() ? 'opacity: 0' : 'opacity: 1',\n        ].join('; ')\n      }\n    />\n  )\n\n  return (\n    <div ref={containerRef} class={props.class} style={containerStyle}>\n      {props.placeholder && (\n        <img\n          src={props.placeholder}\n          alt=\"\"\n          aria-hidden=\"true\"\n          loading=\"eager\"\n          style={() =>\n            [\n              'position: absolute',\n              'inset: 0',\n              'width: 100%',\n              'height: 100%',\n              'object-fit: cover',\n              'filter: blur(20px)',\n              'transform: scale(1.1)',\n              'transition: opacity 0.4s ease',\n              loaded() ? 'opacity: 0; pointer-events: none' : 'opacity: 1',\n            ].join('; ')\n          }\n        />\n      )}\n      {hasFormats ? (\n        <picture>\n          {props.formats?.map((fmt) => (\n            <source\n              type={fmt.type}\n              srcSet={() => (inView() ? (fmt.srcset ?? '') : '')}\n              sizes={sizes}\n            />\n          ))}\n          {imgEl}\n        </picture>\n      ) : (\n        imgEl\n      )}\n    </div>\n  )\n}\n"],"mappings":"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"}

package/lib/index.js

@@ -93,6 +93,17 @@ const jsxs = jsx;
 * <Image src="/hero.jpg" alt="Hero" width={1200} height={630} />
 */
 function Image(props) {
+	if (props.raw) return /* @__PURE__ */ jsx("img", {
+		src: props.src,
+		alt: props.alt,
+		width: props.width,
+		height: props.height,
+		class: props.class,
+		style: props.style,
+		decoding: props.decoding ?? "async",
+		loading: props.loading ?? "lazy",
+		fetchPriority: props.priority ? "high" : void 0
+	});
 	const isEager = props.priority || props.loading === "eager";
 	const loaded = signal(isEager);
 	const inView = signal(isEager);
@@ -215,7 +226,7 @@ function useLink(props) {
 	const strategy = props.prefetch ?? "hover";
 	function handleClick(e) {
 		if (props.onClick) props.onClick(e);
-		if (e.defaultPrevented || e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey || props.external) return;
+		if (e.defaultPrevented || e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey || props.external || !props.href) return;
 		e.preventDefault();
 		router.push(props.href);
 	}
@@ -806,7 +817,10 @@ function initTheme() {
 		mq.addEventListener("change", onChange);
 		onUnmount(() => mq.removeEventListener("change", onChange));
 		const dispose = effect(() => {
-			document.documentElement.dataset.theme = resolvedTheme();
+			const mode = resolvedTheme();
+			document.documentElement.dataset.theme = mode;
+			const faviconLinks = document.querySelectorAll("[data-favicon-theme]");
+			for (const link of faviconLinks) link.media = link.dataset.faviconTheme === mode ? "" : "not all";
 		});
 		if (dispose) onUnmount(() => dispose.dispose());
 	});
@@ -917,8 +931,42 @@ function ThemeToggle(props) {
 *   ...
 * </head>
 */
-const themeScript = `(function(){try{var t=localStorage.getItem("${STORAGE_KEY}");var r=t==="light"?"light":t==="dark"?"dark":window.matchMedia("(prefers-color-scheme:dark)").matches?"dark":"light";document.documentElement.dataset.theme=r}catch(e){}})()`;
+const themeScript = `(function(){try{var t=localStorage.getItem("${STORAGE_KEY}");var r=t==="light"?"light":t==="dark"?"dark":window.matchMedia("(prefers-color-scheme:dark)").matches?"dark":"light";document.documentElement.dataset.theme=r;document.querySelectorAll("[data-favicon-theme]").forEach(function(l){l.media=l.dataset.faviconTheme===r?"":"not all"})}catch(e){}})()`;
+
+//#endregion
+//#region src/index.ts
+function serverOnly(name, subpath) {
+	throw new Error(`[Pyreon] "${name}" is server-only and cannot be imported from "@pyreon/zero".\nImport from the subpath instead:\n\n  import { ${name} } from "@pyreon/zero/${subpath}"\n`);
+}
+/** @deprecated Import from `@pyreon/zero/favicon` instead */
+function faviconPlugin(..._) {
+	return serverOnly("faviconPlugin", "favicon");
+}
+/** @deprecated Import from `@pyreon/zero/seo` instead */
+function seoPlugin(..._) {
+	return serverOnly("seoPlugin", "seo");
+}
+/** @deprecated Import from `@pyreon/zero/server` instead */
+function createServer(..._) {
+	return serverOnly("createServer", "server");
+}
+/** @deprecated Import from `@pyreon/zero/config` instead */
+function defineConfig(..._) {
+	return serverOnly("defineConfig", "config");
+}
+/** @deprecated Import from `@pyreon/zero/env` instead */
+function validateEnv(..._) {
+	return serverOnly("validateEnv", "env");
+}
+/** @deprecated Import from `@pyreon/zero/og-image` instead */
+function ogImagePlugin(..._) {
+	return serverOnly("ogImagePlugin", "og-image");
+}
+/** @deprecated Import from `@pyreon/zero/ai` instead */
+function aiPlugin(..._) {
+	return serverOnly("aiPlugin", "ai");
+}
 
 //#endregion
-export { Image, Link, Meta, Script, ThemeToggle, buildLocalePath, buildMetaTags, createLink, extractLocaleFromPath, initTheme, prefetchRoute, resolvedTheme, setLocale, setSSRThemeDefault, setTheme, theme, themeScript, toggleTheme, useLink, useLocale };
+export { Image, Link, Meta, Script, ThemeToggle, aiPlugin, buildLocalePath, buildMetaTags, createLink, createServer, defineConfig, extractLocaleFromPath, faviconPlugin, initTheme, ogImagePlugin, prefetchRoute, resolvedTheme, seoPlugin, setLocale, setSSRThemeDefault, setTheme, theme, themeScript, toggleTheme, useLink, useLocale, validateEnv };
 //# sourceMappingURL=index.js.map