refactor!: allow deep paths in console url

Author: davidstackio

src/runtime/components/admin/users/AdminUsersDetail.vue

@@ -29,8 +29,7 @@ const userDoc = useDocument<UserDoc>(userDocRef)
 const firebaseConsoleUrl = computed(() =>
   getFirebaseConsoleUrl(
     firebaseApp.options.projectId as string,
-    usersColName,
-    userDoc.value?.id,
+    [usersColName, props.uid],
   ),
 )
 </script>

src/runtime/components/admin/users/AdminUsersList.vue

@@ -33,8 +33,7 @@ const formatData = (item: (typeof users.data.value)[number]) => {
   const firebaseConsoleUrl = computed(() =>
     getFirebaseConsoleUrl(
       firebaseApp.options.projectId as string,
-      usersColName,
-      item.id,
+      [usersColName, item.id],
     ),
   )
 

src/runtime/utils/firebase.ts

@@ -26,18 +26,20 @@ export function isSuperAdmin(
   return false
 }
 
+/**
+ * Generates a Firebase Console URL for a given project and path.
+ *
+ * @param projectId The Firebase project ID.
+ * @param path An array of strings representing the path within Firestore (e.g., ['collection', 'docId', 'subcollection']).
+ * @returns The full URL to the Firebase Console for the specified path.
+ */
 export function getFirebaseConsoleUrl(
   projectId: string,
-  collectionName: string,
-  documentId?: string,
+  path: string[],
 ) {
-  let firebaseConsoleUrl = 'https://console.firebase.google.com'
-  firebaseConsoleUrl += `/project/${projectId}/firestore/databases/-default-/data/~2F${collectionName}`
-
-  if (documentId) {
-    firebaseConsoleUrl += `~2F${documentId}`
-  }
-
+  const firebaseConsoleUrl = `https://console.firebase.google.com/project/${projectId}/firestore/databases/-default-/data/${
+    path.length > 0 ? `~2F${path.join('~2F')}` : ''
+  }`
   return firebaseConsoleUrl
 }