Automatically fetch latest Chrome version

Author: tim-we

.github/workflows/gh-pages.yml

@@ -23,13 +23,17 @@ jobs:
       - name: Setup Node.js environment
         uses: actions/setup-node@v4
         with:
-          node-version: '20'
+          node-version: '22'
 
       - run: npm ci
+
+      - name: Set Environment Variables
+        run: echo "CHROME_VERSION=$(node scripts/get-chrome-version.mjs)" >> $GITHUB_ENV
+
       - run: npm run build:production
 
       - name: Deploy
-        uses: peaceiris/actions-gh-pages@v3.9.3
+        uses: peaceiris/actions-gh-pages@v4
         if: github.ref == 'refs/heads/main'
         with:
           github_token: ${{ secrets.GITHUB_TOKEN }}

global.d.ts

@@ -1,5 +1,6 @@
 declare const __DEBUG__: boolean;
 declare const __VERSION__: string;
+declare const __CHROME_VERSION__: string;
 
 declare module "friendly-time" {
     export default function friendlyTime(date: Date): string;

scripts/get-chrome-version.mjs

@@ -0,0 +1,42 @@
+/**
+ * @returns {Promise<ChromeVersionsInfo>}
+ */
+async function getChromeVersionsInfo() {
+  const response = await fetch(
+    "https://googlechromelabs.github.io/chrome-for-testing/last-known-good-versions-with-downloads.json",
+    { mode: "cors" }
+  );
+
+  if (!response.ok) {
+    return Promise.reject(
+      new Error(`Failed to fetch chrome versions info (status ${response.status})`)
+    );
+  }
+
+  return response.json();
+}
+
+/**
+ * @typedef {Object} ChromeVersionsInfo
+ * @property {string} timestamp - The timestamp of the version info.
+ * @property {Object} channels - A record of Chrome channels.
+ * @property {ChromeChannelInfo} channels.Stable - Stable channel info.
+ * @property {ChromeChannelInfo} channels.Beta - Beta channel info.
+ * @property {ChromeChannelInfo} channels.Dev - Dev channel info.
+ * @property {ChromeChannelInfo} channels.Canary - Canary channel info.
+ */
+
+/**
+ * @typedef {Object} ChromeChannelInfo
+ * @property {"Stable" | "Beta" | "Dev" | "Canary"} channel - The name of the channel.
+ * @property {string} version - The version string in the format "X.X.X.X".
+ * @property {string} revision - The revision number.
+ * @property {unknown} downloads - Download links (structure not relevant).
+ */
+
+await getChromeVersionsInfo()
+  .then(
+    (info) => info.channels.Stable.version,
+    () => "133.0.6943.126" // fallback (19.02.2025)
+  )
+  .then(console.log);

vite.config.ts

@@ -1,5 +1,9 @@
+import process from "node:process";
 import { defineConfig } from "vite";
 
+// https://googlechromelabs.github.io/chrome-for-testing/last-known-good-versions-with-downloads.json
+const CHROME_VERSION = process.env.CHROME_VERSION ?? "133.0.6943.126";
+
 export default defineConfig({
     server: {
         port: 3000,
@@ -9,7 +13,8 @@ export default defineConfig({
     },
     define: {
         __VERSION__: JSON.stringify(process.env.npm_package_version),
-        __DEBUG__: JSON.stringify(true)
+        __DEBUG__: JSON.stringify(true),
+        __CHROME_VERSION__: JSON.stringify(CHROME_VERSION),
     },
     css: {
         modules: {