Updates

.github/workflows/lint.yaml

@@ -20,7 +20,7 @@ jobs:
 
     steps:
       - name: "Checkout"
-        uses: actions/checkout@v6
+        uses: actions/checkout@v7
 
       - name: "Debug event.json"
         continue-on-error: true
@@ -32,7 +32,7 @@ jobs:
         run: echo "$GITHUB_CTX"
 
       - name: "Setup Node 24"
-        uses: actions/setup-node@v6
+        uses: actions/setup-node@v7
         with:
           node-version: 24
 

.github/workflows/pages.yaml

@@ -52,7 +52,7 @@ jobs:
     steps:
       - name: "Deploy Pages"
         id: deployment
-        uses: actions/deploy-pages@v4
+        uses: actions/deploy-pages@v5
 
       - name: "Send Discord Notification"
         if: ${{ !cancelled() }}

.ncurc.yaml

@@ -0,0 +1,2 @@
+reject:
+  - typescript

package.json

@@ -15,32 +15,33 @@
     "tsc": "vue-tsc --build"
   },
   "dependencies": {
-    "@fortawesome/fontawesome-free": "^7.2.0",
-    "@tsparticles/slim": "^3.9.1",
-    "@tsparticles/vue3": "^3.0.1",
+    "@fortawesome/fontawesome-free": "^7.3.1",
+    "@tsparticles/plugin-background-mask": "^4.3.2",
+    "@tsparticles/slim": "^4.3.2",
+    "@tsparticles/vue3": "^4.3.2",
     "animate.css": "^4.1.1",
-    "axios": "^1.15.2",
+    "axios": "^1.19.0",
     "bootstrap": "^5.3.8",
-    "ua-parser-js": "^2.0.9",
-    "vue": "^3.5.33",
-    "vue-router": "^5.0.6"
+    "ua-parser-js": "^2.0.10",
+    "vue": "^3.5.41",
+    "vue-router": "^5.2.0"
   },
   "devDependencies": {
-    "@tsconfig/node24": "^24.0.4",
-    "@types/bootstrap": "^5.2.10",
-    "@types/node": "^25.6.0",
-    "@vitejs/plugin-vue": "^6.0.6",
+    "@tsconfig/node24": "^24.0.5",
+    "@types/bootstrap": "^5.2.11",
+    "@types/node": "^26.2.0",
+    "@vitejs/plugin-vue": "^6.0.8",
     "@vue/eslint-config-prettier": "^10.2.0",
-    "@vue/eslint-config-typescript": "^14.7.0",
+    "@vue/eslint-config-typescript": "^14.9.0",
     "@vue/tsconfig": "^0.9.1",
-    "eslint": "^10.2.1",
-    "eslint-plugin-vue": "~10.9.0",
-    "jiti": "^2.6.1",
-    "prettier": "3.8.3",
-    "sass": "^1.99.0",
+    "eslint": "^10.9.0",
+    "eslint-plugin-vue": "~10.10.0",
+    "jiti": "^2.7.0",
+    "prettier": "3.9.6",
+    "sass": "^1.103.1",
     "typescript": "^6.0.3",
-    "vite": "^8.0.10",
-    "vue-tsc": "^3.2.7"
+    "vite": "^8.2.2",
+    "vue-tsc": "^3.3.11"
   },
   "engines": {
     "node": ">=22.12.0"

src/assets/particles.json

@@ -14,14 +14,15 @@
     },
     "enable": true
   },
-  "clear": false,
+  "clear": true,
   "defaultThemes": {},
   "delay": 0,
   "fullScreen": {
     "enable": true,
     "zIndex": -1
   },
   "detectRetina": true,
+  "hdr": false,
   "duration": 0,
   "fpsLimit": 60,
   "interactivity": {

src/components/FeedbackForm.vue

@@ -184,7 +184,7 @@ onUnmounted(() => {
     <hr class="my-2" />
 
     <div class="text-center">
-      <p class="lead">Please let us know why you uninstalled {{ app.name }}.</p>
+      <p class="lead">{{ app.lead_text || `Please let us know why you uninstalled ${app.name}.` }}</p>
 
       <!--<p class="mb-1 fs-3 animate__animated animate__delay-1s" :class="{ animate__shakeX: hasFocus }">-->
       <p>

src/config/apps.ts

@@ -7,11 +7,13 @@ export interface App {
   redirect_url?: string
   broken_text?: string
   relay_url?: string
+  lead_text?: string
 }
 
 // export type App = (typeof apps)[keyof typeof apps]
 
 export const apps = {
+  // Web Extensions
   'auto-auth': {
     id: 'auto-auth',
     name: 'Auto Auth',
@@ -70,4 +72,14 @@ export const apps = {
     broken_text: 'Please provide a link to the site that is not functioning.',
     relay_url: 'https://relay.cssnr.com/discord/1376046470926438440',
   },
+  // Android Applications
+  'zipline-android': {
+    id: 'zipline-android',
+    name: 'Zipline Android',
+    github_url: 'https://github.com/smashedr/zipline-android',
+    icon: 'https://zipline-android.cssnr.com/images/logo.png',
+    redirect_url: 'https://github.com/smashedr/zipline-android/issues',
+    broken_text: 'Please let us know exactly what went wrong...',
+    lead_text: 'Please let us know what went wrong (or right) with the application.',
+  },
 }

src/main.ts

@@ -6,6 +6,7 @@ import '@/utils/theme.js'
 import '@/assets/css/styles.scss'
 import { createApp } from 'vue'
 import Particles from '@tsparticles/vue3'
+import { loadBackgroundMaskPlugin } from '@tsparticles/plugin-background-mask'
 import { loadSlim } from '@tsparticles/slim'
 import router from './router'
 import App from './App.vue'
@@ -16,6 +17,8 @@ app.use(router)
 
 app.use(Particles, {
   init: async (engine) => {
+    // backgroundMask moved out of the engine core in v4, it needs its own plugin now
+    await loadBackgroundMaskPlugin(engine)
     await loadSlim(engine)
   },
 })