fix(appcheck): add new appCheck package for debug mode

feat: allow custom app check providers

Author: triniwiz

README.md

@@ -1,26 +1,20 @@
-# @nativescript/\* plugins
-
-```
-npm run setup
-npm start
-```
-
-- [@nativescript/firebase-admob](packages/firebase-admob/README.md)
-- [@nativescript/firebase-analytics](packages/firebase-analytics/README.md)
-- [@nativescript/firebase-app-check](packages/firebase-app-check/README.md)
-- [@nativescript/firebase-auth](packages/firebase-auth/README.md)
-- [@nativescript/firebase-core](packages/firebase-core/README.md)
-- [@nativescript/firebase-crashlytics](packages/firebase-crashlytics/README.md)
-- [@nativescript/firebase-database](packages/firebase-database/README.md)
-- [@nativescript/firebase-dynamic-links](packages/firebase-dynamic-links/README.md)
-- [@nativescript/firebase-firestore](packages/firebase-firestore/README.md)
-- [@nativescript/firebase-functions](packages/firebase-functions/README.md)
-- [@nativescript/firebase-in-app-messaging](packages/firebase-in-app-messaging/README.md)
-- [@nativescript/firebase-installations](packages/firebase-installations/README.md)
-- [@nativescript/firebase-messaging](packages/firebase-messaging/README.md)
-- [@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-admob
+- @nativescript/firebase-analytics
+- @nativescript/firebase-app-check
+- @nativescript/firebase-app-check-debug
+- @nativescript/firebase-auth
+- @nativescript/firebase-core
+- @nativescript/firebase-crashlytics
+- @nativescript/firebase-database
+- @nativescript/firebase-dynamic-links
+- @nativescript/firebase-firestore
+- @nativescript/firebase-functions
+- @nativescript/firebase-in-app-messaging
+- @nativescript/firebase-installations
+- @nativescript/firebase-messaging
+- @nativescript/firebase-performance
+- @nativescript/firebase-remote-config
+- @nativescript/firebase-storage
 
 # How to use?
 

apps/demo-angular/package.json

@@ -17,7 +17,8 @@
     "@nativescript/firebase-installations": "file:../../dist/packages/firebase-installations",
     "@nativescript/firebase-dynamic-links": "file:../../dist/packages/firebase-dynamic-links",
     "@nativescript/firebase-messaging": "file:../../dist/packages/firebase-messaging",
-    "@nativescript/firebase-functions": "file:../../dist/packages/firebase-functions"
+    "@nativescript/firebase-functions": "file:../../dist/packages/firebase-functions",
+    "@nativescript/firebase-app-check-debug": "file:../../dist/packages/firebase-app-check-debug"
   },
   "devDependencies": {
     "@nativescript/android": "8.0.0",

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

@@ -10,6 +10,7 @@ const routes: Routes = [
 	{ path: 'firebase-admob', loadChildren: () => import('./plugin-demos/firebase-admob.module').then(m => m.FirebaseAdmobModule) },
 	{ path: 'firebase-analytics', loadChildren: () => import('./plugin-demos/firebase-analytics.module').then(m => m.FirebaseAnalyticsModule) },
 	{ path: 'firebase-app-check', loadChildren: () => import('./plugin-demos/firebase-app-check.module').then(m => m.FirebaseAppCheckModule) },
+	{ path: 'firebase-app-check-debug', loadChildren: () => import('./plugin-demos/firebase-app-check-debug.module').then(m => m.FirebaseAppCheckDebugModule) },
 	{ path: 'firebase-auth', loadChildren: () => import('./plugin-demos/firebase-auth.module').then(m => m.FirebaseAuthModule) },
 	{ 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) },

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

@@ -15,6 +15,9 @@ export class HomeComponent {
 	{
 		name: 'firebase-app-check'
 	},
+	{
+		name: 'firebase-app-check-debug'
+	},
 	{
 		name: 'firebase-auth'
 	},

apps/demo-angular/src/plugin-demos/firebase-app-check-debug.component.html

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

apps/demo-angular/src/plugin-demos/firebase-app-check-debug.component.ts

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

apps/demo-angular/src/plugin-demos/firebase-app-check-debug.module.ts

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

apps/demo-vue/app/plugin-demos/firebase-app-check-debug.vue

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

apps/demo-vue/package.json

@@ -18,7 +18,8 @@
     "@nativescript/firebase-messaging": "file:../../packages/firebase-messaging",
     "@nativescript/firebase-performance": "file:../../packages/firebase-performance",
     "@nativescript/firebase-remote-config": "file:../../packages/firebase-remote-config",
-    "@nativescript/firebase-storage": "file:../../packages/firebase-storage"
+    "@nativescript/firebase-storage": "file:../../packages/firebase-storage",
+    "@nativescript/firebase-app-check-debug": "file:../../packages/firebase-app-check-debug"
   },
   "devDependencies": {
     "@nativescript/android": "8.0.0",

apps/demo/package.json

@@ -21,10 +21,11 @@
     "@nativescript/firebase-performance": "file:../../packages/firebase-performance",
     "@nativescript/firebase-remote-config": "file:../../packages/firebase-remote-config",
     "@nativescript/firebase-storage": "file:../../packages/firebase-storage",
-    "@nativescript/google-signin": "^1.0.0-alpha.9"
+    "@nativescript/google-signin": "^1.0.0-alpha.9",
+    "@nativescript/firebase-app-check-debug": "file:../../packages/firebase-app-check-debug"
   },
   "devDependencies": {
     "@nativescript/android": "^8.2.0-alpha.11",
     "@nativescript/ios": "8.1.0"
   }
-}
+}