feat(app-check): add access to appcheck

Author: posva

package.json

@@ -38,7 +38,7 @@
     "release": "node scripts/release.mjs",
     "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s --commit-path src -l vuefire -r 1",
     "play": "pnpm run -C playground dev",
-    "lint": "prettier -c --parser typescript \"{src,__tests__,e2e}/**/*.[jt]s?(x)\" \"packages/nuxt/src/**/*.ts\"",
+    "lint": "prettier -c --parser typescript \"{src,__tests__,e2e}/**/*.[jt]s?(x)\"",
     "lint:fix": "pnpm run lint --write",
     "test:types": "tsc --build tsconfig.json",
     "test:unit": "vitest --coverage",

playground/src/pages/app-check.vue

@@ -7,7 +7,11 @@ const token = useAppCheckToken()
 const appCheck = useAppCheck()
 
 onMounted(async () => {
-  // console.log(await getToken(appCheck))
+  if (appCheck) {
+    console.log('appcheck token', await getToken(appCheck))
+  } else {
+    console.log('App Check not initialized')
+  }
 })
 </script>
 

playground/src/pages/index.vue

@@ -6,14 +6,14 @@ const router = useRouter()
 const routes = computed(() =>
   router
     .getRoutes()
-    .filter(route => !route.path.includes(':') && !route.children.length)
+    .filter((route) => !route.path.includes(':') && !route.children.length)
 )
 </script>
 
 <template>
   <ul>
     <li v-for="route in routes">
-      <RouterLink :to="{ name: route.name }" v-slot="{ href }">{{
+      <RouterLink :to="{ name: route.name as any }" v-slot="{ href }">{{
         href
       }}</RouterLink>
     </li>

src/app-check/index.ts

@@ -63,5 +63,38 @@ export function VueFireAppCheck(options: VueFireAppCheckOptions) {
     onTokenChanged(appCheck, (newToken) => {
       token.value = newToken.token
     })
+    AppCheckMap.set(firebaseApp, appCheck)
   }
 }
+
+/**
+ * To retrieve the current app check
+ * @internal
+ */
+export const AppCheckMap = new WeakMap<FirebaseApp, AppCheck>()
+
+/**
+ * Retrieves the Firebase App Check instance. Note this is only available on the client and will be `undefined` on the
+ * server.
+ *
+ * @param name - name of the application
+ */
+export function useAppCheck(name?: string) {
+  return AppCheckMap.get(useFirebaseApp(name))
+}
+
+/**
+ * Retrieves the current app check token. If there is no app check token, it will return an empty string token.
+ *
+ * @param name - name of the application
+ * @param forceRefresh - force a refresh of the token
+ */
+export function getAppCheckToken(
+  name?: string,
+  forceRefresh?: boolean
+): Promise<AppCheckTokenResult> {
+  const appCheck = useAppCheck(name)
+  return appCheck
+    ? getToken(appCheck, forceRefresh)
+    : Promise.resolve({ token: '' })
+}

src/index.ts

@@ -70,7 +70,7 @@ export { usePendingPromises } from './ssr/plugin'
 export { useSSRInitialState } from './ssr/initialState'
 
 // App Check
-export { VueFireAppCheck, useAppCheckToken } from './app-check'
+export { VueFireAppCheck, useAppCheckToken, useAppCheck } from './app-check'
 export type { VueFireAppCheckOptions } from './app-check'
 
 // Storage