This report summarizes scanner evidence for meta/stylex. SynthScan examined 188,298 lines of code across 874 source files, recording 191 pattern matches distributed across 6 syntactic categories. The legacy adjusted pattern signal is 1.2 (Low pattern signal); it is not an authorship estimate.
Use the findings to ask whether maintainers can explain intent, verify dependencies, simplify unnecessary scaffolding, and focus review effort. Risk Payload v1 adds ownership, supply-chain, over-engineering, and review-effort vectors when available. These are prompts for human verification, not probabilities, security findings, or measured maintenance costs.
Use each vector to guide manual verification of the underlying findings.
Payload schema: 1.0.0 · Engine: 2.0.0 · Scoring: heuristic-density-v1 · Scan date: 2026-10-31.
Can maintainers explain intent, assumptions, and trade-offs? 176 finding(s).
Are imports declared and package/API names verified? 1 finding(s).
Are wrappers, guards, and repeated structures necessary? 152 finding(s).
Which changes need focused human review? 191 finding(s).
Run additional scans to build a history of the legacy pattern signal. Score changes are not a measure of AI adoption or code quality.
Groups findings by configured severity weight. Severity is not a confidence estimate, security rating, or proof that a package is missing. Verify imports against the project's manifests and inspect each finding in its local design context.
This horizontal bar chart shows where configured pattern scores accumulate across directories. Treat the bars as locations to inspect, not as evidence of authorship or code quality. Use the file-level findings to decide whether a directory needs a focused ownership, dependency, complexity, or review check.
The scanner identified 191 distinct pattern matches across 6 syntactic categories. Each entry below represents a discrete location in the source code where the engine recorded a detector match to inspect in context. Expand any category row to inspect the individual file paths, line numbers, code snippets, and the lexical context (CODE, COMMENT, or STRING) in which each match was detected.
Reading the findings table: The Severity column indicates the configured finding weight (CRITICAL / HIGH / MEDIUM / LOW). The Context column identifies whether the match occurred inside executable code, an inline comment, or a string literal — legacy comment-context matches receive a ×1.5 score weight. The ⚡ bolt icon marks clustered matches: three or more patterns within a 10-line window, each receiving an additional ×1.5 density multiplier under the legacy scoring model.
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | packages/docs/src/components/search-dialog.tsx | 110 | function transformDocSearchResults(hits: DocSearchHit[]): SortedResult[] { | CODE |
| LOW | packages/docs/src/components/SiteErrorBoundary.tsx | 26 | function reloadAfterDynamicImportError(error: unknown): void { | CODE |
| LOW | …e-value-parser/src/at-queries/media-query-transform.js | 14 | export function lastMediaQueryWinsTransform(styles: Object): Object { | CODE |
| LOW | …e-value-parser/src/at-queries/media-query-transform.js | 18 | function combineMediaQueryWithNegations( | CODE |
| LOW | …js/stylex/src/stylesheet/createOrderedCSSStyleSheet.js | 34 | export function createOrderedCSSStyleSheet( | CODE |
| LOW | packages/@stylexjs/atoms/src/babel-transform.d.ts | 19 | export declare function createUtilityStylesVisitor( | CODE |
| LOW | packages/@stylexjs/atoms/src/babel-transform.d.ts | 27 | export declare function isUtilityStylesIdentifier( | CODE |
| LOW | packages/@stylexjs/atoms/src/babel-transform.js | 28 | function createUtilityStylesVisitor(state, compile) { | CODE |
| LOW | packages/@stylexjs/atoms/src/babel-transform.js | 56 | function isUtilityStylesIdentifier(ident, state, path) { | CODE |
| LOW | …xjs/devtools-extension/src/panel/declarations/model.js | 179 | export function getReplacementOverrideIds( | CODE |
| LOW | …stylexjs/devtools-extension/src/utils/sourceSnippet.js | 15 | function findMatchingClosingBraceLine( | CODE |
| LOW | …lexjs/devtools-extension/src/utils/resourceMatching.js | 12 | function isProbablySourceMappedUrl(url: string): boolean { | CODE |
| LOW | …@stylexjs/devtools-extension/src/utils/cssVariables.js | 27 | export function findCssVariableReferences( | CODE |
| LOW | …tylexjs/devtools-extension/src/utils/sourceLocation.js | 19 | export function formatCopyableSourceLocation(source: StylexSource): string { | CODE |
| LOW | …es/@stylexjs/devtools-extension/src/devtools/bridge.js | 48 | export function subscribeToDevtoolsChanges( | CODE |
| LOW | …/devtools-extension/src/devtools/inspectedPageRelay.js | 122 | export function createInspectedPageRelayId(): ?string { | CODE |
| LOW | …/devtools-extension/src/devtools/inspectedPageRelay.js | 129 | export function installInspectedPageRelay( | CODE |
| LOW | …/@stylexjs/devtools-extension/src/inspected/runtime.js | 27 | export function createInspectedPageRuntime( | CODE |
| LOW | …stylexjs/devtools-extension/src/inspected/collector.js | 328 | function collectReferencedVariableNames( | CODE |
| LOW | …exjs/devtools-extension/src/inspected/overrideStore.js | 384 | function getOriginalRuleTargetAttribute( | CODE |
| LOW | …s/devtools-extension/src/inspected/selectorAnalysis.js | 72 | function removeDynamicStatePseudos(selector: any): any { | CODE |
| LOW | …s/devtools-extension/src/inspected/selectorAnalysis.js | 133 | function removeRepeatedSpecificityClasses(selector: any, target: any): void { | CODE |
| LOW | …plugin/__tests__/transform-stylex-defineConsts-test.js | 43 | function transformWithInlineConsts(source, opts = {}) { | CODE |
| LOW | …plugin/__tests__/transform-stylex-defineConsts-test.js | 85 | function transformWithAliasedInlineConsts(source, opts = {}) { | CODE |
| LOW | …/babel-plugin/__tests__/transform-stylex-props-test.js | 31 | function transformWithSyntaxPlugins(source, syntaxPlugins, opts = {}) { | CODE |
| LOW | …xjs/babel-plugin/src/visitors/stylex-default-marker.js | 22 | export default function transformStyleXDefaultMarker( | CODE |
| LOW | …s/@stylexjs/babel-plugin/src/visitors/stylex-create.js | 76 | function hasExplicitNullishFallback(expr: t.Expression): boolean { | CODE |
| LOW | …abel-plugin/src/visitors/stylex-create-theme-nested.js | 27 | export default function transformStyleXCreateThemeNested( | CODE |
| LOW | …lexjs/babel-plugin/src/visitors/stylex-create-theme.js | 34 | export default function transformStyleXCreateTheme( | CODE |
| LOW | …lexjs/babel-plugin/src/visitors/stylex-create-theme.js | 217 | function validateStyleXCreateTheme( | CODE |
| LOW | …ylexjs/babel-plugin/src/visitors/stylex-define-vars.js | 48 | export default function transformStyleXDefineVars( | CODE |
| LOW | …ylexjs/babel-plugin/src/visitors/stylex-define-vars.js | 234 | function normalizeDefineVarsObject( | CODE |
| LOW | …ylexjs/babel-plugin/src/visitors/stylex-define-vars.js | 332 | function evaluateDefineVarsFunction( | CODE |
| LOW | …exjs/babel-plugin/src/visitors/stylex-define-consts.js | 27 | export default function transformStyleXDefineConsts( | CODE |
| LOW | …exjs/babel-plugin/src/visitors/stylex-define-consts.js | 109 | function validateStyleXDefineConsts( | CODE |
| LOW | …s/babel-plugin/src/visitors/parse-stylex-create-arg.js | 119 | function evaluatePartialObjectRecursively( | CODE |
| LOW | …s/babel-plugin/src/visitors/parse-stylex-create-arg.js | 287 | function validateDynamicStyleParams( | CODE |
| LOW | …el-plugin/src/visitors/stylex-view-transition-class.js | 30 | export default function transformStyleXViewTransitionClass( | CODE |
| LOW | …el-plugin/src/visitors/stylex-view-transition-class.js | 142 | function assertValidViewTransitionClass(path: NodePath<>, obj: mixed) { | CODE |
| LOW | …exjs/babel-plugin/src/visitors/stylex-define-marker.js | 24 | export default function transformStyleXDefineMarker( | CODE |
| LOW | …exjs/babel-plugin/src/visitors/stylex-define-marker.js | 85 | function validateStyleXDefineMarker(path: NodePath<t.CallExpression>) { | CODE |
| LOW | …lexjs/babel-plugin/src/visitors/stylex-position-try.js | 26 | export default function transformStyleXPositionTry( | CODE |
| LOW | …bel-plugin/src/visitors/stylex-define-consts-nested.js | 28 | export default function transformStyleXDefineConstsNested( | CODE |
| LOW | …babel-plugin/src/visitors/stylex-define-vars-nested.js | 27 | export default function transformStyleXDefineVarsNested( | CODE |
| LOW | …tylexjs/babel-plugin/src/shared/stylex-nested-utils.js | 227 | export function flattenNestedOverridesConfig( | CODE |
| LOW | …tylexjs/babel-plugin/src/shared/stylex-nested-utils.js | 241 | export function flattenNestedStringConfig( | CODE |
| LOW | …tylexjs/babel-plugin/src/shared/stylex-nested-utils.js | 260 | export function flattenNestedConstsConfig( | CODE |
| LOW | …stylexjs/babel-plugin/src/shared/stylex-define-vars.js | 99 | function constructCssVariablesString( | CODE |
| LOW | …abel-plugin/src/shared/stylex-view-transition-class.js | 33 | export default function styleXViewTransitionClass( | CODE |
| LOW | …abel-plugin/src/shared/stylex-view-transition-class.js | 92 | function constructViewTransitionClassStyleStr(style: { | CODE |
| LOW | …abel-plugin/src/shared/stylex-view-transition-class.js | 100 | function constructFinalViewTransitionCSSStr( | CODE |
| LOW | …plugin/src/shared/preprocess-rules/basic-validation.js | 55 | function validateConditionalStyles( | CODE |
| LOW | …exjs/babel-plugin/src/shared/preprocess-rules/index.js | 30 | export default function flatMapExpandedShorthands( | CODE |
| LOW | packages/@stylexjs/babel-plugin/src/shared/when/when.js | 33 | function getDefaultMarkerClassName( | CODE |
| LOW | …kages/@stylexjs/postcss-plugin/__tests__/index-test.js | 23 | function createAutoDiscoveryFixture() { | CODE |
| LOW | packages/@stylexjs/postcss-plugin/src/discovery.js | 107 | function findDependencyManifestPathFromEntry(entryPath, dependencyName) { | CODE |
| LOW | packages/@stylexjs/postcss-plugin/src/discovery.js | 125 | function resolveDependencyManifestPath(requireFromRoot, dependencyName) { | CODE |
| LOW | packages/@stylexjs/postcss-plugin/src/discovery.js | 138 | function includePackageFromImportSource({ | CODE |
| LOW | packages/@stylexjs/postcss-plugin/src/discovery.js | 206 | function discoverStylexPackageDirectories({ cwd, importSources }) { | CODE |
| LOW | packages/@stylexjs/postcss-plugin/src/discovery.js | 330 | function inferImportSourcesFromPluginEntries(pluginEntries) { | CODE |
| 78 more matches not shown… | ||||
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| MEDIUM | examples/example-nextjs/app/ds-demo/tokens.stylex.ts | 20 | // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ | COMMENT |
| MEDIUM | examples/example-nextjs/app/ds-demo/tokens.stylex.ts | 25 | // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ | COMMENT |
| MEDIUM | examples/example-nextjs/app/ds-demo/tokens.stylex.ts | 104 | // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ | COMMENT |
| MEDIUM | examples/example-nextjs/app/ds-demo/tokens.stylex.ts | 110 | // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ | COMMENT |
| MEDIUM | examples/example-nextjs/app/ds-demo/tokens.stylex.ts | 207 | // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ | COMMENT |
| MEDIUM | examples/example-nextjs/app/ds-demo/tokens.stylex.ts | 212 | // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ | COMMENT |
| MEDIUM | examples/example-nextjs/app/ds-demo/page.tsx | 220 | // ─── Styles ────────────────────────────────────────────────── | COMMENT |
| MEDIUM | …amples/example-nextjs/app/nested-demo/tokens.stylex.ts | 16 | // ─── Dynamic tokens (CSS custom properties) ────────────────── | COMMENT |
| MEDIUM | …amples/example-nextjs/app/nested-demo/tokens.stylex.ts | 102 | // ─── Theme overrides (unstable_createThemeNested) ──────────── | COMMENT |
| MEDIUM | …amples/example-nextjs/app/nested-demo/tokens.stylex.ts | 179 | // ─── Static constants (inlined at compile time) ────────────── | COMMENT |
| MEDIUM | examples/example-nextjs/app/nested-demo/page.tsx | 199 | // ─── Styles (same-file nested token consumption) ───────────── | COMMENT |
| MEDIUM | …s/example-nextjs/components/NestedTokensDemo.stylex.ts | 16 | // ─── 1. unstable_defineVarsNested (CSS custom properties) ───── | COMMENT |
| MEDIUM | …s/example-nextjs/components/NestedTokensDemo.stylex.ts | 79 | // ─── 3. unstable_createThemeNested (theme override) ─────────── | COMMENT |
| MEDIUM | …s/example-nextjs/components/NestedTokensDemo.stylex.ts | 105 | // ─── 4. stylex.create consuming nested tokens ──────────────── | COMMENT |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | examples/example-vite-rsc/vite.config.ts | 21 | }), | COMMENT |
| LOW | examples/example-vite-rsc/src/framework/entry.ssr.tsx | 21 | ) { | COMMENT |
| LOW | …es/style-value-parser/src/css-types/filter-function.js | 101 | // offsetY: Length, | COMMENT |
| LOW | …es/style-value-parser/src/css-types/filter-function.js | 121 | // } | COMMENT |
| LOW | …style-value-parser/src/css-types/transform-function.js | 261 | // this.angle = angle; | COMMENT |
| LOW | …style-value-parser/src/css-types/transform-function.js | 281 | // (v) => v === 'Z', | COMMENT |
| LOW | …style-value-parser/src/css-types/transform-function.js | 301 | } | COMMENT |
| LOW | …rc/shared/preprocess-rules/legacy-expand-shorthands.js | 21 | // marginInline: (rawValue) => [ | COMMENT |
| LOW | …ages/@stylexjs/shared/src/utils/property-priorities.js | 601 | COMMENT | |
| LOW | …ages/@stylexjs/shared/src/utils/property-priorities.js | 621 | // ':any-link': 81, | COMMENT |
| LOW | …ages/@stylexjs/shared/src/utils/property-priorities.js | 641 | // ':user-invalid': 105, | COMMENT |
| LOW | …@stylexjs/eslint-plugin/src/reference/cssProperties.js | 2001 | minInlineSize: minMaxLength, | COMMENT |
| LOW | .github/dependabot.yml | 1 | # Dependabot configuration | COMMENT |
| LOW | flow-typed/stubs.js | 1 | // declare var process: any; | COMMENT |
| LOW | flow-typed/environments/dom.js | 1481 | COMMENT | |
| LOW | flow-typed/npm/unplugin_vx.x.x.js | 1 | declare module 'unplugin' { | COMMENT |
| LOW | flow-typed/npm/unplugin_vx.x.x.js | 141 | rspack: UnpluginFactoryOutput<UserOptions, any>; | COMMENT |
| LOW | flow-typed/npm/unplugin_vx.x.x.js | 181 | error: (message: string | UnpluginMessage) => void; | COMMENT |
| LOW | flow-typed/npm/rollup.js | 401 | id: string, | COMMENT |
| LOW | flow-typed/npm/rollup.js | 761 | // autoId: true, | COMMENT |
| LOW | flow-typed/npm/rollup.js | 961 | }; | COMMENT |
| LOW | flow-typed/npm/rollup.js | 1041 | // T extends { [event: string]: (...parameters: any) => any }, | COMMENT |
| LOW | flow-typed/npm/rollup.js | 1061 | // * Promise.all. | COMMENT |
| LOW | flow-typed/npm/rollup.js | 1081 | // code: 'BUNDLE_END', | COMMENT |
| LOW | flow-typed/npm/@babel/helper-module-imports.js | 141 | // name: string, | COMMENT |
| LOW | flow-typed/npm/@babel/helper-module-imports.js | 161 | COMMENT | |
| LOW | flow-typed/npm/@babel/helper-module-imports.js | 181 | // ): t.Identifier; | COMMENT |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| CRITICAL | …s/devtools-extension/__tests__/inspectedClient-test.js | 64 | expect(devtools.inspectedWindow.eval.mock.calls.at(-1)[0]).toContain( | CODE |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | …in/__tests__/transform-stylex-defineVarsNested-test.js | 444 | // Step 1: Compile defineVarsNested in tokens.stylex.js | COMMENT |
| LOW | …in/__tests__/transform-stylex-defineVarsNested-test.js | 460 | // Step 2: Compile a SEPARATE file that imports tokens and uses nested access. | COMMENT |
| LOW | …in/__tests__/transform-stylex-defineVarsNested-test.js | 617 | // Step 1: Compile defineVarsNested in the design-system package | COMMENT |
| LOW | …in/__tests__/transform-stylex-defineVarsNested-test.js | 638 | // Step 2: Consumer imports tokens from the design-system package. | COMMENT |
| LOW | …n/src/shared/preprocess-rules/flatten-raw-style-obj.js | 80 | // Step 1: Expand properties to its constituent parts | COMMENT |
| LOW | flow-typed/npm/@babel/types.js | 3956 | // NOTE: This function slows everything down: | COMMENT |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | …in/__tests__/transform-stylex-defineVarsNested-test.js | 444 | // Step 1: Compile defineVarsNested in tokens.stylex.js | COMMENT |
| LOW | …in/__tests__/transform-stylex-defineVarsNested-test.js | 460 | // Step 2: Compile a SEPARATE file that imports tokens and uses nested access. | COMMENT |
| LOW | …in/__tests__/transform-stylex-defineVarsNested-test.js | 617 | // Step 1: Compile defineVarsNested in the design-system package | COMMENT |
| LOW | …in/__tests__/transform-stylex-defineVarsNested-test.js | 638 | // Step 2: Consumer imports tokens from the design-system package. | COMMENT |
| LOW | …n/src/shared/preprocess-rules/flatten-raw-style-obj.js | 80 | // Step 1: Expand properties to its constituent parts | COMMENT |