External/open-design
1
0
Fork 0
mirror of https://github.com/nexu-io/open-design.git synced 2026-10-27 09:51:12 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix guard CSS named color detection

Browse Source
This commit is contained in:
nettee
2026-05-12 17:30:55 +08:00
parent ace711f056
commit 8f7566f958
1 changed files with 45 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
scripts/guard.ts
+45 -7
View File
@@ -493,7 +493,11 @@ const realNamedColors = [
"yellow",
].join("|");
const hardcodedColorPattern = new RegExp(
`#[0-9a-fA-F]{3,8}\\b|rgba?\\([^)]*\\)|hsla?\\([^)]*\\)|(?<quote>['\"])\\s*(?<named>${realNamedColors}|transparent|currentColor|currentcolor|inherit|initial|unset|revert)\\s*\\k<quote>`,
`#[0-9a-fA-F]{3,8}\\b|rgba?\\([^)]*\\)|hsla?\\([^)]*\\)|(?<quote>['"])\\s*(?<named>${realNamedColors}|transparent|currentColor|currentcolor|inherit|initial|unset|revert)\\s*\\k<quote>`,
"g",
);
const cssNamedColorDeclarationPattern = new RegExp(
`(?:^|[;{])\\s*[-_a-zA-Z][-_a-zA-Z0-9]*\\s*:\\s*(?<named>${realNamedColors})(?=\\s*(?:!important\\s*)?[;}])`,
"g",
);
@@ -565,6 +569,22 @@ function isHardcodedColorAllowlisted(repositoryPath: string, match: string): boo
);
}
function addStylePolicyViolation(
violations: StylePolicyViolation[],
repositoryPath: string,
source: string,
index: number,
match: string,
reason: string,
): void {
violations.push({
filePath: repositoryPath,
lineNumber: lineNumberForIndex(source, index),
match,
reason,
});
}
function collectStylePolicyViolationsFromSource(repositoryPath: string, source: string): StylePolicyViolation[] {
const violations: StylePolicyViolation[] = [];
@@ -585,12 +605,30 @@ function collectStylePolicyViolationsFromSource(repositoryPath: string, source:
if (isHardcodedColorAllowlisted(repositoryPath, value)) continue;
if (!isHardcodedColorEnforcedPath(repositoryPath)) continue;
violations.push({
filePath: repositoryPath,
lineNumber: lineNumberForIndex(source, match.index ?? 0),
match: value,
reason: "unregistered hardcoded UI colors must use Open Design tokens or an explicit allowlist entry",
});
addStylePolicyViolation(
violations,
repositoryPath,
source,
match.index ?? 0,
value,
"unregistered hardcoded UI colors must use Open Design tokens or an explicit allowlist entry",
);
}
if (repositoryPath.endsWith(".css") && isHardcodedColorEnforcedPath(repositoryPath)) {
for (const match of source.matchAll(cssNamedColorDeclarationPattern)) {
const value = match.groups?.named;
if (value === undefined || isHardcodedColorAllowlisted(repositoryPath, value)) continue;
addStylePolicyViolation(
violations,
repositoryPath,
source,
(match.index ?? 0) + match[0].lastIndexOf(value),
value,
"unregistered hardcoded UI colors must use Open Design tokens or an explicit allowlist entry",
);
}
}
}