Frontier kind: Joint frontier
unlabeled · c_e27b646238bd
9 tests · 3735 LOC · 19 files · introduces 1 test · 47 LOC · 1 file
The orange circle is the focus. Violet and green circles are every ancestor and descendant, broader and narrower, at any distance; blue squares and pink diamonds are the introduced files and exact introduced tests of every visible concept, not only the focus's. Arrows point from broader to narrower concepts and bridge only concepts omitted from this view. Undirected links show source or test introduction. Concept and file size follows LOC; exact test nodes use test-count units.
Introduced files, introduced tests, and structurally relevant concept specialization
In the embedded map, ordinary wheel input scrolls the page; use the visible controls to zoom and drag to pan. Open the full-screen map for canvas navigation: wheel pans, Ctrl/Command plus wheel zooms, and arrow keys pan when this region is focused. On touch screens, open the full-screen map to pan or pinch. If JavaScript or WebGL is unavailable, use the native relationship evidence on this page.
Graph controls are ready.
Interactive rendering requires JavaScript and WebGL. Use the native relationship evidence on this page while the interactive map is unavailable.
Every exact file and test below is linked only from the concept that introduces it.
mocha:v1|namespace=vscode@05c208e9e28d8c1c723fa08f85e2b7a96092e8e5|file=vs/platform/browserView/test/common/cssHelpers.test|title=formatAuthorStyles skips user-agent pseudo-element rules|occurrence=1mocha:v1|namespace=vscode@05c208e9e28d8c1c723fa08f85e2b7a96092e8e5|file=vs/platform/browserView/test/common/cssHelpers.test|title=formatAuthorStyles tracks user-agent property names from pseudo-element rules|occurrence=1mocha:v1|namespace=vscode@05c208e9e28d8c1c723fa08f85e2b7a96092e8e5|file=vs/platform/browserView/test/common/cssHelpers.test|title=formatAuthorStyles includes direct author rules and skips user-agent|occurrence=1mocha:v1|namespace=vscode@05c208e9e28d8c1c723fa08f85e2b7a96092e8e5|file=vs/platform/browserView/test/common/cssHelpers.test|title=formatAuthorStyles tracks user-agent property names from direct rules|occurrence=1mocha:v1|namespace=vscode@05c208e9e28d8c1c723fa08f85e2b7a96092e8e5|file=vs/base/test/common/charCode.test|title=CharCode has good values|occurrence=1mocha:v1|namespace=vscode@05c208e9e28d8c1c723fa08f85e2b7a96092e8e5|file=vs/base/test/common/path.test|title=Paths (Node Implementation) path|occurrence=1mocha:v1|namespace=vscode@05c208e9e28d8c1c723fa08f85e2b7a96092e8e5|file=vs/base/test/common/uri.test|title=URI File paths containing apostrophes break URI parsing and cannot be opened #276075|occurrence=1mocha:v1|namespace=vscode@05c208e9e28d8c1c723fa08f85e2b7a96092e8e5|file=vs/base/test/common/uri.test|title=URI URI#file, win-speciale|occurrence=1Every collected test enters the hierarchy at exactly one concept.
1 test introduced at this concept.
Every collected source range enters the hierarchy at exactly one concept.
1 file ranked by introduced lines: 47 introduced LOC across 12 ranges. Expand a file to inspect source; the > gutter marks introduced lines.
* Collects var(--name) references from a CSS value string.
*/
for (const m of value.matchAll(varReferenceRegex)) {
into.add(m[1]);
}
/**
* Skips variable definitions and disabled properties.
*/
function collectPropertyNames(cssProperties: Array<{ name: string; value: string; disabled?: boolean }>, into: Set<string>, inheritableOnly?: boolean): void {
cssHelpers.ts
for (const prop of cssProperties) {
if (!prop.name || !prop.value || prop.disabled || prop.name.startsWith('--')) {
continue;
}
continue;
}
}
}
/**
*/
export function formatMatchedStyles(matched: IMatchedStyles): IFormattedStyles {
const authorPropertyNames = new Set<string>();
const userAgentPropertyNames = new Set<string>();
const seenCssTexts = new Set<string>();
const lines: string[] = [];
// Inline styles on the element itself
if (matched.inlineStyle?.cssText?.trim()) {
const cssText = matched.inlineStyle.cssText.trim();
collectVarReferences(cssText, referencedVars);
lines.push(`element { ${cssText} }`);
}
// Direct author rules: use cssText for display, cssProperties for property tracking
for (const ruleEntry of matched.matchedCSSRules ?? []) {
if (ruleEntry.rule.origin === 'user-agent') {
collectPropertyNames(ruleEntry.rule.style.cssProperties, userAgentPropertyNames);
continue;
}
if (!cssText || seenCssTexts.has(cssText)) {
continue;
}
collectVarReferences(cssText, referencedVars);
collectPropertyNames(ruleEntry.rule.style.cssProperties, authorPropertyNames);
const selectors = ruleEntry.rule.selectorList.selectors.map(s => s.text).join(', ');
lines.push(`${selectors} { ${cssText} }`);
}
// Pseudo-element styles (::before, ::after, etc.)
if (matched.pseudoElements?.length) {
const pseudoLines: string[] = [];
for (const pseudo of matched.pseudoElements) {
}
}
// Inherited author rules — only inheritable properties
const inheritedLines: string[] = [];
for (const entry of matched.inherited ?? []) {
for (const ruleEntry of entry.matchedCSSRules ?? []) {
if (ruleEntry.rule.origin === 'user-agent') {
}
}
if (inheritedLines.length > 0) {
lines.push('');
lines.push('/* Inherited */');
lines.push(...inheritedLines);
}
// Always include DevTools' alwaysShownComputedProperties
for (const prop of alwaysResolvedProperties) {
authorPropertyNames.add(prop);
}
return { rulesText: lines.join('\n'), referencedVars, authorPropertyNames, userAgentPropertyNames };
}
/**