{"id":13619689,"url":"https://github.com/hirenf14/refine-auth-kinde-react","last_synced_at":"2025-07-07T00:38:36.340Z","repository":{"id":203317383,"uuid":"709297661","full_name":"hirenf14/refine-auth-kinde-react","owner":"hirenf14","description":"AuthProvider for Refine with Kinde integration.","archived":false,"fork":false,"pushed_at":"2023-11-06T08:44:56.000Z","size":62,"stargazers_count":21,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-31T16:32:39.594Z","etag":null,"topics":["auth","kinde","npm","npm-package","react","refine"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/@refine-auth/kinde-react","language":"TypeScript","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/hirenf14.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2023-10-24T12:43:06.000Z","updated_at":"2025-01-25T10:07:49.000Z","dependencies_parsed_at":"2023-11-06T09:39:38.017Z","dependency_job_id":"1947105c-bbc5-4fe8-a38c-1071d30f1090","html_url":"https://github.com/hirenf14/refine-auth-kinde-react","commit_stats":null,"previous_names":["hirenf14/refine-kinde-auth"],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/hirenf14/refine-auth-kinde-react","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hirenf14%2Frefine-auth-kinde-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hirenf14%2Frefine-auth-kinde-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hirenf14%2Frefine-auth-kinde-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hirenf14%2Frefine-auth-kinde-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hirenf14","download_url":"https://codeload.github.com/hirenf14/refine-auth-kinde-react/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hirenf14%2Frefine-auth-kinde-react/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263995280,"owners_count":23541361,"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":["auth","kinde","npm","npm-package","react","refine"],"created_at":"2024-08-01T21:00:47.062Z","updated_at":"2025-07-07T00:38:36.288Z","avatar_url":"https://github.com/hirenf14.png","language":"TypeScript","funding_links":[],"categories":["Packages"],"sub_categories":["Community Packages ❤️"],"readme":"# @refine-auth/kinde-react\n\n[![License](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)\n[![NPM Version](https://img.shields.io/npm/v/@refine-auth/kinde-react.svg)](https://www.npmjs.com/package/@refine-auth/kinde-react)\n[![NPM Downloads](https://img.shields.io/npm/dt/@refine-auth/kinde-react.svg)](https://www.npmjs.com/package/@refine-auth/kinde-react)\n![GitHub Repo stars](https://img.shields.io/github/stars/hirenf14/refine-auth-kinde-react)\n![Code Climate maintainability](https://img.shields.io/codeclimate/maintainability/hirenf14/refine-auth-kinde-react)\n\n\n`@refine-auth/kinde-react` is an auth provider for `refine` to integrate `kinde` authentication.\n\n## Installation \u0026 Usage\n\nYou can install the library using npm or yarn:\n\n```sh\nnpm install @refine-auth/kinde-react\n# or\nyarn add @refine-auth/kinde-react\n\n```\n\n### Add Provider Component\nKinde uses a React Context Provider to maintain its internal state in your application.\n\nImport the Kinde Provider component and wrap your application in it.\n\n```jsx\nimport { RefineKindeProvider } from \"@refine-auth/kinde-react\";\n\n\u003cRefineKindeProvider\n    clientId=\"KINDE_CLIENT_ID\"\n    domain=\"KINDE_DOMAIN\"\n    logoutUri={window.location.origin}\n    redirectUri={window.location.origin}\n\u003e\n    \u003cApp /\u003e\n\u003c/RefineKindeProvider\u003e\n```\n\n### Basic Hook Usage\n\nTo use `authProvider` with [Refine](https://refine.dev) App, use Hook.\n\n```jsx\nimport { useAuthProvider } from \"@refine-auth/kinde-react\";\n\nconst App = () =\u003e {\n    const { authProvider } = useAuthProvider();\n  return (\n    \u003cRefine\n      authProvider={authProvider}\n      /* ... */\n    \u003e\n      {/* ... */}\n    \u003c/Refine\u003e\n  );\n};\n  \n```\n\n### How to use login\n[Kinde](https://kinde.com/) is using redirection based authentication. So, instead of `AuthPage`, we just need to use `login` method.\n\n```jsx\nimport { useLogin } from \"@refinedev/core\";\n\nconst { mutate: login } = useLogin();\n\n// ***\n\n\u003cButton onClick={() =\u003e login({redirectPath: \"/\"})}\u003e\n    Sign in\n\u003c/Button\u003e\n\n```\n\n## Properties\n\nThe `useAuthProvider` hook returns the following properties:\n\n- `authProvider` ([AuthProvider](https://refine.dev/docs/api-reference/core/providers/auth-provider/#methods)): Object with methods from `AuthBinding` of `refine`.\n\n- `isLoading` (boolean): A flag that indicates whether authentication is currently being loaded or fetched. You can use this property to conditionally render loading indicators or content.\n\n- `token` (string): Represents authentication token, to be used for API authentications.\n\n\n## Documentation\n- For more detailed information and usage, refer to [the refine auth provider documentation](https://refine.dev/docs/api-reference/core/providers/auth-provider/).\n- [Refer to documentation for more info about refine](https://refine.dev/docs/)\n- [Step up to refine tutorials.](https://refine.dev/docs/tutorial/introduction/index/)\n- [To know more on Kinde](https://kinde.com/docs/)\n\n\nMade with ❤️ by [Hiren F](https://hiren.codes/) | [GitHub](https://github.com/hirenf14/refine-auth-kinde-react)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhirenf14%2Frefine-auth-kinde-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhirenf14%2Frefine-auth-kinde-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhirenf14%2Frefine-auth-kinde-react/lists"}