@grove-dev/astro 0.3.4 → 0.4.1

package/src/components/IndexRow.astro

@@ -1,6 +1,6 @@
 ---
 import type { IndexRecord } from "@grove-dev/core";
-import Icon from "./Icon.astro";
+import StackPlatformChips from "./StackPlatformChips.astro";
 import { formatRelative, formatStars, getOwnerAndRepoFromRepoUrl, getOwnerAvatarUrl, projectStackIds, statusDisplay } from "@grove-dev/astro";
 
 interface Props {
@@ -69,16 +69,16 @@ const curated = Boolean(item.curation?.reviewed || (project && (project.bestFor.
   <p class="m-0 line-clamp-2 text-[0.8125rem] leading-relaxed text-ink-600 dark:text-ink-300">{item.description}</p>
 
   <dl class="grid grid-cols-3 gap-x-3 text-2xs">
-    <div class="flex items-baseline gap-1.5"><dt class="font-medium uppercase tracking-wider text-ink-500">Stars</dt><dd class="font-mono text-ink-700 dark:text-ink-300">{formatStars(stars) ?? "—"}</dd></div>
-    <div class="flex items-baseline gap-1.5"><dt class="font-medium uppercase tracking-wider text-ink-500">Updated</dt><dd class="font-mono text-ink-700 dark:text-ink-300">{formatRelative(updatedAt)}</dd></div>
-    <div class="flex items-baseline gap-1.5"><dt class="font-medium uppercase tracking-wider text-ink-500">License</dt><dd class="font-mono text-ink-700 dark:text-ink-300">{license ?? "—"}</dd></div>
+    <div class="flex items-baseline gap-1.5"><dt class="font-medium uppercase tracking-wider text-ink-500 dark:text-ink-400">Stars</dt><dd class="font-mono text-ink-700 dark:text-ink-300">{formatStars(stars) ?? "—"}</dd></div>
+    <div class="flex items-baseline gap-1.5"><dt class="font-medium uppercase tracking-wider text-ink-500 dark:text-ink-400">Updated</dt><dd class="font-mono text-ink-700 dark:text-ink-300">{formatRelative(updatedAt)}</dd></div>
+    <div class="flex items-baseline gap-1.5"><dt class="font-medium uppercase tracking-wider text-ink-500 dark:text-ink-400">License</dt><dd class="font-mono text-ink-700 dark:text-ink-300">{license ?? "—"}</dd></div>
   </dl>
 
   {showChips && (platforms.length > 0 || stacks.length > 0) && (
-    <div class="flex flex-col gap-1.5">
-      <div class="flex flex-wrap gap-1.5">{platforms.slice(0, 4).map((platform) => <span class="inline-flex min-h-5 items-center justify-center gap-1 rounded-full border border-transparent bg-secondary px-2 py-0.5 align-middle text-xs font-medium leading-none text-secondary-foreground"><Icon name={platform} category="platform" size={11} />{platform}</span>)}</div>
-      <div class="flex flex-wrap gap-1.5">{stacks.slice(0, 4).map((stack) => <span class="inline-flex min-h-5 items-center justify-center gap-1 rounded-full border border-transparent bg-secondary px-2 py-0.5 align-middle text-xs font-medium leading-none text-secondary-foreground !bg-muted !text-muted-foreground"><Icon name={stack} category="stack" size={11} />{stack}</span>)}</div>
-    </div>
+    <StackPlatformChips
+      stack={stacks[0]}
+      platform={platforms}
+    />
   )}
 
   <footer class="relative z-10 mt-1 flex items-center gap-2 border-t border-ink-100 pt-2 text-2xs dark:border-ink-900">

package/src/components/ItemCard.astro

@@ -24,7 +24,7 @@
  * pattern is to pass `routeSlug` (or `href` directly).
  */
 import type { IndexRecord, Resource, ProjectRecord, IndexProjectRecord } from "@grove-dev/core";
-import Icon from "./Icon.astro";
+import StackPlatformChips from "./StackPlatformChips.astro";
 import { getOwnerAndRepoFromRepoUrl, getOwnerAvatarUrl, projectStackIds } from "@grove-dev/astro";
 import { formatStars, formatRelative } from "@grove-dev/astro";
 import { statusDisplay } from "@grove-dev/astro";
@@ -148,13 +148,7 @@ const category = (item as { category?: string }).category;
   class={`rounded-[calc(var(--radius)+0.25rem)] border-0 bg-muted shadow-none transition-colors hover:bg-secondary group relative flex h-full flex-col gap-3 p-4 ${className}`}
 >
   {/* Top row: logo + name + (optional) status + curated mark. */}
-  <header class="relative z-10 flex items-start gap-3">
-    <a
-      href={detailHref}
-      aria-label={`Open ${name} details`}
-      class="absolute inset-0 z-0 rounded-lg"
-    ></a>
-
+  <header class="flex items-start gap-3">
     {logoUrl ? (
       <img
         src={logoUrl}
@@ -178,11 +172,10 @@ const category = (item as { category?: string }).category;
       <h3
         class="m-0 truncate text-[0.9375rem] font-semibold tracking-tight text-ink-900 group-hover:underline dark:text-ink-100"
       >
-        {/* Name → detail page (not GitHub repo). Stacks above the
-            stretched link via z-index. */}
+        {/* Name → detail page (not GitHub repo). */}
         <a
           href={detailHref}
-          class="relative z-10 text-inherit no-underline"
+          class="inline-flex min-h-6 min-w-6 items-center text-inherit no-underline"
         >
           {name}
         </a>
@@ -198,7 +191,7 @@ const category = (item as { category?: string }).category;
                 data-event="external_repo_click"
                 data-event-source="card_owner"
                 data-event-item={slug}
-                class="relative z-10 font-mono text-ink-500 hover:text-ink-900 dark:text-ink-400 dark:hover:text-ink-100"
+                class="font-mono text-ink-500 hover:text-ink-900 dark:text-ink-400 dark:hover:text-ink-100"
               >
                 {/* `data-event` and `data-event-*` are forwarding hooks
                     for downstream analytics. Sites wire their own
@@ -210,7 +203,7 @@ const category = (item as { category?: string }).category;
                     "detail_owner" | "detail_view_github" | "detail_homepage"
                     | "detail_distribution"), and `data-event-item` is
                     the record slug. */}
-                <span class="text-ink-400 dark:text-ink-500">@</span>{owner}{repo ? <span class="text-ink-400 dark:text-ink-500">/{repo}</span> : ""}
+                <span class="text-ink-400">@</span>{owner}{repo ? <span class="text-ink-400">/{repo}</span> : ""}
               </a>
               <span class="mx-1 text-ink-300 dark:text-ink-700">·</span>
               {category}
@@ -252,7 +245,7 @@ const category = (item as { category?: string }).category;
   {/* Description */}
   {item.description && (
     <p
-      class="relative z-10 m-0 line-clamp-2 text-[0.8125rem] leading-relaxed text-ink-500 dark:text-ink-400"
+      class="m-0 line-clamp-2 text-[0.8125rem] leading-relaxed text-ink-500 dark:text-ink-400"
     >
       {item.description}
     </p>
@@ -261,7 +254,7 @@ const category = (item as { category?: string }).category;
   {/* Metadata row: stars · updated · license — the three signals
       that answer "is this alive and usable?" at a glance. */}
   {showMeta && (
-    <div class="relative z-10 flex flex-wrap items-center gap-x-3 gap-y-1 text-2xs text-ink-500 dark:text-ink-400">
+    <div class="flex flex-wrap items-center gap-x-3 gap-y-1 text-2xs text-ink-500 dark:text-ink-400">
       {starsLabel !== null && (
         <span class="inline-flex items-center gap-1" title={`${stars ?? 0} stars on GitHub`}>
           <svg viewBox="0 0 16 16" width="11" height="11" aria-hidden="true" fill="currentColor" class="text-amber-500">
@@ -286,40 +279,23 @@ const category = (item as { category?: string }).category;
     </div>
   )}
 
-  {/* Platform + stack chips, pushed to the bottom. */}
+  {/* Platform + stack chips, pushed to the bottom. Shared with
+      `IndexRow` / `CollectionRow` so the labelled-row pattern is
+      consistent across all card-shaped components. */}
   {showChips && (
-    <div class="relative z-10 mt-auto flex flex-col gap-1.5">
-      {visiblePlatforms.length > 0 && (
-        <div class="flex flex-wrap items-center gap-1.5">
-          {visiblePlatforms.map((p) => (
-            <span class="inline-flex min-h-5 items-center justify-center gap-1 rounded-full border border-transparent bg-secondary px-2 py-0.5 align-middle text-xs font-medium leading-none text-secondary-foreground">
-              <Icon name={p} category="platform" size={11} />
-              <span>{p}</span>
-            </span>
-          ))}
-          {platformOverflow > 0 && (
-            <span class="inline-flex min-h-5 items-center justify-center gap-1 rounded-full border border-transparent bg-secondary px-2 py-0.5 align-middle text-xs font-medium leading-none text-secondary-foreground text-ink-400 dark:text-ink-500">+{platformOverflow}</span>
-          )}
-        </div>
-      )}
-      {visibleStacks.length > 0 && (
-        <div class="flex flex-wrap items-center gap-1.5">
-          {visibleStacks.map((s) => (
-            <span class="inline-flex min-h-5 items-center justify-center gap-1 rounded-full border border-transparent bg-secondary px-2 py-0.5 align-middle text-xs font-medium leading-none text-secondary-foreground !bg-muted !text-muted-foreground">
-              <Icon name={s} category="stack" size={11} />
-              <span>{s}</span>
-            </span>
-          ))}
-          {stackOverflow > 0 && (
-            <span class="inline-flex min-h-5 items-center justify-center gap-1 rounded-full border border-transparent bg-secondary px-2 py-0.5 align-middle text-xs font-medium leading-none text-secondary-foreground !bg-muted !text-muted-foreground text-ink-400 dark:text-ink-500">+{stackOverflow}</span>
-          )}
-        </div>
+    <div class="mt-auto">
+      <StackPlatformChips
+        stack={visibleStacks[0]}
+        platform={visiblePlatforms}
+      />
+      {stackOverflow > 0 && (
+        <span class="text-2xs text-ink-400 dark:text-ink-600">+{stackOverflow} more stacks</span>
       )}
     </div>
   )}
 
   {/* Footer row: View repo + Details links. */}
-  <footer class="relative z-10 mt-1 flex items-center justify-between gap-2 border-t border-ink-100 pt-2 text-2xs dark:border-ink-900">
+  <footer class="mt-1 flex items-center justify-between gap-2 border-t border-ink-100 pt-2 text-2xs dark:border-ink-900">
     {externalHref && (
       <a
         href={externalHref}
@@ -328,7 +304,7 @@ const category = (item as { category?: string }).category;
         data-event="external_repo_click"
         data-event-source="card_view_repo"
         data-event-item={slug}
-        class="relative z-10 inline-flex items-center gap-1 font-medium text-ink-700 transition-colors hover:text-ink-900 dark:text-ink-300 dark:hover:text-ink-100"
+        class="inline-flex items-center gap-1 font-medium text-ink-700 transition-colors hover:text-ink-900 dark:text-ink-300 dark:hover:text-ink-100"
       >
         {repoHref ? "View repo" : "Visit source"}
         <svg viewBox="0 0 16 16" width="10" height="10" aria-hidden="true" fill="currentColor">
@@ -339,7 +315,7 @@ const category = (item as { category?: string }).category;
     )}
     <a
       href={detailHref}
-      class="relative z-10 inline-flex items-center gap-1 font-medium text-ink-500 transition-colors hover:text-ink-900 dark:text-ink-400 dark:hover:text-ink-100"
+      class="inline-flex items-center gap-1 font-medium text-ink-500 transition-colors hover:text-ink-900 dark:text-ink-400 dark:hover:text-ink-100"
     >
       Details →
     </a>

package/src/components/RefinePanel.astro

@@ -99,7 +99,7 @@ const groups: RenderedFilterGroup[] = baseGroups
   }));
 ---
 
-<section class:list={["flex flex-wrap items-center gap-2", className]} role="toolbar" aria-label="Filter items">
+<div class:list={["flex flex-wrap items-center gap-2", className]} role="toolbar" aria-label="Filter items">
     {groups.map((group) => <FilterGroupMenu {...group} />)}
 
     {!hide.includes("sort") && (
@@ -113,7 +113,7 @@ const groups: RenderedFilterGroup[] = baseGroups
         </svg>
       </label>
     )}
-</section>
+</div>
 
 <script is:inline define:vars={{ pathPrefix }}>
   (() => {

package/src/components/StackPlatformChips.astro

@@ -0,0 +1,73 @@
+---
+/**
+ * StackPlatformChips — labelled Stack + Platform chip rows.
+ *
+ * Renders up to two rows: one for stack (filled pills, primary) and
+ * one for platform (outlined pills, secondary). Each row is prefixed
+ * with a `w-14` (56px) label column so the pills always start at
+ * the same horizontal position, even when the stack/label is wider
+ * than the longest platform.
+ *
+ * Used by every card-shaped component in the framework so the
+ * primary/secondary distinction is unambiguous across surfaces
+ * (homepage grid, directory index, collection rows).
+ */
+import Icon from "./Icon.astro";
+
+interface Props {
+  /** Primary technology — filled pill, one entry per item. */
+  stack?: string;
+  /** Secondary target platforms — outlined pills, multiple per item. */
+  platform?: string[];
+  /** Cap the number of platform pills rendered. Default 4. */
+  maxPlatform?: number;
+  /** Hide the row(s) entirely. Default true. */
+  show?: boolean;
+  class?: string;
+}
+
+const {
+  stack,
+  platform = [],
+  maxPlatform = 4,
+  show = true,
+  class: className = "",
+} = Astro.props;
+
+if (!show || (!stack && platform.length === 0)) {
+  return Astro.redirect ? null : null;
+}
+
+const visiblePlatform = platform.slice(0, maxPlatform);
+const platformOverflow = platform.length - visiblePlatform.length;
+---
+
+<div class={`flex flex-col gap-1 ${className}`}>
+  {stack && (
+    <div class="flex flex-wrap items-center gap-x-1.5 gap-y-1">
+      <span class="w-14 shrink-0 text-2xs font-medium uppercase tracking-wider text-ink-500 dark:text-ink-400">
+        Stack
+      </span>
+      <span class="inline-flex min-h-5 items-center gap-1 rounded-full border border-transparent bg-secondary px-2 py-0.5 text-2xs font-medium leading-none text-secondary-foreground">
+        <Icon name={stack} category="stack" size={10} />
+        <span>{stack}</span>
+      </span>
+    </div>
+  )}
+  {platform.length > 0 && (
+    <div class="flex flex-wrap items-center gap-x-1.5 gap-y-1">
+      <span class="w-14 shrink-0 text-2xs font-medium uppercase tracking-wider text-ink-500 dark:text-ink-400">
+        Platform
+      </span>
+      {visiblePlatform.map((p) => (
+        <span class="inline-flex min-h-5 items-center gap-1 rounded-full border border-ink-200 bg-transparent px-2 py-0.5 text-2xs font-medium leading-none text-ink-500 dark:border-ink-800 dark:text-ink-400">
+          <Icon name={p} category="platform" size={10} />
+          <span>{p}</span>
+        </span>
+      ))}
+      {platformOverflow > 0 && (
+        <span class="text-2xs text-ink-400 dark:text-ink-600">+{platformOverflow}</span>
+      )}
+    </div>
+  )}
+</div>

package/src/layouts/Footer.astro

@@ -170,9 +170,9 @@ const resolvedLicenseLine = licenseLine ?? site.footer?.license;
 
     {columns.map((column) => (
       <div>
-        <h4 class="mb-3 text-2xs font-semibold uppercase tracking-wider text-ink-900 dark:text-ink-100">
+        <h2 class="mb-3 text-2xs font-semibold uppercase tracking-wider text-ink-900 dark:text-ink-100">
           {column.heading}
-        </h4>
+        </h2>
         <ul class="m-0 flex list-none flex-col gap-2 p-0">
           {column.items.map((item) => (
             <li>

package/src/lib/index.ts

@@ -24,3 +24,4 @@ export * from "./search.js";
 export * from "./scores.js";
 export * from "./taxonomy-counts.js";
 export * from "./display.js";
+export * from "./load-collections.js";

package/src/lib/load-collections.ts

@@ -0,0 +1,33 @@
+import { readFile, readdir } from "node:fs/promises";
+import { join, resolve } from "node:path";
+import { parse as parseYaml } from "yaml";
+import type { Collection } from "@grove-dev/core";
+
+/**
+ * Load all `Collection` YAML files from `<cwd>/data/collections/*.yml`.
+ *
+ * Returns an empty array if the directory does not exist, so callers can
+ * safely render an empty/loading state without having to guard each
+ * invocation site. Parse errors and other unexpected failures are NOT
+ * swallowed — they surface so real problems (malformed YAML, permission
+ * errors, etc.) are visible instead of silently producing empty output.
+ */
+export async function loadCollections(cwd: string): Promise<Collection[]> {
+  const dir = resolve(cwd, "data/collections");
+  let files: string[];
+  try {
+    files = await readdir(dir);
+  } catch (err) {
+    if ((err as NodeJS.ErrnoException).code === "ENOENT") return [];
+    throw err;
+  }
+  const out: Collection[] = [];
+  for (const f of files.filter((f) => f.endsWith(".yml"))) {
+    const raw = parseYaml(await readFile(join(dir, f), "utf8"));
+    if (!raw || typeof raw !== "object") {
+      throw new Error(`Invalid collection YAML: ${f}`);
+    }
+    out.push(raw as Collection);
+  }
+  return out;
+}

package/src/server/collections.test.ts

@@ -0,0 +1,212 @@
+import { describe, expect, it } from "vitest";
+import {
+  recordsToCollectionEntries,
+  getCollectionPageModel,
+  getCollectionIndexModel,
+  getCollectionTeaserModel,
+} from "./collections.js";
+import type { Collection, CollectionEntry } from "@grove-dev/core";
+
+describe("recordsToCollectionEntries", () => {
+  it("maps a full record to a CollectionEntry", () => {
+    const records = [
+      {
+        slug: "crewai",
+        name: "CrewAI",
+        description: "Agent framework",
+        stack: "python",
+        stacks: ["python"],
+        platforms: ["linux", "macos"],
+        license: "MIT",
+        visibility: "keep",
+        stars: 100,
+        pushedAt: "2026-01-15T00:00:00Z",
+        lastCommitAt: "2026-02-01T00:00:00Z",
+        category: "agents",
+        tags: ["multi-agent", "automation"],
+        scores: { curation: 0.8, activity: 0.7 },
+      },
+    ];
+    const entries = recordsToCollectionEntries(records as never, { routeSlug: "projects" });
+    expect(entries).toHaveLength(1);
+    expect(entries[0]).toMatchObject({
+      slug: "crewai",
+      title: "CrewAI",
+      description: "Agent framework",
+      url: "/projects/crewai/",
+      stack: "python",
+      platform: ["linux", "macos"],
+      license: "MIT",
+      status: "keep",
+      stars: 100,
+      pushedAt: "2026-01-15T00:00:00Z",
+      curationScore: 0.8,
+      activityScore: 0.7,
+      categories: expect.arrayContaining(["agents", "multi-agent", "automation"]),
+    });
+  });
+
+  it("filters out hidden records", () => {
+    const records = [
+      { slug: "a", name: "A", visibility: "keep" },
+      { slug: "b", name: "B", visibility: "hide" },
+    ];
+    const entries = recordsToCollectionEntries(records as never, { routeSlug: "projects" });
+    expect(entries.map((e) => e.slug)).toEqual(["a"]);
+  });
+
+  it("falls back to stacks[0] when stack is missing", () => {
+    const records = [{ slug: "x", name: "X", stacks: ["node"] }];
+    const entries = recordsToCollectionEntries(records as never, { routeSlug: "projects" });
+    expect(entries[0].stack).toBe("node");
+  });
+
+  it("prefers lastCommitAt when pushedAt is missing", () => {
+    const records = [{ slug: "x", name: "X", lastCommitAt: "2026-03-01T00:00:00Z" }];
+    const entries = recordsToCollectionEntries(records as never, { routeSlug: "projects" });
+    expect(entries[0].pushedAt).toBe("2026-03-01T00:00:00Z");
+  });
+
+  it("deduplicates categories when category is also in tags", () => {
+    const records = [{ slug: "x", name: "X", category: "agents", tags: ["agents", "x"] }];
+    const entries = recordsToCollectionEntries(records as never, { routeSlug: "projects" });
+    expect(entries[0].categories).toEqual(["agents", "x"]);
+  });
+
+  it("defaults routeSlug to 'projects' when not provided", () => {
+    const records = [{ slug: "x", name: "X" }];
+    const entries = recordsToCollectionEntries(records as never, {});
+    expect(entries[0].url).toBe("/projects/x/");
+  });
+
+  it("populates repoHref from repoUrl and homepageHref from links.website", () => {
+    const records = [
+      {
+        slug: "crewai",
+        name: "CrewAI",
+        repoUrl: "https://github.com/crewAIInc/crewAI",
+        links: { github: "https://github.com/other/repo", website: "https://crewai.com" },
+      },
+    ];
+    const entries = recordsToCollectionEntries(records as never, {});
+    expect(entries[0].repoHref).toBe("https://github.com/crewAIInc/crewAI");
+    expect(entries[0].homepageHref).toBe("https://crewai.com");
+  });
+
+  it("falls back to links.github when repoUrl is missing", () => {
+    const records = [
+      { slug: "x", name: "X", links: { github: "https://github.com/foo/bar" } },
+    ];
+    const entries = recordsToCollectionEntries(records as never, {});
+    expect(entries[0].repoHref).toBe("https://github.com/foo/bar");
+  });
+});
+
+const collection: Collection = {
+  slug: "top-ai-agents",
+  kind: "curated",
+  title: "Top AI Agents",
+  description: "Best agent frameworks.",
+  query: { stacks: ["python"] },
+  ranking: { preset: "quality" },
+  seo: { index: true },
+  editorial: { selectionNote: "Ranked by activity and curation." },
+};
+
+const otherCollection: Collection = {
+  slug: "top-tools",
+  kind: "curated",
+  title: "Top Tools",
+  description: "All tools.",
+  query: { stacks: ["python"] },
+  ranking: { preset: "recency" },
+  seo: { index: true },
+};
+
+const emptyCollection: Collection = {
+  slug: "no-matches",
+  kind: "curated",
+  title: "No Matches",
+  description: "Won't match anything.",
+  query: { stacks: ["rust"] },
+  ranking: { preset: "recency" },
+  seo: { index: true },
+};
+
+const entries: CollectionEntry[] = [
+  {
+    slug: "crewai",
+    title: "CrewAI",
+    description: "Agent framework",
+    url: "/projects/crewai/",
+    stack: "python",
+    curationScore: 0.9,
+    activityScore: 0.8,
+  },
+  {
+    slug: "dify",
+    title: "Dify",
+    description: "LLM platform",
+    url: "/projects/dify/",
+    stack: "python",
+    curationScore: 0.7,
+    activityScore: 0.6,
+  },
+  {
+    slug: "flowise",
+    title: "Flowise",
+    description: "Node tool",
+    url: "/projects/flowise/",
+    stack: "node",
+    curationScore: 0.5,
+    activityScore: 0.4,
+  },
+];
+
+describe("getCollectionPageModel", () => {
+  it("returns ranked entries filtered by query", () => {
+    const model = getCollectionPageModel(collection, entries, [collection, otherCollection]);
+    expect(model.total).toBe(2);
+    expect(model.isEmpty).toBe(false);
+    expect(model.entries.map((e) => e.slug)).toEqual(["crewai", "dify"]);
+  });
+
+  it("exposes editorial selection note", () => {
+    const model = getCollectionPageModel(collection, entries, [collection]);
+    expect(model.collection.selectionNote).toBe("Ranked by activity and curation.");
+  });
+
+  it("returns related collections (max 4)", () => {
+    const model = getCollectionPageModel(collection, entries, [collection, otherCollection]);
+    expect(model.related).toHaveLength(1);
+    expect(model.related[0].slug).toBe("top-tools");
+  });
+
+  it("reports empty when no entries match", () => {
+    const model = getCollectionPageModel(emptyCollection, entries, [collection, otherCollection]);
+    expect(model.isEmpty).toBe(true);
+  });
+});
+
+describe("getCollectionIndexModel", () => {
+  it("counts entries per collection", () => {
+    const model = getCollectionIndexModel([collection, otherCollection], entries);
+    expect(model.total).toBe(2);
+    expect(model.collections).toHaveLength(2);
+    const agentCol = model.collections.find((c) => c.slug === "top-ai-agents");
+    expect(agentCol?.count).toBe(2);
+    expect(agentCol?.url).toBe("/collections/top-ai-agents/");
+  });
+});
+
+describe("getCollectionTeaserModel", () => {
+  it("respects the limit", () => {
+    const model = getCollectionTeaserModel([collection, otherCollection], entries, 1);
+    expect(model.collections).toHaveLength(1);
+  });
+
+  it("uses the project's route slug for entry URLs", () => {
+    const model = getCollectionTeaserModel([collection], entries, 5);
+    expect(model.collections[0].count).toBe(2);
+  });
+});