{"id":16282485,"url":"https://github.com/telamonian/tree-finder","last_synced_at":"2025-03-16T13:31:24.060Z","repository":{"id":39091959,"uuid":"272360043","full_name":"telamonian/tree-finder","owner":"telamonian","description":"Versatile tree-viewer/filebrowser widget, built on top of regular-table","archived":false,"fork":false,"pushed_at":"2023-11-12T18:31:37.000Z","size":2376,"stargazers_count":15,"open_issues_count":28,"forks_count":6,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-03-04T18:03:05.890Z","etag":null,"topics":["custom-elements","file-browser","filebrowser","filesystem","javascript","regular-table","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-3-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/telamonian.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}},"created_at":"2020-06-15T06:32:10.000Z","updated_at":"2024-03-06T18:00:52.000Z","dependencies_parsed_at":"2024-06-20T23:28:06.978Z","dependency_job_id":"38e534ae-2a69-4585-b387-e7eb119515a0","html_url":"https://github.com/telamonian/tree-finder","commit_stats":{"total_commits":202,"total_committers":3,"mean_commits":67.33333333333333,"dds":0.03960396039603964,"last_synced_commit":"076e1845155c7e9d42e5075e546360e866dbd130"},"previous_names":[],"tags_count":14,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/telamonian%2Ftree-finder","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/telamonian%2Ftree-finder/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/telamonian%2Ftree-finder/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/telamonian%2Ftree-finder/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/telamonian","download_url":"https://codeload.github.com/telamonian/tree-finder/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243817100,"owners_count":20352500,"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","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":["custom-elements","file-browser","filebrowser","filesystem","javascript","regular-table","typescript"],"created_at":"2024-10-10T19:10:53.759Z","updated_at":"2025-03-16T13:31:23.641Z","avatar_url":"https://github.com/telamonian.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg alt=\"tree-finder\" src=\"https://raw.githubusercontent.com/telamonian/tree-finder/master/packages/tree-finder/style/icons/treeFinder.svg\" width=\"300\"\u003e\n\u003c/p\u003e\n\n\n\u003cp align=\"center\"\u003e\n  \u003ch1 align=\"center\"\u003etree-finder\u003c/h1\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://www.npmjs.com/package/tree-finder\"\u003e\u003cimg alt=\"NPM Version\" src=\"https://img.shields.io/npm/v/tree-finder.svg?color=brightgreen\u0026style=flat-square\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\nA Javascript library for the browser, [`tree-finder`](https://github.com/telamonian/tree-finder) exports\na [custom element](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements)\nnamed `\u003ctree-finder\u003e`,\nwhich can be used to easily render filebrowers or other hierarchical trees. Only visible cells are rendered.\n\n## Features\n\n- [x] lazy data model and virtualized rendering -\u003e can support billions of rows\n- [x] tree-like columns\n- [x] multi-sort\n- [x] multi-selection\n- [x] multi-filter\n- [x] built in breadcrumbs\n- [x] full clipboard model, with support for copy/cut/paste between multiple `\u003ctree-finder\u003e` instances\n- [ ] command hooks to support 3rd party integrations\n  - [ ] basic actions\n    - [x] open\n    - [x] delete\n    - [ ] rename\n    - [x] copy\n    - [x] cut\n    - [x] paste\n  - [x] integration of command hooks with selection model\n- [ ] icon support\n  - [ ] icons-as-svg-elements\n  - [ ] icons-as-css-classes\n- [ ] drag-n-drop \n\n## Examples - try `\u003ctree-finder\u003e` out live\n\n||\n|:--|\n|basic|\n|[![basic](https://raw.githubusercontent.com/telamonian/tree-finder/master/docs/basic_example.png)](https://bl.ocks.org/telamonian/330781ee64e02c514081851d272cd0a6)|\n\n## Installation\n\nInclude via a CDN like [JSDelivr](https://cdn.jsdelivr.net/npm/tree-finder):\n\n```html\n  \u003cscript src=\"https://cdn.jsdelivr.net/npm/tree-finder/dist/tree-finder.js\"\u003e\u003c/script\u003e\n  \u003clink rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/tree-finder/dist/tree-finder.css\"\u003e\n  \u003clink rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/tree-finder/dist/theme/material.css\"\u003e\n```\n\nOr, add to your project via `yarn`:\n\n```bash\nyarn add tree-finder\n```\n\n... then import into your asset bundle.\n\n```javascript\nimport \"tree-finder\";\nimport \"tree-finder/style/theme/material.css\";\n```\n\n## Development\n\n- First, ensure that you have `nodejs \u003e= 12.0.0` and `yarn \u003e= v1.2.0` installed\n- Clone this repo\n- Build and run the \"simple\" example\n  ```bash\n  cd examples/simple\n  yarn\n  yarn start\n  ```\n\n`yarn start` will launch a dev server. Open the url it supplies in any browser in order to view the example. While the dev server is running, any changes you make to the source code (ie any `.ts` or `.less` files) will trigger a rebuild, and the example will automatically reload in your browser.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftelamonian%2Ftree-finder","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftelamonian%2Ftree-finder","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftelamonian%2Ftree-finder/lists"}