reroute-js 1.0.0-alpha.21 → 1.0.0-alpha.23

package/elysia/index.js

@@ -1,5 +1,5 @@
 /**
- * reroute-js v1.0.0-alpha.21
+ * reroute-js v1.0.0-alpha.23
  *
  * @license MIT
  * @copyright 2026 stewones <hi@stewan.io>
@@ -89,7 +89,7 @@ async function loadConfig(cwd) {
 var init_config = () => {};
 
 // packages/core/src/ssr/lib/path.ts
-function join(...parts) {
+function join2(...parts) {
   return parts.join("/").replace(/\/+/g, "/");
 }
 function extname(p) {
@@ -114,8 +114,8 @@ async function listContentFiles(dir, baseRel) {
   try {
     const entries = await readdir(dir, { withFileTypes: true });
     for (const entry of entries) {
-      const full = join(dir, entry.name);
-      const rel = join(baseRel, entry.name);
+      const full = join2(dir, entry.name);
+      const rel = join2(baseRel, entry.name);
       if (entry.isDirectory()) {
         const nested = await listContentFiles(full, rel);
         out.push(...nested);
@@ -130,7 +130,7 @@ async function listContentFiles(dir, baseRel) {
 }
 async function discoverCollections(clientDir) {
   const collections = new Set;
-  const bundledCollectionsDir = join(clientDir, "collections");
+  const bundledCollectionsDir = join2(clientDir, "collections");
   try {
     const bundledEntries = await readdir(bundledCollectionsDir, {
       withFileTypes: true
@@ -145,12 +145,12 @@ async function discoverCollections(clientDir) {
       return Array.from(collections);
     }
   } catch {}
-  const root = join(clientDir, "routes");
+  const root = join2(clientDir, "routes");
   try {
     const entries = await readdir(root, { withFileTypes: true });
     for (const entry of entries) {
       if (entry.isDirectory()) {
-        const contentDir = join(root, entry.name, "content");
+        const contentDir = join2(root, entry.name, "content");
         try {
           await stat(contentDir);
           collections.add(entry.name);
@@ -245,7 +245,7 @@ var init_catalog = () => {};
 
 // packages/core/src/i18n/discover.ts
 import { readdir as readdir2 } from "node:fs/promises";
-import { join as join2 } from "node:path";
+import { join as join3 } from "node:path";
 async function loadCatalog(filePath) {
   try {
     const text = await Bun.file(filePath).text();
@@ -264,7 +264,7 @@ async function loadLocaleCatalogs(absDir) {
     const locale = entry.name.slice(0, -".json".length);
     if (!locale)
       continue;
-    const catalog = await loadCatalog(join2(absDir, entry.name));
+    const catalog = await loadCatalog(join3(absDir, entry.name));
     if (!catalog)
       continue;
     catalogs[locale] = catalog;
@@ -286,7 +286,7 @@ async function discoverI18n(cwd, options = {}) {
   const defaultLocale = options.defaultLocale ?? DEFAULT_LOCALE;
   const cookie = options.cookie ?? DEFAULT_COOKIE;
   const redirectContentOnNegotiate = options.redirectContentOnNegotiate ?? true;
-  const absDir = join2(cwd, localesDir);
+  const absDir = join3(cwd, localesDir);
   const disabled = {
     enabled: false,
     defaultLocale,
@@ -624,6 +624,58 @@ var init_i18n = __esm(() => {
   init_resolve();
 });
 
+// packages/core/src/image.ts
+function uniquePositiveWidths(widths) {
+  return [...new Set(widths.filter((width) => width > 0))].sort((a, b) => a - b);
+}
+function resolveImagePreprocess(image) {
+  const preprocess = image?.preprocess;
+  if (!preprocess) {
+    return {
+      enabled: false,
+      widths: [...DEFAULT_IMAGE_DEVICE_SIZES],
+      formats: [...DEFAULT_PREPROCESS_FORMATS],
+      quality: DEFAULT_IMAGE_QUALITY,
+      qualities: [DEFAULT_IMAGE_QUALITY]
+    };
+  }
+  const options = preprocess === true ? {} : preprocess;
+  const quality = options.quality ?? DEFAULT_IMAGE_QUALITY;
+  return {
+    enabled: true,
+    widths: uniquePositiveWidths([
+      options.mobile ?? DEFAULT_PREPROCESS_SIZES.mobile,
+      options.tablet ?? DEFAULT_PREPROCESS_SIZES.tablet,
+      options.desktop ?? DEFAULT_PREPROCESS_SIZES.desktop
+    ]),
+    formats: options.formats?.length ? options.formats : [...DEFAULT_PREPROCESS_FORMATS],
+    quality,
+    qualities: uniquePositiveWidths(options.qualities ?? [quality])
+  };
+}
+function resolveImageDeviceSizes(image) {
+  return resolveImagePreprocess(image).widths;
+}
+var DEFAULT_IMAGE_DEVICE_SIZES, DEFAULT_PREPROCESS_SIZES, DEFAULT_PREPROCESS_FORMATS, DEFAULT_IMAGE_QUALITY = 75;
+var init_image = __esm(() => {
+  DEFAULT_IMAGE_DEVICE_SIZES = [
+    640,
+    750,
+    828,
+    1080,
+    1200,
+    1920,
+    2048,
+    3840
+  ];
+  DEFAULT_PREPROCESS_SIZES = {
+    mobile: 640,
+    tablet: 1024,
+    desktop: 1920
+  };
+  DEFAULT_PREPROCESS_FORMATS = ["webp", "avif"];
+});
+
 // packages/telemetry/src/server/context.ts
 import { AsyncLocalStorage } from "node:async_hooks";
 var contextStorage;
@@ -1116,7 +1168,7 @@ function cleanupPathScopedSSRData(pathname) {
 
 // packages/core/src/ssr/lib/imports.ts
 import { copyFile, realpath, stat as stat3, unlink } from "node:fs/promises";
-import { basename as basename2, dirname, extname as extname2, join as join3 } from "node:path";
+import { basename as basename2, dirname, extname as extname2, join as join4 } from "node:path";
 import { pathToFileURL as pathToFileURL3 } from "node:url";
 function clearWatchImportCache() {
   watchImportCache.clear();
@@ -1126,7 +1178,7 @@ function bustCopyPath(absolutePath) {
   const ext = extname2(absolutePath);
   const base = basename2(absolutePath, ext);
   const token = `${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 8)}`;
-  return join3(dir, `${base}.bust-${token}${ext}`);
+  return join4(dir, `${base}.bust-${token}${ext}`);
 }
 async function dynamicImport(absolutePath, isWatchMode) {
   const href = pathToFileURL3(absolutePath).href;
@@ -1163,7 +1215,7 @@ var init_imports = __esm(() => {
 // packages/core/src/ssr/lib/collections.ts
 async function loadCollections(cwd, isWatchMode) {
   try {
-    const p = join(cwd, ".reroute", "content.ts");
+    const p = join2(cwd, ".reroute", "content.ts");
     const mod = await dynamicImport(p, isWatchMode);
     return mod?.byCollection || {};
   } catch {
@@ -1540,7 +1592,7 @@ function createLayoutDataKey(pattern) {
 async function loadLayoutSSRExport(layout, clientDir, isWatchMode) {
   let ssrExport = layout?.ssr;
   if (!ssrExport) {
-    const abs = join(clientDir, "routes", String(layout.path));
+    const abs = join2(clientDir, "routes", String(layout.path));
     const mod = await dynamicImport(abs, isWatchMode);
     ssrExport = mod?.ssr;
   }
@@ -1681,11 +1733,11 @@ async function loadRouteSSRExport(route, clientDir, isWatchMode) {
   let ssrExport = route?.ssr;
   if (!ssrExport) {
     const routePath = String(route.path);
-    const cwd = join(clientDir, "..");
-    let abs = join(cwd, ".reroute", "streaming", routePath);
+    const cwd = join2(clientDir, "..");
+    let abs = join2(cwd, ".reroute", "streaming", routePath);
     let mod = await dynamicImport(abs, isWatchMode).catch(() => null);
     if (!mod) {
-      abs = join(clientDir, "routes", routePath);
+      abs = join2(clientDir, "routes", routePath);
       mod = await dynamicImport(abs, isWatchMode);
     }
     ssrExport = mod?.ssr;
@@ -1891,7 +1943,7 @@ async function loadRoutesModule(cwd, isWatchMode) {
     if (bundledRoutes && bundledLayouts) {
       return createBundledRoutesModule(bundledRoutes, bundledLayouts);
     }
-    const routesPath = join(cwd, ".reroute", "routes.ts");
+    const routesPath = join2(cwd, ".reroute", "routes.ts");
     return await dynamicImport(routesPath, isWatchMode);
   } catch {
     return null;
@@ -1984,7 +2036,7 @@ async function importContentModuleForPath(pathname, clientDir, cwd, isWatchMode)
 }
 async function tryRegistryImport(collection, name, cwd, isWatchMode, locale) {
   try {
-    const registryPath = join(cwd, ".reroute", "content.ts");
+    const registryPath = join2(cwd, ".reroute", "content.ts");
     const reg = await dynamicImport(registryPath, isWatchMode);
     const get = reg?.getContentEntry;
     const entry = typeof get === "function" ? get(collection, name, locale) : undefined;
@@ -1995,9 +2047,9 @@ async function tryRegistryImport(collection, name, cwd, isWatchMode, locale) {
     const normalized = raw.replace(/^\/+/, "");
     const candidates = [];
     if (normalized) {
-      candidates.push(join(cwd, normalized));
+      candidates.push(join2(cwd, normalized));
       if (!normalized.startsWith(".reroute/")) {
-        candidates.push(join(cwd, ".reroute", normalized));
+        candidates.push(join2(cwd, ".reroute", normalized));
       }
     }
     for (const abs of candidates) {
@@ -2012,7 +2064,7 @@ async function tryRegistryImport(collection, name, cwd, isWatchMode, locale) {
 }
 async function tryChunkImport(collection, name, cwd, isWatchMode) {
   try {
-    const chunkDir = join(cwd, ".reroute", "chunks", collection);
+    const chunkDir = join2(cwd, ".reroute", "chunks", collection);
     const files = await readdir3(chunkDir);
     const matches = files.filter((n) => n.startsWith(`${name}.`) && n.endsWith(".js"));
     if (!matches.length)
@@ -2021,14 +2073,14 @@ async function tryChunkImport(collection, name, cwd, isWatchMode) {
     let latestM = 0;
     for (const f of matches) {
       try {
-        const s = await stat4(join(chunkDir, f));
+        const s = await stat4(join2(chunkDir, f));
         if (s.mtimeMs >= latestM) {
           latestM = s.mtimeMs;
           latest = f;
         }
       } catch {}
     }
-    const absChunk = join(chunkDir, latest);
+    const absChunk = join2(chunkDir, latest);
     return await dynamicImport(absChunk, isWatchMode);
   } catch {}
   return null;
@@ -2037,9 +2089,9 @@ async function trySourceImport(collection, name, clientDir, isWatchMode, locale)
   try {
     const candidates = [];
     if (locale) {
-      candidates.push(join(clientDir, "routes", collection, "content", locale, `${name}.tsx`), join(clientDir, "routes", collection, "content", locale, `${name}.ts`));
+      candidates.push(join2(clientDir, "routes", collection, "content", locale, `${name}.tsx`), join2(clientDir, "routes", collection, "content", locale, `${name}.ts`));
     }
-    candidates.push(join(clientDir, "routes", collection, "content", `${name}.tsx`), join(clientDir, "routes", collection, "content", `${name}.ts`));
+    candidates.push(join2(clientDir, "routes", collection, "content", `${name}.tsx`), join2(clientDir, "routes", collection, "content", `${name}.ts`));
     for (const absSrc of candidates) {
       if (await Bun.file(absSrc).exists()) {
         return await dynamicImport(absSrc, isWatchMode);
@@ -2149,7 +2201,7 @@ async function loadRouteDataInternal(pathname, clientDir, cwd, isWatchMode, sear
     let routes = globalThis.__REROUTE_ROUTES__;
     let matchRouteFn;
     if (!routes) {
-      const routesPath = join(cwd, ".reroute", "routes.ts");
+      const routesPath = join2(cwd, ".reroute", "routes.ts");
       const m = await dynamicImport(routesPath, isWatchMode);
       routes = m?.routes;
       matchRouteFn = m?.matchRoute;
@@ -2164,10 +2216,10 @@ async function loadRouteDataInternal(pathname, clientDir, cwd, isWatchMode, sear
       let ssrExport = r?.ssr;
       if (!ssrExport) {
         const routePath = String(r.path);
-        let abs = join(cwd, ".reroute", "streaming", routePath);
+        let abs = join2(cwd, ".reroute", "streaming", routePath);
         let mod = await dynamicImport(abs, isWatchMode).catch(() => null);
         if (!mod) {
-          abs = join(clientDir, "routes", routePath);
+          abs = join2(clientDir, "routes", routePath);
           mod = await dynamicImport(abs, isWatchMode);
         }
         ssrExport = mod?.ssr;
@@ -2246,7 +2298,7 @@ async function processLayout2(layout, pathname, clientDir, isWatchMode, searchPa
   try {
     let ssrExport = layout?.ssr;
     if (!ssrExport) {
-      const abs = join(clientDir, "routes", String(layout.path));
+      const abs = join2(clientDir, "routes", String(layout.path));
       const mod = await dynamicImport(abs, isWatchMode);
       ssrExport = mod?.ssr;
     }
@@ -2271,7 +2323,7 @@ async function loadLayoutData(pathname, clientDir, cwd, isWatchMode, searchParam
   try {
     let layouts = globalThis.__REROUTE_LAYOUTS__;
     if (!layouts) {
-      const routesPath = join(cwd, ".reroute", "routes.ts");
+      const routesPath = join2(cwd, ".reroute", "routes.ts");
       const m = await dynamicImport(routesPath, isWatchMode);
       layouts = m?.layouts;
     }
@@ -2306,7 +2358,7 @@ async function loadIndexHtml(clientDir) {
   if (bundledTemplate) {
     return bundledTemplate;
   }
-  const templatePath = join(clientDir, "index.html");
+  const templatePath = join2(clientDir, "index.html");
   try {
     const content = await Bun.file(templatePath).text();
     return content;
@@ -2518,10 +2570,10 @@ async function listDynamicRouteDirectories(baseDir) {
 }
 async function collectOGCandidatePaths(currentDir, parts, depth, pathsToTry, allowPartialFallback) {
   if (depth === parts.length) {
-    pathsToTry.push(join(currentDir, "[og].tsx"));
+    pathsToTry.push(join2(currentDir, "[og].tsx"));
     return;
   }
-  const literalDir = join(currentDir, parts[depth]);
+  const literalDir = join2(currentDir, parts[depth]);
   try {
     await readdir4(literalDir);
     await collectOGCandidatePaths(literalDir, parts, depth + 1, pathsToTry, true);
@@ -2529,18 +2581,18 @@ async function collectOGCandidatePaths(currentDir, parts, depth, pathsToTry, all
   const dynamicDirs = await listDynamicRouteDirectories(currentDir);
   for (const dynamicDir of dynamicDirs) {
     if (isCatchAllRouteDirectory(dynamicDir)) {
-      pathsToTry.push(join(currentDir, dynamicDir, "[og].tsx"));
+      pathsToTry.push(join2(currentDir, dynamicDir, "[og].tsx"));
       continue;
     }
-    await collectOGCandidatePaths(join(currentDir, dynamicDir), parts, depth + 1, pathsToTry, false);
+    await collectOGCandidatePaths(join2(currentDir, dynamicDir), parts, depth + 1, pathsToTry, false);
   }
   if (allowPartialFallback) {
-    pathsToTry.push(join(currentDir, "[og].tsx"));
+    pathsToTry.push(join2(currentDir, "[og].tsx"));
   }
 }
 async function findOGImageForPath(pathname, clientDir) {
   const parts = pathname.split("/").filter(Boolean).filter((p) => !p.startsWith("__reroute"));
-  const routesDir = join(clientDir, "routes");
+  const routesDir = join2(clientDir, "routes");
   const pathsToTry = [];
   await collectOGCandidatePaths(routesDir, parts, 0, pathsToTry, true);
   const uniquePaths = [...new Set(pathsToTry)];
@@ -2566,7 +2618,7 @@ async function loadOGImageComponent(ogPath, isWatchMode) {
 function extractParamsFromPath(pathname, ogPath, clientDir) {
   const params = {};
   const ogDir = ogPath.replace(/\/\[og\]\.tsx$/, "");
-  const routesDir = join(clientDir, "routes");
+  const routesDir = join2(clientDir, "routes");
   const relativePath = ogDir.replace(routesDir, "").split("/").filter(Boolean);
   const pathnameParts = pathname.split("/").filter(Boolean);
   for (let i = 0;i < relativePath.length && i < pathnameParts.length; i++) {
@@ -2732,7 +2784,7 @@ async function processLayoutForMetadata(layout, clientDir, isWatchMode, addHead,
   if (typeof layout?.path !== "string")
     return;
   try {
-    const abs = join(clientDir, "routes", String(layout.path));
+    const abs = join2(clientDir, "routes", String(layout.path));
     const { meta, ssr } = await loadModuleMetaAndSSR(layout, abs, isWatchMode);
     if (meta)
       addHead(buildHeadFromMeta(meta, ogConfig, titleSuffix));
@@ -2839,7 +2891,7 @@ async function extractMatchedRouteMetadata(pathname, clientDir, m, isWatchMode,
   }
   if (r && typeof r.path === "string") {
     try {
-      const abs = join(clientDir, "routes", String(r.path));
+      const abs = join2(clientDir, "routes", String(r.path));
       const { meta, ssr } = await loadModuleMetaAndSSR(r, abs, isWatchMode);
       let head = "";
       if (meta)
@@ -2925,7 +2977,7 @@ async function extractNotFoundMetadata(pathname, clientDir, routesModule, isWatc
       return head;
     const chosen = findBestNotFoundRoute(list, pathname);
     if (chosen && typeof chosen.path === "string") {
-      const abs = join(clientDir, "routes", String(chosen.path));
+      const abs = join2(clientDir, "routes", String(chosen.path));
       const { meta, ssr } = await loadModuleMetaAndSSR(chosen, abs, isWatchMode);
       if (meta)
         head += buildHeadFromMeta(meta, ogConfig, titleSuffix);
@@ -3104,7 +3156,7 @@ async function isContentCollection(clientDir, collection) {
   try {
     const isProduction = clientDir.endsWith(".reroute");
     if (isProduction) {
-      const collectionFile = join(clientDir, "collections", `${collection}.js`);
+      const collectionFile = join2(clientDir, "collections", `${collection}.js`);
       try {
         const s2 = await stat5(collectionFile);
         return s2?.isFile() ?? false;
@@ -3112,7 +3164,7 @@ async function isContentCollection(clientDir, collection) {
         return false;
       }
     }
-    const maybeDir = join(clientDir, "routes", collection, "content");
+    const maybeDir = join2(clientDir, "routes", collection, "content");
     const s = await stat5(maybeDir);
     return typeof s?.isDirectory === "function" ? s.isDirectory() : true;
   } catch {
@@ -3124,7 +3176,7 @@ async function findLatestCandidate(chunkDir, candidates) {
   let latestM = 0;
   for (const candidateName of candidates) {
     try {
-      const s = await stat5(join(chunkDir, candidateName));
+      const s = await stat5(join2(chunkDir, candidateName));
       if (s.mtimeMs >= latestM) {
         latestM = s.mtimeMs;
         latest = candidateName;
@@ -3135,7 +3187,7 @@ async function findLatestCandidate(chunkDir, candidates) {
 }
 async function findContentModulePath(collection, name, clientDir, cwd, isWatchMode, locale) {
   try {
-    const registryPath = join(cwd, ".reroute", "content.ts");
+    const registryPath = join2(cwd, ".reroute", "content.ts");
     const reg = await dynamicImport(registryPath, isWatchMode);
     const get = reg?.getContentEntry;
     const entry = typeof get === "function" ? get(collection, name, locale) : undefined;
@@ -3145,25 +3197,25 @@ async function findContentModulePath(collection, name, clientDir, cwd, isWatchMo
     }
   } catch {}
   try {
-    const chunkDir = join(cwd, ".reroute", "chunks", collection);
+    const chunkDir = join2(cwd, ".reroute", "chunks", collection);
     const files = await readdir5(chunkDir);
     const candidates = files.filter((n) => n.startsWith(`${name}.`) && n.endsWith(".js"));
     if (candidates.length) {
       const latest = await findLatestCandidate(chunkDir, candidates);
-      return `/${join(".reroute", "chunks", collection, latest).replace(/\\+/g, "/")}`;
+      return `/${join2(".reroute", "chunks", collection, latest).replace(/\\+/g, "/")}`;
     }
   } catch {}
   try {
-    const contentRoot = join(clientDir, "routes", collection, "content");
+    const contentRoot = join2(clientDir, "routes", collection, "content");
     const candidates = locale ? [
-      join(contentRoot, locale, `${name}.tsx`),
-      join(contentRoot, locale, `${name}.ts`),
-      join(contentRoot, `${name}.tsx`),
-      join(contentRoot, `${name}.ts`)
-    ] : [join(contentRoot, `${name}.tsx`), join(contentRoot, `${name}.ts`)];
+      join2(contentRoot, locale, `${name}.tsx`),
+      join2(contentRoot, locale, `${name}.ts`),
+      join2(contentRoot, `${name}.tsx`),
+      join2(contentRoot, `${name}.ts`)
+    ] : [join2(contentRoot, `${name}.tsx`), join2(contentRoot, `${name}.ts`)];
     for (const abs of candidates) {
       if (await Bun.file(abs).exists()) {
-        const rel = abs.startsWith(clientDir) ? abs.slice(clientDir.length).replace(/^[/\\]/, "") : join("routes", collection, "content", `${name}.tsx`);
+        const rel = abs.startsWith(clientDir) ? abs.slice(clientDir.length).replace(/^[/\\]/, "") : join2("routes", collection, "content", `${name}.tsx`);
         return `/${rel.replace(/\\+/g, "/")}`;
       }
     }
@@ -3522,7 +3574,7 @@ var init_scripts = __esm(() => {
 
 // packages/core/src/ssr/lib/styles.ts
 import { createHash } from "node:crypto";
-import { readdirSync } from "node:fs";
+import { readdirSync as readdirSync2 } from "node:fs";
 function themeCssHash(css) {
   return createHash("sha1").update(css).digest("hex").slice(0, 8);
 }
@@ -3534,10 +3586,10 @@ function themeLink(href) {
 }
 function bundlesDirs(clientDir) {
   return [
-    join(clientDir, "..", ".reroute", "bundles"),
-    join(clientDir, "..", "..", ".reroute", "bundles"),
-    join(clientDir, "..", "..", "..", ".reroute", "bundles"),
-    join(clientDir, "..", "..", "..", "..", ".reroute", "bundles")
+    join2(clientDir, "..", ".reroute", "bundles"),
+    join2(clientDir, "..", "..", ".reroute", "bundles"),
+    join2(clientDir, "..", "..", "..", ".reroute", "bundles"),
+    join2(clientDir, "..", "..", "..", "..", ".reroute", "bundles")
   ];
 }
 async function readFileIfExists(path) {
@@ -3549,13 +3601,13 @@ async function readFileIfExists(path) {
 async function readThemeFromBundles(clientDir) {
   for (const dir of bundlesDirs(clientDir)) {
     try {
-      const hashed = readdirSync(dir).find((name) => HASHED_THEME_RE.test(name));
+      const hashed = readdirSync2(dir).find((name) => HASHED_THEME_RE.test(name));
       if (hashed) {
-        const css2 = await readFileIfExists(join(dir, hashed));
+        const css2 = await readFileIfExists(join2(dir, hashed));
         if (css2)
           return { css: css2, href: `/bundles/${hashed}` };
       }
-      const css = await readFileIfExists(join(dir, "index.css"));
+      const css = await readFileIfExists(join2(dir, "index.css"));
       if (css)
         return { css, href: `/bundles/${themeCssFileName(css)}` };
     } catch {}
@@ -4136,7 +4188,7 @@ async function loadCollectionItem(cwd, pathname, isWatchMode) {
   if (parts.length < 2)
     return null;
   const collection = parts[0];
-  const collectionFile = join(cwd, ".reroute", "collections", `${collection}.js`);
+  const collectionFile = join2(cwd, ".reroute", "collections", `${collection}.js`);
   const exists = await Bun.file(collectionFile).exists();
   if (!exists)
     return null;
@@ -4151,7 +4203,7 @@ async function loadCollectionItem(cwd, pathname, isWatchMode) {
 async function findComponentPath(clientDir, collection, slug) {
   const extensions = [".mdx", ".md", ".tsx", ".jsx"];
   for (const ext of extensions) {
-    const testPath = join(clientDir, "routes", collection, "content", `${slug}${ext}`);
+    const testPath = join2(clientDir, "routes", collection, "content", `${slug}${ext}`);
     const file = Bun.file(testPath);
     if (await file.exists()) {
       return testPath;
@@ -4422,7 +4474,7 @@ async function discoverStaticRoutes(cwd, isWatchMode) {
   try {
     let routesList = globalThis.__REROUTE_ROUTES__;
     if (!routesList) {
-      const routesPath = join(cwd, ".reroute", "routes.ts");
+      const routesPath = join2(cwd, ".reroute", "routes.ts");
       const url = pathToFileURL6(routesPath).href;
       const mod = await import(`${url}${isWatchMode ? `?t=${Date.now()}` : ""}`);
       routesList = mod?.routes;
@@ -4447,7 +4499,7 @@ async function discoverStaticRoutes(cwd, isWatchMode) {
   return routes;
 }
 async function loadCollectionModule(cwd, collection, isWatchMode) {
-  const collectionFile = join(cwd, ".reroute", "collections", `${collection}.js`);
+  const collectionFile = join2(cwd, ".reroute", "collections", `${collection}.js`);
   const exists = await Bun.file(collectionFile).exists();
   if (!exists)
     return null;
@@ -4507,7 +4559,7 @@ async function discoverCollectionRoutes(cwd, collections2, isWatchMode, llmsConf
 }
 async function loadRouteModule(cwd, routePath, isWatchMode) {
   try {
-    const abs = join(cwd, resolveAppPaths(await loadConfig(cwd)).routesDir, routePath);
+    const abs = join2(cwd, resolveAppPaths(await loadConfig(cwd)).routesDir, routePath);
     const modUrl = `${pathToFileURL6(abs).href}${isWatchMode ? `?t=${Date.now()}` : ""}`;
     return await import(modUrl);
   } catch {
@@ -5013,7 +5065,7 @@ async function discoverRoutesForRobots(cwd, isWatchMode) {
   try {
     let routesArray = globalThis.__REROUTE_ROUTES__;
     if (!routesArray) {
-      const routesPath = join(cwd, ".reroute", "routes.ts");
+      const routesPath = join2(cwd, ".reroute", "routes.ts");
       const url = Bun.pathToFileURL(routesPath).href;
       const mod = await import(`${url}${isWatchMode ? `?t=${Date.now()}` : ""}`);
       routesArray = mod?.routes;
@@ -5244,7 +5296,7 @@ __export(exports_discovery, {
 async function loadRoutesModule2(cwd, isWatchMode) {
   let routes = globalThis.__REROUTE_ROUTES__;
   if (!routes) {
-    const routesPath = join(cwd, ".reroute", "routes.ts");
+    const routesPath = join2(cwd, ".reroute", "routes.ts");
     const url = Bun.pathToFileURL(routesPath).href;
     const mod = await import(`${url}${isWatchMode ? `?t=${Date.now()}` : ""}`);
     routes = mod?.routes;
@@ -5334,7 +5386,7 @@ function buildNamedCollectionSitemapEntries(collection, name, variants, defaultL
 async function discoverCollectionContent(cwd, collection, isWatchMode, baseUrl) {
   const entries = [];
   try {
-    const collectionFile = join(cwd, ".reroute", "collections", `${collection}.js`);
+    const collectionFile = join2(cwd, ".reroute", "collections", `${collection}.js`);
     const exists = await Bun.file(collectionFile).exists();
     if (!exists) {
       return entries;
@@ -5409,7 +5461,7 @@ async function discoverSSRDataRoutes2(cwd, staticRoutes, isWatchMode, baseUrl, s
         return null;
       }
       try {
-        const routeModulePath = join(cwd, "src", "client", "routes", route.path);
+        const routeModulePath = join2(cwd, "src", "client", "routes", route.path);
         const mod = await import(Bun.pathToFileURL(routeModulePath).href + (isWatchMode ? `?t=${Date.now()}` : ""));
         const ssr = mod?.ssr;
         const dataFn = ssr?.data;
@@ -5580,7 +5632,7 @@ async function loadRouteSitemapFn(cwd, route, isWatchMode) {
     return typeof sitemapFn === "function" ? sitemapFn : null;
   }
   try {
-    const routeModulePath = join(cwd, "src", "client", "routes", route.path);
+    const routeModulePath = join2(cwd, "src", "client", "routes", route.path);
     const mod = await import(Bun.pathToFileURL(routeModulePath).href + (isWatchMode ? `?t=${Date.now()}` : ""));
     const sitemapFn = mod?.ssr?.sitemap;
     return typeof sitemapFn === "function" ? sitemapFn : null;
@@ -5723,7 +5775,7 @@ function createRSSItemFromMetaAndHref(href, meta, baseUrl, item, rssConfig) {
 async function discoverCollectionFeedItems(cwd, collection, isWatchMode, baseUrl, rssConfig) {
   const items = [];
   try {
-    const collectionFile = join(cwd, ".reroute", "collections", `${collection}.js`);
+    const collectionFile = join2(cwd, ".reroute", "collections", `${collection}.js`);
     const exists = await Bun.file(collectionFile).exists();
     if (!exists) {
       return items;
@@ -5753,7 +5805,7 @@ async function discoverCollectionFeedItems(cwd, collection, isWatchMode, baseUrl
 async function discoverSSRDataFeedItems(cwd, routePattern, routePath, isWatchMode, baseUrl, rssConfig) {
   const items = [];
   try {
-    const abs = join(cwd, resolveAppPaths(await loadConfig(cwd)).routesDir, routePath);
+    const abs = join2(cwd, resolveAppPaths(await loadConfig(cwd)).routesDir, routePath);
     const mod = await import(pathToFileURL7(abs).href + (isWatchMode ? `?t=${Date.now()}` : ""));
     const ssr = mod?.ssr;
     const dataFn = ssr?.data;
@@ -6593,6 +6645,7 @@ var init_src = __esm(() => {
   init_config();
   init_content();
   init_i18n();
+  init_image();
   init_llms();
   init_og();
   init_robots();
@@ -6608,8 +6661,12 @@ __export(exports_core, {
   DEFAULT_APP_SERVER: () => DEFAULT_APP_SERVER,
   DEFAULT_APP_SRC: () => DEFAULT_APP_SRC,
   DEFAULT_COOKIE: () => DEFAULT_COOKIE,
+  DEFAULT_IMAGE_DEVICE_SIZES: () => DEFAULT_IMAGE_DEVICE_SIZES,
+  DEFAULT_IMAGE_QUALITY: () => DEFAULT_IMAGE_QUALITY,
   DEFAULT_LOCALE: () => DEFAULT_LOCALE,
   DEFAULT_LOCALES_DIR: () => DEFAULT_LOCALES_DIR,
+  DEFAULT_PREPROCESS_FORMATS: () => DEFAULT_PREPROCESS_FORMATS,
+  DEFAULT_PREPROCESS_SIZES: () => DEFAULT_PREPROCESS_SIZES,
   DefaultOGTemplate: () => DefaultOGTemplate,
   LRUCache: () => LRUCache,
   SEARCH_CRAWLERS: () => SEARCH_CRAWLERS,
@@ -6706,7 +6763,7 @@ __export(exports_core, {
   inlineThemeCSS: () => inlineThemeCSS,
   isCompressible: () => isCompressible,
   isThenable: () => isThenable,
-  join: () => join,
+  join: () => join2,
   listContentFiles: () => listContentFiles,
   llmsAlternateLinkTag: () => llmsAlternateLinkTag,
   loadCollections: () => loadCollections,
@@ -6737,6 +6794,8 @@ __export(exports_core, {
   resetSSRAccessTracking: () => resetSSRAccessTracking,
   resetSSRContentResults: () => resetSSRContentResults,
   resolveAppPaths: () => resolveAppPaths,
+  resolveImageDeviceSizes: () => resolveImageDeviceSizes,
+  resolveImagePreprocess: () => resolveImagePreprocess,
   resolveLocale: () => resolveLocale,
   seedSSRModuleForPath: () => seedSSRModuleForPath,
   setGlobalCollections: () => setGlobalCollections,
@@ -6759,40 +6818,10 @@ var init_core = __esm(() => {
   init_src();
 });
 
-// packages/elysia/src/plugin.ts
-init_core();
-import { existsSync as existsSync4 } from "node:fs";
-import { join as join8 } from "node:path";
-import { pathToFileURL as pathToFileURL8 } from "node:url";
-import { createElement as createElement2 } from "react";
-
-// packages/elysia/src/libs/assets.ts
-import { existsSync } from "node:fs";
-function resolveClientDir(cwd, assets) {
-  if (assets.startsWith("/")) {
-    return assets;
-  }
-  const rerouteAssetsPath = `${cwd}/.reroute/assets`;
-  if (existsSync(rerouteAssetsPath)) {
-    return `${cwd}/.reroute`;
-  }
-  const devPath = `${cwd.replace(/\/$/, "")}/${assets.replace(/^\.\//, "")}`;
-  return devPath;
-}
-
-// packages/elysia/src/libs/cache.ts
-function resolveServerDataMaxAge(cacheEnabled, maxAgeSeconds) {
-  if (!cacheEnabled || maxAgeSeconds <= 0)
-    return 0;
-  return maxAgeSeconds;
-}
-function getEncoding(acceptEncoding) {
-  return /\bbr\b/i.test(acceptEncoding) ? "br" : /gzip/i.test(acceptEncoding) ? "gz" : "raw";
-}
-
 // packages/elysia/src/libs/image.ts
-import { existsSync as existsSync2 } from "node:fs";
-import { join as join4 } from "node:path";
+import { existsSync, readdirSync } from "node:fs";
+import { cpus } from "node:os";
+import { join } from "node:path";
 import sharp from "sharp";
 var imageCache = new Map;
 var MAX_CACHE_SIZE = 100;
@@ -6800,12 +6829,21 @@ var diskCacheDir = null;
 function initImageCache(cacheDir) {
   diskCacheDir = cacheDir;
 }
+function imageCacheIdentity(imagePath) {
+  const normalized = imagePath.replace(/\\/g, "/");
+  const marker = "/assets/";
+  const index = normalized.lastIndexOf(marker);
+  if (index !== -1) {
+    return normalized.slice(index);
+  }
+  return normalized;
+}
 function getCacheKey(imagePath, options) {
   const optionsString = JSON.stringify(options);
   const hasher = new Bun.CryptoHasher("sha256");
-  hasher.update(`${imagePath}:${optionsString}`);
-  const hash2 = hasher.digest("hex");
-  return hash2;
+  hasher.update(`${imageCacheIdentity(imagePath)}:${optionsString}`);
+  const hash = hasher.digest("hex");
+  return hash;
 }
 function getContentType(format) {
   const contentTypes = {
@@ -6835,20 +6873,20 @@ async function loadFromDiskCache(cacheKey) {
   if (!diskCacheDir)
     return null;
   try {
-    const cachePath = join4(diskCacheDir, `${cacheKey}.json`);
-    const imagePath = join4(diskCacheDir, `${cacheKey}.img`);
-    if (!(existsSync2(cachePath) && existsSync2(imagePath))) {
+    const cachePath = join(diskCacheDir, `${cacheKey}.json`);
+    const imagePath = join(diskCacheDir, `${cacheKey}.img`);
+    if (!(existsSync(cachePath) && existsSync(imagePath))) {
       return null;
     }
-    const metadata3 = JSON.parse(await Bun.file(cachePath).text());
+    const metadata = JSON.parse(await Bun.file(cachePath).text());
     const buffer = Buffer.from(await Bun.file(imagePath).arrayBuffer());
     return {
       buffer,
-      contentType: metadata3.contentType,
-      format: metadata3.format,
-      width: metadata3.width,
-      height: metadata3.height,
-      size: metadata3.size
+      contentType: metadata.contentType,
+      format: metadata.format,
+      width: metadata.width,
+      height: metadata.height,
+      size: metadata.size
     };
   } catch {
     return null;
@@ -6858,8 +6896,8 @@ async function saveToDiskCache(cacheKey, result) {
   if (!diskCacheDir)
     return;
   try {
-    const cachePath = join4(diskCacheDir, `${cacheKey}.json`);
-    const imagePath = join4(diskCacheDir, `${cacheKey}.img`);
+    const cachePath = join(diskCacheDir, `${cacheKey}.json`);
+    const imagePath = join(diskCacheDir, `${cacheKey}.img`);
     await Bun.write(cachePath, JSON.stringify({
       contentType: result.contentType,
       format: result.format,
@@ -6922,7 +6960,7 @@ async function optimizeImage(imagePath, options, acceptHeader) {
   const sourceBuffer = await fetchImageBuffer(imagePath);
   const format = options.format === "auto" || !options.format ? negotiateFormat(acceptHeader, undefined) : options.format;
   let transformer = sharp(sourceBuffer);
-  const metadata3 = await transformer.metadata();
+  const metadata = await transformer.metadata();
   if (options.width || options.height) {
     const resizeOptions = {
       width: options.width,
@@ -6940,8 +6978,8 @@ async function optimizeImage(imagePath, options, acceptHeader) {
     buffer,
     contentType: getContentType(format),
     format,
-    width: info.width || metadata3.width || options.width || 0,
-    height: info.height || metadata3.height || options.height || 0,
+    width: info.width || metadata.width || options.width || 0,
+    height: info.height || metadata.height || options.height || 0,
     size: buffer.length
   };
   await saveToDiskCache(cacheKey, result);
@@ -6954,11 +6992,127 @@ async function optimizeImage(imagePath, options, acceptHeader) {
   imageCache.set(cacheKey, result);
   return result;
 }
-function isImageFile(path2) {
+function isImageFile(path) {
   const imageExtensions = [".jpg", ".jpeg", ".png", ".webp", ".avif", ".gif"];
-  const ext = path2.toLowerCase().split(".").pop();
+  const ext = path.toLowerCase().split(".").pop();
   return ext ? imageExtensions.includes(`.${ext}`) : false;
 }
+function isPreprocessSource(path) {
+  return isImageFile(path) && !path.toLowerCase().endsWith(".gif");
+}
+function walkImageFiles(dir) {
+  if (!existsSync(dir)) {
+    return [];
+  }
+  const files = [];
+  const entries = readdirSync(dir, { withFileTypes: true });
+  for (const entry of entries) {
+    const fullPath = join(dir, entry.name);
+    if (entry.isDirectory()) {
+      files.push(...walkImageFiles(fullPath));
+    } else if (isPreprocessSource(fullPath)) {
+      files.push(fullPath);
+    }
+  }
+  return files;
+}
+async function bakeVariant(cacheDir, imagePath, width, quality, format) {
+  const transform = {
+    width,
+    quality,
+    format,
+    fit: "cover"
+  };
+  const cacheKey = getCacheKey(imagePath, transform);
+  const existed = existsSync(join(cacheDir, `${cacheKey}.img`)) && existsSync(join(cacheDir, `${cacheKey}.json`));
+  await optimizeImage(imagePath, transform, format === "auto" ? "image/webp" : undefined);
+  return existed ? "cached" : "generated";
+}
+function preprocessJobs(options) {
+  const sources = walkImageFiles(options.assetsDir);
+  const formats = [
+    ...options.formats,
+    "auto"
+  ];
+  const qualities = options.qualities?.length ? options.qualities : [options.quality];
+  return sources.flatMap((imagePath) => options.widths.flatMap((width) => qualities.flatMap((quality) => formats.map((format) => ({ imagePath, width, quality, format })))));
+}
+async function mapPool(items, concurrency, fn) {
+  if (items.length === 0) {
+    return [];
+  }
+  const results = new Array(items.length);
+  let next = 0;
+  const workers = Math.min(Math.max(1, concurrency), items.length);
+  await Promise.all(Array.from({ length: workers }, async () => {
+    while (next < items.length) {
+      const index = next;
+      next += 1;
+      results[index] = await fn(items[index]);
+    }
+  }));
+  return results;
+}
+function preprocessConcurrency(override) {
+  if (override && override > 0) {
+    return override;
+  }
+  return Math.max(1, cpus().length);
+}
+async function preprocessImages(options) {
+  initImageCache(options.cacheDir);
+  const jobs = preprocessJobs(options);
+  const concurrency = preprocessConcurrency(options.concurrency);
+  if (jobs.length > 0) {
+    console.log(`[reroute] Preprocessing ${jobs.length} image variants (${concurrency} at a time)...`);
+  }
+  const previousSharpThreads = sharp.concurrency();
+  sharp.concurrency(1);
+  const results = await mapPool(jobs, concurrency, (job) => bakeVariant(options.cacheDir, job.imagePath, job.width, job.quality, job.format)).finally(() => {
+    sharp.concurrency(previousSharpThreads);
+  });
+  let generated = 0;
+  let cached = 0;
+  for (const result of results) {
+    if (result === "cached") {
+      cached++;
+    } else {
+      generated++;
+    }
+  }
+  const sources = new Set(jobs.map((job) => job.imagePath)).size;
+  return { sources, generated, cached, jobs: jobs.length, concurrency };
+}
+// packages/elysia/src/plugin.ts
+init_core();
+import { existsSync as existsSync4 } from "node:fs";
+import { join as join8 } from "node:path";
+import { pathToFileURL as pathToFileURL8 } from "node:url";
+import { createElement as createElement2 } from "react";
+
+// packages/elysia/src/libs/assets.ts
+import { existsSync as existsSync2 } from "node:fs";
+function resolveClientDir(cwd, assets) {
+  if (assets.startsWith("/")) {
+    return assets;
+  }
+  const rerouteAssetsPath = `${cwd}/.reroute/assets`;
+  if (existsSync2(rerouteAssetsPath)) {
+    return `${cwd}/.reroute`;
+  }
+  const devPath = `${cwd.replace(/\/$/, "")}/${assets.replace(/^\.\//, "")}`;
+  return devPath;
+}
+
+// packages/elysia/src/libs/cache.ts
+function resolveServerDataMaxAge(cacheEnabled, maxAgeSeconds) {
+  if (!cacheEnabled || maxAgeSeconds <= 0)
+    return 0;
+  return maxAgeSeconds;
+}
+function getEncoding(acceptEncoding) {
+  return /\bbr\b/i.test(acceptEncoding) ? "br" : /gzip/i.test(acceptEncoding) ? "gz" : "raw";
+}
 
 // packages/elysia/src/routes/artifacts.ts
 init_core();
@@ -7149,7 +7303,7 @@ function registerArtifactsRoutes(app, cwd, fileCache, options) {
     const fileName = String(params["*"] ?? "").replace(/^\/+/, "");
     if (!fileName)
       throw new NotFoundError2;
-    const filePath = join(cwd, ".reroute", "bundles", fileName);
+    const filePath = join2(cwd, ".reroute", "bundles", fileName);
     const acceptEncoding = headers2["accept-encoding"] ?? "";
     const cacheControl = getHashedFileCacheControl(fileName, bundleMaxAge, directive, isWatchMode);
     try {
@@ -7170,7 +7324,7 @@ function registerArtifactsRoutes(app, cwd, fileCache, options) {
     const fileName = String(params["*"] ?? "").replace(/^\/+/, "");
     if (!fileName)
       throw new NotFoundError2;
-    const filePath = join(cwd, ".reroute", "collections", fileName);
+    const filePath = join2(cwd, ".reroute", "collections", fileName);
     const acceptEncoding = headers2["accept-encoding"] ?? "";
     try {
       const cacheControl = isWatchMode ? "no-cache, no-store, must-revalidate" : "public, max-age=60, must-revalidate";
@@ -7224,7 +7378,7 @@ function registerContentRoutes(app, cwd, collectionCache, directive, maxAge, isW
       return response;
     }
     try {
-      const collectionFile = join(cwd, ".reroute", "collections", `${collectionPath}.js`);
+      const collectionFile = join2(cwd, ".reroute", "collections", `${collectionPath}.js`);
       const file = Bun.file(collectionFile);
       if (!await file.exists()) {
         if (isOtelAvailable2()) {
@@ -8852,7 +9006,7 @@ async function discoverSSRRoutes(cwd, isWatchMode) {
     const { discoverSitemapData: discoverSitemapData2 } = await Promise.resolve().then(() => (init_core(), exports_core));
     const sitemapData = await discoverSitemapData2(cwd, [], "", isWatchMode);
     const staticRoutes = sitemapData.staticRoutes.filter((r) => !r.pattern.includes(":")).map((r) => ({ pattern: r.pattern, path: r.path }));
-    const routesPath = join(cwd, ".reroute", "routes.ts");
+    const routesPath = join2(cwd, ".reroute", "routes.ts");
     const routesMod = await import(`${Bun.pathToFileURL(routesPath).href}${isWatchMode ? `?t=${Date.now()}` : ""}`);
     const layouts2 = routesMod.layouts ?? [];
     for (const layout of layouts2) {
@@ -9150,7 +9304,7 @@ function registerSearchRoute(app, cwd, directive, maxAge, searchConfig) {
   let lastModified = null;
   async function loadSearchIndex() {
     try {
-      const indexPath = join(cwd, ".reroute", "search.json");
+      const indexPath = join2(cwd, ".reroute", "search.json");
       const file = Bun.file(indexPath);
       if (!await file.exists())
         return null;
@@ -9939,7 +10093,7 @@ function registerStaticRoutes(app, options) {
   }
   app.get("/assets/*", async function serveStaticFile({ params, headers: headers2 }) {
     const requestPath = params["*"];
-    const filePath = join(staticAssetsDir, requestPath);
+    const filePath = join2(staticAssetsDir, requestPath);
     try {
       const acceptEncoding = headers2["accept-encoding"] ?? "";
       const encoding = getEncoding(acceptEncoding);
@@ -10420,7 +10574,13 @@ var reroute = () => async (app) => {
   return app;
 };
 export {
+  imageCacheIdentity,
+  initImageCache,
+  isImageFile,
+  optimizeImage,
+  preprocessConcurrency,
+  preprocessImages,
   reroute
 };
 
-//# debugId=239BA0745203D99F64756E2164756E21
+//# debugId=9B670082489E5DF064756E2164756E21