reroute-js 1.0.0-alpha.32 → 1.0.0-alpha.34

package/README.md

@@ -130,6 +130,7 @@ Reroute is a feature-rich file-based routing framework for building fullstack Re
   - `<Link>` - Client-side navigation with automatic prefetching (localizes content hrefs)
   - `<Image>` - Optimized images with automatic format negotiation and lazy loading
   - `<Outlet>` - Render nested route components
+  - Route groups - `routes/(app)/[layout].tsx` wraps the routes in `(app)/` with one layout, no URL segment
   - `<ContentRoute>` - Dynamic content rendering with metadata injection
   - `<ClientOnly>` - Client-side only rendering with optional layout preservation (className/style props)
 - 🎭 **Providers**:

package/cli/bin.d.ts

@@ -1,5 +1,5 @@
 /**
- * reroute-js v1.0.0-alpha.32
+ * reroute-js v1.0.0-alpha.34
  *
  * @license MIT
  * @copyright 2026 stewones <hi@stewan.io>

package/cli/bin.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env bun
 // @bun
 /**
- * reroute-js v1.0.0-alpha.32
+ * reroute-js v1.0.0-alpha.34
  *
  * @license MIT
  * @copyright 2026 stewones <hi@stewan.io>
@@ -68,7 +68,7 @@ async function getVersionString() {
 }
 async function getVersion() {
   if (true) {
-    return "1.0.0-alpha.32";
+    return "1.0.0-alpha.34";
   }
   const possiblePaths = [
     path.join(import.meta.dir, "../../../../package.json"),
@@ -86,7 +86,7 @@ async function getVersion() {
 }
 async function getCommit() {
   if (true) {
-    return "712744b";
+    return "6ce1c35";
   }
   return "dev";
 }
@@ -1908,10 +1908,17 @@ function layoutCovers(pattern, pathname) {
     return true;
   return pathname === base || pathname.startsWith(`${base}/`);
 }
-function getMatchingLayouts(pathname, layouts) {
+function layoutWraps(layout, pathname, routePattern) {
+  if (Array.isArray(layout?.routes)) {
+    return routePattern !== undefined && layout.routes.includes(routePattern);
+  }
+  return layoutCovers(String(layout?.pattern || "/"), pathname);
+}
+function getMatchingLayouts(pathname, layouts, routes) {
   if (!Array.isArray(layouts))
     return [];
-  return layouts.filter((layout) => layoutCovers(String(layout?.pattern || "/"), pathname)).sort((a, b) => {
+  const routePattern = Array.isArray(routes) ? matchRoutes(routes, pathname)?.route.pattern : undefined;
+  return layouts.filter((layout) => layoutWraps(layout, pathname, routePattern)).sort((a, b) => {
     const aDepth = getPatternDepth(a?.pattern);
     const bDepth = getPatternDepth(b?.pattern);
     return aDepth - bDepth;
@@ -1926,6 +1933,7 @@ function createLayoutCacheKey(pattern, pathname) {
 function createLayoutDataKey(pattern) {
   return `__layout:${pattern}`;
 }
+var init_layouts = () => {};
 
 // packages/core/src/ssr/lib/compute/layouts.ts
 async function loadLayoutSSRExport(layout, clientDir, isWatchMode) {
@@ -2025,7 +2033,8 @@ async function computeLayoutData(pathname, clientDir, _cwd, isWatchMode, options
   const maxAgeMs = maxAge * 1000;
   try {
     const layouts = routesModule?.layouts;
-    const matchingLayouts = getMatchingLayouts(pathname, layouts);
+    const routes = routesModule?.routes;
+    const matchingLayouts = getMatchingLayouts(pathname, layouts, routes);
     for (const layout of matchingLayouts) {
       try {
         const layoutStatus = await processLayout(layout, pathname, clientDir, isWatchMode, streaming, maxAgeMs, searchParams, ssrData, pendingTasks, options.headers);
@@ -2052,9 +2061,10 @@ function mergeLayoutData(ssrData, pathname) {
     ssrData[pathname] = layoutData;
   }
 }
-var init_layouts = __esm(() => {
+var init_layouts2 = __esm(() => {
   init_cache();
   init_imports();
+  init_layouts();
 });
 
 // packages/core/src/ssr/lib/compute/routes.ts
@@ -2346,10 +2356,10 @@ function setGlobalSSRData(data) {
 var init_compute = __esm(() => {
   init_imports();
   init_content2();
-  init_layouts();
+  init_layouts2();
   init_routes();
   init_content2();
-  init_layouts();
+  init_layouts2();
   init_routes();
 });
 
@@ -2661,12 +2671,14 @@ async function loadLayoutData(pathname, clientDir, cwd, isWatchMode, searchParam
   const allData = {};
   try {
     let layouts = globalThis.__REROUTE_LAYOUTS__;
+    let routes = globalThis.__REROUTE_ROUTES__;
     if (!layouts) {
       const routesPath = join2(cwd, ".reroute", "routes.ts");
       const m = await dynamicImport(routesPath, isWatchMode);
       layouts = m?.layouts;
+      routes = m?.routes;
     }
-    const matchingLayouts = getMatchingLayouts(pathname, layouts);
+    const matchingLayouts = getMatchingLayouts(pathname, layouts, routes);
     for (const layout of matchingLayouts) {
       const result = await processLayout2(layout, pathname, clientDir, isWatchMode, searchParams);
       if (result) {
@@ -2688,6 +2700,7 @@ function createLazyMarker(pathname, key) {
 var init_data = __esm(() => {
   init_content_path();
   init_imports();
+  init_layouts();
   init_seed();
 });
 
@@ -3153,7 +3166,7 @@ ${ssrHead}`);
 async function extractLayoutMetadata(pathname, clientDir, cwd, isWatchMode, addHead, setLang, ogConfig, titleSuffix) {
   try {
     const m = await loadRoutesModule(cwd, isWatchMode);
-    const matchingLayouts = getMatchingLayouts(pathname, m?.layouts);
+    const matchingLayouts = getMatchingLayouts(pathname, m?.layouts, m?.routes);
     for (const layout of matchingLayouts) {
       await processLayoutForMetadata(layout, clientDir, isWatchMode, addHead, setLang, ogConfig, titleSuffix);
     }
@@ -3472,6 +3485,7 @@ var init_metadata2 = __esm(() => {
   init_compute();
   init_content_path();
   init_imports();
+  init_layouts();
 });
 
 // packages/core/src/ssr/lib/preload.ts
@@ -4196,6 +4210,7 @@ var init_lib = __esm(() => {
   init_compute();
   init_html();
   init_imports();
+  init_layouts();
   init_metadata2();
   init_modules();
   init_preload();
@@ -7113,6 +7128,7 @@ __export(exports_core, {
   isThenable: () => isThenable,
   join: () => join2,
   layoutCovers: () => layoutCovers,
+  layoutWraps: () => layoutWraps,
   listContentFiles: () => listContentFiles,
   llmsAlternateLinkTag: () => llmsAlternateLinkTag,
   loadCollections: () => loadCollections,
@@ -8070,6 +8086,109 @@ function isProductionMode(args = []) {
   return hasProdFlag(args);
 }
 
+// packages/cli/src/commands/lib/routes.ts
+function isRouteGroup(segment) {
+  return groupSegment.test(segment);
+}
+function withoutGroups(routePath) {
+  return routePath.split("/").filter((segment) => segment !== "" && !isRouteGroup(segment)).join("/");
+}
+function dirOf(filePath) {
+  return filePath.split("/").slice(0, -1).join("/");
+}
+function inGroup(dir) {
+  return dir.split("/").some(isRouteGroup);
+}
+function fileToRoute(filePath) {
+  const isLayout = filePath.endsWith("[layout].tsx") || filePath.endsWith("[layout].ts") || filePath.endsWith("[layout].md") || filePath.endsWith("[layout].mdx");
+  const dir = dirOf(filePath);
+  let routePath = filePath.replace(/\.(tsx|ts|md|mdx)$/, "");
+  if (isLayout) {
+    const pattern2 = routePath.replace(/\[layout\]$/, "").replace(/\/$/, "");
+    const normalizedPattern2 = pattern2 === "" ? "/" : `/${pattern2}`;
+    return {
+      path: routePath,
+      pattern: normalizedPattern2,
+      filePath,
+      isLayout,
+      isDynamic: false,
+      params: [],
+      isNotFound: false,
+      dir
+    };
+  }
+  routePath = routePath.replace(/\/index$/, "").replace(/^index$/, "");
+  const params = [];
+  const pattern = withoutGroups(routePath).replace(/\[([^\]]+)\]/g, (_, param) => {
+    params.push(param);
+    return `:${param}`;
+  });
+  const normalizedPattern = pattern === "" ? "/" : `/${pattern}`;
+  const isNotFound = /(^|\/)\[404\]$/.test(routePath);
+  let notFoundBasePattern;
+  if (isNotFound) {
+    const base = withoutGroups(routePath.replace(/(^|\/)\[404\]$/, ""));
+    notFoundBasePattern = base ? `/${base}` : "/";
+  }
+  return {
+    path: routePath,
+    pattern: normalizedPattern,
+    filePath,
+    isLayout: false,
+    isDynamic: params.length > 0,
+    params,
+    isNotFound,
+    notFoundBasePattern,
+    dir
+  };
+}
+function sortRoutes(routes) {
+  return routes.sort((a, b) => compareRouteSpecificity(a, b));
+}
+function assertUniquePatterns(routes) {
+  const seen = new Map;
+  for (const route of routes) {
+    const other = seen.get(route.pattern);
+    if (other) {
+      throw new Error(`Routes ${other} and ${route.filePath} both serve ${route.pattern}`);
+    }
+    seen.set(route.pattern, route.filePath);
+  }
+}
+function routesUnder(dir, routes) {
+  return routes.filter((route) => route.dir === dir || route.dir.startsWith(`${dir}/`)).map((route) => route.pattern);
+}
+function generateRouteTree(files) {
+  const routes = [];
+  const layouts2 = [];
+  const notFoundRoutes = [];
+  for (const file of files) {
+    const route = fileToRoute(file);
+    if (route.isLayout) {
+      layouts2.push(route);
+    } else if (route.isNotFound) {
+      notFoundRoutes.push(route);
+    } else {
+      routes.push(route);
+    }
+  }
+  assertUniquePatterns(routes);
+  for (const layout of layouts2) {
+    if (inGroup(layout.dir))
+      layout.routes = routesUnder(layout.dir, routes);
+  }
+  return {
+    routes: sortRoutes(routes),
+    layouts: layouts2,
+    notFoundRoutes
+  };
+}
+var groupSegment;
+var init_routes2 = __esm(() => {
+  init_core();
+  groupSegment = /^\(.+\)$/;
+});
+
 // packages/cli/src/commands/lib/streaming/analyzer.ts
 import { dirname as dirname4, join as join10 } from "node:path";
 function hasSSRDataExport(source) {
@@ -8606,69 +8725,6 @@ async function scanOgFiles(dir, base = "") {
   }
   return files;
 }
-function fileToRoute(filePath) {
-  const isLayout = filePath.endsWith("[layout].tsx") || filePath.endsWith("[layout].ts") || filePath.endsWith("[layout].md") || filePath.endsWith("[layout].mdx");
-  let routePath = filePath.replace(/\.(tsx|ts|md|mdx)$/, "");
-  if (isLayout) {
-    const pattern2 = routePath.replace(/\[layout\]$/, "").replace(/\/$/, "");
-    const normalizedPattern2 = pattern2 === "" ? "/" : `/${pattern2}`;
-    return {
-      path: routePath,
-      pattern: normalizedPattern2,
-      filePath,
-      isLayout,
-      isDynamic: false,
-      params: [],
-      isNotFound: false
-    };
-  }
-  routePath = routePath.replace(/\/index$/, "").replace(/^index$/, "");
-  const params = [];
-  const pattern = routePath.replace(/\[([^\]]+)\]/g, (_, param) => {
-    params.push(param);
-    return `:${param}`;
-  });
-  const normalizedPattern = pattern === "" ? "/" : `/${pattern}`;
-  const isNotFound = /(^|\/)\[404\]$/.test(routePath);
-  let notFoundBasePattern;
-  if (isNotFound) {
-    const base = routePath.replace(/(^|\/)\[404\]$/, "").replace(/\/$/, "");
-    notFoundBasePattern = base ? `/${base}` : "/";
-  }
-  return {
-    path: routePath,
-    pattern: normalizedPattern,
-    filePath,
-    isLayout: false,
-    isDynamic: params.length > 0,
-    params,
-    isNotFound,
-    notFoundBasePattern
-  };
-}
-function sortRoutes(routes) {
-  return routes.sort((a, b) => compareRouteSpecificity(a, b));
-}
-function generateRouteTree(files) {
-  const routes = [];
-  const layouts2 = [];
-  const notFoundRoutes = [];
-  for (const file of files) {
-    const route = fileToRoute(file);
-    if (route.isLayout) {
-      layouts2.push(route);
-    } else if (route.isNotFound) {
-      notFoundRoutes.push(route);
-    } else {
-      routes.push(route);
-    }
-  }
-  return {
-    routes: sortRoutes(routes),
-    layouts: layouts2,
-    notFoundRoutes
-  };
-}
 function getImportPath(filePath, streamingMap, routesImportBase) {
   const isMarkdown = /\.(md|mdx)$/.test(filePath);
   if (isMarkdown) {
@@ -8746,9 +8802,11 @@ const Layout${i}Meta = _meta(Layout${i}Module);`)
   }).join(`
 `);
   const layoutsArray = tree.layouts.map((l, i) => {
+    const scope = l.routes ? `
+    routes: ${JSON.stringify(l.routes)},` : "";
     return `  {
     pattern: "${l.pattern}",
-    path: "${l.path}",
+    path: "${l.path}",${scope}
     component: Layout${i},
     ssr: Layout${i}SSR,
     meta: Layout${i}Meta,
@@ -10266,6 +10324,7 @@ var init_gen = __esm(() => {
   init_env();
   init_images();
   init_markdown();
+  init_routes2();
   init_analyzer();
   init_suspense();
   init_theme();
@@ -108620,7 +108679,7 @@ async function getVersionString2() {
 }
 async function getVersion2() {
   if (true) {
-    return "1.0.0-alpha.32";
+    return "1.0.0-alpha.34";
   }
   const possiblePaths = [
     path3.join(import.meta.dir, "../../../package.json"),
@@ -108637,10 +108696,10 @@ async function getVersion2() {
 }
 async function getCommit2() {
   if (true) {
-    return "712744b";
+    return "6ce1c35";
   }
   return "dev";
 }
 main();
 
-//# debugId=2A48F0A805391F8664756E2164756E21
+//# debugId=402DEFEEFB03DEC964756E2164756E21