From 601cf8e93c2a573e1ac357e2410e2495a44582f5 Mon Sep 17 00:00:00 2001
From: DaxServer <daxserver@icloud.com>
Date: Sun, 21 Jun 2026 13:57:16 +0200
Subject: [PATCH] feat: add 'Unuploaded' button to select images not yet on
 Commons

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/App.vue                          |  2 +-
 .../collection/CollectionsControls.vue        |  8 ++++++
 .../__tests__/useAuthSocket.test.ts           |  2 +-
 .../__tests__/collections.store.test.ts       | 28 +++++++++++++++++++
 frontend/src/stores/collections.store.ts      |  7 +++++
 5 files changed, 45 insertions(+), 2 deletions(-)

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 5cbe7e8..e6cb5d7 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { initCollectionsListeners } from '@frontend/composables/useCollections'
 import { useAuthSocket } from '@frontend/composables/useAuthSocket'
+import { initCollectionsListeners } from '@frontend/composables/useCollections'
 import { useAuthStore } from '@frontend/stores/auth.store'
 import { useCollectionsStore } from '@frontend/stores/collections.store'
 
diff --git a/frontend/src/components/collection/CollectionsControls.vue b/frontend/src/components/collection/CollectionsControls.vue
index b47fbcd..4ec7f42 100644
--- a/frontend/src/components/collection/CollectionsControls.vue
+++ b/frontend/src/components/collection/CollectionsControls.vue
@@ -132,6 +132,14 @@ const ordinalSuffix = (n: number): string => ordinal(n).slice(-2)
         :disabled="store.isBatchLoading"
         @click="emit('select:currentPage')"
       />
+      <Button
+        class="hover-primary"
+        severity="secondary"
+        outlined
+        label="Unuploaded"
+        :disabled="store.isBatchLoading"
+        @click="store.selectUnuploaded()"
+      />
       <Button
         v-if="store.selectedCount > 0"
         class="hover-danger-filled"
diff --git a/frontend/src/composables/__tests__/useAuthSocket.test.ts b/frontend/src/composables/__tests__/useAuthSocket.test.ts
index cc75c97..48771c6 100644
--- a/frontend/src/composables/__tests__/useAuthSocket.test.ts
+++ b/frontend/src/composables/__tests__/useAuthSocket.test.ts
@@ -17,8 +17,8 @@ const mockSocketImpl = () => ({
 mock.module('@frontend/composables/useSocket', mockSocketImpl)
 mock.module('../useSocket', mockSocketImpl)
 
-import { useAuthStore } from '@frontend/stores/auth.store'
 import type { useAuthSocket as UseAuthSocketType } from '@frontend/composables/useAuthSocket'
+import { useAuthStore } from '@frontend/stores/auth.store'
 import { resolve } from 'node:path'
 
 describe('useAuthSocket', () => {
diff --git a/frontend/src/stores/__tests__/collections.store.test.ts b/frontend/src/stores/__tests__/collections.store.test.ts
index e520c7b..e8dfdcf 100644
--- a/frontend/src/stores/__tests__/collections.store.test.ts
+++ b/frontend/src/stores/__tests__/collections.store.test.ts
@@ -323,6 +323,34 @@ describe('selection methods', () => {
       expect(store.itemsArray.map((i) => i.meta.selected)).toEqual([true, true, true])
     })
   })
+
+  describe('selectUnuploaded', () => {
+    it('selects items with no existing Commons file', () => {
+      const store = useCollectionsStore()
+      const notUploaded = makeItem(1)
+      const uploaded = makeItem(2)
+      uploaded.image.existing = [{ url: 'https://commons.wikimedia.org/wiki/File:Test.jpg' }]
+
+      store.replaceItems({ 'item-1': notUploaded, 'item-2': uploaded })
+
+      store.selectUnuploaded()
+
+      expect(store.itemsArray.map((i) => i.meta.selected)).toEqual([true, false])
+    })
+
+    it('deselects previously selected items that have an existing Commons file', () => {
+      const store = useCollectionsStore()
+      const selected = makeItem(1, true)
+      selected.image.existing = [{ url: 'https://commons.wikimedia.org/wiki/File:Test.jpg' }]
+      const unselected = makeItem(2, false)
+
+      store.replaceItems({ 'item-1': selected, 'item-2': unselected })
+
+      store.selectUnuploaded()
+
+      expect(store.itemsArray.map((i) => i.meta.selected)).toEqual([false, true])
+    })
+  })
 })
 
 describe('collections store — preset state', () => {
diff --git a/frontend/src/stores/collections.store.ts b/frontend/src/stores/collections.store.ts
index b082480..c4c61d9 100644
--- a/frontend/src/stores/collections.store.ts
+++ b/frontend/src/stores/collections.store.ts
@@ -143,6 +143,12 @@ export const useCollectionsStore = defineStore('collections', () => {
     }
   }
 
+  const selectUnuploaded = () => {
+    for (const item of itemsArray.value) {
+      item.meta.selected = item.image.existing.length === 0
+    }
+  }
+
   const toFilterItems = (storeItems: typeof chronoItems.value): FilterItem[] =>
     storeItems.map((item) => ({
       capturedAt: item.image.dates.taken,
@@ -408,6 +414,7 @@ export const useCollectionsStore = defineStore('collections', () => {
     updateSelected,
     selectAll,
     deselectAll,
+    selectUnuploaded,
     selectEveryNth,
     selectByMinInterval,
     selectByMinDistance,