From 526756b48cca9101eb5c2cef65760326371540c4 Mon Sep 17 00:00:00 2001
From: fylorn <249551762+fylorn@users.noreply.github.com>
Date: Thu, 1 Oct 2026 13:02:44 +0800
Subject: [PATCH] Changelog: show the notes published with each release on
 GitHub

A new release_notes content collection (src/lib/release-notes.ts) reads
the notes of every release at build time and renders them with the
site's markdown settings, like the Core documents.

- English: the release's notes without the download table, GitHub's
  list of merged pull requests and Enterprise's image and Helm preamble.
- Chinese: ThinkWatch Lite's annotated tags hold the notes in Chinese
  (the text of its update window), read through the GraphQL API. Their
  short lines followed by items become headings, and the upgrade notes
  are set off. The first Lite tags were annotated in English; with no
  notes on the release, that text is the English note.
- Core and Enterprise have English notes only; on the Chinese page those
  releases carry an EN badge.
- Heading ids are prefixed per release, since "upgrade-notes" and the
  like would otherwise repeat on one page.

On the page a release with notes opens in place; a link to a release
(the latest tiles, a shared anchor, the old #v0.4.0 anchors) opens it.
The written-up Enterprise releases keep their title and highlights in
the same place. Core v0.46.0 and earlier have only GitHub's generated
pull-request list, so they keep linking to GitHub. When GitHub cannot
be reached the build warns and the releases link to GitHub as before.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 src/components/pages/ChangelogPage.astro | 176 +++++++++++++---------
 src/content.config.ts                    |  15 +-
 src/i18n/pages/changelog.ts              |   6 +-
 src/lib/changelog.ts                     |  15 +-
 src/lib/release-notes.ts                 | 177 +++++++++++++++++++++++
 5 files changed, 316 insertions(+), 73 deletions(-)
 create mode 100644 src/lib/release-notes.ts

diff --git a/src/components/pages/ChangelogPage.astro b/src/components/pages/ChangelogPage.astro
index 03f68a8..0aee89b 100644
--- a/src/components/pages/ChangelogPage.astro
+++ b/src/components/pages/ChangelogPage.astro
@@ -33,9 +33,11 @@ const products = ["lite", "enterprise", "core"] as const;
 const count = (id: string) => (id === "all" ? entries.length : entries.filter((e) => e.product === id).length);
 const filters = [{ id: "all", label: c.all }, ...products.map((id) => ({ id, label: c.filters[id] }))];
 
+// The latest release of each product; its tile leads to its notes on this page when it has any.
 const latest = products
   .map((id) => entries.find((e) => e.product === id))
-  .filter((e): e is ChangelogEntry => Boolean(e));
+  .filter((e): e is ChangelogEntry => Boolean(e))
+  .map((e) => ({ ...e, onPage: Boolean(e.notes || e.releaseNotes) || !e.url }));
 
 // Newest month first; releases keep their newest-first order inside it.
 const months: { key: string; label: string; items: ChangelogEntry[] }[] = [];
@@ -62,12 +64,12 @@ for (const e of entries) {
         <h2 class="sr-only">{c.latest}</h2>
         <div class="cl-latest nx-rise" style="--d:3">
           {latest.map((e) => (
-            <a href={e.url ?? `#${e.id}`} target={e.url ? "_blank" : undefined} rel={e.url ? "noopener" : undefined} class="nx-tile cl-latest-tile">
+            <a href={e.onPage ? `#${e.id}` : e.url} target={e.onPage ? undefined : "_blank"} rel={e.onPage ? undefined : "noopener"} class="nx-tile cl-latest-tile">
               <span class="cl-prod" data-product={e.product}>{releaseProductName(e.product, lang)}</span>
               <span class="cl-latest-tag">{e.tag}</span>
               <span class="cl-latest-foot">
                 <time datetime={e.date.toISOString()}>{fmtFull.format(e.date)}</time>
-                {e.url && <span class="cl-gh">{c.github} ↗</span>}
+                <span class="cl-gh">{e.onPage ? `${c.readNotes} ↓` : `${c.github} ↗`}</span>
               </span>
             </a>
           ))}
@@ -92,38 +94,45 @@ for (const e of entries) {
               {m.items.map(async (entry) => {
                 const name = releaseProductName(entry.product, lang);
                 const notes = entry.notes;
-                const Content = notes ? (await render(notes)).Content : null;
+                const published = notes ? undefined : entry.releaseNotes;
+                const source = notes ?? published;
+                const Content = source ? (await render(source)).Content : null;
+                // Core and Enterprise publish their notes in English only
+                const english = lang === "zh-CN" && published?.data.lang === "en";
+                // A release with notes opens in place to show them
+                const Wrap = Content ? "details" : "div";
+                const Row = Content ? "summary" : "div";
                 return (
                   <li id={entry.id} data-product={entry.product} class="changelog-item">
                     {/* The anchor the release had while the page listed Enterprise alone (#v0.4.0). */}
                     {entry.legacyId && <span id={entry.legacyId} class="cl-legacy" aria-hidden="true"></span>}
-                    <div class="cl-row">
-                      <time class="cl-date" datetime={entry.date.toISOString()}>{fmt.format(entry.date)}</time>
-                      <span class="cl-prod" data-product={entry.product}>{name}</span>
-                      <a href={`#${entry.id}`} class="cl-tag" aria-label={`${c.linkTo} ${name} ${entry.tag}`}>{entry.tag}</a>
-                      {entry.url ? (
-                        <a href={entry.url} target="_blank" rel="noopener" class="cl-gh-link" aria-label={`${c.githubFull}: ${name} ${entry.tag}`}>
-                          {c.github} ↗
-                        </a>
-                      ) : <span />}
-                    </div>
-
-                    {notes && (
-                      <div class="cl-notes">
-                        <h3 class="cl-notes-title">{notes.data.title}</h3>
-                        {notes.data.highlights && (
-                          <ul class="cl-highlights">
-                            {notes.data.highlights.map((h) => <li>{h}</li>)}
-                          </ul>
-                        )}
-                        {Content && (
-                          <details class="cl-more">
-                            <summary>{c.readNotes}</summary>
-                            <div class="prose-tw cl-prose"><Content /></div>
-                          </details>
-                        )}
-                      </div>
-                    )}
+                    <Wrap class="cl-wrap">
+                      <Row class="cl-row">
+                        <time class="cl-date" datetime={entry.date.toISOString()}>{fmt.format(entry.date)}</time>
+                        <span class="cl-prod" data-product={entry.product}>{name}</span>
+                        <span class="cl-tagcell">
+                          <a href={`#${entry.id}`} class="cl-tag" aria-label={`${c.linkTo} ${name} ${entry.tag}`}>{entry.tag}</a>
+                          {english && <span class="cl-en" title={c.englishOnly}>EN</span>}
+                        </span>
+                        {entry.url ? (
+                          <a href={entry.url} target="_blank" rel="noopener" class="cl-gh-link" aria-label={`${c.githubFull}: ${name} ${entry.tag}`}>
+                            {c.github} ↗
+                          </a>
+                        ) : <span />}
+                        <span class:list={["cl-chev", !Content && "cl-chev-none"]} aria-hidden="true"></span>
+                      </Row>
+                      {Content && (
+                        <div class="cl-notes">
+                          {notes && <h3 class="cl-notes-title">{notes.data.title}</h3>}
+                          {notes?.data.highlights && (
+                            <ul class="cl-highlights">
+                              {notes.data.highlights.map((h) => <li>{h}</li>)}
+                            </ul>
+                          )}
+                          <div class="prose-tw cl-prose"><Content /></div>
+                        </div>
+                      )}
+                    </Wrap>
                   </li>
                 );
               })}
@@ -319,9 +328,16 @@ for (const e of entries) {
     --prod: 168px;
     --gap: 20px;
   }
+  .cl-wrap > summary {
+    list-style: none;
+    cursor: pointer;
+  }
+  .cl-wrap > summary::-webkit-details-marker {
+    display: none;
+  }
   .cl-row {
     display: grid;
-    grid-template-columns: var(--date) var(--prod) minmax(0, 1fr) 72px;
+    grid-template-columns: var(--date) var(--prod) minmax(0, 1fr) 72px 14px;
     align-items: center;
     gap: 4px var(--gap);
     min-height: 44px;
@@ -331,9 +347,44 @@ for (const e of entries) {
     transition: background 150ms;
   }
   .cl-row:hover,
-  .changelog-item:target .cl-row {
+  .changelog-item:target .cl-row,
+  details[open] > .cl-row {
     background: rgba(255, 255, 255, 0.03);
   }
+  .cl-tagcell {
+    display: flex;
+    min-width: 0;
+    align-items: center;
+    gap: 10px;
+  }
+  .cl-en {
+    border: 1px solid rgba(255, 255, 255, 0.14);
+    border-radius: 4px;
+    padding: 1px 5px;
+    font-family: var(--font-mono);
+    font-size: 9px;
+    letter-spacing: 0.06em;
+    color: var(--color-dim);
+  }
+  /* A chevron on the releases that open to show their notes */
+  .cl-chev {
+    width: 7px;
+    height: 7px;
+    justify-self: center;
+    border-right: 1.5px solid var(--color-dim);
+    border-bottom: 1.5px solid var(--color-dim);
+    transform: translateY(-2px) rotate(45deg);
+    transition: transform 200ms, border-color 150ms;
+  }
+  .cl-row:hover .cl-chev {
+    border-color: var(--color-text);
+  }
+  details[open] > .cl-row .cl-chev {
+    transform: translateY(2px) rotate(225deg);
+  }
+  .cl-chev-none {
+    visibility: hidden;
+  }
   .changelog-item:target .cl-row {
     box-shadow: inset 2px 0 0 rgb(var(--a1));
   }
@@ -367,9 +418,13 @@ for (const e of entries) {
   }
   @media (max-width: 639px) {
     .cl-row {
-      grid-template-columns: minmax(0, 1fr) auto;
+      grid-template-columns: minmax(0, 1fr) auto 14px;
       padding-block: 10px;
     }
+    .cl-chev {
+      grid-column: 3;
+      grid-row: 1 / 3;
+    }
     .cl-prod {
       grid-column: 1;
       grid-row: 1;
@@ -379,7 +434,7 @@ for (const e of entries) {
       grid-row: 1;
       justify-self: end;
     }
-    .cl-tag {
+    .cl-tagcell {
       grid-column: 1;
       grid-row: 2;
     }
@@ -390,7 +445,7 @@ for (const e of entries) {
   }
 
   .cl-notes {
-    padding: 8px 0 28px;
+    padding: 12px 0 32px;
   }
   /* the notes line up under the version */
   @media (min-width: 640px) {
@@ -406,7 +461,7 @@ for (const e of entries) {
     color: #fff;
   }
   .cl-highlights {
-    margin: 14px 0 0;
+    margin: 14px 0 20px;
     padding: 0;
     list-style: none;
     display: flex;
@@ -429,35 +484,6 @@ for (const e of entries) {
     border-radius: 99px;
     background: linear-gradient(135deg, rgb(var(--a1)), rgb(var(--a2)));
   }
-  .cl-more {
-    margin-top: 16px;
-  }
-  .cl-more summary {
-    display: inline-flex;
-    min-height: 40px;
-    align-items: center;
-    gap: 6px;
-    cursor: pointer;
-    list-style: none;
-    font-size: 14px;
-    font-weight: 500;
-    color: var(--color-text);
-    transition: color 150ms;
-  }
-  .cl-more summary::-webkit-details-marker {
-    display: none;
-  }
-  .cl-more summary::after {
-    content: "↓";
-    color: var(--color-dim);
-    transition: transform 150ms;
-  }
-  .cl-more[open] summary::after {
-    transform: rotate(180deg);
-  }
-  .cl-more summary:hover {
-    color: #fff;
-  }
   .cl-prose {
     margin-top: 12px;
     font-size: 0.9rem;
@@ -466,7 +492,11 @@ for (const e of entries) {
     margin-top: 1.8em;
     font-size: 1.1rem;
   }
-  .cl-prose :global(h2:first-child) {
+  .cl-prose :global(h3) {
+    margin-top: 1.6em;
+    font-size: 1rem;
+  }
+  .cl-prose :global(:is(h2, h3, p):first-child) {
     margin-top: 0;
   }
   /* Hide the # anchor link appended by rehypeAutolinkHeadings */
@@ -497,6 +527,18 @@ for (const e of entries) {
 </style>
 
 <script>
+  // A link to a release (the latest tiles, a shared #anchor) opens its notes.
+  function openRelease(hash: string) {
+    const id = decodeURIComponent(hash.slice(1));
+    const details = id ? document.getElementById(id)?.closest(".changelog-item")?.querySelector("details") : null;
+    if (details) details.open = true;
+  }
+  openRelease(location.hash);
+  window.addEventListener("hashchange", () => openRelease(location.hash));
+  document.querySelectorAll<HTMLAnchorElement>('a[href^="#"]').forEach((a) => {
+    a.addEventListener("click", () => openRelease(a.hash));
+  });
+
   const list = document.querySelector(".changelog-list");
   const buttons = document.querySelectorAll<HTMLButtonElement>("[data-filter-btn]");
   if (list && buttons.length) {
diff --git a/src/content.config.ts b/src/content.config.ts
index c9b7d8a..61cecae 100644
--- a/src/content.config.ts
+++ b/src/content.config.ts
@@ -1,6 +1,7 @@
 import { defineCollection, z } from "astro:content";
 import { glob } from "astro/loaders";
 import { coreDocsLoader } from "./lib/core-docs-loader";
+import { releaseNotesLoader } from "./lib/release-notes";
 
 const changelogSchema = z.object({
   version: z.string(),
@@ -53,4 +54,16 @@ const docs_core_synced = defineCollection({
   }),
 });
 
-export const collections = { changelog, changelog_zh, docs, docs_lite, docs_core, docs_core_synced };
+// The notes published with each release on GitHub, shown on the changelog:
+// see src/lib/release-notes.ts. Ids are "<lang>/<product>-<tag>".
+const release_notes = defineCollection({
+  loader: releaseNotesLoader(),
+  schema: z.object({
+    product: z.enum(["enterprise", "lite", "core"]),
+    /** The git tag, e.g. "v0.47.0" */
+    tag: z.string(),
+    lang: z.enum(["en", "zh-CN"]),
+  }),
+});
+
+export const collections = { changelog, changelog_zh, docs, docs_lite, docs_core, docs_core_synced, release_notes };
diff --git a/src/i18n/pages/changelog.ts b/src/i18n/pages/changelog.ts
index eecd194..313666d 100644
--- a/src/i18n/pages/changelog.ts
+++ b/src/i18n/pages/changelog.ts
@@ -23,7 +23,8 @@ export const changelogCopy = {
     githubFull: "View on GitHub",
     linkTo: "Link to",
     latest: "Latest releases",
-    readNotes: "Read the full notes",
+    readNotes: "Read the notes",
+    englishOnly: "These notes are in English only",
     dateLocale: "en-US",
     /** A release's date under its month */
     dateFormat: { month: "short", day: "numeric" },
@@ -50,7 +51,8 @@ export const changelogCopy = {
     githubFull: "在 GitHub 上查看",
     linkTo: "链接到",
     latest: "最新版本",
-    readNotes: "阅读完整说明",
+    readNotes: "查看说明",
+    englishOnly: "此版本的说明仅有英文",
     dateLocale: "zh-CN",
     dateFormat: { month: "long", day: "numeric" },
     fullDateFormat: { year: "numeric", month: "long", day: "numeric" },
diff --git a/src/lib/changelog.ts b/src/lib/changelog.ts
index 91f3bb8..2c94bc7 100644
--- a/src/lib/changelog.ts
+++ b/src/lib/changelog.ts
@@ -1,7 +1,7 @@
 // The changelog: every published release of the three products, read from
-// GitHub at build time, with the release notes written for this site (the
-// Enterprise releases up to v0.4.0, in src/content/changelog) attached to
-// their version. Releases without notes here link to their page on GitHub.
+// GitHub at build time, each with its notes: the ones written for this site
+// (the Enterprise releases up to v0.4.0, in src/content/changelog) or else the
+// ones published with the release on GitHub (src/lib/release-notes.ts).
 import { getCollection, type CollectionEntry } from "astro:content";
 import { getProduct, productName } from "~/content/docs/_meta";
 import type { Lang } from "~/i18n";
@@ -24,6 +24,8 @@ export interface ChangelogEntry {
   url?: string;
   /** Release notes written for this site */
   notes?: CollectionEntry<"changelog"> | CollectionEntry<"changelog_zh">;
+  /** Otherwise the notes published with the release on GitHub, in the page's language when they exist in it */
+  releaseNotes?: CollectionEntry<"release_notes">;
 }
 
 /** "ThinkWatch Enterprise" / "ThinkWatch 企业版", "ThinkWatch Lite", "ThinkWatch Core" */
@@ -39,6 +41,12 @@ export async function getChangelog(lang: Lang): Promise<ChangelogEntry[]> {
     for (const entry of await getCollection("changelog_zh")) notes.set(entry.data.version, entry);
   }
 
+  const published = new Map<string, CollectionEntry<"release_notes">>();
+  for (const entry of await getCollection("release_notes")) {
+    const key = `${entry.data.product}-${entry.data.tag}`;
+    if (entry.data.lang === lang || !published.has(key)) published.set(key, entry);
+  }
+
   const releases = await getReleases();
   const entries: ChangelogEntry[] = releases.map((r) => {
     const enterprise = r.product === "enterprise";
@@ -51,6 +59,7 @@ export async function getChangelog(lang: Lang): Promise<ChangelogEntry[]> {
       date: new Date(r.date),
       url: r.url,
       notes: enterprise ? notes.get(version) : undefined,
+      releaseNotes: published.get(`${r.product}-${r.tag}`),
     };
   });
 
diff --git a/src/lib/release-notes.ts b/src/lib/release-notes.ts
new file mode 100644
index 0000000..efe8f71
--- /dev/null
+++ b/src/lib/release-notes.ts
@@ -0,0 +1,177 @@
+// The content collection of the notes published with each release on GitHub,
+// shown on the changelog under their release. Read at build time, rendered with
+// the site's markdown settings.
+//
+// English: the release's own notes, without what GitHub and the release
+// workflows add around them (the download table, the generated list of pull
+// requests, Enterprise's image and Helm preamble). Chinese: ThinkWatch Lite's
+// annotated tags carry the notes in Chinese (the text its update window shows),
+// read through the GraphQL API, which needs GITHUB_TOKEN. Core and Enterprise
+// have English notes only.
+//
+// Entry ids are "<lang>/<product>-<tag>", lang "en" or "zh-cn". When GitHub
+// cannot be reached the collection is left without those notes and the
+// changelog links to GitHub as before.
+import type { Loader, LoaderContext } from "astro/loaders";
+import { githubHeaders, productRepos, type Product } from "./releases.mjs";
+
+/** Products whose annotated tags hold the notes in Chinese */
+const CHINESE_TAGS: Product[] = ["lite"];
+
+/** A warning in the build log, and on the pull request when the build runs in GitHub Actions */
+function warn(logger: LoaderContext["logger"], text: string) {
+  logger.warn(text);
+  if (process.env.GITHUB_ACTIONS === "true") console.log(`::warning title=Release notes::${text}`);
+}
+
+const message = (err: unknown) => (err instanceof Error ? err.message : String(err));
+
+/** The notes of every published release of one product, by tag */
+async function fetchReleaseBodies(product: Product): Promise<Map<string, string>> {
+  const repo = productRepos[product];
+  const bodies = new Map<string, string>();
+  for (let page = 1; ; page++) {
+    const res = await fetch(`https://api.github.com/repos/${repo}/releases?per_page=100&page=${page}`, {
+      headers: githubHeaders(),
+      signal: AbortSignal.timeout(15_000),
+    });
+    if (!res.ok) throw new Error(`GitHub answered ${res.status} for the releases of ${repo}`);
+    const list: { tag_name: string; body: string | null; draft: boolean; prerelease: boolean }[] = await res.json();
+    for (const r of list) if (!r.draft && !r.prerelease && r.body) bodies.set(r.tag_name, r.body);
+    if (list.length < 100) break;
+  }
+  return bodies;
+}
+
+/** The messages of a repository's annotated tags, by tag. Needs a token: GraphQL takes no anonymous calls. */
+async function fetchTagMessages(product: Product): Promise<Map<string, string>> {
+  const [owner, name] = productRepos[product].split("/");
+  const query = `query($owner: String!, $name: String!, $after: String) {
+    repository(owner: $owner, name: $name) {
+      refs(refPrefix: "refs/tags/", first: 100, after: $after) {
+        pageInfo { hasNextPage endCursor }
+        nodes { name target { ... on Tag { message } } }
+      }
+    }
+  }`;
+  type Page = {
+    data?: { repository: { refs: { pageInfo: { hasNextPage: boolean; endCursor: string }; nodes: { name: string; target: { message?: string } }[] } } };
+    errors?: { message: string }[];
+  };
+  const messages = new Map<string, string>();
+  let after: string | null = null;
+  for (;;) {
+    const res = await fetch("https://api.github.com/graphql", {
+      method: "POST",
+      headers: { ...githubHeaders(), "Content-Type": "application/json" },
+      body: JSON.stringify({ query, variables: { owner, name, after } }),
+      signal: AbortSignal.timeout(15_000),
+    });
+    if (!res.ok) throw new Error(`GitHub answered ${res.status} for the tags of ${owner}/${name}`);
+    const json: Page = await res.json();
+    if (!json.data) throw new Error(json.errors?.[0]?.message ?? `no tags for ${owner}/${name}`);
+    const refs = json.data.repository.refs;
+    for (const n of refs.nodes) if (n.target.message) messages.set(n.name, n.target.message);
+    if (!refs.pageInfo.hasNextPage) break;
+    after = refs.pageInfo.endCursor;
+  }
+  return messages;
+}
+
+/**
+ * The part of a release's notes written for readers. Enterprise releases open
+ * with the images and the Helm command, closed by a rule; Lite and Core
+ * releases end with the download table, and GitHub may append the list of
+ * merged pull requests and a comparison link.
+ */
+export function cleanReleaseBody(body: string): string {
+  let text = body.replace(/\r\n/g, "\n");
+  if (/^## Images\b/.test(text.trimStart())) {
+    const rule = /^---\s*$/m.exec(text);
+    if (rule) text = text.slice(rule.index + rule[0].length);
+  }
+  const end = text.search(/^(## Downloads\b|## What's Changed\b|\*\*Full Changelog\*\*)/m);
+  if (end >= 0) text = text.slice(0, end);
+  return text.trim();
+}
+
+/**
+ * A Lite tag message as markdown. The message is plain text: the release's
+ * name on the first line, paragraphs, and sections that are a short line
+ * followed directly by "- " items. The name is dropped, such a line becomes a
+ * heading, and the upgrade notes are set off as they are in the English notes.
+ */
+export function tagMessageToMarkdown(text: string): string {
+  const lines = text.replace(/\r\n/g, "\n").trim().split("\n");
+  if (/^ThinkWatch\b/.test(lines[0] ?? "")) lines.shift();
+  // Plain text: nothing in it is meant as markup
+  const escape = (s: string) => s.replace(/\\/g, "\\\\").replace(/\*/g, "\\*").replace(/</g, "&lt;").replace(/^([#>+])/, "\\$1");
+  const out = lines.map((line, i) => {
+    if (line.startsWith("- ")) return `- ${escape(line.slice(2))}`;
+    const isHeading =
+      line.trim() !== "" && line.length <= 30 && !/[。，、；：！？.,;:!?]/.test(line) && (lines[i + 1] ?? "").startsWith("- ");
+    if (isHeading) return `\n### ${escape(line.trim())}`;
+    // HTML rather than **…**: emphasis that ends in a full-width colon right before a character does not close
+    return escape(line).replace(/^升级须知：/, "<strong>升级须知：</strong>");
+  });
+  return out.join("\n").trim();
+}
+
+/**
+ * Every release's headings get ids and anchor links from the site's markdown
+ * settings; on one page those would repeat ("upgrade-notes" in every release),
+ * so each release's ids carry its own prefix.
+ */
+function prefixIds(html: string, prefix: string): string {
+  return html
+    .replace(/ id="([^"]+)"/g, (_, id: string) => ` id="${prefix}-${id}"`)
+    .replace(/ href="#([^"]+)"/g, (_, id: string) => ` href="#${prefix}-${id}"`);
+}
+
+export function releaseNotesLoader(): Loader {
+  return {
+    name: "release-notes",
+    async load({ store, logger, parseData, renderMarkdown, generateDigest }) {
+      const products = Object.keys(productRepos) as Product[];
+      const canReadTags = Boolean(process.env.GITHUB_TOKEN);
+      const fetched = await Promise.all(
+        products.map(async (product) => {
+          const [en, zh] = await Promise.all([
+            fetchReleaseBodies(product).catch((err: unknown) => {
+              warn(logger, `The release notes of ${productRepos[product]} could not be fetched (${message(err)}); its releases link to GitHub instead.`);
+              return new Map<string, string>();
+            }),
+            CHINESE_TAGS.includes(product) && canReadTags
+              ? fetchTagMessages(product).catch((err: unknown) => {
+                  warn(logger, `The tag messages of ${productRepos[product]} could not be fetched (${message(err)}); the Chinese page shows the English notes.`);
+                  return new Map<string, string>();
+                })
+              : Promise.resolve(new Map<string, string>()),
+          ]);
+          return { product, en, zh };
+        }),
+      );
+      if (!canReadTags) logger.info("No GITHUB_TOKEN: the Chinese changelog shows ThinkWatch Lite's English notes");
+
+      store.clear();
+      for (const { product, en, zh } of fetched) {
+        const notes: { lang: "en" | "zh-cn"; tag: string; body: string }[] = [];
+        for (const [tag, raw] of en) notes.push({ lang: "en", tag, body: cleanReleaseBody(raw) });
+        for (const [tag, raw] of zh) {
+          const body = tagMessageToMarkdown(raw);
+          if (/\p{Script=Han}/u.test(body)) notes.push({ lang: "zh-cn", tag, body });
+          // The first Lite tags were annotated in English; with no notes on the release, that is its English note
+          else if (!cleanReleaseBody(en.get(tag) ?? "")) notes.push({ lang: "en", tag, body });
+        }
+        for (const { lang, tag, body } of notes) {
+          if (!body) continue;
+          const id = `${lang}/${product}-${tag}`;
+          const rendered = await renderMarkdown(body);
+          rendered.html = prefixIds(rendered.html, `${product}-${tag}`.replace(/[^\w.-]/g, "-"));
+          const data = await parseData({ id, data: { product, tag, lang: lang === "en" ? "en" : "zh-CN" } });
+          store.set({ id, data, body, rendered, digest: generateDigest(body) });
+        }
+      }
+    },
+  };
+}