Fix: Move catalog to /[name] route and fix prerelease version comparisons

Co-authored-by: oBusk <13413409+oBusk@users.noreply.github.com>

Author: Copilot

next-env.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-import "./.next/types/routes.d.ts";
+import "./.next/dev/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

…/app/pkg/[name]/_page/ComparisonList.tsx ….parts]/_page/catalog/ComparisonList.tsxsrc/app/pkg/[name]/_page/ComparisonList.tsx renamed to src/app/[...parts]/_page/catalog/ComparisonList.tsx src/app/pkg/[name]/_page/ComparisonList.tsx renamed to src/app/[...parts]/_page/catalog/ComparisonList.tsx

@@ -1,16 +1,24 @@
 import { type Metadata } from "next";
+import { cacheLife } from "next/cache";
 import { redirect } from "next/navigation";
+import npa from "npm-package-arg";
 import { type JSX, Suspense } from "react";
 import { type ViewType } from "react-diff-view";
+import Skeleton from "^/components/ui/Skeleton";
+import getVersionData from "^/lib/api/npm/getVersionData";
+import packument from "^/lib/api/npm/packument";
 import { createSimplePackageSpec } from "^/lib/createSimplePackageSpec";
 import { DEFAULT_DIFF_FILES_GLOB } from "^/lib/default-diff-files";
 import destination from "^/lib/destination";
 import { parseQuery, type QueryParams } from "^/lib/query";
 import { simplePackageSpecToString } from "^/lib/SimplePackageSpec";
 import decodeParts from "^/lib/utils/decodeParts";
+import { generateComparisons } from "^/lib/utils/generateComparisons";
 import specsToDiff from "^/lib/utils/specsToDiff";
 import splitParts from "^/lib/utils/splitParts";
 import BundlephobiaDiff from "./_page/BundlephobiaDiff";
+import ComparisonList from "./_page/catalog/ComparisonList";
+import PackageMeta from "./_page/catalog/PackageMeta";
 import DiffIntro from "./_page/DiffIntro";
 import NpmDiff from "./_page/NpmDiff";
 import PackagephobiaDiff from "./_page/PackagephobiaDiff";
@@ -28,6 +36,17 @@ export async function generateMetadata({
     const { parts } = await params;
     const specs = splitParts(decodeParts(parts));
 
+    // Check if this is a catalog page (single package name without version)
+    if (specs.length === 1) {
+        const parsed = npa(specs[0]);
+        if (parsed.rawSpec === "*" && parsed.name) {
+            return {
+                title: `${parsed.name} - Package Catalog`,
+                description: `Version catalog and comparison links for the npm package "${parsed.name}"`,
+            };
+        }
+    }
+
     const [a, b] = specs.map((spec) => createSimplePackageSpec(spec));
 
     return {
@@ -36,6 +55,55 @@ export async function generateMetadata({
     };
 }
 
+async function CatalogPageInner({ packageName }: { packageName: string }) {
+    "use cache";
+
+    cacheLife("hours");
+
+    // Fetch package data
+    const [pack, versionMap] = await Promise.all([
+        packument(packageName),
+        getVersionData(packageName),
+    ]);
+
+    // Get all versions
+    const versions = Object.keys(versionMap);
+
+    // Generate comparisons
+    const comparisons = generateComparisons(versions, versionMap);
+
+    return (
+        <div className="mx-auto w-full max-w-7xl py-8">
+            <div className="grid grid-cols-1 gap-8 lg:grid-cols-2">
+                <div className="flex flex-col">
+                    <PackageMeta packument={pack} />
+                </div>
+                <div className="flex flex-col">
+                    <ComparisonList
+                        packageName={packageName}
+                        comparisons={comparisons}
+                    />
+                </div>
+            </div>
+        </div>
+    );
+}
+
+function CatalogPageFallback() {
+    return (
+        <div className="mx-auto w-full max-w-7xl py-8">
+            <div className="grid grid-cols-1 gap-8 lg:grid-cols-2">
+                <div className="flex flex-col">
+                    <Skeleton className="h-96 w-full rounded-md" />
+                </div>
+                <div className="flex flex-col">
+                    <Skeleton className="h-96 w-full rounded-md" />
+                </div>
+            </div>
+        </div>
+    );
+}
+
 const DiffPageInner = async ({
     params,
     searchParams,
@@ -44,6 +112,20 @@ const DiffPageInner = async ({
     const { diffFiles, ...optionsQuery } = await searchParams;
 
     const specsOrVersions = splitParts(decodeParts(parts));
+
+    // Check if this is a catalog page (single package name without version)
+    if (specsOrVersions.length === 1) {
+        const parsed = npa(specsOrVersions[0]);
+        if (parsed.rawSpec === "*" && parsed.name) {
+            // This is a catalog page
+            return (
+                <Suspense fallback={<CatalogPageFallback />}>
+                    <CatalogPageInner packageName={parsed.name} />
+                </Suspense>
+            );
+        }
+    }
+
     const { redirect: redirectTarget, canonicalSpecs } =
         await destination(specsOrVersions);
 

src/app/pkg/[name]/_page/PackageMeta.tsx …[...parts]/_page/catalog/PackageMeta.tsxsrc/app/pkg/[name]/_page/PackageMeta.tsx renamed to src/app/[...parts]/_page/catalog/PackageMeta.tsx src/app/pkg/[name]/_page/PackageMeta.tsx renamed to src/app/[...parts]/_page/catalog/PackageMeta.tsx

@@ -195,4 +195,34 @@ describe("generateComparisons", () => {
             expect(comparison.to).toBeTruthy();
         });
     });
+
+    it("does not create patch comparisons for versions with same major.minor.patch but different prerelease", () => {
+        const versions = [
+            "19.3.0-canary-f93b9fd4-20251217",
+            "19.3.0-canary-f6a48828-20251019",
+            "19.3.0-canary-fb2177c1-20251114",
+            "19.2.4",
+            "19.2.3",
+        ];
+        const versionMap: Record<string, { time: string }> = {};
+        versions.forEach((v, i) => {
+            versionMap[v] = {
+                time: `2025-12-${String(i + 1).padStart(2, "0")}`,
+            };
+        });
+
+        const result = generateComparisons(versions, versionMap);
+
+        // Should not include any patch comparisons between 19.3.0-canary versions
+        // since they all have the same major.minor.patch
+        const patchBumps = result.filter((c) => c.type === "patch");
+        const invalidPatches = patchBumps.filter(
+            (c) =>
+                (c.from.startsWith("19.3.0-canary") &&
+                    c.to.startsWith("19.3.0-canary")) ||
+                (c.from.includes("-canary") && c.to.includes("-canary")),
+        );
+
+        expect(invalidPatches).toHaveLength(0);
+    });
 });

src/app/[...parts]/page.tsx

@@ -185,9 +185,11 @@ function findPatchBumps(sortedVersions: string[]): Comparison[] {
         const from = sortedVersions[i + 1];
 
         // Only consider it a patch bump if major and minor are the same
+        // and the versions are actually different (not just different prerelease tags)
         if (
             semver.major(to) === semver.major(from) &&
-            semver.minor(to) === semver.minor(from)
+            semver.minor(to) === semver.minor(from) &&
+            semver.patch(to) !== semver.patch(from)
         ) {
             comparisons.push({
                 from,