Add status json to Cloudflare pages (#323)

.github/workflows/cloudflare-pages-status.yml

@@ -0,0 +1,30 @@
+name: Deploy to Cloudflare Pages
+
+on:
+  push:
+    tags:
+      - "v*.*.*"
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    name: Deploy to Cloudflare Pages
+    
+    steps:
+      - name: Create status files
+        run: |
+          mkdir -p status
+          echo "{ \"version\": \"${GITHUB_REF_NAME}\" }" > status/status.json
+
+          # Cache static files for 10 minutes
+          cat > status/_headers << 'EOF'
+          /*
+            Cache-Control: public, max-age=600, s-maxage=600
+          EOF
+      
+      - name: Deploy to Cloudflare Pages
+        uses: cloudflare/wrangler-action@v3
+        with:
+          apiToken: ${{ secrets.CLOUDFLARE_PAGES_TOKEN }}
+          workingDirectory: "status"
+          command: pages deploy . --project-name=cleanuparr-status

code/backend/Cleanuparr.Api/DependencyInjection/ApiDI.cs

@@ -157,12 +157,12 @@ public static class ApiDI
                 icons = new[]
                 {
                     new {
-                        src = "assets/icons/icon-192x192.png",
+                        src = "icons/icon-192x192.png",
                         sizes = "192x192",
                         type = "image/png"
                     },
                     new {
-                        src = "assets/icons/icon-512x512.png",
+                        src = "icons/icon-512x512.png",
                         sizes = "512x512",
                         type = "image/png"
                     }

code/frontend/src/app/layout/sidebar-content/sidebar-content.component.html

@@ -1,7 +1,7 @@
 <!-- Logo Container -->
 <div class="logo-container">
   <div class="logo logo-large logo-glow">
-    <img src="/icons/128.png" width="40" height="40" alt="Logo">
+    <img src="icons/128.png" width="40" height="40" alt="Logo">
   </div>
   <h2>Cleanuparr</h2>
 </div>

code/frontend/src/app/layout/sidebar-content/sidebar-content.component.ts

@@ -255,40 +255,40 @@ export class SidebarContentComponent implements OnInit, OnDestroy {
             label: 'Sonarr',
             icon: 'pi pi-play-circle',
             route: '/sonarr',
-            iconUrl: '/icons/ext/sonarr-light.svg',
-            iconUrlHover: '/icons/ext/sonarr.svg'
+            iconUrl: 'icons/ext/sonarr-light.svg',
+            iconUrlHover: 'icons/ext/sonarr.svg'
           },
           {
             id: 'radarr',
             label: 'Radarr',
             icon: 'pi pi-play-circle',
             route: '/radarr',
-            iconUrl: '/icons/ext/radarr-light.svg',
-            iconUrlHover: '/icons/ext/radarr.svg'
+            iconUrl: 'icons/ext/radarr-light.svg',
+            iconUrlHover: 'icons/ext/radarr.svg'
           },
           {
             id: 'lidarr',
             label: 'Lidarr',
             icon: 'pi pi-bolt',
             route: '/lidarr',
-            iconUrl: '/icons/ext/lidarr-light.svg',
-            iconUrlHover: '/icons/ext/lidarr.svg'
+            iconUrl: 'icons/ext/lidarr-light.svg',
+            iconUrlHover: 'icons/ext/lidarr.svg'
           },
           {
             id: 'readarr',
             label: 'Readarr',
             icon: 'pi pi-book',
             route: '/readarr',
-            iconUrl: '/icons/ext/readarr-light.svg',
-            iconUrlHover: '/icons/ext/readarr.svg'
+            iconUrl: 'icons/ext/readarr-light.svg',
+            iconUrlHover: 'icons/ext/readarr.svg'
           },
           {
             id: 'whisparr',
             label: 'Whisparr',
             icon: 'pi pi-lock',
             route: '/whisparr',
-            iconUrl: '/icons/ext/whisparr-light.svg',
-            iconUrlHover: '/icons/ext/whisparr.svg'
+            iconUrl: 'icons/ext/whisparr-light.svg',
+            iconUrlHover: 'icons/ext/whisparr.svg'
           },
           { id: 'download-clients', label: 'Download Clients', icon: 'pi pi-download', route: '/download-clients' }
         ]

code/frontend/src/app/settings/download-cleaner/download-cleaner-config.store.ts

@@ -24,7 +24,6 @@ const initialState: DownloadCleanerConfigState = {
 };
 
 export const DownloadCleanerConfigStore = signalStore(
-  { providedIn: 'root' },
   withState(initialState),
   withMethods((store, http = inject(HttpClient), applicationPathService = inject(ApplicationPathService)) => ({
     

code/frontend/src/app/settings/download-cleaner/download-cleaner-settings.component.ts

@@ -56,7 +56,7 @@ import { DocumentationService } from "../../core/services/documentation.service"
     NgIf,
     MobileAutocompleteComponent,
   ],
-  providers: [ConfirmationService],
+  providers: [ConfirmationService, DownloadCleanerConfigStore],
   templateUrl: "./download-cleaner-settings.component.html",
   styleUrls: ["./download-cleaner-settings.component.scss"],
 })

code/frontend/src/app/settings/notification-settings/modals/provider-type-selection/provider-type-selection.component.ts

@@ -26,22 +26,22 @@ export class ProviderTypeSelectionComponent {
     {
       type: NotificationProviderType.Apprise,
       name: 'Apprise',
-      iconUrl: '/icons/ext/apprise-light.svg',
-      iconUrlHover: '/icons/ext/apprise.svg',
+      iconUrl: 'icons/ext/apprise-light.svg',
+      iconUrlHover: 'icons/ext/apprise.svg',
       description: 'https://github.com/caronc/apprise'
     },
     {
       type: NotificationProviderType.Notifiarr,
       name: 'Notifiarr',
-      iconUrl: '/icons/ext/notifiarr-light.svg',
-      iconUrlHover: '/icons/ext/notifiarr.svg',
+      iconUrl: 'icons/ext/notifiarr-light.svg',
+      iconUrlHover: 'icons/ext/notifiarr.svg',
       description: 'https://notifiarr.com'
     },
     {
       type: NotificationProviderType.Ntfy,
       name: 'ntfy',
-      iconUrl: '/icons/ext/ntfy-light.svg',
-      iconUrlHover: '/icons/ext/ntfy.svg',
+      iconUrl: 'icons/ext/ntfy-light.svg',
+      iconUrlHover: 'icons/ext/ntfy.svg',
       description: 'https://ntfy.sh/'
     }
   ];

code/frontend/src/index.html

@@ -43,7 +43,7 @@
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-status-bar-style" content="black">
   <meta name="apple-mobile-web-app-title" content="Cleanuparr">
-  <link rel="apple-touch-icon" href="assets/icons/apple-touch-icon.png">
+  <link rel="apple-touch-icon" href="icons/apple-touch-icon.png">
 </head>
 <body>
   <app-root></app-root>