From 9120693566cc4abeab5698442b9ad2412dce77dd Mon Sep 17 00:00:00 2001
From: ofritz <oliver.fritz@heigit.org>
Date: Wed, 8 Jul 2026 12:02:18 +0200
Subject: [PATCH 1/3] fix: remove listeners to group and tasks, switch to one
 time Firebase fetches

---
 src/views/ProjectView.vue | 92 ++++++++++++++++-----------------------
 1 file changed, 38 insertions(+), 54 deletions(-)

diff --git a/src/views/ProjectView.vue b/src/views/ProjectView.vue
index 72c8910..636d6a4 100644
--- a/src/views/ProjectView.vue
+++ b/src/views/ProjectView.vue
@@ -1,9 +1,9 @@
 <script lang="ts">
 import { defineComponent } from 'vue'
-import { goOffline, goOnline, off, onValue, set } from 'firebase/database'
+import { get, off, onValue, set } from 'firebase/database'
 import {
   db,
-  getGroupsQuery,
+  getGroupsRef,
   getProjectRef,
   getProjectContributionsRef,
   getResultsRef,
@@ -54,7 +54,6 @@ export default defineComponent({
       tutorial: null,
       tutorialTasks: null,
       to: null,
-      unsubscribeGroup: null,
     }
   },
   provide() {
@@ -92,7 +91,6 @@ export default defineComponent({
 
         this.completedGroupId = this.group.groupId
 
-        goOnline(db)
         set(getResultsRef(this.project.projectId, this.group.groupId, this.user.uid), entry)
           .then(() => {
             this.showSnackbar(
@@ -156,37 +154,36 @@ export default defineComponent({
         this.projectContributions = data
       })
     },
-    bindTaskGroup() {
-      this.unsubscribeGroup = onValue(getGroupsQuery(this.projectId), (snapshot) => {
-        const data = snapshot.val() || {}
-        const flatGroups = Object.values(data).flat()
-        const completed = Object.keys(this.projectContributions)
-        const available = flatGroups.filter(
-          (g) => g.requiredCount > 0 && !completed.includes(g.groupId),
+    async bindTaskGroup() {
+      this.tasks = null
+      const snapshot = await get(getGroupsRef(this.projectId))
+      const data = snapshot.val() || {}
+      const flatGroups = Object.values(data).flat()
+      const completed = Object.keys(this.projectContributions)
+      const available = flatGroups.filter(
+        (g) => g.requiredCount > 0 && !completed.includes(g.groupId),
+      )
+      if (!available.length) {
+        this.nextDialog = false
+        this.to = this.i18nRoute({ name: 'projects' })
+        this.showDialog(
+          this.$t('projectView.noTasksAvailable'),
+          this.$t('projectView.goBackToProjects', { user: this.user.displayName }),
+          this.leaveProject,
+          true,
+          false,
         )
-        if (!available.length) {
-          this.nextDialog = false
-          this.to = this.i18nRoute({ name: 'projects' })
-          this.showDialog(
-            this.$t('projectView.noTasksAvailable'),
-            this.$t('projectView.goBackToProjects', { user: this.user.displayName }),
-            this.leaveProject,
-            true,
-            false,
-          )
-        } else {
-          this.hideDialog()
-        }
-        const random = available[Math.floor(Math.random() * available.length)]
-        this.group = random
-        this.bindTasks()
-      })
+      } else {
+        this.hideDialog()
+      }
+      const random = available[Math.floor(Math.random() * available.length)]
+      this.group = random
+      await this.bindTasks()
     },
-    bindTasks() {
-      onValue(getTasksRef(this.projectId, this.group?.groupId), (snapshot) => {
-        const data = snapshot.val()
-        this.tasks = decompressTasks(data)
-      })
+    async bindTasks() {
+      const snapshot = await get(getTasksRef(this.projectId, this.group?.groupId))
+      const data = snapshot.val()
+      this.tasks = decompressTasks(data)
     },
     bindTutorial(tutorialId) {
       onValue(getProjectRef(tutorialId), (snapshot) => {
@@ -195,12 +192,11 @@ export default defineComponent({
         this.bindTutorialTasks(tutorialId)
       })
     },
-    bindTutorialTasks(tutorialId) {
-      onValue(getTasksRef(tutorialId, '101'), (snapshot) => {
-        const data = snapshot.val()
-        this.tutorialTasks = decompressTasks(data)
-        this.mode = 'contribute'
-      })
+    async bindTutorialTasks(tutorialId) {
+      const snapshot = await get(getTasksRef(tutorialId, '101'))
+      const data = snapshot.val()
+      this.tutorialTasks = decompressTasks(data)
+      this.mode = 'contribute'
     },
     completeOptions(option, index) {
       option.title ??= option.label
@@ -213,13 +209,9 @@ export default defineComponent({
         this.matchIcon(option.icon) || option.icon || `mdi-numeric-${option.shortkey}-box`
       return option
     },
-    continueMapping() {
+    async continueMapping() {
       this.nextDialog = false
-      // Disconnect and reconnect to force fresh group data
-      if (this.unsubscribeGroup) {
-        this.unsubscribeGroup()
-      }
-      this.bindTaskGroup()
+      await this.bindTaskGroup()
       this.mode = 'contribute'
     },
     i18nRoute,
@@ -233,9 +225,7 @@ export default defineComponent({
       if (!this.completedGroupId) {
         return true
       } else {
-        const updated =
-          this.projectContributions[this.completedGroupId] &&
-          this.completedGroupId !== this.group?.groupId
+        const updated = Boolean(this.projectContributions?.[this.completedGroupId])
         /*
           Firebase rejects results that are produced at a speed of less than 125 ms per task. Therefore, we do not wait for
           updated projectContributions for speedy results.
@@ -244,9 +234,6 @@ export default defineComponent({
         return updated || tooSpeedy
       }
     },
-    handleTaskComponentCreated() {
-      goOffline(db)
-    },
   },
   beforeRouteLeave(to, from, next) {
     if (this.mode === 'contribute' && to.name !== 'authentication') {
@@ -259,9 +246,7 @@ export default defineComponent({
       )
     } else {
       off(getProjectRef(this.projectId))
-      off(getGroupsQuery(this.projectId))
       off(getProjectContributionsRef(this.user.uid, this.projectId))
-      goOnline(db)
       next()
     }
   },
@@ -286,7 +271,6 @@ export default defineComponent({
       :tasks="tasks"
       :tutorial="tutorial"
       :tutorialTasks="tutorialTasks"
-      @created="handleTaskComponentCreated"
     />
 
     <v-dialog v-model="nextDialog" max-width="600" persistent>

From 8b3715abf357fc7d90b74c84332563e7e42ddfbc Mon Sep 17 00:00:00 2001
From: ofritz <oliver.fritz@heigit.org>
Date: Wed, 8 Jul 2026 12:04:30 +0200
Subject: [PATCH 2/3] format

---
 src/views/ProjectView.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/ProjectView.vue b/src/views/ProjectView.vue
index 636d6a4..f943b77 100644
--- a/src/views/ProjectView.vue
+++ b/src/views/ProjectView.vue
@@ -115,7 +115,7 @@ export default defineComponent({
   computed: {
     ...mapStores(useCurrentUserStore),
     options() {
-      const options = this.project?.customOptions ?? this.project?.answerLabels;
+      const options = this.project?.customOptions ?? this.project?.answerLabels
       const completedOptions = options?.map(this.completeOptions)
       return completedOptions
     },

From 1662a75bb7e8b6df1068bdeadc48544ccac8efae Mon Sep 17 00:00:00 2001
From: ofritz <oliver.fritz@heigit.org>
Date: Wed, 8 Jul 2026 17:39:07 +0200
Subject: [PATCH 3/3] fix: use getGroupsQuery instead getGroupsRef

---
 src/views/ProjectView.vue | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/views/ProjectView.vue b/src/views/ProjectView.vue
index f943b77..43b947d 100644
--- a/src/views/ProjectView.vue
+++ b/src/views/ProjectView.vue
@@ -2,8 +2,7 @@
 import { defineComponent } from 'vue'
 import { get, off, onValue, set } from 'firebase/database'
 import {
-  db,
-  getGroupsRef,
+  getGroupsQuery,
   getProjectRef,
   getProjectContributionsRef,
   getResultsRef,
@@ -156,7 +155,7 @@ export default defineComponent({
     },
     async bindTaskGroup() {
       this.tasks = null
-      const snapshot = await get(getGroupsRef(this.projectId))
+      const snapshot = await get(getGroupsQuery(this.projectId))
       const data = snapshot.val() || {}
       const flatGroups = Object.values(data).flat()
       const completed = Object.keys(this.projectContributions)