feat: add 'Unuploaded' button to select images not yet on Commons

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'
 

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"

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', () => {

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', () => {

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,