GoogleChromeLabs · mathiasbynens · Feb 19, 2024 · Feb 19, 2024 · Feb 19, 2024
diff --git a/_tpl/template.html b/_tpl/template.html
@@ -17,7 +17,7 @@
 <html lang="en">
 <meta charset="utf-8">
 <title>Chrome for Testing availability</title>
-<meta content="width=device-width" name="viewport">
+<meta name="viewport" content="width=device-width">
 <style>
 	html { font: 1rem/1.6 sans-serif; }
 	::selection { background: dodgerblue; color: #FFF; }

diff --git a/generate-directory-index.mjs b/generate-directory-index.mjs
@@ -0,0 +1,86 @@
+/**
+ * Copyright 2024 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the “License”);
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an “AS IS” BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import fs from 'node:fs/promises';
+
+import {glob} from 'glob';
+
+import {escapeHtml, minifyHtml} from './html-utils.mjs';
+
+const files = await glob('./*', {
+	cwd: './dist/',
+});
+
+const results = {
+	digit: [],
+	json: [],
+	capOnly: [],
+	cap: [],
+	other: [],
+};
+for (const fileName of files) {
+	if (/^\d/.test(fileName)) {
+		results.digit.push(fileName);
+		continue;
+	}
+	if (fileName.endsWith('.json')) {
+		results.json.push(fileName);
+		continue;
+	}
+	if (/^[A-Z_]+$/.test(fileName)) {
+		results.capOnly.push(fileName);
+		continue;
+	}
+	if (/^[A-Z]/.test(fileName)) {
+		results.cap.push(fileName);
+		continue;
+	}
+	results.other.push(fileName);
+}
+
+results.digit.sort();
+results.json.sort();
+results.capOnly.sort();
+results.cap.sort();
+results.other.sort();
+
+const allFileNames = [
+	...results.json,
+	...results.capOnly,
+	...results.cap,
+	...results.digit,
+	...results.other,
+];
+
+const html = `
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<title>Chrome for Testing dashboard + API directory listing</title>
+<meta name="viewport" content="width=device-width">
+<meta name="robots" content="noindex">
+<style>
+	html { font: 1rem/1.6 sans-serif; }
+	a { display: block; }
+</style>
+<ul>
+${allFileNames.map(fileName => {
+	return `<li><a href="${escapeHtml(fileName)}"><code>${escapeHtml(fileName)}</code></a>`;
+}).join('\n')}
+</ul>
+`;
+const minified = await minifyHtml(html);
+await fs.writeFile('./dist/files.html', minified);
diff --git a/generate-html.mjs b/generate-html.mjs
@@ -16,11 +16,9 @@
 
 import fs from 'node:fs/promises';
 
-import { escape as escapeHtml } from 'lodash-es';
-import { minify as minifyHtml } from 'html-minifier-terser';
-
 import {predatesChromeDriverAvailability, predatesChromeHeadlessShellAvailability} from './is-older-version.mjs';
 import {readJsonFile} from './json-utils.mjs';
+import {escapeHtml, minifyHtml} from './html-utils.mjs';
 
 const OK = '\u2705';
 const NOT_OK = '\u274C';
@@ -152,26 +150,5 @@ const htmlTemplate = await fs.readFile('./_tpl/template.html', 'utf8');
 const html = htmlTemplate.toString()
 	.replace('%%%DATA%%%', render(data))
 	.replace('%%%TIMESTAMP%%%', data.timestamp);
-const minifiedHtml = await minifyHtml(html, {
-	collapseBooleanAttributes: true,
-	collapseInlineTagWhitespace: false,
-	collapseWhitespace: true,
-	conservativeCollapse: false,
-	decodeEntities: true,
-	html5: true,
-	includeAutoGeneratedTags: false,
-	minifyCSS: true,
-	minifyJS: true,
-	preserveLineBreaks: false,
-	preventAttributesEscaping: true,
-	removeAttributeQuotes: true,
-	removeComments: true,
-	removeEmptyAttributes: true,
-	removeEmptyElements: false,
-	removeOptionalTags: false,
-	removeRedundantAttributes: true,
-	removeTagWhitespace: false,
-	sortAttributes: true,
-	sortClassName: true,
-});
+const minifiedHtml = await minifyHtml(html);
 await fs.writeFile('./dist/index.html', minifiedHtml);
diff --git a/html-utils.mjs b/html-utils.mjs
@@ -0,0 +1,46 @@
+/**
+ * Copyright 2024 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the “License”);
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an “AS IS” BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import {minify} from 'html-minifier-terser';
+import {escape} from 'lodash-es';
+
+export const minifyHtml = async (html) => {
+	const minified = await minify(html, {
+		collapseBooleanAttributes: true,
+		collapseInlineTagWhitespace: false,
+		collapseWhitespace: true,
+		conservativeCollapse: false,
+		decodeEntities: true,
+		html5: true,
+		includeAutoGeneratedTags: false,
+		minifyCSS: true,
+		minifyJS: true,
+		preserveLineBreaks: false,
+		preventAttributesEscaping: true,
+		removeAttributeQuotes: true,
+		removeComments: true,
+		removeEmptyAttributes: true,
+		removeEmptyElements: false,
+		removeOptionalTags: false,
+		removeRedundantAttributes: true,
+		removeTagWhitespace: false,
+		sortAttributes: true,
+		sortClassName: true,
+	});
+	return minified;
+};
+
+export const escapeHtml = escape;
diff --git a/package.json b/package.json
@@ -9,10 +9,12 @@
 		"find": "node --no-warnings find-version.mjs",
 		"json": "node generate-extra-json.mjs && for id in known-good-versions known-good-versions-with-downloads last-known-good-versions last-known-good-versions-with-downloads latest-patch-versions-per-build latest-patch-versions-per-build-with-downloads latest-versions-per-milestone latest-versions-per-milestone-with-downloads; do jsesc --object --json < \"data/${id}.json\" > \"dist/${id}.json\"; done",
 		"txt": "node generate-latest-release.mjs",
-		"render": "node generate-html.mjs && cp logo.svg dist/logo.svg",
+		"index": "node generate-directory-index.mjs",
+		"render": "node generate-html.mjs && cp logo.svg dist/logo.svg && node generate-directory-index.mjs",
 		"build": "npm run find && npm run json && npm run txt && npm run render"
 	},
 	"devDependencies": {
+		"glob": "^10.3.10",
 		"html-minifier-terser": "7.2.0",
 		"jsesc": "3.0.2",
 		"lodash-es": "4.17.21"