{"id":13341636,"url":"https://github.com/alexlafroscia/ember-cli-stencil","last_synced_at":"2025-06-13T04:03:29.021Z","repository":{"id":31807313,"uuid":"128979929","full_name":"alexlafroscia/ember-cli-stencil","owner":"alexlafroscia","description":"Automatic discovery of Stencil.js components for your Ember application","archived":false,"fork":false,"pushed_at":"2022-12-10T20:32:52.000Z","size":1229,"stargazers_count":25,"open_issues_count":31,"forks_count":7,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-04-23T21:08:14.966Z","etag":null,"topics":["ember-cli","stenciljs","web-components"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/alexlafroscia.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-04-10T18:42:15.000Z","updated_at":"2024-12-19T00:52:05.000Z","dependencies_parsed_at":"2023-01-14T20:00:34.493Z","dependency_job_id":null,"html_url":"https://github.com/alexlafroscia/ember-cli-stencil","commit_stats":null,"previous_names":[],"tags_count":9,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexlafroscia%2Fember-cli-stencil","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexlafroscia%2Fember-cli-stencil/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexlafroscia%2Fember-cli-stencil/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexlafroscia%2Fember-cli-stencil/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/alexlafroscia","download_url":"https://codeload.github.com/alexlafroscia/ember-cli-stencil/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250514786,"owners_count":21443209,"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-cli","stenciljs","web-components"],"created_at":"2024-07-29T19:25:39.392Z","updated_at":"2025-04-23T21:08:20.592Z","avatar_url":"https://github.com/alexlafroscia.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ember-cli-stencil\n\n[![Build Status](https://travis-ci.org/alexlafroscia/ember-cli-stencil.svg?branch=master)](https://travis-ci.org/alexlafroscia/ember-cli-stencil)\n[![NPM Version](https://badgen.net/npm/v/ember-cli-stencil)](https://www.npmjs.com/package/ember-cli-stencil)\n[![Stencil Compatibility](https://badgen.net/badge/stencil/^1.0.7?label=%40stencil%2Fcore)](https://stenciljs.com)\n\n\u003e Automatic discovery of [Stencil.js][stencil] components for your Ember application\n\nStencil provides a great, opinionated process for defining Web Components (custom elements) using TypeScript and JSX. This addon leverages the conventions of Stencil and the Ember CLI respectively to automatically discover Stencil components in your dependencies and pull them into your application without any further configuration needed!\n\n## Installation\n\nStart by installing your Stencil components as `npm` modules, as described in the [distribution instructions][distribution] in the guide. Then, install this addon:\n\n```bash\nember install ember-cli-stencil ember-auto-import\n```\n\nThat's it! Your Stencil components will automatically be detected by the addon and pulled into your application.\n\n**Note:** `ember-auto-import` is _required_ for this addon to work correctly.\n\n## Usage\n\nSince Stencil components are detected automatically, you can just start using any Stencil components discovered in your dependencies without any further configuration required. Props can be passed to them, just like other elements, and events listened to through the [`{{on}}` modifier][on-modifier].\n\n```hbs\n\u003cmy-custom-component props={{value}} {{on 'someEvent' this.handleEvent}}\u003e\n  Rendering into the slot\n\u003c/my-custom-component\u003e\n```\n\n## Debugging\n\nIf the build seems slow, or you think there are packages missing, you can log some debugging information like so:\n\n```bash\nDEBUG=ember-cli-stencil:* ember serve\n```\n\nThis will report:\n\n- Which dependencies were discovered to be Stencil collections\n- The configuration used for the addon\n\nIf there are any issues around judging a file to be a Stencil collection incorrectly or importing the wrong files, please [file an issue][issues].\n\n[stencil]: https://stenciljs.com/\n[distribution]: https://stenciljs.com/docs/distribution\n[issues]: https://github.com/alexlafroscia/ember-cli-stencil/issues\n[on-modifier]: https://github.com/buschtoens/ember-on-modifier#readme\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falexlafroscia%2Fember-cli-stencil","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falexlafroscia%2Fember-cli-stencil","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falexlafroscia%2Fember-cli-stencil/lists"}