{"id":18597497,"url":"https://github.com/convoo/login-fire","last_synced_at":"2025-04-10T17:31:05.104Z","repository":{"id":53987962,"uuid":"60914854","full_name":"convoo/login-fire","owner":"convoo","description":"An element that allows simple configuration of multiple provider login for firebase","archived":false,"fork":false,"pushed_at":"2023-04-17T07:04:43.000Z","size":3774,"stargazers_count":59,"open_issues_count":33,"forks_count":19,"subscribers_count":7,"default_branch":"master","last_synced_at":"2024-10-04T03:18:54.421Z","etag":null,"topics":["authentication","firebase","polymer","webcomponents"],"latest_commit_sha":null,"homepage":"https://webcomponents.org/element/convoo/login-fire","language":"HTML","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/convoo.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":"2016-06-11T15:51:56.000Z","updated_at":"2022-01-09T15:43:59.000Z","dependencies_parsed_at":"2022-08-13T05:50:19.773Z","dependency_job_id":null,"html_url":"https://github.com/convoo/login-fire","commit_stats":null,"previous_names":[],"tags_count":21,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/convoo%2Flogin-fire","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/convoo%2Flogin-fire/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/convoo%2Flogin-fire/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/convoo%2Flogin-fire/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/convoo","download_url":"https://codeload.github.com/convoo/login-fire/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":223442177,"owners_count":17145721,"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":["authentication","firebase","polymer","webcomponents"],"created_at":"2024-11-07T01:28:25.134Z","updated_at":"2024-11-07T01:28:25.798Z","avatar_url":"https://github.com/convoo.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Login-Fire\n\n\u003cdiv align=\"center\" markdown=\"1\"\u003e\n  \u003cimg alt=\"login-fire\" src=\"Login-Fire@4x.png\" width=\"200\"\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\" markdown=\"1\"\u003e\n\nSimple way to add authentication to your app using [Firebase Auth](https://firebase.google.com/docs/auth/).\n\u003c/div\u003e\n\n\u003cdiv align=\"center\" markdown=\"1\"\u003e\n\n[![Build Status](https://travis-ci.org/convoo/login-fire.svg?branch=master)](https://travis-ci.org/convoo/login-fire)\n[![Web Components Status](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://beta.webcomponents.org/element/convoo/login-fire)\n[![Gitter](https://img.shields.io/badge/gitter-join%20chat-F6015F.svg)](https://gitter.im/convoo/login-fire)\n[![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)\n\u003c/div\u003e\n\n---\n\n## Overview \u0026 Demo\n\nThe following elements are available:\n\n* `\u003clogin-fire-button\u003e` for single provider authentication\n* `\u003clogin-fire-social\u003e` for multiple provider authentication\n* `\u003clogin-fire-form\u003e` for email and password authentication\n* `\u003clogin-fire\u003e` for all of the above.\n\nThe goal of the \\\u003clogin-fire\\\u003e elements is to provide a simple to setup, elegant UI for authentication using [Firebase Auth](https://firebase.google.com/docs/auth/).\n\nOur demo is available on [webcomponents.org](https://www.webcomponents.org/element/convoo/login-fire/demo/demo/index.html).\n\nNote: login-fire is **not** associated with [Firebase](https://firebase.google.com/). This collection of components is based on [polymerfire](https://github.com/firebase/polymerfire).\n\n## Install\n\n```ssh\nbower install login-fire --save\n```\n\n\n## \\\u003clogin-fire\\\u003e\n\nAdd authentication with email and password as well as federated identity providers (Google, Facebook, Twitter, GitHub, Anonymous) to your app. \n\n```html\n\u003clink rel=\"import\" href=\"/bower_components/login-fire/login-fire.html\"\u003e\n```\n\n\u003c!--\n```\n\u003ccustom-element-demo\u003e\n  \u003ctemplate\u003e\n    \u003clink rel=\"import\" href=\"../polymerfire/firebase-app.html\"\u003e\n    \u003clink rel=\"import\" href=\"login-fire.html\"\u003e\n    \u003cdiv\u003e\n      \u003ctemplate is=\"dom-bind\"\u003e\n        \u003cnext-code-block\u003e\u003c/next-code-block\u003e\n      \u003c/template\u003e\n    \u003c/div\u003e\n  \u003c/template\u003e\n\u003c/custom-element-demo\u003e\n```\n--\u003e\n\n```html\n\u003cfirebase-app\n  name=\"login\"\n  api-key=\"AIzaSyAhoCXxkY-ffNwA_7L7HIwBVpASYj1btNE\"\n  auth-domain=\"convoo-login-demo.firebaseapp.com\"\n  database-url=\"https://convoo-login-demo.firebaseio.com\"\u003e\n\u003c/firebase-app\u003e\n\n\u003clogin-fire\n  app-name=\"login\"\n  providers=\"google, facebook, twitter, github, anonymous\" \n  user=\"{{user}}\"\n  signed-in=\"{{signedIn}}\"\u003e\n\u003c/login-fire\u003e\n```\n\n## \\\u003clogin-fire-social\\\u003e\n\nAdd multiple federated identity providers authentication to your app with [Firebase Auth API](https://firebase.google.com/docs/auth/).\n\n```html\n\u003clink rel=\"import\" href=\"/bower_components/login-fire/login-fire-social.html\"\u003e\n```\n\n\u003c!--\n```\n\u003ccustom-element-demo\u003e\n  \u003ctemplate\u003e\n    \u003clink rel=\"import\" href=\"../polymerfire/firebase-app.html\"\u003e\n    \u003clink rel=\"import\" href=\"login-fire-social.html\"\u003e\n    \u003cdiv\u003e\n      \u003ctemplate is=\"dom-bind\"\u003e\n        \u003cnext-code-block\u003e\u003c/next-code-block\u003e\n      \u003c/template\u003e\n    \u003c/div\u003e\n  \u003c/template\u003e\n\u003c/custom-element-demo\u003e\n```\n--\u003e\n\n```html\n\u003cfirebase-app\n  name=\"social\"\n  api-key=\"AIzaSyAhoCXxkY-ffNwA_7L7HIwBVpASYj1btNE\"\n  auth-domain=\"convoo-login-demo.firebaseapp.com\"\n  database-url=\"https://convoo-login-demo.firebaseio.com\"\u003e\n\u003c/firebase-app\u003e\n\n\u003clogin-fire-social\n  app-name=\"social\"\n  providers=\"google, facebook, twitter, github, anonymous\" \n  user=\"{{user}}\"\n  signed-in=\"{{signedIn}}\"\u003e\n\u003c/login-fire-social\u003e\n```\n\n## \\\u003clogin-fire-form\\\u003e\n\nAdd email-password authentication to your app with [Firebase Auth API](https://firebase.google.com/docs/auth/).\n\n```html\n\u003clink rel=\"import\" href=\"/bower_components/login-fire/login-fire-form.html\"\u003e\n```\n\n\u003c!--\n```\n\u003ccustom-element-demo\u003e\n  \u003ctemplate\u003e\n    \u003clink rel=\"import\" href=\"../polymerfire/firebase-app.html\"\u003e\n    \u003clink rel=\"import\" href=\"login-fire-form.html\"\u003e\n    \u003cdiv\u003e\n      \u003ctemplate is=\"dom-bind\"\u003e\n        \u003cnext-code-block\u003e\u003c/next-code-block\u003e\n      \u003c/template\u003e\n    \u003c/div\u003e\n  \u003c/template\u003e\n\u003c/custom-element-demo\u003e\n```\n--\u003e\n\n```html\n\u003cfirebase-app\n  name=\"email\"\n  api-key=\"AIzaSyAhoCXxkY-ffNwA_7L7HIwBVpASYj1btNE\"\n  auth-domain=\"convoo-login-demo.firebaseapp.com\"\n  database-url=\"https://convoo-login-demo.firebaseio.com\"\u003e\n\u003c/firebase-app\u003e\n\n\u003clogin-fire-form\n  app-name=\"email\"\n  user=\"{{user}}\"\n  signed-in=\"{{signedIn}}\"\u003e\n\u003c/login-fire-form\u003e\n```\n\n## \\\u003clogin-fire-button\\\u003e\n\nA button for a single federated identity provider (Google, Facebook, Twitter, GitHub, Anonymous) that allows users to sign-in to and sign-out from your app using [Firebase Auth API](https://firebase.google.com/docs/auth/).\n\n```html\n\u003clink rel=\"import\" href=\"/bower_components/login-fire/login-fire-button.html\"\u003e\n```\n\n\u003c!--\n```\n\u003ccustom-element-demo\u003e\n  \u003ctemplate\u003e\n    \u003clink rel=\"import\" href=\"../polymerfire/firebase-app.html\"\u003e\n    \u003clink rel=\"import\" href=\"login-fire-button.html\"\u003e\n    \u003cdiv\u003e\n      \u003ctemplate is=\"dom-bind\"\u003e\n        \u003cnext-code-block\u003e\u003c/next-code-block\u003e\n      \u003c/template\u003e\n    \u003c/div\u003e\n  \u003c/template\u003e\n\u003c/custom-element-demo\u003e\n```\n--\u003e\n\n```html\n\u003cfirebase-app\n  name=\"button\"\n  api-key=\"AIzaSyAhoCXxkY-ffNwA_7L7HIwBVpASYj1btNE\"\n  auth-domain=\"convoo-login-demo.firebaseapp.com\"\n  database-url=\"https://convoo-login-demo.firebaseio.com\"\u003e\n\u003c/firebase-app\u003e\n\n\u003clogin-fire-button app-name=\"button\" provider=\"google\" user=\"{{user}}\"\u003e\u003c/login-fire-button\u003e\n\u003clogin-fire-button app-name=\"button\" provider=\"facebook\" user=\"{{user}}\"\u003e\u003c/login-fire-button\u003e\n\u003clogin-fire-button app-name=\"button\" user=\"{{user}}\"\u003e\u003c/login-fire-button\u003e\n```\n\n## Signing Out\n\nTo sign out, access a `login-fire` element and call its `signOut` function.\n\nExample:\n\n```html\n\u003ca on-click=\"_signOut\"\u003eSign Out\u003c/a\u003e\n```\n\n```javascript\n_signOut: function(e){\n  this.$$('login-fire').signOut();\n  // or\n  // this.$$('login-fire-button').signOut();\n  // or\n  // this.$$('login-fire-social').signOut();\n  // or\n  // this.$$('login-fire-form').signOut();\n}\n```\n\n## Debugging\n\nTo make it easier to debug, we've added the `debug` attribute. Set the \"debug\" attribute of the element to `true` to see more details about its variables' values.\n\nExample:\n\n```html\n\u003clogin-fire-form app-name=\"email\" debug\u003e\u003c/login-fire-form\u003e\n```\n\n### Styling\n\nStyle the buttons with CSS as you would a normal DOM element. A few custom properties and mixins are available. The detailed lists are on each element's documentation page.\n\n\n## Contributing\n\n### Install Development Dependencies\n\nFirst, make sure you have [NPM](https://www.npmjs.com/) installed (locally or globally).\n\n```ssh\nnpm install \u0026\u0026 polymer install\n```\n\n### Viewing Your Application\n\n```ssh\npolymer serve\n```\n\n### Building Your Application\n\n```ssh\npolymer build\n```\n\nThis will create a `build/` folder with `bundled/` and `unbundled/` sub-folders\ncontaining a bundled (Vulcanized) and unbundled builds, both run through HTML,\nCSS, and JS optimizers.\n\nYou can serve the built versions by giving `polymer serve` a folder to serve\nfrom:\n\n```ssh\npolymer serve build/bundled\n```\n\n### Running Tests\n\n```ssh\npolymer test\n```\n\nYour application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.\n\n### Workflow\n\n1. Fork it!\n2. Create your feature branch: `git checkout -b my-new-feature`\n3. Commit your changes: `git cz` (please follow [this commit guide](https://conventionalcommits.org/))\n4. Push to the branch: `git push origin my-new-feature`\n5. Submit a pull request. :D\n\n## License\n\n[MIT](https://github.com/convoo/login-fire/blob/master/LICENSE)\n\n## Credits\n\nLogo: Fingerprint by Gregor Cresnar from the Noun Project\n\n### Browser Testing\n\n[![BrowserStack](http://i.imgur.com/Pg0utrk.png)](http://browserstack.com/)\n\nThanks to the support of [BrowserStack](http://browserstack.com/) we can do real cross browser testing on multiple desktop and mobile platforms.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fconvoo%2Flogin-fire","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fconvoo%2Flogin-fire","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fconvoo%2Flogin-fire/lists"}