CN_Tool_client/frontend/src/views/steady/steadyDataView/contracts/check-visible-contract.mjs

/* eslint-env node */
import fs from 'node:fs'
import path from 'node:path'
import { fileURLToPath } from 'node:url'

const currentDir = path.dirname(fileURLToPath(import.meta.url))
const pageFile = path.join(currentDir, '..', 'index.vue')
const componentDir = path.join(currentDir, '..', 'components')
const apiFile = path.resolve(currentDir, '../../../../api/steady/steadyDataView/index.ts')
const interfaceFile = path.resolve(currentDir, '../../../../api/steady/steadyDataView/interface/index.ts')

const source = fs.readFileSync(pageFile, 'utf8')
const componentSource = fs.existsSync(componentDir)
    ? fs
          .readdirSync(componentDir)
          .filter(file => file.endsWith('.vue'))
          .map(file => fs.readFileSync(path.join(componentDir, file), 'utf8'))
          .join('\n')
    : ''
const readComponent = file => fs.readFileSync(path.join(componentDir, file), 'utf8')
const toolbarSource = readComponent('SteadyTrendToolbar.vue')
const chartPanelSource = readComponent('SteadyTrendChartPanel.vue')
const workbenchSource = readComponent('SteadyTrendWorkbench.vue')
const floatingPanelSource = readComponent('SteadyIndicatorFloatingPanel.vue')
const ledgerTreeSource = readComponent('SteadyLedgerTree.vue')
const indicatorTreeSource = readComponent('SteadyIndicatorTree.vue')
const viewSource = `${source}\n${componentSource}`
const apiSource = fs.readFileSync(apiFile, 'utf8')
const interfaceSource = fs.readFileSync(interfaceFile, 'utf8')

const forbiddenPatterns = [
    ['data detail tab is removed', /数据明细|name="detail"|SteadyDataTablePanel/, source],
    ['detail ProTable is removed', /buildSteadyDataQueryParams|SteadyDataSearchParams/, source],
    ['trend summary panel is removed', /SteadyTrendSummaryPanel|trendSummary|loading\.summary/, source],
    [
        'page detail API is removed',
        /getSteadyDataPage|getSteadyDataDetail|getSteadyDataTemplates|\/steady\/data-view\/page|\/steady\/data-view\/detail|\/steady\/data-view\/templates/,
        apiSource
    ],
    ['trend summary API is removed', /getSteadyTrendSummary|\/steady\/data-view\/trend\/summary/, apiSource],
    [
        'page detail types are removed',
        /PageResult|SteadyDataPageParams|SteadyDataDetailParams|SteadyDataTemplate|SteadyDataRecord/,
        interfaceSource
    ],
    [
        'trend summary types are removed',
        /SteadyTrendSummary|SteadyTrendSummaryItem/,
        interfaceSource
    ],
    ['chart panel title text is removed', /panel-title/, chartPanelSource],
    ['collapsed indicator vertical trigger is removed', /indicator-collapsed-trigger/, floatingPanelSource],
    ['collapsed indicator label is removed', /collapsedLabel/, floatingPanelSource],
    ['indicator tree refresh button is removed', /@click="emit\('refresh'\)"|:icon="Refresh"/, indicatorTreeSource],
    ['floating indicator panel refresh passthrough is removed', /@refresh="emit\('refresh'\)"|refresh:\s*\[\]/, floatingPanelSource],
    ['workbench indicator refresh passthrough is removed', /@refresh="emit\('refreshIndicator'\)"|refreshIndicator:\s*\[\]/, workbenchSource],
    ['page indicator refresh binding is removed', /@refresh-indicator="loadIndicatorTree"/, source]
]

