v0.34.5

tests/css_usage_audit.cjs

@@ -0,0 +1,46 @@
+// Run with: node tests/css_usage_audit.cjs
+// Ensure the review archive stays unreferenced and critical live styles survive.
+'use strict';
+const fs = require('node:fs');
+const path = require('node:path');
+const assert = require('node:assert/strict');
+const root = path.resolve(__dirname, '..');
+const read = file => fs.readFileSync(path.join(root, file), 'utf8');
+const active = read('src/admin/web/style.css');
+const unused = read('src/admin/web/unused.css');
+const docs = read('src/admin/web/docs.css');
+const archived = [
+  'auth-ip-card', 'certificate-dialog', 'config-columns', 'overview-grid',
+  'overview-inline-hidden-toggle', 'overview-layout-body', 'overview-layout-filters',
+  'overview-layout-grid', 'overview-layout-hidden-list', 'overview-layout-section-heading',
+  'settings-grid', 'stream-dashboard-card', 'table-container', 'transport-grid', 'www-service-heading',
+];
+for (const name of archived) {
+  const cssClass = new RegExp(`\\.${name.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')}(?![-\\w])`);
+  assert.ok(!cssClass.test(active), `${name} must not remain in the active stylesheet`);
+  assert.ok(cssClass.test(unused), `${name} must be reviewable in unused.css`);
+}
+for (const name of ['vh-setting-section', 'dashboard-overview-grid', 'vh-override-fields',
+                    'refresh-settings-grid', 'docker-backend-ip-settings', 'acl-profile-layout']) {
+  assert.ok(active.includes(`.${name}`), `active class ${name} was removed`);
+}
+for (const file of [
+  'src/admin/web/index.html', 'src/admin/web/login.html', 'src/admin/web/docs.html',
+  'src/admin/panel_assets.rs', 'src/admin/documentation.rs',
+]) assert.ok(!read(file).includes('unused.css'), `${file} must not load or serve unused.css`);
+assert.ok(!/@import[^;]*unused\.css/.test(active));
+assert.match(unused, /NOT INCLUDED by the admin panel/);
+assert.match(docs, /\.swagger-ui \.opblock/);
+for (const style of ['square', 'subtle', 'rounded', 'extra']) {
+  assert.ok(active.includes(`html[data-corner-style=${style}]`));
+  assert.ok(docs.includes(`html[data-corner-style=${style}]`));
+}
+for (const name of ['app-startup-spin', 'app-startup-reveal']) {
+  assert.ok(active.includes(`@keyframes ${name}`));
+  assert.ok(!unused.includes(`@keyframes ${name}`));
+}
+assert.ok(!active.includes('--backdrop-soft'));
+assert.ok(!active.includes('var(--panel-strong)'));
+assert.ok(!active.includes('var(--border)'));
+assert.match(read('CHANGELOG.md'), /CSS maintenance:/);
+console.log('CSS used/unused segregation, asset isolation and corner-style regression: PASS');