switch from pre-signed to public image links

src/api/merchImages.js

@@ -20,30 +20,16 @@ export const useMerchImagesApi = () => {
     }
   }
 
-  const cachedImages = new Map() // Map<uuid, { etag, url }>
   const getImageUrl = async (uuid, type) => {
     try {
       const response = await apiClient.get(`/merch/images/${uuid}`, { type })
+      console.log(response.data.link)
 
       if (response.status !== 200) {
         throw new Error(`Get image failed: ${response.status}`)
       }
 
-      const { link, ETag } = response.data
+      return response.data.link
-
-      if (cachedImages.has(uuid) && cachedImages.get(uuid).etag === ETag) {
-        return cachedImages.get(uuid)
-      }
-
-      const res = await fetch(link)
-      if (!res.ok) throw new Error(`Failed to load image: ${res.status}`)
-
-      const blob = await res.blob()
-      const imgUrl = URL.createObjectURL(blob)
-
-      cachedImages.set(uuid, { imgUrl, etag: ETag })
-      return { imgUrl, etag: ETag }
-
     } catch (error) {
       console.error('Get image failed:', error)
       throw error
@@ -53,16 +39,11 @@ export const useMerchImagesApi = () => {
   const deleteImage = async (uuid) => {
     try {
       const response = await apiClient.delete(`/merch/images/${uuid}`)
+
       if (response.status !== 200) {
         throw new Error(`Delete failed: ${response.status}`)
       }
 
-      if (cachedImages.has(uuid)) {
-        const cached = cachedImages.get(uuid)
-        if (cached.imgUrl?.startsWith('blob:')) URL.revokeObjectURL(cached.imgUrl)
-        cachedImages.delete(uuid)
-      }
-
       return true
     } catch (error) {
       console.error('Delete image failed:', error)

src/views/CollectionView/CollectionMerchCard.vue

@@ -15,7 +15,7 @@ const fileList = ref([])
 
 onMounted(async () => {
   try {
-    const { imgUrl } = await getImageUrl(props.merch.merch_uuid, 'thumbnail')
+    const imgUrl = await getImageUrl(props.merch.merch_uuid, 'thumbnail')
     fileList.value = [
       {
         name: 'full.jpg',

src/views/DetailsView/DetailsViewImages.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { onMounted, ref } from 'vue'
-import { NModal, NUpload, useMessage } from 'naive-ui'
+import { NModal, useMessage } from 'naive-ui'
 import BoxIcon from '@/components/icons/BoxIcon.vue'
 import { useMerchImagesApi } from '@/api/merchImages.js'
 
@@ -77,7 +77,7 @@ async function handleUpload({ fileList: newFileList }) {
 
 onMounted(async () => {
   try {
-    const { imgUrl } = await getImageUrl(props.merchUuid, 'full')
+    const imgUrl = await getImageUrl(props.merchUuid, 'full')
     fileList.value = [
       {
         name: 'full.jpg',