{"id":18335063,"url":"https://github.com/cmeeren/fable.import.autosuggesthighlight","last_synced_at":"2025-07-04T05:08:24.715Z","repository":{"id":87810559,"uuid":"165428870","full_name":"cmeeren/Fable.Import.AutosuggestHighlight","owner":"cmeeren","description":"Fable bindings for autosuggest-highlight","archived":false,"fork":false,"pushed_at":"2020-01-06T07:08:16.000Z","size":45,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-06-15T16:10:56.962Z","etag":null,"topics":["fable","fable-bindings"],"latest_commit_sha":null,"homepage":null,"language":"F#","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/cmeeren.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":"2019-01-12T19:45:26.000Z","updated_at":"2020-01-06T07:08:18.000Z","dependencies_parsed_at":null,"dependency_job_id":"cc6f44af-7e7e-41af-9bc7-177c165df05e","html_url":"https://github.com/cmeeren/Fable.Import.AutosuggestHighlight","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"purl":"pkg:github/cmeeren/Fable.Import.AutosuggestHighlight","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cmeeren%2FFable.Import.AutosuggestHighlight","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cmeeren%2FFable.Import.AutosuggestHighlight/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cmeeren%2FFable.Import.AutosuggestHighlight/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cmeeren%2FFable.Import.AutosuggestHighlight/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cmeeren","download_url":"https://codeload.github.com/cmeeren/Fable.Import.AutosuggestHighlight/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cmeeren%2FFable.Import.AutosuggestHighlight/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263450011,"owners_count":23468153,"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":["fable","fable-bindings"],"created_at":"2024-11-05T19:53:18.631Z","updated_at":"2025-07-04T05:08:24.695Z","avatar_url":"https://github.com/cmeeren.png","language":"F#","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Fable.Import.AutosuggestHighlight\n\nThis package provides Fable bindings for [autosuggest-highlight](https://github.com/moroshko/autosuggest-highlight).\n\n## Installation\n\n* Install the `autosuggest-highlight` npm package:\n  * using npm: `npm install autosuggest-highlight`\n  * using yarn: `yarn add autosuggest-highlight`\n\n* Install the bindings:\n  * using dotnet: `dotnet add package Fable.Import.AutosuggestHighlight`\n  * using paket: `paket add Fable.Import.AutosuggestHighlight`\n\n## Example usage\n\nThe easiest way is to use the convenience function `getParts`:\n\n```f#\ngetParts : (query: string) -\u003e (text: string) -\u003e (string * bool) list\n```\n\nThis function returns consecutive parts of `text` with a boolean indicating whether the part should be highlighted. How you then use and render this data is entirely up to you.\n\nYou can also access the “native” autosuggest-highlight functions (`match` and `parse`) in the `Native` submodule.\n\nThe following is a basic example that assumes you have a CSS class called `highlighted` that takes care of styling highlighted parts of the text.\n\n```f#\nopen Fable.Helpers.React\nopen Fable.Helpers.React.Props\nopen Fable.Import\n\nlet view =\n  div [ ] [\n    \"Hello, world!\"\n    |\u003e AutosuggestHighlight.getParts \"wo\"\n    |\u003e List.map (fun (s, hl) -\u003e span [ if hl then yield Class \"highlighted\" ] [ str s ] )\n    |\u003e fragment []\n  ]\n```\n\nChangelog\n---------\n\n#### 1.1.1 (2019-07-25)\n\n- Added femto support\n\n#### 1.1.0 (2019-05-02)\n\n- Updated for Fable.Core 3. No API changes.\n\n#### 1.0.0 (2019-01-12)\n\n* Initial release\n\n## Deployment checklist\n\n1. Make necessary changes to the code\n2. Update the changelog\n3. Update the version and release notes in the package info\n4. Update the supported npm dependency versions for femto in the fsproj\n5. Commit and tag the commit (this is what triggers deployment from  AppVeyor). For consistency, the tag should ideally be in the format `v1.2.3`.\n6. Push the changes and the tag to the repo. If AppVeyor build succeeds, the package is automatically published to NuGet.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcmeeren%2Ffable.import.autosuggesthighlight","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcmeeren%2Ffable.import.autosuggesthighlight","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcmeeren%2Ffable.import.autosuggesthighlight/lists"}