{"id":15063256,"url":"https://github.com/adityasonel/react-animated-tree-v2","last_synced_at":"2025-10-10T15:50:13.999Z","repository":{"id":51826069,"uuid":"358647742","full_name":"adityasonel/react-animated-tree-v2","owner":"adityasonel","description":"🌲 Simple to use, configurable tree view with full support for drop-in animations, react-animated-tree-v2.","archived":false,"fork":false,"pushed_at":"2025-04-17T05:23:19.000Z","size":5825,"stargazers_count":11,"open_issues_count":2,"forks_count":5,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-09-10T02:57:50.034Z","etag":null,"topics":["react-spring","reactjs"],"latest_commit_sha":null,"homepage":"https://adityasonel.github.io/react-animated-tree-v2","language":"TypeScript","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/adityasonel.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2021-04-16T15:46:22.000Z","updated_at":"2025-04-17T05:23:24.000Z","dependencies_parsed_at":"2023-11-18T00:13:27.109Z","dependency_job_id":"32b6cd0e-cff8-46a0-b9e4-3ad7eb06b7b3","html_url":"https://github.com/adityasonel/react-animated-tree-v2","commit_stats":{"total_commits":13,"total_committers":3,"mean_commits":4.333333333333333,"dds":"0.15384615384615385","last_synced_commit":"c337d54efe9888f28a0f3121cfbaee772ce097f3"},"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"purl":"pkg:github/adityasonel/react-animated-tree-v2","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adityasonel%2Freact-animated-tree-v2","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adityasonel%2Freact-animated-tree-v2/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adityasonel%2Freact-animated-tree-v2/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adityasonel%2Freact-animated-tree-v2/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/adityasonel","download_url":"https://codeload.github.com/adityasonel/react-animated-tree-v2/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adityasonel%2Freact-animated-tree-v2/sbom","scorecard":{"id":166713,"data":{"date":"2025-08-11","repo":{"name":"github.com/adityasonel/react-animated-tree-v2","commit":"84f3ef0da7c3d23a4c3d6f4e6bf593a8c1e5fce2"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":2.8,"checks":[{"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":"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":"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":1,"reason":"Found 2/14 approved changesets -- score normalized to 1","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":"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":"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":"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":"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":"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 14 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":4,"reason":"6 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-v6h2-p8h4-qcjw","Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275","Warn: Project is vulnerable to: GHSA-gcx4-mw62-g8wm","Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw"],"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-16T15:08:00.392Z","repository_id":51826069,"created_at":"2025-08-16T15:08:00.392Z","updated_at":"2025-08-16T15:08:00.392Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279004568,"owners_count":26083736,"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-10T02:00:06.843Z","response_time":62,"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":["react-spring","reactjs"],"created_at":"2024-09-24T23:54:09.062Z","updated_at":"2025-10-10T15:50:13.984Z","avatar_url":"https://github.com/adityasonel.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"[![Build Status](https://travis-ci.com/adityasonel/react-animated-tree-v2.svg?branch=master)](https://travis-ci.com/adityasonel/react-animated-tree-v2) [![npm version](https://badge.fury.io/js/react-animated-tree-v2.svg)](//npmjs.com/package/react-animated-tree-v2)\n\nPort of [react-animated-tree](https://github.com/drcmda/react-animated-tree), with updated libraries, custom svg icons and many more new features.\n\n    npm install react-animated-tree-v2\n\nA simple, configurable tree view control for React.\n\n\u003cp align=\"middle\"\u003e\n  \u003cimg src=\"assets/tree.gif\" width=\"600\" /\u003e\n\u003c/p\u003e\n\nDemo: https://codesandbox.io/embed/react-animated-tree-v2-33u37\n\n-   `content`, Name of the node (string or React-component)\n-   `type`, optional description, good for displaying icons, too (string or React-component)\n-   `open`, optional: default open state\n-   `canHide`, optional: when set true displays an eye icon\n-   `visible`, optional: default visible state\n-   `onClick`, optional: click events on the eye\n-   `springConfig`, optional: react-spring animation config\n-   `onItemClick`, optional: click events on the tree span item (pass itemId props as parameter)\n-   `onItemToggle`, optional: click events on the toggle icon, parameters: itemId, isOpen\n-   `itemId`, optional: custom identifier of tree item\n-   `icons`, optional: custom svg icons (plus, minus, close and eye)\n\nCustomised icon demo: https://codesandbox.io/embed/react-animated-tree-v2-custom-icons-mz23x\n\n```jsx\nimport Tree from \"react-animated-tree-v2\";\n\n\u003cTree\n    content=\"Apple\"\n    type=\"Fruit\"\n    open\n    canHide\n    visible\n    onClick={console.log}\n    itemId={\"apple\"}\n    onItemClick={(itemId) =\u003e console.log(itemId)}\n\u003e\n    \u003cTree content=\"Contents\"\u003e\n        \u003cTree content=\"Seeds\" /\u003e\n    \u003c/Tree\u003e\n\u003c/Tree\u003e;\n```\n\nCreate your own effects by passing a [react-spring](https://github.com/pmndrs/react-spring) config. The config below is the default (items fade in while moving in 20px from the right). You can go wild here by rotating, flipping, etc.\n\n```jsx\nconfig = open =\u003e ({\n  from: { height: 0, opacity: 0, transform: 'translate3d(20px,0,0)' },\n  to: {\n    height: open ? 'auto' : 0,\n    opacity: open ? 1 : 0,\n    transform: open ? 'translate3d(0px,0,0)' : 'translate3d(20px,0,0)',\n  },\n})\n\nconst SpecialTree = props =\u003e \u003cTree {...props} springConfig={config} /\u003e\n\n\u003cSpecialTree content=\"Orange\"\u003e\n  \u003cSpecialTree content=\"Juice\" /\u003e\n\u003c/SpecialTree\u003e\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadityasonel%2Freact-animated-tree-v2","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fadityasonel%2Freact-animated-tree-v2","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadityasonel%2Freact-animated-tree-v2/lists"}