Add:Purge items cache button and api endpoint

client/components/prompt/Confirm.vue

@@ -3,7 +3,7 @@
     <div class="absolute top-0 left-0 right-0 w-full h-36 bg-gradient-to-t from-transparent via-black-500 to-black-700 opacity-90 pointer-events-none" />
     <div ref="content" class="relative text-white" :style="{ height: modalHeight, width: modalWidth }" v-click-outside="clickedOutside">
       <div class="px-4 w-full text-sm py-6 rounded-lg bg-bg shadow-lg border border-black-300">
-        <p class="text-lg mb-8 mt-2 px-1">{{ message }}</p>
+        <p class="text-lg mb-8 mt-2 px-1" v-html="message" />
         <div class="flex px-1 items-center">
           <ui-btn v-if="isYesNo" color="primary" @click="nevermind">Cancel</ui-btn>
           <div class="flex-grow" />

client/pages/config/index.vue

@@ -209,8 +209,12 @@
     <div class="h-0.5 bg-primary bg-opacity-30 w-full" />
 
     <div class="flex items-center py-4">
-      <ui-btn color="bg" small :padding-x="4" class="hidden lg:block mr-2" :loading="isPurgingCache" @click="purgeCache">Purge Cache</ui-btn>
+      <div class="flex-grow" />
+      <ui-btn color="bg" small :padding-x="4" class="hidden lg:block mr-2" :loading="isPurgingCache" @click.stop="purgeCache">Purge All Cache</ui-btn>
+      <ui-btn color="bg" small :padding-x="4" class="hidden lg:block mr-2" :loading="isPurgingCache" @click.stop="purgeItemsCache">Purge Items Cache</ui-btn>
       <ui-btn color="bg" small :padding-x="4" class="hidden lg:block mr-2" :loading="isResettingLibraryItems" @click="resetLibraryItems">Remove All Library Items</ui-btn>
+    </div>
+    <div class="flex items-center py-4">
       <div class="flex-grow" />
       <p class="pr-2 text-sm font-book text-yellow-400">
         Report bugs, request features, and contribute on
@@ -421,7 +425,7 @@ export default {
       this.showConfirmPurgeCache = false
       this.isPurgingCache = true
       await this.$axios
-        .$post('/api/purgecache')
+        .$post('/api/cache/purge')
         .then(() => {
           this.$toast.success('Cache Purged!')
         })
@@ -430,6 +434,31 @@ export default {
           this.$toast.error('Failed to purge cache')
         })
       this.isPurgingCache = false
+    },
+    purgeItemsCache() {
+      const payload = {
+        message: `<span class="text-warning text-base">Warning! This will delete the entire folder at /metadata/cache/items.</span><br />Are you sure you want to purge items cache?`,
+        callback: (confirmed) => {
+          if (confirmed) {
+            this.sendPurgeItemsCache()
+          }
+        },
+        type: 'yesNo'
+      }
+      this.$store.commit('globals/setConfirmPrompt', payload)
+    },
+    async sendPurgeItemsCache() {
+      this.isPurgingCache = true
+      await this.$axios
+        .$post('/api/cache/items/purge')
+        .then(() => {
+          this.$toast.success('Items Cache Purged!')
+        })
+        .catch((error) => {
+          console.error('Failed to purge items cache', error)
+          this.$toast.error('Failed to purge items cache')
+        })
+      this.isPurgingCache = false
     }
   },
   mounted() {

server/controllers/MiscController.js

@@ -158,16 +158,26 @@ class MiscController {
     })
   }
 
-  // POST: api/purgecache (admin)
+  // POST: api/cache/purge (admin)
   async purgeCache(req, res) {
     if (!req.user.isAdminOrUp) {
       return res.sendStatus(403)
     }
-    Logger.info(`[ApiRouter] Purging all cache`)
+    Logger.info(`[MiscController] Purging all cache`)
     await this.cacheManager.purgeAll()
     res.sendStatus(200)
   }
 
+  // POST: api/cache/items/purge
+  async purgeItemsCache(req, res) {
+    if (!req.user.isAdminOrUp) {
+      return res.sendStatus(403)
+    }
+    Logger.info(`[MiscController] Purging items cache`)
+    await this.cacheManager.purgeItems()
+    res.sendStatus(200)
+  }
+
   async findBooks(req, res) {
     var provider = req.query.provider || 'google'
     var title = req.query.title || ''

server/managers/CacheManager.js

@@ -114,6 +114,15 @@ class CacheManager {
     await this.ensureCachePaths()
   }
 
+  async purgeItems() {
+    if (await fs.pathExists(this.ItemCachePath)) {
+      await fs.remove(this.ItemCachePath).catch((error) => {
+        Logger.error(`[CacheManager] Failed to remove items cache dir "${this.ItemCachePath}"`, error)
+      })
+    }
+    await this.ensureCachePaths()
+  }
+
   async handleAuthorCache(res, author, options = {}) {
     const format = options.format || 'webp'
     const width = options.width || 400

server/routers/ApiRouter.js

@@ -227,8 +227,9 @@ class ApiRouter {
     this.router.get('/encode-m4b/:id', MiscController.encodeM4b.bind(this))
     this.router.post('/encode-m4b/:id/cancel', MiscController.cancelM4bEncode.bind(this))
     this.router.get('/tasks', MiscController.getTasks.bind(this))
-    this.router.patch('/settings', MiscController.updateServerSettings.bind(this)) // Root only
-    this.router.post('/purgecache', MiscController.purgeCache.bind(this)) // Root only
+    this.router.patch('/settings', MiscController.updateServerSettings.bind(this))
+    this.router.post('/cache/purge', MiscController.purgeCache.bind(this))
+    this.router.post('/cache/items/purge', MiscController.purgeItemsCache.bind(this))
     this.router.post('/authorize', MiscController.authorize.bind(this))
     this.router.get('/search/covers', MiscController.findCovers.bind(this))
     this.router.get('/search/books', MiscController.findBooks.bind(this))