{"id":15994243,"url":"https://github.com/oskarrough/ember-jets","last_synced_at":"2025-10-27T12:20:27.322Z","repository":{"id":57223921,"uuid":"94186982","full_name":"oskarrough/ember-jets","owner":"oskarrough","description":"An Ember Addon for Jets.js that makes it easy to search lists in the DOM","archived":false,"fork":false,"pushed_at":"2018-03-25T18:57:47.000Z","size":147,"stargazers_count":5,"open_issues_count":0,"forks_count":1,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-10-15T07:48:17.767Z","etag":null,"topics":["ember","ember-addon","search"],"latest_commit_sha":null,"homepage":"https://ember-jets.netlify.com","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/oskarrough.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-06-13T08:03:33.000Z","updated_at":"2019-03-12T21:11:27.000Z","dependencies_parsed_at":"2022-08-30T02:10:39.956Z","dependency_job_id":null,"html_url":"https://github.com/oskarrough/ember-jets","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oskarrough%2Fember-jets","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oskarrough%2Fember-jets/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oskarrough%2Fember-jets/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oskarrough%2Fember-jets/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/oskarrough","download_url":"https://codeload.github.com/oskarrough/ember-jets/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":221704229,"owners_count":16866715,"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":["ember","ember-addon","search"],"created_at":"2024-10-08T07:07:45.334Z","updated_at":"2025-10-27T12:20:27.240Z","avatar_url":"https://github.com/oskarrough.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ember-jets\n\n[![Build Status](https://travis-ci.org/oskarrough/ember-jets.svg?branch=master)](https://travis-ci.org/oskarrough/ember-jets)\n\nAn Ember.js component to search and filter lists with CSS inline using [Jets.js](https://jets.js.org). Here's a [demo](https://ember-jets.netlify.com/).\n\n## Usage\n\nInside your ember-cli project, run `ember install ember-jets`.\n\nNow you have a `{{jets-search}}` input component. Use it like this:\n\n```hbs\n{{jets-search contentTag=\"#list\" content=model}}\n\n\u003cdiv id=\"list\"\u003e\n  {{#each model as |item|}}\n    \u003cdiv\u003e\n      {{item}}\n    \u003c/div\u003e\n  {{/each}}\n\u003c/div\u003e\n```\n\n### Options\n\n- `contentTag` - CSS selector for the DOM container you want to search (required)\n- `content` - Array to observe for changes. For instance your model array. This will make sure the search is synced with your content (optional)\n- `filter` - CSS selector if you want to specify what to search in each row (optional)\n- `wait` number in milliseconds to debounce/wait before triggering search (optional, not enabled by default)\n\nHere's an example with filtering:\n\n```hbs\n{{jets-search contentTag=\"#list\" items=model filter=\"h1\"}}\n\n\u003cdiv id=\"list\"\u003e\n  {{#each model as |item|}}\n    \u003cdiv\u003e\n      \u003ch1\u003e{{item}} this will be searched\u003c/h1\u003e\n      \u003cp\u003eThis will NOT be searched\u003c/p\u003e\n    \u003c/div\u003e\n  {{/each}}\n\u003c/div\u003e\n```\n\n## Collaborating\n\nThe below outlines the details of collaborating on this Ember addon.\n\n### Installation\n\n* `git clone \u003crepository-url\u003e` this repository\n* `cd ember-jets`\n* `yarn install`\n\n### Running\n\n * `ember serve`\n * Visit your app at [http://localhost:4200](http://localhost:4200).\n\n ### Linting\n\n* `npm run lint:js`\n* `npm run lint:js -- --fix`\n\n### Running tests\n\n* `ember test` – Runs the test suite on the current Ember version\n* `ember test --server` – Runs the test suite in \"watch mode\"\n* `npm test` – Runs `ember try:each` to test your addon against multiple Ember versions\n\n### Running the demo/dummy application\n\n* `ember serve`\n* Visit the dummy application at [http://localhost:4200](http://localhost:4200).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foskarrough%2Fember-jets","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Foskarrough%2Fember-jets","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foskarrough%2Fember-jets/lists"}