feat: add ui support

README.md

@@ -16,6 +16,7 @@
 - [@nativescript/firebase-performance](packages/firebase-performance/README.md)
 - [@nativescript/firebase-remote-config](packages/firebase-remote-config/README.md)
 - [@nativescript/firebase-storage](packages/firebase-storage/README.md)
+- [@nativescript/firebase-ui](packages/firebase-ui/README.md)
 
 # How to use?
 

apps/demo-angular/package.json

@@ -19,7 +19,8 @@
 		"@nativescript/firebase-messaging": "file:../../dist/packages/firebase-messaging",
 		"@nativescript/firebase-functions": "file:../../dist/packages/firebase-functions",
 		"@nativescript/firebase-app-check-debug": "file:../../dist/packages/firebase-app-check-debug",
-		"@nativescript/firebase-messaging-core": "file:../../dist/packages/firebase-messaging-core"
+		"@nativescript/firebase-messaging-core": "file:../../dist/packages/firebase-messaging-core",
+		"@nativescript/firebase-ui": "file:../../dist/packages/firebase-ui"
 	},
 	"devDependencies": {
 		"@nativescript/android": "~8.4.0",

apps/demo-angular/src/app-routing.module.ts

@@ -25,6 +25,7 @@ const routes: Routes = [
 	{ path: 'firebase-performance', loadChildren: () => import('./plugin-demos/firebase-performance.module').then((m) => m.FirebasePerformanceModule) },
 	{ path: 'firebase-remote-config', loadChildren: () => import('./plugin-demos/firebase-remote-config.module').then((m) => m.FirebaseRemoteConfigModule) },
 	{ path: 'firebase-storage', loadChildren: () => import('./plugin-demos/firebase-storage.module').then((m) => m.FirebaseStorageModule) },
+	{ path: 'firebase-ui', loadChildren: () => import('./plugin-demos/firebase-ui.module').then((m) => m.FirebaseUiModule) },
 ];
 
 @NgModule({

apps/demo-angular/src/home.component.ts

@@ -60,5 +60,8 @@ export class HomeComponent {
 		{
 			name: 'firebase-storage',
 		},
+		{
+			name: 'firebase-ui',
+		},
 	];
 }

apps/demo-angular/src/plugin-demos/firebase-ui.component.html

@@ -0,0 +1,8 @@
+<ActionBar title="firebase-ui" class="action-bar"> </ActionBar>
+<StackLayout class="p-20">
+	<ScrollView class="h-full">
+		<StackLayout>
+			<Button text="Test firebase-ui" (tap)="demoShared.testIt()" class="btn btn-primary"></Button>
+		</StackLayout>
+	</ScrollView>
+</StackLayout>

apps/demo-angular/src/plugin-demos/firebase-ui.component.ts

@@ -0,0 +1,17 @@
+import { Component, NgZone } from '@angular/core';
+import { DemoSharedFirebaseUi } from '@demo/shared';
+import {} from '@nativescript/firebase-ui';
+
+@Component({
+	selector: 'demo-firebase-ui',
+	templateUrl: 'firebase-ui.component.html',
+})
+export class FirebaseUiComponent {
+	demoShared: DemoSharedFirebaseUi;
+
+	constructor(private _ngZone: NgZone) {}
+
+	ngOnInit() {
+		this.demoShared = new DemoSharedFirebaseUi();
+	}
+}

apps/demo-angular/src/plugin-demos/firebase-ui.module.ts

@@ -0,0 +1,10 @@
+import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core';
+import { NativeScriptCommonModule, NativeScriptRouterModule } from '@nativescript/angular';
+import { FirebaseUiComponent } from './firebase-ui.component';
+
+@NgModule({
+	imports: [NativeScriptCommonModule, NativeScriptRouterModule.forChild([{ path: '', component: FirebaseUiComponent }])],
+	declarations: [FirebaseUiComponent],
+	schemas: [NO_ERRORS_SCHEMA],
+})
+export class FirebaseUiModule {}

apps/demo-vue/app/plugin-demos/firebase-ui.vue

@@ -0,0 +1,34 @@
+<template>
+  <Page>
+    <ActionBar>
+      <Label text="firebase-ui"/>
+    </ActionBar>
+
+    <GridLayout>
+      <Button class="info" :text="message"/>
+    </GridLayout>
+  </Page>
+</template>
+
+<script lang="ts">
+  import Vue from "nativescript-vue";
+  import { DemoSharedFirebaseUi } from '@demo/shared';
+  import { } from '@nativescript/firebase-ui';
+
+  export default Vue.extend({
+    computed: {
+      message() {
+        return "Test firebase-ui";
+      }
+    }
+  });
+</script>
+
+<style scoped lang="scss">
+
+  .info {
+    font-size: 20;
+    horizontal-align: center;
+    vertical-align: center;
+  }
+</style>

apps/demo-vue/package.json

@@ -20,7 +20,8 @@
 		"@nativescript/firebase-remote-config": "file:../../packages/firebase-remote-config",
 		"@nativescript/firebase-storage": "file:../../packages/firebase-storage",
 		"@nativescript/firebase-app-check-debug": "file:../../packages/firebase-app-check-debug",
-		"@nativescript/firebase-messaging-core": "file:../../packages/firebase-messaging-core"
+		"@nativescript/firebase-messaging-core": "file:../../packages/firebase-messaging-core",
+		"@nativescript/firebase-ui": "file:../../packages/firebase-ui"
 	},
 	"devDependencies": {
 		"@nativescript/android": "~8.4.0",

apps/demo/package.json

@@ -23,7 +23,8 @@
 		"@nativescript/firebase-storage": "file:../../packages/firebase-storage",
 		"@nativescript/google-signin": "^1.0.0-alpha.9",
 		"@nativescript/firebase-app-check-debug": "file:../../packages/firebase-app-check-debug",
-		"@nativescript/firebase-messaging-core": "file:../../packages/firebase-messaging-core"
+		"@nativescript/firebase-messaging-core": "file:../../packages/firebase-messaging-core",
+		"@nativescript/firebase-ui": "file:../../packages/firebase-ui"
 	},
 	"devDependencies": {
 		"@nativescript/android": "~8.4.0",

apps/demo/src/app.ts

@@ -13,6 +13,7 @@ import '@nativescript/firebase-messaging';
 import '@nativescript/firebase-performance';
 import '@nativescript/firebase-remote-config';
 import '@nativescript/firebase-storage';
+import '@nativescript/firebase-ui';
 
 import { Admob } from '@nativescript/firebase-admob';
 

apps/demo/src/main-page.xml

@@ -1,6 +1,7 @@
 
 <Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="navigatingTo" class="page">
 <Button text="firebase-messaging-core" tap="{{ viewDemo }}" class="btn btn-primary view-demo"/>
+<Button text="firebase-ui" tap="{{ viewDemo }}" class="btn btn-primary view-demo"/>
   <Page.actionBar>
     <ActionBar title="Plugin Demos" icon="" class="action-bar"/>
   </Page.actionBar>

apps/demo/src/main-view-model.ts

@@ -47,6 +47,9 @@ export class MainViewModel extends Observable {
 		{
 			name: 'firebase-firestore',
 		},
+		{
+			name: 'firebase-ui',
+		},
 	];
 
 	viewDemo(args) {

apps/demo/src/plugin-demos/firebase-ui.ts

@@ -0,0 +1,39 @@
+import { Observable, EventData, Page } from '@nativescript/core';
+import { DemoSharedFirebaseUi } from '@demo/shared';
+import { firebase } from '@nativescript/firebase-core';
+import { AppleProvider, EmailProvider, GithubProvider, GoogleProvider, MicrosoftProvider, TwitterProvider, YahooProvider } from '@nativescript/firebase-ui';
+
+export function navigatingTo(args: EventData) {
+	const page = <Page>args.object;
+	page.bindingContext = new DemoModel();
+}
+
+export class DemoModel extends DemoSharedFirebaseUi {
+	show() {
+		firebase()
+			.ui()
+			.show({
+				providers: [new AppleProvider(), new GoogleProvider(), new TwitterProvider(), new GithubProvider(), new EmailProvider(), new MicrosoftProvider(), new YahooProvider()],
+			})
+			.then((result) => {
+				console.log(result.user);
+				console.log(result.hasCredentialForLinking);
+				console.log(result.providerType);
+			})
+			.catch((error) => {
+				console.error('show error:', error);
+			});
+	}
+
+	signOut() {
+		firebase()
+			.ui()
+			.signOut()
+			.then(() => {
+				console.log('signOut complete');
+			})
+			.catch((e) => {
+				console.error('signOut error:', e);
+			});
+	}
+}

apps/demo/src/plugin-demos/firebase-ui.xml

@@ -0,0 +1,15 @@
+<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="navigatingTo" class="page">
+    <Page.actionBar>
+        <ActionBar title="firebase-ui" icon="" class="action-bar">
+        </ActionBar>
+    </Page.actionBar>
+    <StackLayout class="p-20">
+        <ScrollView class="h-full">
+          <StackLayout>
+            <Button text="Show UI" tap="{{ show }}" class="btn btn-primary"/>
+            <Button text="Sign out" tap="{{ signOut }}" class="btn btn-primary"/>
+
+          </StackLayout>
+        </ScrollView>
+    </StackLayout>
+</Page>

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "plugins",
-	"version": "3.0.0",
+	"version": "3.1.0",
 	"license": "MIT",
 	"scripts": {
 		"postinstall": "husky install && npx ts-patch install",

packages/firebase-admob/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nativescript/firebase-admob",
-	"version": "3.0.0",
+	"version": "3.1.0",
 	"description": "NativeScript Firebase - Admob",
 	"main": "index",
 	"typings": "index.d.ts",

packages/firebase-analytics/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nativescript/firebase-analytics",
-	"version": "3.0.0",
+	"version": "3.1.0",
 	"description": "NativeScript Firebase - Analytics",
 	"main": "index",
 	"typings": "index.d.ts",

packages/firebase-app-check-debug/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nativescript/firebase-app-check-debug",
-	"version": "3.0.0",
+	"version": "3.1.0",
 	"description": "NativeScript Firebase - App Check",
 	"main": "index",
 	"typings": "index.d.ts",

packages/firebase-app-check/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nativescript/firebase-app-check",
-	"version": "3.0.0",
+	"version": "3.1.0",
 	"description": "NativeScript Firebase - App Check",
 	"main": "index",
 	"typings": "index.d.ts",

packages/firebase-auth/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nativescript/firebase-auth",
-	"version": "3.0.0",
+	"version": "3.1.0",
 	"description": "NativeScript Firebase - Auth",
 	"main": "index",
 	"typings": "index.d.ts",

packages/firebase-core/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nativescript/firebase-core",
-	"version": "3.0.0",
+	"version": "3.1.0",
 	"description": "NativeScript Firebase - Core",
 	"main": "index",
 	"typings": "index.d.ts",

packages/firebase-crashlytics/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nativescript/firebase-crashlytics",
-	"version": "3.0.0",
+	"version": "3.1.0",
 	"description": "NativeScript Firebase - Crashlytics",
 	"main": "index",
 	"typings": "index.d.ts",

packages/firebase-database/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nativescript/firebase-database",
-	"version": "3.0.0",
+	"version": "3.1.0",
 	"description": "NativeScript Firebase - Database",
 	"main": "index",
 	"typings": "index.d.ts",

packages/firebase-dynamic-links/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nativescript/firebase-dynamic-links",
-	"version": "3.0.0",
+	"version": "3.1.0",
 	"description": "NativeScript Firebase - Dynamic Links",
 	"main": "index",
 	"typings": "index.d.ts",

packages/firebase-firestore/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nativescript/firebase-firestore",
-	"version": "3.0.0",
+	"version": "3.1.0",
 	"description": "NativeScript Firebase - Firestore",
 	"main": "index",
 	"typings": "index.d.ts",

packages/firebase-firestore/platforms/ios/Podfile

@@ -1,2 +1,2 @@
 platform :ios, '12.0'
-pod 'FirebaseFirestore', '~>10.7.0'
+pod 'Firebase/Firestore', '~>10.7.0'

packages/firebase-functions/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nativescript/firebase-functions",
-	"version": "3.0.0",
+	"version": "3.1.0",
 	"description": "NativeScript Firebase - Functions",
 	"main": "index",
 	"typings": "index.d.ts",

packages/firebase-in-app-messaging/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nativescript/firebase-in-app-messaging",
-	"version": "3.0.0",
+	"version": "3.1.0",
 	"description": "NativeScript Firebase - In App Messaging",
 	"main": "index",
 	"typings": "index.d.ts",

packages/firebase-installations/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nativescript/firebase-installations",
-	"version": "3.0.0",
+	"version": "3.1.0",
 	"description": "NativeScript Firebase - Installations",
 	"main": "index",
 	"typings": "index.d.ts",

packages/firebase-messaging-core/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nativescript/firebase-messaging-core",
-	"version": "3.0.0",
+	"version": "3.1.0",
 	"description": "NativeScript Push Messaging Core",
 	"main": "index",
 	"typings": "index.d.ts",

packages/firebase-messaging-core/platforms/ios/src/NSCUIApplicationDelegate.swift

@@ -7,6 +7,9 @@ import FirebaseMessaging
 #if canImport(FirebaseAuth)
 import FirebaseAuth
 #endif
+#if canImport(FirebaseAuthUI)
+import FirebaseAuthUI
+#endif
 import NSCFirebaseMessagingCore
 
 @objc(NSCUIApplicationDelegate)
@@ -95,11 +98,19 @@ public class NSCUIApplicationDelegate: UIResponder , UIApplicationDelegate {
 
 
     @objc public func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey : Any] = [:]) -> Bool {
-        var result = false
         #if canImport(FirebaseAuth)
-        result = Auth.auth().canHandle(url)
+        if(Auth.auth().canHandle(url)){
+            return true
+        }
+        #endif
+
+        #if canImport(FirebaseAuthUI)
+        let sourceApplication = options[UIApplication.OpenURLOptionsKey.sourceApplication] as! String?
+        if(FUIAuth.defaultAuthUI()?.handleOpen(url, sourceApplication: sourceApplication) ?? false){
+            return true
+        }
         #endif
-        return result
+        return false
     }
 
 

packages/firebase-messaging/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nativescript/firebase-messaging",
-	"version": "3.0.0",
+	"version": "3.1.0",
 	"description": "NativeScript Firebase - Messaging",
 	"main": "index",
 	"typings": "index.d.ts",

packages/firebase-performance/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nativescript/firebase-performance",
-	"version": "3.0.0",
+	"version": "3.1.0",
 	"description": "NativeScript Firebase - Performancee",
 	"main": "index",
 	"typings": "index.d.ts",

packages/firebase-remote-config/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nativescript/firebase-remote-config",
-	"version": "3.0.0",
+	"version": "3.1.0",
 	"description": "NativeScript Firebase - Remote Config",
 	"main": "index",
 	"typings": "index.d.ts",