const requiredPatterns = [
    ['page defines SteadyDataView component name', /name:\s*'SteadyDataView'/, source],
    ['page renders extracted trend workbench', /<SteadyTrendWorkbench/, source],
    ['trend workbench component exists', /SteadyTrendWorkbench/, viewSource],
    ['floating indicator panel component exists', /SteadyIndicatorFloatingPanel/, viewSource],
    ['components keep trend chart panel', /SteadyTrendChartPanel/, viewSource],
    ['components keep right floating indicator panel', /indicator-floating-panel/, viewSource],
    ['indicator panel defaults expanded', /indicatorPanelCollapsed\s*=\s*ref\(false\)/, source],
    ['indicator panel supports collapsed state', /is-collapsed/, viewSource],
    ['API keeps trend query endpoint', /\/steady\/data-view\/trend\/query/, apiSource],
    [
        'trend toolbar gives the time selector a wider first column',
        /grid-template-columns:\s*minmax\(360px,\s*1\.35fr\)\s+repeat\(3,\s*minmax\(0,\s*1fr\)\)\s*auto/,
        toolbarSource
    ],
    ['trend toolbar keeps actions after four search columns', /grid-column:\s*5/, toolbarSource],
    [
        'trend toolbar widens the shared time period unit selector',
        /\.trend-toolbar__time\s*:deep\(\.time-period-search__unit\)[\s\S]*width:\s*72px[\s\S]*flex:\s*0 0 72px/,
        toolbarSource
    ],
    [
        'trend toolbar widens the shared time period date picker',
        /\.trend-toolbar__time\s*:deep\(\.time-period-search__picker\)[\s\S]*width:\s*136px[\s\S]*flex:\s*0 0 136px/,
        toolbarSource
    ],
    ['floating indicator panel expanded width is reduced', /width:\s*300px/, floatingPanelSource],
    ['floating indicator collapsed state keeps icon only', /width:\s*0/, floatingPanelSource],
    ['floating indicator body is hidden when collapsed', /\.indicator-floating-panel\.is-collapsed\s+\.indicator-panel-body/, floatingPanelSource],
    ['floating indicator toggle keeps enough distance from title', /left:\s*-28px/, floatingPanelSource],
    ['floating indicator toggle uses primary theme color', /class="indicator-toggle"[\s\S]*type="primary"/, floatingPanelSource],
    ['ledger collapse buttons use primary theme color', /class="panel-toggle"[\s\S]*type="primary"/, ledgerTreeSource],
    ['page tracks collapsed ledger panel state', /ledgerPanelCollapsed\s*=\s*ref\(false\)/, source],
    ['page passes collapsed ledger state to workbench', /v-model:ledger-panel-collapsed="ledgerPanelCollapsed"/, source],
    ['query collapses floating indicator panel', /indicatorPanelCollapsed\.value\s*=\s*true[\s\S]*querySteadyTrend/, source],
    ['workbench exposes collapsed ledger panel model', /ledgerPanelCollapsed[\s\S]*update:ledgerPanelCollapsed/, workbenchSource],
    ['workbench applies collapsed ledger layout class', /is-ledger-collapsed/, workbenchSource],
    ['ledger panel stays in normal layout instead of floating', /\.selector-column[\s\S]*position:\s*relative/, workbenchSource],
    ['collapsed ledger panel does not reserve trigger column width', /grid-template-columns:\s*0\s+minmax\(0,\s*1fr\)/, workbenchSource],
    [
        'collapsed ledger panel allows only the expand button to float',
        /\.steady-trend-layout\.is-ledger-collapsed\s+\.selector-column[\s\S]*overflow:\s*visible/,
        workbenchSource
    ]
]

const failures = [
    ...forbiddenPatterns.filter(([, pattern, target]) => pattern.test(target)),
    ...requiredPatterns.filter(([, pattern, target]) => !pattern.test(target))
]

if (failures.length) {
    console.error('steadyDataView visible contract failed:')
    for (const [name] of failures) {
        console.error(`- ${name}`)
    }
    process.exit(1)
}

console.log('steadyDataView visible contract passed')