46:I[660678,["/_next/static/chunks/2t1119em3uggf.js","/_next/static/chunks/0z8znd68d3gbv.js","/_next/static/chunks/19fyfn-j_bqw4.js","/_next/static/chunks/0w40435yyf_aw.js","/_next/static/chunks/3p_8v12wc_rd3.js","/_next/static/chunks/0ipw6pdbca2nn.js","/_next/static/chunks/22ulpibmvf72b.js","/_next/static/chunks/2a4jc680f5x-9.js","/_next/static/chunks/0nsogqyo9f92a.js","/_next/static/chunks/3e6aahj543it1.js","/_next/static/chunks/2_7n0byq7kdc7.js","/_next/static/chunks/1umhym11g537p.js","/_next/static/chunks/1gth09_ur0iam.js","/_next/static/chunks/0pp6seif9t0rh.js","/_next/static/chunks/3ndfog0156ssk.js","/_next/static/chunks/3bhq66ea_v7by.js","/_next/static/chunks/44c_5nh0vyeb5.js","/_next/static/chunks/1jiredr0b6jr_.js","/_next/static/chunks/385-w0fbog4mf.js","/_next/static/chunks/0oh_nmnt8b0xn.js","/_next/static/chunks/1gwg3oqv8zf-1.js","/_next/static/chunks/2nw5jdup18fxv.js","/_next/static/chunks/1zqqmzxxxprx1.js","/_next/static/chunks/32dzmzjp2_166.js","/_next/static/chunks/3tapih4gs2df1.js","/_next/static/chunks/2t_5zfez2-77k.js","/_next/static/chunks/3-906s1ue5fj3.js","/_next/static/chunks/03hsqimmwh7ta.js","/_next/static/chunks/35bufgnke20pg.js","/_next/static/chunks/1jmwt2w2uusdo.js","/_next/static/chunks/2641m2aqdum9a.js","/_next/static/chunks/0a0b6s3o7q6fp.js","/_next/static/chunks/0ojgzwcpt7vsk.js","/_next/static/chunks/1j29bqcxcpyur.js"],"HydrationBoundary"] 45:Ta61,{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://app.codemod.com/registry#website","url":"https://app.codemod.com/registry","name":"Codemod Registry"},{"@type":"Organization","@id":"https://app.codemod.com#org","name":"codemod","url":"https://app.codemod.com","logo":"https://avatars.githubusercontent.com/u/78830094?v=4"},{"@type":"BreadcrumbList","@id":"https://app.codemod.com/registry/@codemod/mine-react-components#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Registry","item":"https://app.codemod.com/registry"},{"@type":"ListItem","position":2,"name":"@codemod/mine-react-components","item":"https://app.codemod.com/registry/@codemod/mine-react-components"}]},{"@type":"WebPage","@id":"https://app.codemod.com/registry/@codemod/mine-react-components#webpage","url":"https://app.codemod.com/registry/@codemod/mine-react-components","name":"mine-react-components - Codemod Registry","description":"Read-only React component inventory for Insights dashboards across JavaScript and TypeScript codebases","isPartOf":{"@id":"https://app.codemod.com/registry#website"},"author":{"@id":"https://app.codemod.com#org"},"breadcrumb":{"@id":"https://app.codemod.com/registry/@codemod/mine-react-components#breadcrumb"},"mainEntity":{"@id":"https://app.codemod.com/registry/@codemod/mine-react-components#sourcecode"}},{"@type":"SoftwareSourceCode","@id":"https://app.codemod.com/registry/@codemod/mine-react-components#sourcecode","name":"@codemod/mine-react-components","description":"Read-only React component inventory for Insights dashboards across JavaScript and TypeScript codebases","url":"https://app.codemod.com/registry/@codemod/mine-react-components","publisher":{"@id":"https://app.codemod.com#org"},"image":"https://avatars.githubusercontent.com/u/78830094?v=4","isAccessibleForFree":true,"license":"MIT","version":"0.0.1","keywords":["react","component-inventory","insights","metrics","analysis"],"datePublished":"2026-06-16 04:47:56.174568+00","dateModified":"2026-06-16 04:47:56.174568+00"},{"@type":"SoftwareApplication","@id":"https://app.codemod.com/registry/@codemod/mine-react-components#app","name":"mine-react-components codemod","description":"Read-only React component inventory for Insights dashboards across JavaScript and TypeScript codebases","url":"https://app.codemod.com/registry/@codemod/mine-react-components","publisher":{"@id":"https://app.codemod.com#org"},"softwareVersion":"0.0.1","applicationCategory":"DeveloperApplication","operatingSystem":"Cross-platform","offers":{"@type":"Offer","price":"0","priceCurrency":"USD","availability":"https://schema.org/InStock"}}]}47:T118e,# @codemod/mine-react-components Read-only React component inventory for Insights dashboards. ## Installation ```bash # Install from registry codemod run @codemod/mine-react-components # Or run locally codemod run -w workflow.yaml ``` ## Usage This package scans `.js`, `.jsx`, `.ts`, and `.tsx` source files and emits metrics for React component definitions. It does not rewrite source files. Default workflow step: `detect-react-components` Included files: - `**/*.{js,jsx,ts,tsx}` Default exclusions: - `**/node_modules/**` - `**/dist/**` - `**/build/**` - `**/coverage/**` - `**/.next/**` - `**/out/**` - `**/storybook-static/**` - `**/__generated__/**` - `**/generated/**` - `**/*.generated.*` Detection heuristics: - PascalCase function declarations that return JSX - PascalCase arrow functions assigned to identifiers that return JSX - PascalCase function expressions assigned to identifiers that return JSX - Class components extending `React.Component`, `Component`, `React.PureComponent`, or `PureComponent` with a `render()` method that returns JSX - Wrapped component declarations such as `memo(...)`, `forwardRef(...)`, `React.memo(...)`, `React.forwardRef(...)`, and other wrapper calls when the wrapped value resolves to a JSX-returning component Preserve and no-op cases: - Lowercase helpers without a wrapped component shape are ignored - Hooks such as `useThing` are ignored unless they are defined through a wrapped component declaration like `memo(...)` - Utilities and classes without React inheritance are ignored ## Metrics Workflow step name: `detect-react-components` Metric: `react-component-definition` Cardinality keys: - `componentName`: Component identifier, or `anonymous` when no safe name is available - `componentKind`: `function`, `arrow-function`, `function-expression`, `class`, `memo`, `forwardRef`, or `wrapped` - `exported`: `true` or `false` - `defaultExport`: `true` or `false` - `fileExtension`: `js`, `jsx`, `ts`, or `tsx` ## Insights Queries Example package-source query: ```json { "packageId": "@codemod/mine-react-components", "packageVersionId": "", "stepName": "detect-react-components", "select": { "type": "metric", "metricName": "react-component-definition" } } ``` Example widgets: 1. Total React components ```json { "packageId": "@codemod/mine-react-components", "packageVersionId": "", "stepName": "detect-react-components", "select": { "type": "metric", "metricName": "react-component-definition" } } ``` 2. Components by kind ```json { "packageId": "@codemod/mine-react-components", "packageVersionId": "", "stepName": "detect-react-components", "select": { "type": "metric", "metricName": "react-component-definition" }, "groupBy": [{ "name": "cardinality", "key": "componentKind" }] } ``` 3. Components by repository ```json { "packageId": "@codemod/mine-react-components", "packageVersionId": "", "stepName": "detect-react-components", "select": { "type": "metric", "metricName": "react-component-definition" }, "groupBy": [{ "name": "repository" }] } ``` 4. Components by directory depth 2 ```json { "packageId": "@codemod/mine-react-components", "packageVersionId": "", "stepName": "detect-react-components", "select": { "type": "metric", "metricName": "react-component-definition" }, "groupBy": [{ "name": "directory", "depth": 2 }] } ``` 5. Exported vs non-exported components ```json { "packageId": "@codemod/mine-react-components", "packageVersionId": "", "stepName": "detect-react-components", "select": { "type": "metric", "metricName": "react-component-definition" }, "groupBy": [{ "name": "cardinality", "key": "exported" }] } ``` 6. Components by file extension ```json { "packageId": "@codemod/mine-react-components", "packageVersionId": "", "stepName": "detect-react-components", "select": { "type": "metric", "metricName": "react-component-definition" }, "groupBy": [{ "name": "cardinality", "key": "fileExtension" }] } ``` ## Development ```bash # Run fixtures and metrics snapshots pnpm test # Update fixture snapshots pnpm test:update # Validate the package codemod workflow validate -w workflow.yaml codemod package validate # Publish to registry codemod login codemod publish ``` ## License MIT 17:[["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"$45"}}],["$","$L46",null,{"state":{"mutations":[],"queries":[{"state":{"data":{"json":{"id":"283ab1dc-3ec9-4dfb-86a6-4ef3856c394e","name":"mine-react-components","displayName":"@codemod/mine-react-components","description":"Read-only React component inventory for Insights dashboards across JavaScript and TypeScript codebases","scope":"codemod","visibility":"public","downloadCount":6,"executionCount":2,"createdAt":"2026-06-16 04:47:56.174568+00","updatedAt":"2026-06-16 04:47:56.174568+00","latestVersion":"0.0.1","keywords":["react","component-inventory","insights","metrics","analysis"],"starCount":0,"author":"Codemod Builder","homepage":null,"repository":null,"license":"MIT","access":"public","documentation":null,"bugsUrl":null,"readme":"$47","organization":{"id":"a23e5412-b7c7-435e-ad5a-292e3fe3e6cf","name":"codemod","slug":"codemod","avatarUrl":"https://avatars.githubusercontent.com/u/78830094?v=4"},"owner":{"id":"4519f7a8-2ebc-4eaf-8c0a-e01be4c05878","username":"alexbit-codemod","name":"Alex Bit","avatarUrl":"https://avatars.githubusercontent.com/u/78109534?v=4"},"isLegacy":false,"versions":[{"version":{"id":"4163fc42-9154-40d7-87b6-8950d3362765","packageId":"283ab1dc-3ec9-4dfb-86a6-4ef3856c394e","version":"0.0.1","description":"Read-only React component inventory for Insights dashboards across JavaScript and TypeScript codebases","manifest":{"name":"@codemod/mine-react-components","author":"Codemod Builder","license":"MIT","targets":{"versions":{},"languages":["javascript","typescript"],"frameworks":[]},"version":"0.0.1","keywords":["react","component-inventory","insights","metrics","analysis"],"registry":{"access":"public","visibility":"public"},"workflows":[{"name":"main","path":"workflow.yaml","default":true}],"description":"Read-only React component inventory for Insights dashboards across JavaScript and TypeScript codebases","dependencies":[],"schema_version":"1.0"},"checksum":"4e6b7ae50090d45f52e610c680e573b163020f1975e574cd0c06555996c28318","size":5745,"downloadUrl":"https://registry-cdn.codemod.com/prod/packages/codemod/mine-react-components/0.0.1/public.tar.gz","aiGenerated":true,"sourceArchiveS3Key":"prod/codemod-builder-sources/283ab1dc-3ec9-4dfb-86a6-4ef3856c394e/4163fc42-9154-40d7-87b6-8950d3362765/codemod-mine-react-components-0.0.1-5ce7c2fb.tar.gz","targets":{"languages":["typescript"],"frameworks":[]},"dependencies":[],"languages":["tsx"],"stepTypes":["js-ast-grep"],"workflowMetadata":{"nodes":[{"id":"detect-react-components","name":"Detect React Components","steps":[{"name":"detect-react-components","type":"js-ast-grep","language":"tsx","semanticAnalysis":"file"}]}]},"validated":false,"validationErrors":null,"publishedBy":"4519f7a8-2ebc-4eaf-8c0a-e01be4c05878","deprecated":false,"deprecationMessage":null,"downloadCount":6,"cachedTestCases":{"input":"function helper() {\n return 1;\n}\n\nconst useThing = () => ({ ok: true });\n\nconst formatter = (value: { toString(): string }) => value.toString();\n\nclass DataStore {}\n","output":"function helper() {\n return 1;\n}\n\nconst useThing = () => ({ ok: true });\n\nconst formatter = (value: { toString(): string }) => value.toString();\n\nclass DataStore {}\n","isValid":true,"examples":[{"name":"component-inventory","path":"tests/component-inventory","input":"function helper() {\n return 1;\n}\n\nconst useThing = () => ({ ok: true });\n\nconst formatter = (value: { toString(): string }) => value.toString();\n\nclass DataStore {}\n","output":"function helper() {\n return 1;\n}\n\nconst useThing = () => ({ ok: true });\n\nconst formatter = (value: { toString(): string }) => value.toString();\n\nclass DataStore {}\n","filename":"helpers.ts"},{"name":"component-inventory","path":"tests/component-inventory","input":"import React, { PureComponent, forwardRef, memo } from \"react\";\n\nfunction Header() {\n return

;\n}\n\nexport function Footer() {\n return
;\n}\n\nconst Card = () =>
;\n\nconst Modal = function () {\n return
;\n};\n\nclass LegacyPane extends React.Component {\n render() {\n return
;\n }\n}\n\nclass LocalPure extends PureComponent {\n render() {\n return
;\n }\n}\n\nconst Input = memo(() => );\n\nconst LinkButton = forwardRef((props, ref) =>