site: update type handling in /types route and improve test visibility checks

Author: mindrones

meta/site/src/routes/types/+page.ts

@@ -3,16 +3,13 @@ import type {TypeDef} from '@datakit/scripts/site';
 import type {PageLoad} from './$types';
 import typesData from '$lib/data/generated/types.json';
 
-const FILE_ORDER = ['array', 'function', 'object', 'shared'] as const;
-type TypesFile = typeof FILE_ORDER[number];
-
 export type TypeGroup = {
-	id: TypesFile;
+	id: string;
 	types: TypeDef[];
 };
 
 export const load: PageLoad = () => ({
-	groups: FILE_ORDER
+	groups: Object.keys(typesData as Record<string, TypeDef[]>)
 		.filter(f => (typesData as Record<string, TypeDef[]>)[f]?.length)
 		.map(f => ({
 			id: f,

meta/site/tests/08_route_types.test.ts

@@ -1,5 +1,11 @@
+import {createRequire} from 'module';
+
 import {expect, test} from '@playwright/test';
 
+const require = createRequire(import.meta.url);
+const typesData = require('../src/lib/data/generated/types.json') as Record<string, unknown[]>;
+const typeGroups = Object.keys(typesData).sort();
+
 /*
  * Viewport strategy (mirrors what we should apply to 06_route_tx tests too):
  * - Sidebar is `hidden md:flex` → visible only at md+ (768px+)
@@ -17,10 +23,9 @@ test.describe('/types sidebar', () => {
 	test('renders group headers', async ({page}) => {
 		await page.goto('/datakit/types/');
 		const navHeaders = page.locator('[data-testid="group-nav"] code');
-		await expect(navHeaders.filter({hasText: /^array$/})).toBeVisible();
-		await expect(navHeaders.filter({hasText: /^function$/})).toBeVisible();
-		await expect(navHeaders.filter({hasText: /^object$/})).toBeVisible();
-		await expect(navHeaders.filter({hasText: /^shared$/})).toBeVisible();
+		for (const group of typeGroups) {
+			await expect(navHeaders.filter({hasText: new RegExp(`^${group}$`)})).toBeVisible();
+		}
 	});
 
 	test('shows known type names in nav', async ({page}) => {