feat(whatsnew): add a GitHub link to the full changes

Below the release notes, the dialog now shows a "View the details on
GitHub" link so users can read the full commit content/diffs. It points to
the compare view (every commit since the user's last build) when a real
range is available, or the current commit when we fell back to recent
history. Served as `githubUrl` from /version/whats-new (built from
GITHUB_REPO).

Author: softpython2884

apps/api/src/routes/version.ts

@@ -40,12 +40,21 @@ export const versionRoutes: FastifyPluginAsync = async (app) => {
 
     // Notes for seen..current; if `seen` is unreachable (force-push/rebase), fall back to the
     // most recent commits so the user still sees something meaningful.
-    const log = (await getChangelog(seen, local.sha)) ?? (await getRecentChangelog(20));
+    const ranged = await getChangelog(seen, local.sha);
+    const log = ranged ?? (await getRecentChangelog(20));
     if (!log) {
       await prisma.user.update({ where: { id: req.user!.id }, data: { lastSeenVersion: local.sha } });
       return { show: false };
     }
-    return { show: true, version: local.shortSha, entries: log.entries, count: log.count };
+    // A link to the full detail on GitHub: the compare view (every commit + diff since the user's
+    // last build) when we have a real range, else the current commit when we fell back.
+    const repo = app.ctx.env.GITHUB_REPO;
+    const githubUrl = repo
+      ? ranged
+        ? `https://github.com/${repo}/compare/${seen}...${local.sha}`
+        : `https://github.com/${repo}/commit/${local.sha}`
+      : null;
+    return { show: true, version: local.shortSha, entries: log.entries, count: log.count, githubUrl };
   });
 
   // POST /version/whats-new/seen — dismiss the dialog for the current build.

apps/web/src/components/WhatsNew.tsx

@@ -11,7 +11,7 @@
  */
 import { useEffect, useState } from 'react';
 import { createPortal } from 'react-dom';
-import { X } from 'lucide-react';
+import { X, ExternalLink } from 'lucide-react';
 import { api } from '@/lib/api';
 import { useAuth } from '@/lib/auth';
 import { useT } from '@/lib/i18n';
@@ -26,6 +26,7 @@ interface WhatsNew {
   version?: string;
   entries?: ChangelogEntry[];
   count?: number;
+  githubUrl?: string | null;
 }
 
 export function WhatsNew() {
@@ -93,7 +94,19 @@ export function WhatsNew() {
           {extra > 0 && <li className="border-t border-white/[0.05] py-2.5 text-xs italic text-zinc-500">{t('whatsnew.more', { count: extra })}</li>}
         </ul>
 
-        <div className="border-t border-white/[0.07] px-6 py-3.5 text-right">
+        <div className="flex items-center justify-between gap-3 border-t border-white/[0.07] px-6 py-3.5">
+          {data.githubUrl ? (
+            <a
+              href={data.githubUrl}
+              target="_blank"
+              rel="noreferrer"
+              className="inline-flex items-center gap-1.5 text-xs text-violet-300 transition hover:text-violet-200"
+            >
+              {t('whatsnew.viewOnGithub')} <ExternalLink size={13} />
+            </a>
+          ) : (
+            <span />
+          )}
           <button className="btn-primary" onClick={dismiss}>
             {t('whatsnew.gotIt')}
           </button>

apps/web/src/lib/i18n.tsx

@@ -551,6 +551,7 @@ const fr: Dict = {
   'whatsnew.version': 'Version {version}',
   'whatsnew.changes': '{count} changement(s)',
   'whatsnew.more': '+{count} autres changements',
+  'whatsnew.viewOnGithub': 'Voir le détail sur GitHub',
   'whatsnew.gotIt': 'J’ai compris',
   'whatsnew.dismiss': 'Fermer',
   // shared spaces
@@ -1148,6 +1149,7 @@ const en: Dict = {
   'whatsnew.version': 'Version {version}',
   'whatsnew.changes': '{count} change(s)',
   'whatsnew.more': '+{count} more changes',
+  'whatsnew.viewOnGithub': 'View the details on GitHub',
   'whatsnew.gotIt': 'Got it',
   'whatsnew.dismiss': 'Close',
   // shared spaces