{"id":28541444,"url":"https://github.com/zestia/ember-rich-intl","last_synced_at":"2025-10-16T09:02:32.704Z","repository":{"id":178355886,"uuid":"616907712","full_name":"zestia/ember-rich-intl","owner":"zestia","description":"🌍 Replace ICU Message Syntax with Ember components, for dynamic content within translation strings","archived":false,"fork":false,"pushed_at":"2025-07-04T09:47:38.000Z","size":1833,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":12,"default_branch":"main","last_synced_at":"2025-07-04T10:39:01.345Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","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/zestia.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.md","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,"zenodo":null}},"created_at":"2023-03-21T10:27:01.000Z","updated_at":"2025-07-04T09:47:41.000Z","dependencies_parsed_at":"2024-01-31T21:28:25.377Z","dependency_job_id":"2474060b-d22c-4122-b177-ea18537ab49f","html_url":"https://github.com/zestia/ember-rich-intl","commit_stats":null,"previous_names":["zestia/ember-rich-intl"],"tags_count":9,"template":false,"template_full_name":null,"purl":"pkg:github/zestia/ember-rich-intl","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zestia%2Fember-rich-intl","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zestia%2Fember-rich-intl/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zestia%2Fember-rich-intl/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zestia%2Fember-rich-intl/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zestia","download_url":"https://codeload.github.com/zestia/ember-rich-intl/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zestia%2Fember-rich-intl/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263498082,"owners_count":23476000,"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":[],"created_at":"2025-06-09T20:08:32.758Z","updated_at":"2025-10-16T09:02:27.650Z","avatar_url":"https://github.com/zestia.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# @zestia/ember-rich-intl\n\n\u003c!-- [![Ember Observer][ember-observer-badge]][ember-observer-url] --\u003e\n\u003c!-- [![GitHub Actions][github-actions-badge]][github-actions-url] --\u003e\n\n[npm-badge]: https://img.shields.io/npm/v/@zestia/ember-rich-intl.svg\n[npm-badge-url]: https://www.npmjs.com/package/@zestia/ember-rich-intl\n[github-actions-badge]: https://github.com/zestia/ember-rich-intl/workflows/CI/badge.svg\n[github-actions-url]: https://github.com/zestia/ember-rich-intl/actions\n[ember-observer-badge]: https://emberobserver.com/badges/-zestia-ember-rich-intl.svg\n[ember-observer-url]: https://emberobserver.com/addons/@zestia/ember-rich-intl\n\nThis Ember addon works in conjunction with [ember-intl](https://github.com/ember-intl/ember-intl). It swaps [ICU message syntax](https://formatjs.io/docs/core-concepts/icu-syntax/#rich-text-formatting) for components, allowing for dynamic content within translated strings.\n\n**Important note:** We recommend limiting usage of components in translation strings. The majority of the time, its possible to reword the string, or reconsider the design instead.\n\n## Installation\n\n```\nember install @zestia/ember-rich-intl\n```\n\nAdd the following to `~/.npmrc` to pull @zestia scoped packages from Github instead of NPM.\n\n```\n@zestia:registry=https://npm.pkg.github.com\n//npm.pkg.github.com/:_authToken=\u003cYOUR_GH_TOKEN\u003e\n```\n\n## Demo\n\nhttps://zestia.github.io/ember-rich-intl\n\n## Example\n\n```hbs\n\u003cIntl @string='View \u003cMore\u003emore\u003c/More\u003e' as |intl|\u003e\n  \u003cintl.More as |string|\u003e\n    \u003cbutton type='button {{on \"click\" this.viewMore}}'\u003e\n      {{string}}\n    \u003c/button\u003e\n  \u003c/intl.More\u003e\n\u003c/Intl\u003e\n```\n\n## `Intl`\n\n### Arguments\n\n#### `@string`\n\nRequired. The text within which to find parts.\n\n### API\n\nWhen a token is found, and a component is rendered in its place, that component will will yield:\n\n#### `string`\n\nOptional. The matched part\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzestia%2Fember-rich-intl","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzestia%2Fember-rich-intl","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzestia%2Fember-rich-intl/lists"}