From 2b1c35760360fc9dfd5a010c570c2d73d8d9fabb Mon Sep 17 00:00:00 2001
From: Lightling <contact@lightling.xyz>
Date: Sat, 19 Apr 2025 17:41:55 -0400
Subject: [PATCH] reemember warnings toggle, add tooltips

---
 package-lock.json                             | 35 -------------------
 projects/frontend/package.json                |  1 -
 .../src/components/shared/filter-panel.vue    |  1 +
 projects/frontend/src/main.ts                 |  2 ++
 .../frontend/src/views/shared/media-list.vue  |  2 ++
 5 files changed, 5 insertions(+), 36 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 225c503..495b0e6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2270,17 +2270,6 @@
       "integrity": "sha512-8LduaNlMZGwdZ6qWrKlfa+2M4gahzFkprZiAt2TF8uS0qQgBizKXpXURqvTJ4WtmupWxaLqjRb2UCTe72mu+Aw==",
       "license": "MIT"
     },
-    "node_modules/@popperjs/core": {
-      "version": "2.11.8",
-      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
-      "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
-      "dev": true,
-      "license": "MIT",
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/popperjs"
-      }
-    },
     "node_modules/@primeuix/styled": {
       "version": "0.5.1",
       "resolved": "https://registry.npmjs.org/@primeuix/styled/-/styled-0.5.1.tgz",
@@ -19229,16 +19218,6 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
-    "node_modules/tippy.js": {
-      "version": "6.3.7",
-      "resolved": "https://registry.npmjs.org/tippy.js/-/tippy.js-6.3.7.tgz",
-      "integrity": "sha512-E1d3oP2emgJ9dRQZdf3Kkn0qJgI6ZLpyS5z6ZkY1DF3kaQaBsGZsndEpHwx+eC+tYM41HaSNvNtLx8tU57FzTQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@popperjs/core": "^2.9.0"
-      }
-    },
     "node_modules/title-case": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/title-case/-/title-case-2.1.1.tgz",
@@ -20045,19 +20024,6 @@
         "vue": "^3.2.0"
       }
     },
-    "node_modules/vue-tippy": {
-      "version": "6.7.0",
-      "resolved": "https://registry.npmjs.org/vue-tippy/-/vue-tippy-6.7.0.tgz",
-      "integrity": "sha512-e0w6UA+A+J79GhDYNw5xZjGu7Tc2ksYypwF5RjkJVWgAGNSpXkLVNx4gZ8cMUa8FRHqmGAZxN3ue7MeXgbeZAQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "tippy.js": "^6.3.7"
-      },
-      "peerDependencies": {
-        "vue": "^3.2.0"
-      }
-    },
     "node_modules/vue-tsc": {
       "version": "2.2.8",
       "resolved": "https://registry.npmjs.org/vue-tsc/-/vue-tsc-2.2.8.tgz",
@@ -21099,7 +21065,6 @@
         "vite-ssg": "26.1.1",
         "vue": "3.5.13",
         "vue-router": "4.5.0",
-        "vue-tippy": "6.7.0",
         "vue-tsc": "2.2.8"
       }
     },
diff --git a/projects/frontend/package.json b/projects/frontend/package.json
index 2bb0fe2..11bdcc2 100644
--- a/projects/frontend/package.json
+++ b/projects/frontend/package.json
@@ -36,7 +36,6 @@
     "vite-ssg": "26.1.1",
     "vue": "3.5.13",
     "vue-router": "4.5.0",
-    "vue-tippy": "6.7.0",
     "vue-tsc": "2.2.8"
   }
 }
diff --git a/projects/frontend/src/components/shared/filter-panel.vue b/projects/frontend/src/components/shared/filter-panel.vue
index 874a8e9..d8dc4b8 100644
--- a/projects/frontend/src/components/shared/filter-panel.vue
+++ b/projects/frontend/src/components/shared/filter-panel.vue
@@ -79,6 +79,7 @@ onMounted(async () => {
     .input.labeled-checkbox(
       v-for='tag in tags'
       :id='tag.tagId'
+      v-tooltip.bottom='tag.description'
     )
       label(
         :for='`${tag.tagId}-toggle`'
diff --git a/projects/frontend/src/main.ts b/projects/frontend/src/main.ts
index e47549c..6d46bb0 100644
--- a/projects/frontend/src/main.ts
+++ b/projects/frontend/src/main.ts
@@ -5,6 +5,7 @@ import type { HLJSApi } from 'highlight.js'
 const marked = import('marked')
 import { markedHighlight } from 'marked-highlight'
 import PrimeVue from 'primevue/config'
+import Tooltip from 'primevue/tooltip'
 import Aura from '@primevue/themes/aura'
 import { definePreset } from '@primeuix/themes'
 
@@ -73,6 +74,7 @@ export const createApp = ViteSSG(
         }
       },
     })
+    .directive('tooltip', Tooltip)
     initializeRouteStore(routes, globals as unknown as SiteGlobals)
   },
 )
diff --git a/projects/frontend/src/views/shared/media-list.vue b/projects/frontend/src/views/shared/media-list.vue
index 25e7836..f46a5ce 100644
--- a/projects/frontend/src/views/shared/media-list.vue
+++ b/projects/frontend/src/views/shared/media-list.vue
@@ -91,6 +91,7 @@ onMounted(async () => {
   document.title = routeConfig.fullTitle
   ready.value = true
   hasWarnings.value = !!(await Promise.all(Object.values(list.entries))).find(other => !!other.warnings)
+  hideWarnings.value = storage.read(`${storageId}::hideWarnings`) || false
   emits('loaded')
 })
 </script>
@@ -105,6 +106,7 @@ onMounted(async () => {
     )
       .input.labeled-checkbox(
         v-if='hasWarnings && !config.removeHideWarningsToggle'
+        v-tooltip.bottom='"Whether to uncensor entries with warnings"'
       )
         label(
           for='warning-toggle-checkbox'