{"id":17797536,"url":"https://github.com/wolfadex/fluent-web","last_synced_at":"2025-03-17T04:31:37.371Z","repository":{"id":42046933,"uuid":"254699505","full_name":"wolfadex/fluent-web","owner":"wolfadex","description":"A web component for using projectfluent.org/","archived":false,"fork":false,"pushed_at":"2023-01-06T03:07:48.000Z","size":1639,"stargazers_count":44,"open_issues_count":12,"forks_count":8,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-02-27T17:44:51.577Z","etag":null,"topics":["elm","html","localization","svelte","web-components"],"latest_commit_sha":null,"homepage":"https://wolfadex.github.io/fluent-web/","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/wolfadex.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-04-10T17:50:11.000Z","updated_at":"2024-12-01T14:16:47.000Z","dependencies_parsed_at":"2023-02-05T04:31:11.108Z","dependency_job_id":null,"html_url":"https://github.com/wolfadex/fluent-web","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wolfadex%2Ffluent-web","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wolfadex%2Ffluent-web/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wolfadex%2Ffluent-web/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wolfadex%2Ffluent-web/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wolfadex","download_url":"https://codeload.github.com/wolfadex/fluent-web/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243841210,"owners_count":20356443,"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":["elm","html","localization","svelte","web-components"],"created_at":"2024-10-27T11:56:15.017Z","updated_at":"2025-03-17T04:31:37.006Z","avatar_url":"https://github.com/wolfadex.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# fluent-web\n\nA web component that uses [Fluent](https://projectfluent.org/) for localization.\n\n[Interactive example](https://wolfadex.github.io/fluent-web/).\n\n| Locale en-US                                            | Locale pl                                         |\n| ------------------------------------------------------- | ------------------------------------------------- |\n| ![example result locale en-US](https://raw.githubusercontent.com/wolfadex/fluent-web/master/screen_shot_en-us.png) | ![example result locale pl](https://raw.githubusercontent.com/wolfadex/fluent-web/master/screen_shot_pl.png) |\n\n## Basic Usage:\n\n`yarn add @wolfadex/fluent-web` or `npm install @wolfadex@fluent-web`\n\n\n```js\nimport \"@wolfadex/fluent-web\"\nimport { FluentResource, FluentBundle } from \"@fluent/bundle\";\n\nconst resource = new FluentResource(`\nhello = Hello, Fluent!\n`);\nconst bundle = new FluentBundle(\"en-US\");\nbundles.addResource(resource);\n\nconst textEl = document.getElementById(\"my-text-element\");\n\ntextEl.bundles = [bundle];\n```\n\nHTML:\n\n```html\n\u003cfluent-text id=\"my-text-element\" messageid=\"hello\"\u003e\u003c/fluent-text\u003e\n```\n\nResult:\n\n```\nHello, Fluent!\n```\n\nFor how to build messages, see the [Fluent docs](https://github.com/projectfluent/fluent/wiki).\n\n## Examples:\n\n- [Elm](https://github.com/wolfadex/fluent-web/tree/master/example/elm), this is used for the interactive demo\n- [Svelte](https://github.com/wolfadex/fluent-web/tree/master/example/svelte)\n- [Vanilla HTML \u0026 JS](https://github.com/wolfadex/fluent-web/tree/master/example/vanillajs)\n\n## Docs:\n\nSee the [Docs](https://github.com/wolfadex/fluent-web/blob/master/docs/index.md) for more details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwolfadex%2Ffluent-web","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwolfadex%2Ffluent-web","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwolfadex%2Ffluent-web/lists"}