{"id":16009761,"url":"https://github.com/hirohe/tweakpane-plugin-search-list","last_synced_at":"2025-03-18T02:32:20.164Z","repository":{"id":57382585,"uuid":"348982089","full_name":"hirohe/tweakpane-plugin-search-list","owner":"hirohe","description":"plugin for tweakpane, searchable select list","archived":false,"fork":false,"pushed_at":"2021-09-21T04:50:49.000Z","size":275,"stargazers_count":9,"open_issues_count":1,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-03T21:55:58.439Z","etag":null,"topics":["plugin","searchable","select","tweakpane"],"latest_commit_sha":null,"homepage":"","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/hirohe.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-03-18T07:36:00.000Z","updated_at":"2025-01-10T09:26:09.000Z","dependencies_parsed_at":"2022-09-01T04:02:04.389Z","dependency_job_id":null,"html_url":"https://github.com/hirohe/tweakpane-plugin-search-list","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":"tweakpane/plugin-template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hirohe%2Ftweakpane-plugin-search-list","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hirohe%2Ftweakpane-plugin-search-list/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hirohe%2Ftweakpane-plugin-search-list/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hirohe%2Ftweakpane-plugin-search-list/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hirohe","download_url":"https://codeload.github.com/hirohe/tweakpane-plugin-search-list/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243680952,"owners_count":20330153,"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":["plugin","searchable","select","tweakpane"],"created_at":"2024-10-08T13:04:07.447Z","updated_at":"2025-03-18T02:32:19.874Z","avatar_url":"https://github.com/hirohe.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Tweakpane plugin Search list\n\n\n![version](https://badge.fury.io/js/tweakpane-plugin-search-list.svg)\n\nThis is a plugin for [Tweakpane][tweakpane].\n\nadd searchable select list for tweakpane.\n\n**required version `tweakpane@3.x`**\n\n### Install\n\n```bash\nnpm i tweakpane-plugin-search-list\n# or\nyarn add tweakpane-plugin-search-list\n```\n\n### Usage\n\n```js\nimport { Pane } from 'tweakpane';\nimport TweakpaneSearchListPlugin from 'tweakpane-plugin-search-list';\n\nconst pane = new Pane();\npane.registerPlugin(TweakpaneSearchListPlugin);\n\nconst data = { language: 'JavaScript' };\npane.addInput(data, 'language', {\n  // use search-list\n  view: 'search-list',\n  options: {\n    JavaScript: 'JavaScript',\n    TypeScript: 'TypeScript',\n    Java: 'Java',\n    Go: 'Go',\n    Dart: 'Dart',\n    'C++': 'C++',\n    'Object C': 'Object C',\n    'C#': 'C#',\n    Python: 'Python'\n  }\n});\n// ...\n```\n\n### Options\n\n```js\npane.addInput(data, 'field', {\n  view: 'search-list',\n  options: {\n    // ...\n  },\n  noDataText: 'no data',\n  debounceDelay: 250,\n});\n```\n\n| param         | description                                                 | type   | default   |\n|---------------|-------------------------------------------------------------|--------|-----------|\n| noDataText    | text to show if no options matched                          | string | 'no data' |\n| debounceDelay | delay time to apply on lodash.debounce, for debounce search | number | 250       |\n\n### CSS variables\n\n```css\n:root {\n  --tp-plugin-select-box-bg-color: --input-background-color;\n  --tp-plugin-select-no-data-color: #fff;\n  --tp-plugin-select-option-bg-hover: rgb(129, 129, 129);\n}\n```\n\n[tweakpane]: https://github.com/cocopon/tweakpane/\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhirohe%2Ftweakpane-plugin-search-list","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhirohe%2Ftweakpane-plugin-search-list","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhirohe%2Ftweakpane-plugin-search-list/lists"}