import { readFileSync } from "node:fs"; const main = readFileSync("src/styles/main.css", "utf8"); const unified = readFileSync("src/styles/unified-page.css", "utf8"); const requiredMainTokens = [ "--ctms-primary", "--ctms-text-main", "--ctms-bg-base", "--ctms-radius", "--ctms-shadow", "--ctms-brand-900", "--ctms-brand-700", "--ctms-neutral-100", "--ctms-neutral-300", "--ctms-focus-ring" ]; const requiredUnifiedTokens = [ "--unified-shell-bg", "--unified-shell-radius", ".unified-action-bar", ".unified-section", ".ctms-page-shell", ".ctms-page-header-row", ".ctms-page-content-grid" ]; const missing = [ ...requiredMainTokens.filter((t) => !main.includes(t)), ...requiredUnifiedTokens.filter((t) => !unified.includes(t)) ]; const pageContractChecks = [ { file: "src/views/ia/ProjectMilestones.vue", groups: [ ["ctms-page-shell", "page"], ["unified-action-bar", "table-card-toolbar"], ["ctms-table-card", "table-card"] ] }, { file: "src/views/ia/SubjectManagement.vue", groups: [ ["ctms-page-shell", "page"], ["unified-action-bar", "table-card-toolbar"], ["ctms-table-card", "table-card"], ["subject-table"] ] }, { file: "src/views/ia/RiskIssueSae.vue", groups: [ ["ctms-page-shell", "page"], ["unified-action-bar", "table-card-toolbar"], ["ctms-table-card", "table-card"], ["risk-table"] ] }, { file: "src/views/ia/RiskIssuePd.vue", groups: [ ["ctms-page-shell", "page"], ["unified-action-bar", "table-card-toolbar"], ["ctms-table-card", "table-card"], ["risk-table"] ] }, { file: "src/views/ia/RiskIssueMonitoringVisits.vue", groups: [ ["ctms-page-shell", "page"], ["unified-action-bar", "monitoring-toolbar", "template-toolbar", "toolbar"], ["ctms-table-card", "table-card", "monitoring-table", "issue-table-panel"], ["issue-table"] ] } ]; for (const { file, groups } of pageContractChecks) { const content = readFileSync(file, "utf8"); for (const group of groups) { if (!group.some((className) => content.includes(className))) { missing.push(`${file}:${group.join("|")}`); } } } const overview = readFileSync("src/views/ia/ProjectOverview.vue", "utf8"); const requiredOverviewGroups = [ ["ctms-page-shell", "page"], ["kpi", "overview-card"], ["unified-section", "overview-container"] ]; for (const group of requiredOverviewGroups) { if (!group.some((className) => overview.includes(className))) { missing.push(`src/views/ia/ProjectOverview.vue:${group.join("|")}`); } } const financeAndFilePages = [ "src/views/fees/ContractFees.vue", "src/views/ia/FileVersionManagement.vue" ]; const requiredFinanceAndFileClasses = [ "ctms-page-shell", "unified-action-bar", "unified-shell" ]; for (const file of financeAndFilePages) { const content = readFileSync(file, "utf8"); for (const className of requiredFinanceAndFileClasses) { if (!content.includes(className)) { missing.push(`${file}:${className}`); } } } const adminProjectDetail = readFileSync("src/views/admin/ProjectDetail.vue", "utf8"); const requiredAdminProjectDetailClasses = [ "ctms-page-shell", "unified-action-bar", "unified-section" ]; for (const className of requiredAdminProjectDetailClasses) { if (!adminProjectDetail.includes(className)) { missing.push(`src/views/admin/ProjectDetail.vue:${className}`); } } const stateComponents = [ "src/components/StateLoading.vue", "src/components/StateEmpty.vue", "src/components/StateError.vue" ]; const requiredStateClasses = [ "ctms-state", "ctms-state-title", "ctms-state-desc" ]; for (const file of stateComponents) { const content = readFileSync(file, "utf8"); for (const className of requiredStateClasses) { if (!content.includes(className)) { missing.push(`${file}:${className}`); } } } if (missing.length) { console.error("UI contract check failed. Missing:", missing.join(", ")); process.exit(1); } console.log("UI contract check passed");