{"id":20995093,"url":"https://github.com/blackboxvision/react-firebase-auth","last_synced_at":"2026-04-10T20:42:10.384Z","repository":{"id":85769434,"uuid":"177303664","full_name":"BlackBoxVision/react-firebase-auth","owner":"BlackBoxVision","description":"🎉React Firebase Auth module, with support for I18N ","archived":false,"fork":false,"pushed_at":"2019-05-28T11:37:28.000Z","size":1651,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-03-05T04:33:53.510Z","etag":null,"topics":["firebase","firebase-auth","firebase-authentication","i18n","library","react","typescript"],"latest_commit_sha":null,"homepage":"https://blackboxvision.github.io/react-firebase-auth/","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/BlackBoxVision.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}},"created_at":"2019-03-23T15:10:32.000Z","updated_at":"2020-06-06T17:04:36.000Z","dependencies_parsed_at":"2024-01-25T16:12:11.356Z","dependency_job_id":null,"html_url":"https://github.com/BlackBoxVision/react-firebase-auth","commit_stats":{"total_commits":20,"total_committers":1,"mean_commits":20.0,"dds":0.0,"last_synced_commit":"00f869f996b448f22dcd42d520a3ebad87519323"},"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BlackBoxVision%2Freact-firebase-auth","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BlackBoxVision%2Freact-firebase-auth/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BlackBoxVision%2Freact-firebase-auth/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BlackBoxVision%2Freact-firebase-auth/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/BlackBoxVision","download_url":"https://codeload.github.com/BlackBoxVision/react-firebase-auth/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243410229,"owners_count":20286387,"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":["firebase","firebase-auth","firebase-authentication","i18n","library","react","typescript"],"created_at":"2024-11-19T07:21:33.858Z","updated_at":"2026-04-10T20:42:10.343Z","avatar_url":"https://github.com/BlackBoxVision.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Firebase Auth [![npm version](https://badge.fury.io/js/%40blackbox-vision%2Freact-firebase-auth.svg)](https://badge.fury.io/js/%40blackbox-vision%2Freact-firebase-auth) [![License: MIT](https://img.shields.io/badge/License-MIT-brightgreen.svg)](https://opensource.org/licenses/MIT) [![Known Vulnerabilities](https://snyk.io/test/github/blackboxvision/react-firebase-auth/badge.svg)](https://snyk.io/test/github/blackboxvision/react-firebase-auth)\n\n🥳 Firebase Auth Module with support for Translations. Check out the [demo](https://blackboxvision.github.io/react-firebase-auth/).\n\n## Install\n\nYou can install this library via NPM or YARN.\n\n### NPM\n\n```bash\nnpm i @blackbox-vision/react-firebase-auth\n```\n\n### YARN\n\n```bash\nyarn add @blackbox-vision/react-firebase-auth\n```\n\n### Peer dependencies\n\nThis package relies on `react` and `firebase` as `peer-dependecies`:\n\n```bash\n// or major versions of them\nnpm i react@16.4.0 firebase@4.0.0\n```\n\n## Use case\n\nNeed to render Firebase Auth, but also need to load an specific translated version.\n\n## Usage\n\nThe usage is really simple:\n\n```javascript\n// App.js\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { FirebaseAuth } from '@blackbox-vision/react-firebase-auth';\n\nclass AuthModule extends React.Component {\n  state = {\n    uiConfig: null,\n    firebase: null,\n  };\n\n  componentDidMount() {\n    const firebase = require('firebase/app');\n    require('firebase/auth');\n\n    if (firebase.apps.length === 0) {\n      firebase.initializeApp({\n        apiKey: process.env.FIREBASE_API_KEY,\n        projectId: process.env.FIREBASE_PROJECT_ID,\n        authDomain: process.env.FIREBASE_AUTH_DOMAIN,\n        databaseURL: process.env.FIREBASE_DATABASE_URL,\n        storageBucket: process.env.FIREBASE_STORAGE_BUCKET,\n        messagingSenderId: process.env.FIREBASE_MESSAGE_SENDER_ID,\n      });\n    }\n\n    window.firebase = firebase;\n\n    this.setState({\n      firebase,\n      uiConfig: {\n        signInFlow: 'popup',\n        // Redirect to 'url' after sign in is successful.\n        signInSuccessUrl: `${window.location.href}`,\n        signInOptions: [\n          firebase.auth.GoogleAuthProvider.PROVIDER_ID,\n          {\n            provider: firebase.auth.FacebookAuthProvider.PROVIDER_ID,\n            scopes: ['public_profile', 'email', 'user_likes', 'user_friends'],\n          },\n        ],\n        callbacks: {\n          signInSuccessWithAuthResult: (...args) =\u003e {\n            return false;\n          },\n        },\n      },\n    });\n  }\n\n  render() {\n    const { uiConfig, firebase } = this.state;\n\n    return (\n      \u003cFragment\u003e\n        {uiConfig \u0026\u0026 firebase \u0026\u0026 (\n          \u003cFirebaseAuth\n            lng=\"es_419\"\n            version=\"3.4.1\"\n            uiConfig={uiConfig}\n            firebaseAuth={firebase.auth()}\n          /\u003e\n        )}\n      \u003c/Fragment\u003e\n    );\n  }\n}\n\nReactDOM.render(\u003cAuthModule /\u003e, document.getElementById('root'));\n```\n\n## Props\n\n`FirebaseAuth` use the following props:\n\n| Properties   | Types    | Default Value        | Description                                                                                                                                      |\n| ------------ | -------- | -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------ |\n| id           | string   | firebaseui_container | Determines wheter to render Firebase UI.                                                                                                         |\n| lng          | string   | es_419               | Determines the specific lang to load. [See supported Languages](https://github.com/BlackBoxVision/react-firebase-auth/blob/master/LANGUAGES.md). |\n| version      | string   | 3.4.1                | Determines the specific version to load.                                                                                                         |\n| uiConfig     | object   | none                 | Determines the config for Firebase UI.                                                                                                           |\n| firebaseAuth | object   | none                 | Determines the firebase auth instance.                                                                                                           |\n| className    | string   | none                 | Determines className to apply to the container.                                                                                                  |\n| uiCallback   | function | none                 | Determines the callback to run when Firebase UI is available                                                                                     |\n\n## Issues\n\nPlease, open an [issue](https://github.com/BlackBoxVision/react-firebase-auth/issues) following one of the issues templates. We will do our best to fix them.\n\n## Contributing\n\nIf you want to contribute to this project see [contributing](https://github.com/BlackBoxVision/react-firebase-auth/blob/master/CONTRIBUTING.md) for more information.\n\n## License\n\nDistributed under the **MIT license**. See [LICENSE](https://github.com/BlackBoxVision/react-firebase-auth/blob/master/LICENSE) for more information.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fblackboxvision%2Freact-firebase-auth","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fblackboxvision%2Freact-firebase-auth","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fblackboxvision%2Freact-firebase-auth/lists"}