{"id":26860435,"url":"https://github.com/fastcomments/fastcomments-react-native","last_synced_at":"2025-05-06T18:07:13.863Z","repository":{"id":37096280,"uuid":"427509341","full_name":"FastComments/fastcomments-react-native","owner":"FastComments","description":"FastComments for React Native","archived":false,"fork":false,"pushed_at":"2025-02-15T07:14:06.000Z","size":4465,"stargazers_count":2,"open_issues_count":26,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-06T18:07:03.737Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","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/FastComments.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","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":"2021-11-12T22:13:07.000Z","updated_at":"2025-02-15T07:14:09.000Z","dependencies_parsed_at":"2024-10-23T08:24:40.027Z","dependency_job_id":"7b3d15ed-dd1f-40db-ac02-3cb893f18e8d","html_url":"https://github.com/FastComments/fastcomments-react-native","commit_stats":{"total_commits":48,"total_committers":3,"mean_commits":16.0,"dds":"0.16666666666666663","last_synced_commit":"3936419620860342671d6cbc2212e0626cfa5718"},"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FastComments%2Ffastcomments-react-native","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FastComments%2Ffastcomments-react-native/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FastComments%2Ffastcomments-react-native/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FastComments%2Ffastcomments-react-native/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/FastComments","download_url":"https://codeload.github.com/FastComments/fastcomments-react-native/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252741371,"owners_count":21797027,"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-03-31T01:34:09.417Z","updated_at":"2025-05-06T18:07:13.818Z","avatar_url":"https://github.com/FastComments.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# fastcomments-react-native\n\nFastComments React Native Wrapper\n\n## Installation\n\n```sh\nnpm install react-native-webview@13.6.4 --save\nnpm install fastcomments-react-native --save\n```\n\nNote: As of July 2024 it seems react-native-webview has a bug, so it's best to pin to `13.6.4` - don't use `^` to get the latest patch version.\n\n## Consider The Native SDK\n\nThis library uses a webview around the VanillaJS library.\n\nFastComments now supports a completely native implementation of our client as part of [fastcomments-react-native-sdk](https://github.com/FastComments/fastcomments-react-native-sdk).\nIf you want a completely native implementation you may want to look there.\n\n## Usage - The Live Comment Widget\n\nThe API is slightly different compared to `fastcomments-react`. With native, we pass a config object which follows [this structure](https://github.com/FastComments/fastcomments-typescript/blob/main/src/fast-comments-comment-widget-config.ts#L35).\n\n```js\nimport { FastCommentsCommentWidget } from 'fastcomments-react-native';\n\n// ...\n\n  const myTenantId = 'demo'; // Your tenant id. Can be fetched from https://fastcomments.com/auth/my-account/api-secret\n  const myAppPageId = 'native-test'; // the ID or URL of the comment thread in your app.\n  const [config, setConfig] = useState({\n    tenantId: myTenantId,\n    urlId: myAppPageId\n  });\n\n  // by calling setConfig(), we can do things like change the current page, or the currently logged in user\n  // See example/src/App.tsx\n\n  return (\n      \u003cFastCommentsCommentWidget config={config}/\u003e\n  );\n```\n\n## Usage - The Live Chat Widget\n\n```js\nimport { FastCommentsLiveChatWidget } from 'fastcomments-react-native';\n\n// ...\n\n  const myTenantId = 'demo'; // Your tenant id. Can be fetched from https://fastcomments.com/auth/my-account/api-secret\n  const myAppPageId = 'native-test'; // the ID or URL of the comment thread in your app.\n  const config = {\n    tenantId: myTenantId,\n    urlId: myAppPageId\n  };\n\n  return (\n      \u003cFastCommentsLiveChatWidget config={config}/\u003e\n  );\n```\n\n## Usage - SSO\n\nFastComments uses HMAC for Secure SSO. To use, have your backend create the SSO object (`sso` config property) and pass it\nto the comment widget.\n\nYou can find examples for various backends, here: https://github.com/FastComments/fastcomments-code-examples/tree/master/sso\n\n## Peer Dependencies\n\n`fastcomments-react-native` requires `react-native-webview`. As such, you should follow the installation steps for `react-native-webview`.\n\n### Account Region (ATTENTION: EU Customers)\n\nIf your account is located in the EU, set `region = 'eu'` in the widget configuration.\nOtherwise, you do not have to define `region`.\n\n## Contributing\n\nSee the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffastcomments%2Ffastcomments-react-native","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffastcomments%2Ffastcomments-react-native","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffastcomments%2Ffastcomments-react-native/lists"}