{"id":15422159,"url":"https://github.com/layershifter/babel-plugin-transform-react-handled-props","last_synced_at":"2025-10-30T05:52:42.776Z","repository":{"id":14319209,"uuid":"72216985","full_name":"layershifter/babel-plugin-transform-react-handled-props","owner":"layershifter","description":"Generates handledProps from defaultProps and propTypes during the build :sparkles:","archived":false,"fork":false,"pushed_at":"2023-01-04T21:44:35.000Z","size":972,"stargazers_count":19,"open_issues_count":15,"forks_count":4,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-10-12T09:13:00.898Z","etag":null,"topics":["babel-plugin","proptypes"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/layershifter.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-10-28T14:59:51.000Z","updated_at":"2020-11-27T15:31:58.000Z","dependencies_parsed_at":"2023-01-13T17:53:19.574Z","dependency_job_id":null,"html_url":"https://github.com/layershifter/babel-plugin-transform-react-handled-props","commit_stats":null,"previous_names":[],"tags_count":18,"template":false,"template_full_name":null,"purl":"pkg:github/layershifter/babel-plugin-transform-react-handled-props","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/layershifter%2Fbabel-plugin-transform-react-handled-props","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/layershifter%2Fbabel-plugin-transform-react-handled-props/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/layershifter%2Fbabel-plugin-transform-react-handled-props/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/layershifter%2Fbabel-plugin-transform-react-handled-props/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/layershifter","download_url":"https://codeload.github.com/layershifter/babel-plugin-transform-react-handled-props/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/layershifter%2Fbabel-plugin-transform-react-handled-props/sbom","scorecard":{"id":580433,"data":{"date":"2025-08-11","repo":{"name":"github.com/layershifter/babel-plugin-transform-react-handled-props","commit":"2ec5afc98d5436d8cda78f10454879df64e0204c"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":2,"checks":[{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Code-Review","score":0,"reason":"Found 0/20 approved changesets -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"Token-Permissions","score":-1,"reason":"No tokens found","details":null,"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"Dangerous-Workflow","score":-1,"reason":"no workflows found","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"Maintained","score":0,"reason":"0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"Pinned-Dependencies","score":-1,"reason":"no dependencies found","details":null,"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"License","score":10,"reason":"license file detected","details":["Info: project has a license file: LICENSE:0","Info: FSF or OSI recognized license: MIT License: LICENSE:0"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Branch-Protection","score":-1,"reason":"internal error: error during branchesHandler.setup: internal error: githubv4.Query: Resource not accessible by integration","details":null,"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}},{"name":"SAST","score":0,"reason":"SAST tool is not run on all commits -- score normalized to 0","details":["Warn: 0 commits out of 19 are checked with a SAST tool"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}},{"name":"Vulnerabilities","score":0,"reason":"55 existing vulnerabilities detected","details":["Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8","Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92","Warn: Project is vulnerable to: GHSA-rmvr-2pp2-xj38","Warn: Project is vulnerable to: GHSA-xx4v-prfh-6cgc","Warn: Project is vulnerable to: GHSA-6chw-6frg-f759","Warn: Project is vulnerable to: GHSA-v88g-cgmw-v5xw","Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw","Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw","Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg","Warn: Project is vulnerable to: GHSA-w8qv-6jwh-64r5","Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275","Warn: Project is vulnerable to: GHSA-gxpj-cx7g-858c","Warn: Project is vulnerable to: GHSA-w573-4hg7-7wgq","Warn: Project is vulnerable to: GHSA-ff7x-qrg7-qggm","Warn: Project is vulnerable to: GHSA-2j2x-2gpw-g8fm","Warn: Project is vulnerable to: GHSA-fjxv-7rqg-78g4","Warn: Project is vulnerable to: GHSA-8r6j-v8pm-fqw3","Warn: Project is vulnerable to: MAL-2023-462","Warn: Project is vulnerable to: GHSA-ww39-953v-wcq6","Warn: Project is vulnerable to: GHSA-pfrx-2q88-qq97","Warn: Project is vulnerable to: GHSA-rc47-6667-2j5j","Warn: Project is vulnerable to: GHSA-qqgx-2p2h-9c37","Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h","Warn: Project is vulnerable to: GHSA-6c8f-qphg-qjgp","Warn: Project is vulnerable to: GHSA-p6mc-m468-83gw","Warn: Project is vulnerable to: GHSA-29mw-wpgm-hmr9","Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm","Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv","Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3","Warn: Project is vulnerable to: GHSA-vh95-rmgr-6w4m","Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h","Warn: Project is vulnerable to: GHSA-w7rc-rwvf-8q5r","Warn: Project is vulnerable to: GHSA-r683-j2x4-v87g","Warn: Project is vulnerable to: GHSA-px4h-xg32-q955","Warn: Project is vulnerable to: GHSA-3j8f-xvm3-ffx4","Warn: Project is vulnerable to: GHSA-4p35-cfcx-8653","Warn: Project is vulnerable to: GHSA-7f3x-x4pr-wqhj","Warn: Project is vulnerable to: GHSA-jpp7-7chh-cf67","Warn: Project is vulnerable to: GHSA-q6wq-5p59-983w","Warn: Project is vulnerable to: GHSA-j9fq-vwqv-2fm2","Warn: Project is vulnerable to: GHSA-pqw5-jmp5-px4v","Warn: Project is vulnerable to: GHSA-hj48-42vr-x3v9","Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw","Warn: Project is vulnerable to: GHSA-4rq4-32rv-6wp6","Warn: Project is vulnerable to: GHSA-64g7-mvw6-v9qj","Warn: Project is vulnerable to: GHSA-3jfq-g458-7qm9","Warn: Project is vulnerable to: GHSA-r628-mhmh-qjhw","Warn: Project is vulnerable to: GHSA-9r2w-394v-53qc","Warn: Project is vulnerable to: GHSA-5955-9wpr-37jh","Warn: Project is vulnerable to: GHSA-qq89-hq3f-393p","Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36","Warn: Project is vulnerable to: GHSA-52f5-9888-hmc6","Warn: Project is vulnerable to: GHSA-j8xg-fqg3-53r7","Warn: Project is vulnerable to: GHSA-c4w7-xm78-47vh","Warn: Project is vulnerable to: GHSA-p9pc-299p-vxgp"],"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}}]},"last_synced_at":"2025-08-20T19:02:41.319Z","repository_id":14319209,"created_at":"2025-08-20T19:02:41.319Z","updated_at":"2025-08-20T19:02:41.319Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":281754304,"owners_count":26555915,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-30T02:00:06.501Z","response_time":61,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["babel-plugin","proptypes"],"created_at":"2024-10-01T17:37:08.598Z","updated_at":"2025-10-30T05:52:42.744Z","avatar_url":"https://github.com/layershifter.png","language":"JavaScript","readme":"# babel-plugin-transform-react-handled-props\n\nGenerates handledProps from defaultProps and propTypes during the build :sparkles:\n\n[![Build Status](https://travis-ci.org/layershifter/babel-plugin-transform-react-handled-props.svg?branch=master)](https://travis-ci.org/layershifter/babel-plugin-transform-react-handled-props)\n[![Gemnasium](https://img.shields.io/david/layershifter/babel-plugin-transform-react-handled-props.svg?style=flat)](https://david-dm.org/layershifter/babel-plugin-transform-react-handled-props)\n[![npm](https://img.shields.io/npm/v/babel-plugin-transform-react-handled-props.svg?style=flat)](https://www.npmjs.com/package/babel-plugin-transform-react-handled-props)\n\n## Installation\n\n```sh\n$ yarn add --dev babel-plugin-transform-react-handled-props\n```\n\n*This plugin is for Babel 7. If you need to support Babel 6 use the  [babel6](https://github.com/layershifter/babel-plugin-transform-react-handled-props/tree/babel6) branch.*\n\n## Story\n\nThis plugin was originally created for [Semantic UI React](https://github.com/Semantic-Org/Semantic-UI-React) package.\nIt implements useful pattern with handled props by component, using it you can let down unhandled props to child component.\n\n## Motivation\n\nLet's take an example from real life. There are cases when you need to pass some of the props to the child component.\nThe simplest way is to use the destruction of the object.\n\n```jsx\nconst Foo = (props) =\u003e {\n  const { className, ...rest } = props\n  const classes = classNames(className, 'foo')\n\n  return \u003cdiv {...rest} className={classes} /\u003e\n}\n```\n\nThe solution is simple and straightforward, but what if the props that will need to be handled is not used in the method?\nWe still need to specify it explicitly.\n\n```jsx\nclass Foo extends React.Component {\n  handleClick = (e) =\u003e this.props.onClick(e)\n\n  render() {\n    const { className, onClick, ...rest } = this.props\n    const classes = classNames(className, 'foo')\n\n    return \u003cdiv {...rest} className={classes} onClick={this.handleClick} /\u003e\n  }\n}\n```\n\nAnd what if there are a lot of components? Yes, we will come to another solution, it's to rely on the React's `propTypes`.\nIt's a good and logical solution.\n\n```jsx\nclass Foo extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    onClick: PropTypes.func,\n  }\n\n  handleClick = (e) =\u003e this.props.onClick(e)\n\n  render() {\n    const { className } = this.props\n    const classes = classNames(className, 'foo')\n    const rest = _.omit(this.props, _.keys(Foo.propTypes))\n\n    return \u003cdiv {...rest} className={classes} onClick={this.handleClick} /\u003e\n  }\n}\n```\n\nLooks pretty good? But, there is only one problem, we don't need `propTypes` in the production build.\nWe can take the [plugin](https://github.com/oliviertassinari/babel-plugin-transform-react-remove-prop-types) to remove them, but then our solution will be broken?\nIt's possible that you already use this approach, but you can't get rid of `propTypes` in the your bundle.\nThis plugin solves the described problem, so you can rely on `propTypes` and at the same time remove them from the production build.\n\n```jsx\nclass Foo extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    onClick: PropTypes.func,\n  }\n\n  handleClick = (e) =\u003e this.props.onClick(e)\n\n  render() {\n    const { className } = this.props\n    const classes = classNames(className, 'foo')\n    const rest = _.omit(this.props, Foo.handledProps)\n\n    return \u003cdiv {...rest} className={classes} onClick={this.handleClick} /\u003e\n  }\n}\n```\n\n## Example transform\n\n**In**\n\n```js\nconst Baz = (props) =\u003e (\n  \u003cdiv {...props} /\u003e\n)\n\nBaz.propTypes = {\n  children: PropTypes.node,\n  className: PropTypes.string,\n}\n```\n\n**Out**\n\n```js\nconst Baz = (props) =\u003e (\n  \u003cdiv {...props} /\u003e\n)\n\nBaz.handledProps = ['className', 'children'];\n\nBaz.propTypes = {\n  children: PropTypes.node,\n  className: PropTypes.string,\n}\n```\n\n## Usage\n\n### Via `.babelrc` (Recommended)\n\n**.babelrc**\n\n```json\n{\n  \"plugins\": [\"transform-react-handled-props\"]\n}\n```\n\n### Via CLI\n\n```sh\n$ babel --plugins transform-react-handled-props script.js\n```\n\n### Via Node API\n\n```javascript\nrequire(\"babel-core\").transform(\"code\", {\n  plugins: [\"transform-react-handled-props\"]\n});\n```\n\n## Options\n\n#### `ignoredProps`\n\nThis options allows to ignore some props, this will allow to not add them to `handledProps`.\n\n```json\n{\n  \"plugins\": [\"transform-react-handled-props\", { \"ignoredProps\": [\"children\"] }]\n}\n```\n\n**In**\n\n```js\nconst Baz = (props) =\u003e (\n  \u003cdiv {...props} /\u003e\n)\n\nBaz.propTypes = {\n  children: PropTypes.node,\n  className: PropTypes.string,\n}\n```\n\n**Out**\n\n```js\nconst Baz = (props) =\u003e (\n  \u003cdiv {...props} /\u003e\n)\n\nBaz.handledProps = ['className'];\n\nBaz.propTypes = {\n  children: PropTypes.node,\n  className: PropTypes.string,\n}\n```\n\n## Is it safe?\n\nAbsolutely :sunglasses: You can also use in production with [babel-plugin-transform-react-remove-prop-types](https://github.com/oliviertassinari/babel-plugin-transform-react-remove-prop-types) and it will work perfectly.\n\n```js\nconst Baz = (props) =\u003e {\n  const rest = _.omit(props, Baz.handledProps)\n\n  return (\n    \u003cdiv {...props}\u003e\n      \u003cFoo {...rest} /\u003e\n    \u003c/div\u003e\n  )\n}\n```\n\n## License\n\n**MIT**\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flayershifter%2Fbabel-plugin-transform-react-handled-props","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flayershifter%2Fbabel-plugin-transform-react-handled-props","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flayershifter%2Fbabel-plugin-transform-react-handled-props/lists"}