feat: v1.8.0 — open source section on projects city

- add an "open source" subsection to /projects positioned after the main
  project grid, listing public repos/packages without a new nav entry or
  competing with the primary showcase
- introduce repocheckup as its first entry — a zero-config cli published
  on npm — linking out to github and npm
- new src/lib/open-source.ts data model keeps the section data-driven and
  easy to extend with future packages

Author: Randy-R-code

CHANGELOG.md

@@ -9,6 +9,17 @@ InfraLens's history as a standalone product (2026-01-06 to 2026-08-10) is
 frozen in [`docs/infralens/CHANGELOG.md`](docs/infralens/CHANGELOG.md).
 InfraLens changes since its native migration are recorded here.
 
+## [1.8.0] — 2026-09-05
+
+### Added
+
+- **Open Source section on Projects City** (`/projects`) — new subsection
+  listing public repositories and packages, positioned after the main
+  projects grid without a new nav entry or competing with the primary
+  showcase. First entry: RepoCheckup, a zero-config CLI (`npx repo-checkup`)
+  that checks a JS/TypeScript repository's configuration, tooling, testing
+  and CI, linking out to GitHub and npm.
+
 ## [1.7.4] — 2026-09-02
 
 ### Added

app/projects/page.tsx

@@ -1,7 +1,9 @@
+import { GitHubIcon } from "@/components/github-icon";
 import { PageShell } from "@/components/layout/page-shell";
 import { brand } from "@/lib/brand";
+import { openSourceProjects } from "@/lib/open-source";
 import { projects, statusLabel } from "@/lib/projects";
-import { ExternalLink, Wrench } from "lucide-react";
+import { ExternalLink, Package, Wrench } from "lucide-react";
 import type { Metadata } from "next";
 import Link from "next/link";
 
@@ -125,6 +127,68 @@ export default function ProjectsPage() {
         })}
       </div>
 
+      <section className="mt-16">
+        <h2 className="mb-2 text-xl font-semibold text-white">Open Source</h2>
+        <p className="mb-6 max-w-xl text-sm text-zinc-400">
+          Des projets et packages publics conçus pour être utilisés, explorés et
+          contribués.
+        </p>
+        <div className="flex flex-col gap-4 sm:max-w-sm">
+          {openSourceProjects.map((project) => (
+            <div
+              key={project.name}
+              className="flex flex-col gap-3 rounded-xl border p-5"
+              style={{
+                borderColor: `${brand.colors.blue[400]}18`,
+                background: brand.colors.surface[2],
+              }}
+            >
+              <div className="flex items-center gap-2">
+                <Package
+                  size={15}
+                  aria-hidden="true"
+                  style={{ color: brand.colors.blue[400] }}
+                />
+                <h3 className="text-base font-semibold text-white">
+                  {project.name}
+                </h3>
+              </div>
+              <p className="text-[11px] font-medium text-zinc-500">
+                {project.tags.join(" · ")}
+              </p>
+              <p className="text-sm text-zinc-400">{project.description}</p>
+              <div className="mt-1 flex items-center gap-4">
+                <a
+                  href={project.githubUrl}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  aria-label={`Voir ${project.name} sur GitHub`}
+                  className="inline-flex items-center gap-1.5 text-xs font-medium"
+                  style={{ color: brand.colors.blue[400] }}
+                >
+                  <GitHubIcon size={13} />
+                  GitHub
+                  <ExternalLink size={10} />
+                </a>
+                {project.npmUrl && (
+                  <a
+                    href={project.npmUrl}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    aria-label={`Voir ${project.name} sur npm`}
+                    className="inline-flex items-center gap-1.5 text-xs font-medium"
+                    style={{ color: brand.colors.blue[400] }}
+                  >
+                    npm
+                    <ExternalLink size={10} />
+                  </a>
+                )}
+              </div>
+            </div>
+          ))}
+        </div>
+      </section>
+
       <div
         className="mt-12 rounded-xl border p-6"
         style={{ borderColor: `${brand.colors.blue[400]}30` }}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "randy-code",
-  "version": "1.7.4",
+  "version": "1.8.0",
   "private": true,
   "packageManager": "pnpm@10.7.0",
   "scripts": {

src/lib/__tests__/open-source.test.ts

@@ -0,0 +1,22 @@
+import { describe, expect, it } from "vitest";
+import { openSourceProjects } from "../open-source";
+
+describe("openSourceProjects", () => {
+  it("is not empty", () => {
+    expect(openSourceProjects.length).toBeGreaterThan(0);
+  });
+
+  it("each project has required fields", () => {
+    for (const project of openSourceProjects) {
+      expect(project.name).toBeTruthy();
+      expect(project.description).toBeTruthy();
+      expect(project.tags.length).toBeGreaterThan(0);
+      expect(project.githubUrl).toMatch(/^https:\/\/github\.com\//);
+    }
+  });
+
+  it("has unique names", () => {
+    const names = openSourceProjects.map((p) => p.name);
+    expect(new Set(names).size).toBe(names.length);
+  });
+});

src/lib/open-source.ts

@@ -0,0 +1,19 @@
+export interface OpenSourceProject {
+  name: string;
+  description: string;
+  tags: string[];
+  href?: string;
+  githubUrl: string;
+  npmUrl?: string;
+}
+
+export const openSourceProjects: OpenSourceProject[] = [
+  {
+    name: "RepoCheckup",
+    description:
+      "CLI zero-config qui inspecte un repository JavaScript/TypeScript — configuration, outillage, tests et CI — et signale les incohérences qu'un reviewer expérimenté relèverait.",
+    tags: ["CLI", "TypeScript", "npm"],
+    githubUrl: "https://github.com/Randy-R-code/repo-checkup",
+    npmUrl: "https://www.npmjs.com/package/repo-checkup",
+  },
+];