🧱 A suite of React components .
This report summarizes scanner evidence for rsuite/rsuite, a TypeScript project with 8,696 GitHub stars. SynthScan examined 503,287 lines of code across 4342 source files, recording 148 pattern matches distributed across 4 syntactic categories. The legacy adjusted pattern signal is 0.3 (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? 37 finding(s).
Are imports declared and package/API names verified? 111 finding(s).
Are wrappers, guards, and repeated structures necessary? 28 finding(s).
Which changes need focused human review? 148 finding(s).
This chart tracks the legacy adjusted pattern score across scan runs. Changes can reflect source changes, scan coverage, or detector/scoring versions; they do not measure AI adoption or prove that a team refactored code. Compare runs only when their scoring versions are compatible. The dashed line tracks the raw pattern-hit count.
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 148 distinct pattern matches across 4 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 | docs/component.config.json | 134 | "id": "placeholder", | CODE |
| LOW | docs/public/react/types/multi-cascader.json | 178 | "placeholder": { | CODE |
| LOW | docs/public/react/types/inline-edit.json | 31 | "placeholder": { | CODE |
| LOW | docs/public/react/types/cascader.json | 171 | "placeholder": { | CODE |
| LOW | docs/public/react/types/date-picker.json | 215 | "placeholder": { | CODE |
| LOW | docs/public/react/types/time-picker.json | 159 | "placeholder": { | CODE |
| LOW | docs/public/react/types/placeholder.json | 19 | "defaultValue": "placeholder" | CODE |
| LOW | docs/public/react/types/placeholder.json | 67 | "defaultValue": "placeholder" | CODE |
| LOW | docs/public/react/types/placeholder.json | 116 | "defaultValue": "placeholder" | CODE |
| LOW | docs/public/react/types/tree-picker.json | 185 | "placeholder": { | CODE |
| LOW | docs/public/react/types/select-picker.json | 165 | "placeholder": { | CODE |
| LOW | docs/public/react/types/check-picker.json | 171 | "placeholder": { | CODE |
| LOW | docs/public/react/types/auto-complete.json | 75 | "placeholder": { | CODE |
| LOW | docs/public/react/types/check-tree-picker.json | 185 | "placeholder": { | CODE |
| LOW | docs/public/react/types/textarea.json | 46 | "placeholder": { | CODE |
| LOW | docs/public/react/types/time-range-picker.json | 160 | "placeholder": { | CODE |
| LOW | docs/public/react/types/date-range-picker.json | 211 | "placeholder": { | CODE |
| LOW | docs/public/react/types/pin-input.json | 61 | "placeholder": { | CODE |
| LOW | docs/public/react/types/input-picker.json | 164 | "placeholder": { | CODE |
| LOW | docs/public/react/types/index.json | 59 | "placeholder", | CODE |
| LOW | docs/public/react/types/image.json | 29 | "placeholder": { | CODE |
| LOW | docs/public/react/types/tag-picker.json | 164 | "placeholder": { | CODE |
| LOW | docs/pages/guide/css-variables/theme-dark.json | 974 | "type": "placeholder", | CODE |
| LOW | docs/pages/guide/css-variables/theme-dark.json | 981 | "type": "placeholder", | CODE |
| LOW | docs/pages/guide/css-variables/theme-high-contrast.json | 1007 | "type": "placeholder", | CODE |
| LOW | docs/pages/guide/css-variables/theme-high-contrast.json | 1014 | "type": "placeholder", | CODE |
| LOW | docs/pages/guide/css-variables/theme-light.json | 1040 | "type": "placeholder", | CODE |
| LOW | docs/pages/guide/css-variables/theme-light.json | 1047 | "type": "placeholder", | CODE |
| LOW | docs/pages/components/card/fragments/group.md | 8 | name: 'John Doe', | CODE |
| LOW | docs/pages/components/use-dialog/fragments/custom.md | 43 | const result = await dialog.open(CustomDialog, 'user@example.com'); | CODE |
| LOW | docs/pages/components/avatar/fragments/stack.md | 6 | { avatar: 'https://i.pravatar.cc/150?u=1', name: 'John Doe' }, | CODE |
| LOW | docs/pages/components/avatar/fragments/stack.md | 12 | { avatar: 'https://i.pravatar.cc/150?u=7', name: 'Jane Doe' }, | CODE |
| LOW | docs/pages/components/placeholder/en-US/index.md | 51 | | classPrefix | string `('placeholder')` | The prefix of the component CSS class. | | CODE |
| LOW | docs/pages/components/placeholder/en-US/index.md | 64 | | classPrefix | string `('placeholder')` | The prefix of the component CSS class. | | CODE |
| LOW | docs/pages/components/placeholder/en-US/index.md | 77 | | classPrefix | string `('placeholder')` | The prefix of the component CSS class. | | CODE |
| LOW⚡ | docs/pages/components/text/fragments/text-align.md | 10 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut | CODE |
| LOW⚡ | docs/pages/components/text/fragments/text-align.md | 10 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut | CODE |
| LOW⚡ | docs/pages/components/text/fragments/text-align.md | 19 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut | CODE |
| LOW⚡ | docs/pages/components/text/fragments/text-align.md | 19 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut | CODE |
| LOW⚡ | docs/pages/components/text/fragments/text-align.md | 28 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut | CODE |
| LOW⚡ | docs/pages/components/text/fragments/text-align.md | 28 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut | CODE |
| LOW⚡ | docs/pages/components/text/fragments/text-align.md | 37 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut | CODE |
| LOW⚡ | docs/pages/components/text/fragments/text-align.md | 37 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut | CODE |
| LOW | …ples/with-nextjs-pages-and-less/src/pages/api/hello.ts | 9 | res.status(200).json({ name: 'John Doe' }); | CODE |
| LOW | examples/with-nextjs-pages/src/pages/api/hello.ts | 9 | res.status(200).json({ name: 'John Doe' }); | CODE |
| LOW | src/PinInput/test/PinInput.spec.tsx | 107 | expect(input).to.have.property('placeholder', placeholder); | CODE |
| LOW | src/CardGroup/stories/CardGroup.stories.tsx | 27 | name: 'John Doe', | CODE |
| LOW | src/useDialog/test/useDialog.spec.tsx | 359 | fireEvent.change(input, { target: { value: 'John Doe' } }); | CODE |
| LOW | src/useDialog/test/useDialog.spec.tsx | 366 | expect(promptResult).to.equal('John Doe'); | CODE |
| LOW | src/DateRangeInput/test/DateRangeInput.spec.tsx | 67 | expect(screen.getByRole('textbox')).to.have.attribute('placeholder', 'yyyy-MM-dd ~ yyyy-MM-dd'); | CODE |
| LOW | src/DateRangeInput/test/DateRangeInput.spec.tsx | 77 | 'placeholder', | CODE |
| LOW | src/DateRangeInput/test/DateRangeInput.spec.tsx | 98 | expect(screen.getByRole('textbox')).to.have.attribute('placeholder', 'dd-MM-yyyy ~ dd-MM-yyyy'); | CODE |
| LOW | …geInput/test/DateRangeInput.provider-defaults.spec.tsx | 36 | expect(input).to.have.attribute('placeholder', 'Select a range'); | CODE |
| LOW | …geInput/test/DateRangeInput.provider-defaults.spec.tsx | 87 | expect(input).to.have.attribute('placeholder', 'Instance placeholder'); | CODE |
| LOW | src/Cascader/test/Cascader.spec.tsx | 680 | expect(screen.getByRole('searchbox')).to.have.attribute('placeholder', 'Search'); | CODE |
| LOW | src/Cascader/test/Cascader.spec.tsx | 706 | expect(screen.getByRole('searchbox')).to.have.attribute('placeholder', '搜索'); | CODE |
| LOW | src/Cascader/test/Cascader.spec.tsx | 728 | 'placeholder', | CODE |
| LOW | …rMessage/test/FormErrorMessage.reduced-motion.spec.tsx | 231 | fireEvent.change(input, { target: { value: 'user@example.com' } }); | CODE |
| LOW | src/CheckTreePicker/test/CheckTreePicker.spec.tsx | 781 | expect(screen.getByRole('searchbox')).to.have.attribute('placeholder', 'Search'); | CODE |
| LOW | src/CheckTreePicker/test/CheckTreePicker.spec.tsx | 807 | expect(screen.getByRole('searchbox')).to.have.attribute('placeholder', '搜索'); | CODE |
| 50 more matches not shown… | ||||
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | gulpfile.js | 59 | function copyTypescriptDeclarationFiles() { | CODE |
| LOW | test/cases/testControlledUnControlled.tsx | 62 | export function testControlledUnControlled( | CODE |
| LOW | test/utils/styles/palette.ts | 60 | function calculateBrightnessAdjustValue(brightness, step) { | CODE |
| LOW | test/browser/moduleLoadDiagnostics.ts | 108 | export function createModuleRequestObserver() { | CODE |
| LOW | test/browser/moduleLoadDiagnostics.ts | 146 | export function createBrowserModuleDiagnostics() { | CODE |
| LOW | docs/utils/palette.ts | 39 | function calculateBrightnessAdjustValue(brightness, step) { | CODE |
| LOW | docs/utils/jsonld.ts | 120 | export function createSoftwareApplicationSchema(): SoftwareApplication { | CODE |
| LOW | docs/utils/jsonld.ts | 215 | export function createSoftwareSourceCodeSchema(): SoftwareSourceCode { | CODE |
| LOW | docs/scripts/generate-theme-css-vars.js | 110 | function processComponentVariables(content, variables) { | CODE |
| LOW | docs/pages/_app.tsx | 69 | function handlePrefersColorSchemeChange(e: MediaQueryListEvent) { | CODE |
| LOW | …/src/virtual/components/ReactAriaFocusRegistration.tsx | 5 | export default function ReactAriaFocusRegistration({ | CODE |
| LOW | src/Uploader/usePendingUploadApprovals.ts | 8 | export default function usePendingUploadApprovals(onCancel: (count: number) => void) { | CODE |
| LOW | src/Form/utils/nativeValidationFrames.ts | 65 | export function createNativeValidationFrames() { | CODE |
| LOW | src/MaskedInput/createTextMaskInputElement.ts | 11 | export default function createTextMaskInputElement(config?) { | CODE |
| LOW | src/MaskedInput/test/testParameters.ts | 1856 | export function transformTestForComponent(test) { | CODE |
| LOW | src/FormGroup/test/FormGroupRelationsFixture.tsx | 32 | export default function FormGroupRelationsFixture({ | CODE |
| LOW | src/CheckTree/utils.ts | 14 | function getChildrenByFlattenNodes(nodes: TreeNodeMap, parent: TreeNode) { | CODE |
| LOW | src/CheckTree/utils.ts | 109 | export function isAllSiblingNodeUncheckable( | CODE |
| LOW | src/CheckTree/utils.ts | 133 | export function isEveryFirstLevelNodeUncheckable( | CODE |
| LOW | src/Splitter/test/SplitterResizeSchedulingFixture.tsx | 21 | export default function SplitterResizeSchedulingFixture({ | CODE |
| LOW | src/RangeSlider/test/RangeSliderIdentityFixture.tsx | 18 | export default function RangeSliderIdentityFixture({ | CODE |
| LOW | …Toggle/test/Toggle.pending-input-continuation.spec.tsx | 19 | function expectUntrustedForwarding( | CODE |
| LOW | src/useMediaQuery/breakpoints.ts | 44 | function createLegacyMediaQueryMap(breakpoints: BreakpointMap): MediaQueryMap { | CODE |
| LOW | src/List/helper/utils.ts | 15 | export function isContainInteractiveElement(targetNode: HTMLElement) { | CODE |
| LOW | src/ColorPicker/test/ColorPickerHydrationFixture.tsx | 11 | export default function ColorPickerHydrationFixture({ | CODE |
| LOW | …ErrorSummary/test/FormErrorSummaryHydrationFixture.tsx | 4 | export default function FormErrorSummaryHydrationFixture() { | CODE |
| LOW | src/CommandPalette/test/CommandPalette.hydration.tsx | 10 | export default function CommandPaletteHydrationFixture() { | CODE |
| LOW | src/CommandPalette/test/CommandPalette.ssr-renderer.tsx | 6 | export function renderCommandPaletteHydration() { | CODE |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| CRITICAL | src/Checkbox/test/Checkbox.spec.tsx | 16 | expect(screen.getByLabelText('Test')).to.exist.and.to.have.attr('type', 'checkbox'); | CODE |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | tooling/cra-template/template/src/setupTests.js | 1 | // jest-dom adds custom jest matchers for asserting on DOM nodes. | COMMENT |
| LOW | …ing/cra-template-typescript/template/src/setupTests.ts | 1 | // jest-dom adds custom jest matchers for asserting on DOM nodes. | COMMENT |
| LOW | examples/create-react-app/src/setupTests.js | 1 | // jest-dom adds custom jest matchers for asserting on DOM nodes. | COMMENT |
| LOW | .github/workflows/codeql-analysis.yml | 1 | # For most projects, this workflow file will not need changing; you simply need | COMMENT |
| LOW | src/MaskedInput/conformToMask.ts | 61 | // If `conformToMask` is configured to keep character positions, that is, for mask 111, previous value | COMMENT |
| LOW | src/CheckTree/test/CheckTree.spec.tsx | 821 | // Regression test for the async load fix (#3973) that originally introduced the infinite loop. | COMMENT |
| LOW | src/styles/mixins/_listbox.scss | 1 | // ARIA Listboxes and Options | COMMENT |
| LOW | src/Row/styles/index.scss | 1 | // Col styles are included in Grid component | COMMENT |
| LOW | src/Col/styles/index.scss | 1 | // Col styles are included in Grid component | COMMENT |