feat(pmoapp): enable PWA support and bump version to 0.3.57

Integrate vite-plugin-pwa to enable progressive web app capabilities, configuring manifest icons and Workbox service worker strategies for API and audio routes. Update index.html with PWA metadata and mobile-specific meta tags, and add 192px/512px icon assets. Resolve version conflicts in PMOMusic and version.txt, advancing the project to 0.3.57 alongside corresponding dependency updates.
Bump version to 0.3.55 and update Dockerfile
2026-06-28 11:39:15 +02:00 · 2026-06-21 19:11:47 +02:00 · 2026-06-21 19:07:45 +02:00
12 changed files with 4900 additions and 26 deletions
--- a/Cargo.lock
+++ b/Cargo.lock
@@ -4,7 +4,7 @@ version = 4

 [[package]]
 name = "PMOMusic"
-version = "0.3.54"
+version = "0.3.57"
 dependencies = [
 "axum 0.8.7",
 "console-subscriber",
--- a/1
+++ b/1
@@ -57,6 +57,7 @@ COPY pmoplaylist/ ./pmoplaylist/
 COPY pmoflac/ ./pmoflac/
 COPY pmometadata/ ./pmometadata/
 COPY pmocontrol/ ./pmocontrol/
+COPY pmourlsource/ ./pmourlsource/
 COPY pmoaudio-ext/ ./pmoaudio-ext/
 COPY pmoapp/ ./pmoapp/

--- a/PMOMusic-A-192.png
+++ b/PMOMusic-A-192.png
--- a/PMOMusic-A-512.png
+++ b/PMOMusic-A-512.png
--- a/PMOMusic/Cargo.toml
+++ b/PMOMusic/Cargo.toml
@@ -1,6 +1,6 @@
 [package]
 name = "PMOMusic"
-version = "0.3.54"
+version = "0.3.58"
 edition = "2024"

 [dependencies]
--- a/pmoapp/webapp/index.html
+++ b/pmoapp/webapp/index.html
@@ -2,9 +2,15 @@
 <html lang="en">
  <head>
    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/png" sizes="192x192" href="/app/icons/icon-192.png" />
+    <link rel="apple-touch-icon" href="/app/icons/icon-192.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
-    <title>webapp</title>
+    <meta name="theme-color" content="#111827" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+    <meta name="apple-mobile-web-app-title" content="PMOMusic" />
+    <title>PMOMusic</title>
  </head>
  <body>
    <div id="app"></div>
--- a/pmoapp/webapp/package-lock.json
+++ b/pmoapp/webapp/package-lock.json
--- a/pmoapp/webapp/package.json
+++ b/pmoapp/webapp/package.json
@@ -25,6 +25,7 @@
    "@vue/tsconfig": "^0.8.1",
    "typescript": "~5.8.3",
    "vite": "^7.1.7",
+    "vite-plugin-pwa": "^1.3.0",
    "vue-tsc": "^3.0.7"
  }
 }
--- a/pmoapp/webapp/public/icons/icon-192.png
+++ b/pmoapp/webapp/public/icons/icon-192.png
--- a/pmoapp/webapp/public/icons/icon-512.png
+++ b/pmoapp/webapp/public/icons/icon-512.png
--- a/pmoapp/webapp/vite.config.ts
+++ b/pmoapp/webapp/vite.config.ts
@@ -1,10 +1,58 @@
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
+import { VitePWA } from 'vite-plugin-pwa'
 import { fileURLToPath, URL } from 'node:url'

 // https://vite.dev/config/
 export default defineConfig({
-  plugins: [vue()],
+  plugins: [
+    vue(),
+    VitePWA({
+      registerType: 'autoUpdate',
+      base: '/app/',
+      manifest: {
+        name: 'PMOMusic',
+        short_name: 'PMOMusic',
+        description: 'Contrôleur UPnP/DLNA pour votre musique',
+        start_url: '/app/',
+        display: 'standalone',
+        orientation: 'any',
+        theme_color: '#111827',
+        background_color: '#111827',
+        icons: [
+          {
+            src: '/app/icons/icon-192.png',
+            sizes: '192x192',
+            type: 'image/png',
+          },
+          {
+            src: '/app/icons/icon-512.png',
+            sizes: '512x512',
+            type: 'image/png',
+            purpose: 'any maskable',
+          },
+        ],
+      },
+      workbox: {
+        navigateFallback: '/app/index.html',
+        globPatterns: ['**/*.{js,css,html,ico,png,svg,woff2}'],
+        runtimeCaching: [
+          {
+            urlPattern: /^\/api\//,
+            handler: 'NetworkFirst',
+            options: {
+              cacheName: 'api-cache',
+              networkTimeoutSeconds: 5,
+            },
+          },
+          {
+            urlPattern: /^\/audio\//,
+            handler: 'NetworkOnly',
+          },
+        ],
+      },
+    }),
+  ],
  base: '/app/',  // Base path pour le déploiement
  resolve: {
    alias: {
--- a/version.txt
+++ b/version.txt
@@ -1 +1 @@
-0.3.54
+0.3.58
@@ -1 +1 @@
 .3.54
 .3.58