firebase_dart_ui

A dart wrapper for FirebaseUI, a Javascript library that provides sign on flows. This library provides an Angular Dart wrapper around FirebaseUI.

A demonstration application is hosted online here

Usage

The Angular component <firebase-auth-ui> handles Firebase Authentication for your application.

Add this component to your landing page for your SPA application.The component is visible on the page (display is block ) if the user has not been authenticated. The user is presented a dialog with the various social login and email providers that have been configured in your Firebase console. Once the user has authenticated, the components display attribute is set to none making it invisible.

Important

You must add these lines to your index.html <head> section:

<script src="https://www.gstatic.com/firebasejs/x.y.z/firebase.js"></script>
<script src="https://cdn.firebase.com/libs/firebaseui/x.y.z/firebaseui.js"></script>
<link type="text/css" rel="stylesheet" href="https://cdn.firebase.com/libs/firebaseui/x.y.z/firebaseui.css" />

The x.y.z versions above are replaced with the current supported versions. Please see the example/ application.

Running the demo

With DDC:

cd example
pub run build_runner serve
# open localhost:8080

To use your our own Firebase project to test, you must edit main.dart and enter in your project credentials. Also edit example/.firebaserc and enter your project name.

To build and deploy the example application

cd example
pub run builder_runner build  --output build
firebase deploy

Known Issues

The provider implementations need to be fleshed out (phone provider, for example)

Changelog

0.0.1

Initial version, created by Stagehand

0.0.3

Support for siginInSucces callback.
Extended sample to demonstrate getting the providers access token

Use this package as a library

1. Depend on it

Add this to your package's pubspec.yaml file:


dependencies:
  firebase_dart_ui: ^0.1.0

2. Install it

You can install packages from the command line:

with pub:


$ pub get

Alternatively, your editor might support pub get. Check the docs for your editor to learn more.

3. Import it

Now in your Dart code, you can use:


import 'package:firebase_dart_ui/firebase_dart_ui.dart';

Version	Uploaded	Documentation	Archive
0.1.0	Aug 10, 2018
0.0.3	Mar 4, 2018
0.0.2	Feb 15, 2018
0.0.1	Jan 7, 2018

Popularity: Describes how popular the package is relative to other packages. [more]	72
Health: Code health derived from static analysis. [more]	98
Maintenance: Reflects how tidy and up-to-date the package is. [more]	100
Overall: Weighted score of the above. [more]	85

Learn more about scoring.

We analyzed this package on Aug 10, 2018, and provided a score, details, and suggestions below. Analysis was completed with status completed using:

Dart: 2.0.0
pana: 0.11.8

Platforms

Detected platforms: web

Primary library: package:firebase_dart_ui/firebase_dart_ui.dart with components: html, js.

Suggestions

The description is too short.

Add more detail about the package, what it does and what is its target use case. Try to write at least 60 characters.

Package is pre-v1 release.

While there is nothing inherently wrong with versions of 0.*.*, it usually means that the author is still experimenting with the general direction of the API.

Format lib/src/auth_ui_js.dart.

Run dartfmt to format lib/src/auth_ui_js.dart.

Format lib/src/firebase_auth_ui_component.dart.

Run dartfmt to format lib/src/firebase_auth_ui_component.dart.

Maintain an example.

None of the files in your example/ directory matches a known example patterns. Common file name patterns include: main.dart, example.dart or you could also use firebase_dart_ui.dart.

Dependencies

Package	Constraint	Resolved	Available
Direct dependencies
Dart SDK	>=2.0.0 <3.0.0
angular	^5.0.0	5.0.0
firebase	^5.0.1	5.0.1
js	^0.6.1+1	0.6.1+1
Transitive dependencies
analyzer		0.32.4
angular_ast		0.5.6
angular_compiler		0.4.0
args		1.5.0
async		2.0.8
build		0.12.7+3
build_config		0.3.1+2
built_collection		3.1.3
built_value		5.5.5	6.0.0
charcode		1.1.2
code_builder		3.1.2
collection		1.14.11
convert		2.0.2
crypto		2.0.6
csslib		0.14.4+1
dart_style		1.1.3
fixnum		0.10.8
front_end		0.1.4
glob		1.1.7
html		0.13.3+2
http		0.11.3+17
http_parser		3.1.3
intl		0.15.7
json_annotation		1.1.0
kernel		0.3.4
logging		0.11.3+2
matcher		0.12.4
meta		1.1.6
package_config		1.0.5
path		1.6.2
plugin		0.2.0+3
pub_semver		1.4.2
pubspec_parse		0.1.2+2
quiver		2.0.0+1
source_gen		0.9.0+1
source_span		1.4.1
stack_trace		1.9.3
string_scanner		1.0.3
typed_data		1.1.6
utf		0.9.0+5
watcher		0.9.7+10
yaml		2.1.15
Dev dependencies
build_runner	^0.10.0
build_web_compilers	^0.4.0

Dart pub

firebase_dart_ui 0.1.0