feat: remote-config

Author: triniwiz

README.md

@@ -13,6 +13,7 @@ npm start
 - @nativescript/firebase-crashlytics
 - @nativescript/firebase-database
 - @nativescript/firebase-firestore
+- @nativescript/firebase-remote-config
 
 # How to use?
 

apps/demo-angular/package.json

@@ -9,7 +9,8 @@
     "@nativescript/firebase-analytics": "file:../../dist/packages/firebase-analytics",
     "@nativescript/firebase-admob": "file:../../dist/packages/firebase-admob",
     "@nativescript/firebase-crashlytics": "file:../../dist/packages/firebase-crashlytics",
-    "@nativescript/firebase-app-check": "file:../../dist/packages/firebase-app-check"
+    "@nativescript/firebase-app-check": "file:../../dist/packages/firebase-app-check",
+    "@nativescript/firebase-remote-config": "file:../../dist/packages/firebase-remote-config"
   },
   "devDependencies": {
     "@nativescript/android": "8.0.0",

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

@@ -14,7 +14,8 @@ const routes: Routes = [
 	{ path: 'firebase-core', loadChildren: () => import('./plugin-demos/firebase-core.module').then(m => m.FirebaseCoreModule) },
 	{ path: 'firebase-crashlytics', loadChildren: () => import('./plugin-demos/firebase-crashlytics.module').then(m => m.FirebaseCrashlyticsModule) },
 	{ path: 'firebase-database', loadChildren: () => import('./plugin-demos/firebase-database.module').then(m => m.FirebaseDatabaseModule) },
-	{ path: 'firebase-firestore', loadChildren: () => import('./plugin-demos/firebase-firestore.module').then(m => m.FirebaseFirestoreModule) }
+	{ path: 'firebase-firestore', loadChildren: () => import('./plugin-demos/firebase-firestore.module').then(m => m.FirebaseFirestoreModule) },
+	{ path: 'firebase-remote-config', loadChildren: () => import('./plugin-demos/firebase-remote-config.module').then(m => m.FirebaseRemoteConfigModule) }
 ];
 
 @NgModule({

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

@@ -29,6 +29,9 @@ export class HomeComponent {
 	},
 	{
 		name: 'firebase-firestore'
+	},
+	{
+		name: 'firebase-remote-config'
 	}
 ];
 }

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

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

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

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

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

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

apps/demo/package.json

@@ -12,7 +12,8 @@
     "@nativescript/firebase-analytics": "file:../../packages/firebase-analytics",
     "@nativescript/firebase-admob": "file:../../packages/firebase-admob",
     "@nativescript/firebase-crashlytics": "file:../../packages/firebase-crashlytics",
-    "@nativescript/firebase-app-check": "file:../../packages/firebase-app-check"
+    "@nativescript/firebase-app-check": "file:../../packages/firebase-app-check",
+    "@nativescript/firebase-remote-config": "file:../../packages/firebase-remote-config"
   },
   "devDependencies": {
     "@nativescript/android": "8.0.0",

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

@@ -23,6 +23,12 @@ export class MainViewModel extends Observable {
 		{
 			name: 'firebase-crashlytics',
 		},
+		{
+			name: 'firebase-app-check',
+		},
+		{
+			name: 'firebase-remote-config',
+		},
 	];
 
 	viewDemo(args) {

apps/demo/src/plugin-demos/firebase-remote-config.ts

@@ -0,0 +1,27 @@
+import { Observable, EventData, Page } from '@nativescript/core';
+import { DemoSharedFirebaseRemoteConfig } from '@demo/shared';
+import { Firebase } from '@nativescript/firebase-core';
+import '@nativescript/firebase-remote-config';
+import { RemoteConfig } from '@nativescript/firebase-remote-config';
+
+export function navigatingTo(args: EventData) {
+	const page = <Page>args.object;
+	page.bindingContext = new DemoModel();
+}
+
+export class DemoModel extends DemoSharedFirebaseRemoteConfig {
+	remoteConfig: RemoteConfig;
+	constructor() {
+		super();
+		this.remoteConfig = Firebase.remoteConfig();
+		this.remoteConfig
+			.fetchAndActivate()
+			.then((val) => {
+				const all = this.remoteConfig.getAll();
+				console.log(all.osei_test.asString());
+			})
+			.catch((e) => {
+				console.error('remoteConfig', 'fetchAndActivate', e);
+			});
+	}
+}