-
-
+
+
- {{ title }}
+
+
+
-
+
+
+ {{ title }}
+
+
+
{{ subtitle }}
+
+
-
+
-
+
+ Ces paramètres ne seront pris en compte qu'au prochain redémarrage de Subsonics : {{ pendingLabels.join(", ") }}.
+
+
+
+
-
-
-
+
+
+
-
-
-
- {{ integ.discord?.ready ? "Connecté" : "Déconnecté" }}
-
-
- Compte : {{ integ.discord.tag }}
-Redirection OAuth2 à déclarer dans le portail développeur Discord :
-
-
+
+
+
+
+
+
+
+
{{ integ.discord?.redirectUri || "Adresse du site non définie" }}
-
+
-
- Redirection OAuth2 à déclarer dans le portail développeur Discord :
+
+
{{ integ.discord?.redirectUri || "Adresse du site non définie" }}
+
-
-
+
+
diff --git a/src/components/Admin/AdminDashboard.vue b/src/components/Admin/AdminDashboard.vue
index 310f408..5130a2c 100644
--- a/src/components/Admin/AdminDashboard.vue
+++ b/src/components/Admin/AdminDashboard.vue
@@ -1,45 +1,62 @@
-
+ Cette partition est réservée aux administrateurs de Subsonics.
-
+
-
- {{ integ.google?.configured ? "Configuré" : "Incomplet" }}
-
+
+ Il manque : {{ googleMissing.join(", ") }}.
+
-
-
-
-
+
- URI de redirection autorisée à déclarer dans la console Google Cloud (identifiants OAuth « Application Web ») :
+
+
{{ integ.google?.redirectUri || "Définissez d'abord l'adresse du site" }}
+ - - {{ safeNum(integ.google.linkedUsers) }} compte(s) lié(s), dont {{ safeNum(integ.google.invalidUsers) }} à reconnecter + + +
+
+
+
+
+ {{ entry(field.key).set ? "Défini · " + safeNum(entry(field.key).length) + " caractères" : "Non défini" }}
+
- Aucun compte lié
-
-
- - Il manque : {{ googleMissing.join(", ") }}. -
+ + + + +
-
-
-
- {{ spotifyState.label }}
-
- - Dernier test {{ formatRelative(integ.spotify.lastTest.at, nowDate) }} : {{ integ.spotify.lastTest.message }} -
-Liens publics uniquement (albums, playlists, titres), convertis vers YouTube.
-
-
-
-
-
-
-
- {{ warpState.label }}
-
- {{ integ.warp?.configured ? "Routes : " + (integ.warp.routes || []).map(r => r === 'warp' ? 'WARP' : 'directe').join(" puis ") : "Connexion directe uniquement" }}
-
-
-
-
-
-
-
- {{ cookiesState.label }}
-
- - Cookies importés {{ formatRelative(integ.youtube.cookies.importedAt, nowDate) }} · {{ integ.youtube.cookies.invalidReason }} - Lecture anonyme (aucun cookie) -
-
-
-
-
-
-
-
- {{ !integ.media?.configured ? "Non configurée" : integ.media.connected ? "Salon accessible" : "Salon introuvable" }}
-
-
- Salon Discord où sont stockés les fichiers envoyés par les utilisateurs.
-
-
-
-
- {{ group.hint }}
- -
-
-
- URI de redirection autorisée à déclarer dans la console Google Cloud (identifiants OAuth « Application Web ») :
-
-
- {{ integ.google?.redirectUri || "Définissez d'abord l'adresse du site" }}
-
-
+
+
+
+
-
- Redémarrage requis
- Au redémarrage
-
-
-
-
-
-
-
- {{ field.hint }}
-+ + +
+ Les secrets ne sont jamais renvoyés au navigateur ni écrits dans les journaux : seule leur longueur est affichée. Chaque modification est enregistrée dans config.json et journalisée (nom du paramètre uniquement).
@@ -167,63 +124,67 @@ import { computed, onMounted, onUnmounted, reactive, ref, watch } from 'vue'; import { useAdminStore } from '@/stores/adminStore'; import { adminRequest } from '@/utils/AdminRequest'; import Button from '@/components/UI/Button.vue'; -import Tag from '@/components/UI/Tag.vue'; -import Info from '@/components/UI/Info.vue'; import IconAction from '@/components/UI/IconAction.vue'; import AdminSection from './AdminSection.vue'; import AdminState from './AdminState.vue'; +import AdminGrid from './AdminGrid.vue'; import AdminCard from './AdminCard.vue'; +import AdminStatRow from './AdminStatRow.vue'; +import AdminStat from './AdminStat.vue'; +import AdminBanner from './AdminBanner.vue'; +import AdminField from './AdminField.vue'; import AdminConfirm from './AdminConfirm.vue'; import { safeNum, formatRelative } from './adminFormat'; const adminStore = useAdminStore(); const confirmRef = ref(null); +// kind : même validation que le serveur (Configuration.validateValue) — text | url | port | snowflake const groups = [ { - id: 'discord', title: "Discord", icon: "fa-brands fa-discord", color: "var(--admin-color)", + id: 'discord', title: "Discord", icon: "fa-brands fa-discord", tone: 'admin', fields: [ - { key: 'token', label: "Token du bot", max: 200, hint: "Portail développeur Discord > Bot > Reset Token. Un token invalide empêche le bot de démarrer." }, - { key: 'client_secret', label: "Secret OAuth2 (connexion au site)", max: 200, hint: "Portail développeur Discord > OAuth2 > Client Secret. Pris en compte immédiatement." } + { key: 'token', kind: 'text', label: "Token du bot", max: 200, hint: "Portail développeur Discord > Bot > Reset Token. Un token invalide empêche le bot de démarrer." }, + { key: 'client_secret', kind: 'text', label: "Secret OAuth2 (connexion au site)", max: 200, hint: "Portail développeur Discord > OAuth2 > Client Secret. Pris en compte immédiatement." } ] }, { - id: 'website', title: "Site web", icon: "fa-solid fa-globe", color: "var(--main)", + id: 'website', title: "Site web", icon: "fa-solid fa-globe", tone: 'main', fields: [ - { key: 'website', label: "Adresse publique du site", mono: true, max: 300, placeholder: "https://subsonics.example.org", hint: "Sert aux redirections Discord (/redirect) et Google (/oauth2callback)." }, - { key: 'server_port', label: "Port du serveur", mono: true, numeric: true, max: 5, placeholder: "5000", hint: "Port d'écoute du backend (le healthcheck Docker utilise 4000)." } + { key: 'website', kind: 'url', label: "Adresse publique du site", mono: true, max: 300, placeholder: "https://subsonics.example.org", hint: "Sert aux redirections Discord (/redirect) et Google (/oauth2callback)." }, + { key: 'server_port', kind: 'port', label: "Port du serveur", mono: true, max: 5, placeholder: "5000", hint: "Port d'écoute du backend (le healthcheck Docker utilise 4000)." } ] }, { - id: 'google', title: "Google / YouTube Data API", icon: "fa-brands fa-google", color: "var(--text-error)", + id: 'google', title: "Google / YouTube Data API", icon: "fa-brands fa-google", tone: 'error', hint: "Permet aux utilisateurs de lier leur compte Google pour importer leurs playlists YouTube (et « J'aime »).", fields: [ - { key: 'api.youtube.clientId', label: "ID client OAuth", mono: true, max: 300, placeholder: "….apps.googleusercontent.com" }, - { key: 'api.youtube.clientSecret', label: "Secret client OAuth", max: 300 } + { key: 'api.youtube.clientId', kind: 'text', label: "ID client OAuth", mono: true, max: 300, placeholder: "….apps.googleusercontent.com" }, + { key: 'api.youtube.clientSecret', kind: 'text', label: "Secret client OAuth", max: 300 } ] }, { id: 'spotify', title: "Spotify", icon: "fa-brands fa-spotify", color: "var(--mod-color)", hint: "Application Spotify (developer.spotify.com) : identifiants « client credentials ».", fields: [ - { key: 'api.spotify.clientId', label: "Client ID", mono: true, max: 200 }, - { key: 'api.spotify.clientSecret', label: "Client secret", max: 200 } + { key: 'api.spotify.clientId', kind: 'text', label: "Client ID", mono: true, max: 200 }, + { key: 'api.spotify.clientSecret', kind: 'text', label: "Client secret", max: 200 } ] }, { id: 'media', title: "Base média", icon: "fa-solid fa-photo-film", color: "var(--owner-color)", hint: "Serveur et salon Discord où le bot dépose les fichiers envoyés par les utilisateurs.", fields: [ - { key: 'media.guildId', label: "ID du serveur", mono: true, numeric: true, max: 25 }, - { key: 'media.channelId', label: "ID du salon", mono: true, numeric: true, max: 25 } + { key: 'media.guildId', kind: 'snowflake', label: "ID du serveur", mono: true, max: 25 }, + { key: 'media.channelId', kind: 'snowflake', label: "ID du salon", mono: true, max: 25 } ] }, { - id: 'report', title: "Signalements", icon: "fa-solid fa-flag", color: "var(--text-warning)", + id: 'report', title: "Signalements", icon: "fa-solid fa-flag", tone: 'warning', hint: "Destination des signalements envoyés depuis le site.", fields: [ - { key: 'report.channel', label: "ID du salon de signalement", mono: true, numeric: true, max: 25 }, - { key: 'report.contact', label: "ID de l'utilisateur à contacter", mono: true, numeric: true, max: 25 } + { key: 'report.channel', kind: 'snowflake', label: "ID du salon de signalement", mono: true, max: 25 }, + { key: 'report.contact', kind: 'snowflake', label: "ID de l'utilisateur à contacter", mono: true, max: 25 } ] } ]; @@ -269,12 +230,35 @@ function isDirty(field) { return draft.trim() !== serverText(field.key); } +// Validation locale (le serveur revalide) : affichée seulement pour une valeur modifiée +function fieldError(field) { + if (!isDirty(field)) return null; + const text = String(drafts[field.key] ?? "").trim(); + if (text === "") { + return entry(field.key).optional === false ? "Ce paramètre ne peut pas être vide" : null; + } + switch (field.kind) { + case 'port': { + const n = Number(text); + return /^\d+$/.test(text) && n >= 1 && n <= 65535 ? null : "Port invalide : entier entre 1 et 65535"; + } + case 'snowflake': + return /^\d{5,25}$/.test(text) ? null : "Identifiant Discord invalide : 5 à 25 chiffres"; + case 'url': + if (!/^https?:\/\/\S+$/i.test(text)) return "Lien http(s):// attendu, sans espace"; + if (/[?#]/.test(text)) return "L'adresse ne doit contenir ni paramètres (?) ni ancre (#)"; + return null; + default: + return /\s/.test(text) ? "Les espaces sont interdits (copier-coller incomplet ?)" : null; + } +} + function resetDraft(key) { drafts[key] = serverText(key); } const pendingLabels = computed(() => Object.entries(data.value?.config || {}) - .filter(([, value]) => value.pendingRestart) + .filter(([, value]) => value?.pendingRestart) .map(([key]) => labelOf[key] || key)); const googleMissing = computed(() => { @@ -285,31 +269,55 @@ const googleMissing = computed(() => { return missing; }); +const googleSub = computed(() => { + const google = integ.value.google; + if (!google?.accountsAvailable) return "Aucun compte lié"; + const invalid = safeNum(google.invalidUsers); + return safeNum(google.linkedUsers) + " compte(s) lié(s)" + (invalid ? ", dont " + invalid + " à reconnecter" : ""); +}); + const spotifyState = computed(() => { const spotify = integ.value.spotify; - if (!spotify?.configured) return { label: "Non configuré", color: "var(--text-secondary)", icon: "fa-solid fa-circle-minus" }; - if (spotify.lastTest) { - return spotify.lastTest.ok - ? { label: "Testé : OK", color: "var(--text-success)", icon: "fa-solid fa-circle-check" } - : { label: "Test échoué", color: "var(--text-error)", icon: "fa-solid fa-circle-xmark" }; - } - return { label: "Configuré", color: "var(--admin-color)", icon: "fa-solid fa-circle-check" }; + if (!spotify?.configured) return { label: "Non configuré", tone: "default" }; + if (spotify.lastTest) return spotify.lastTest.ok ? { label: "Testé : OK", tone: "success" } : { label: "Test échoué", tone: "error" }; + return { label: "Configuré", tone: "admin" }; +}); + +const spotifySub = computed(() => { + const last = integ.value.spotify?.lastTest; + return last ? "Testé " + formatRelative(last.at, nowDate.value) : "Liens publics uniquement"; }); const warpState = computed(() => { const warp = integ.value.warp; - if (!warp?.configured) return { label: "Non configuré", color: "var(--text-secondary)", icon: "fa-solid fa-circle-minus" }; - return warp.healthy - ? { label: "Opérationnel", color: "var(--text-success)", icon: "fa-solid fa-circle-check" } - : { label: "Injoignable", color: "var(--text-error)", icon: "fa-solid fa-circle-xmark" }; + if (!warp?.configured) return { label: "Non configuré", tone: "default" }; + return warp.healthy ? { label: "Opérationnel", tone: "success" } : { label: "Injoignable", tone: "error" }; +}); + +const warpSub = computed(() => { + const warp = integ.value.warp; + if (!warp?.configured) return "Connexion directe uniquement"; + return "Routes : " + (warp.routes || []).map(r => (r === 'warp' ? 'WARP' : 'directe')).join(" puis "); }); const cookiesState = computed(() => { const cookies = integ.value.youtube?.cookies; - if (!cookies?.present) return { label: "Aucun compte", color: "var(--text-secondary)", icon: "fa-solid fa-user-slash" }; - if (!cookies.loggedIn) return { label: "Non connecté", color: "var(--text-warning)", icon: "fa-solid fa-triangle-exclamation" }; - if (!cookies.valid) return { label: "Invalidé", color: "var(--text-error)", icon: "fa-solid fa-circle-xmark" }; - return { label: "Connecté", color: "var(--text-success)", icon: "fa-solid fa-circle-check" }; + if (!cookies?.present) return { label: "Aucun compte", tone: "default" }; + if (!cookies.loggedIn) return { label: "Non connecté", tone: "warning" }; + if (!cookies.valid) return { label: "Invalidé", tone: "error" }; + return { label: "Connecté", tone: "success" }; +}); + +const cookiesSub = computed(() => { + const cookies = integ.value.youtube?.cookies; + if (!cookies?.present) return "Lecture anonyme (aucun cookie)"; + return "Importés " + formatRelative(cookies.importedAt, nowDate.value) + (cookies.invalidReason ? " · " + cookies.invalidReason : ""); +}); + +const mediaState = computed(() => { + const media = integ.value.media; + if (!media?.configured) return { label: "Non configurée", tone: "default" }; + return media.connected ? { label: "Salon accessible", tone: "success" } : { label: "Salon introuvable", tone: "error" }; }); async function send(field, value) { @@ -336,7 +344,7 @@ async function send(field, value) { } async function save(field) { - if (!isDirty(field) || saving[field.key]) return; + if (!isDirty(field) || saving[field.key] || fieldError(field)) return; const value = drafts[field.key].trim(); if (field.key === 'token') { const ok = await confirmRef.value.ask({ @@ -400,188 +408,51 @@ onMounted(() => { onUnmounted(() => clearInterval(timer)); diff --git a/src/components/Admin/AdminConfirm.vue b/src/components/Admin/AdminConfirm.vue index 499a042..ec838cf 100644 --- a/src/components/Admin/AdminConfirm.vue +++ b/src/components/Admin/AdminConfirm.vue @@ -1,23 +1,23 @@ -
-
-
+
+
-
-
- {{ reason.trim().length }} / {{ options.reasonMax }} caractères (minimum {{ options.reasonMin }})
+
+
+ {{ reason.trim().length }} / {{ options.reasonMax }} caractères (minimum {{ options.reasonMin }})
-
-
+
+
-
+
+ Accès refusé
-
+
+
+
+
+
+
+
+
+
diff --git a/src/components/Admin/AdminKv.vue b/src/components/Admin/AdminKv.vue
index 62ad394..f31a6fb 100644
--- a/src/components/Admin/AdminKv.vue
+++ b/src/components/Admin/AdminKv.vue
@@ -1,11 +1,13 @@
-
-
-
diff --git a/src/components/Admin/AdminField.vue b/src/components/Admin/AdminField.vue
new file mode 100644
index 0000000..599b610
--- /dev/null
+++ b/src/components/Admin/AdminField.vue
@@ -0,0 +1,145 @@
+
+
+
+
+
diff --git a/src/components/Admin/AdminGrid.vue b/src/components/Admin/AdminGrid.vue
new file mode 100644
index 0000000..0dc6556
--- /dev/null
+++ b/src/components/Admin/AdminGrid.vue
@@ -0,0 +1,73 @@
+
+
+
+
+ {{ label }}
+ (obligatoire)
+
+
+
+
+ Verrouillé par {{ env }}
+ Verrouillé
+
+
+ Redémarrage en attente
+
+
+ Redémarrage requis
+
+
+ Modifié
+
+
+
+
+ + + {{ error }} +
++ + {{ title }} +
+{{ subtitle }}
+
+
+
- {{ label }}
- {{ value }}
+
+
+
+
diff --git a/src/components/Admin/AdminLogs.vue b/src/components/Admin/AdminLogs.vue
index 84688fb..93709f5 100644
--- a/src/components/Admin/AdminLogs.vue
+++ b/src/components/Admin/AdminLogs.vue
@@ -1,97 +1,127 @@
-
+
-
+ {{ label }}
+ {{ value }}
-
diff --git a/src/components/Admin/AdminList.vue b/src/components/Admin/AdminList.vue
new file mode 100644
index 0000000..2a1f74b
--- /dev/null
+++ b/src/components/Admin/AdminList.vue
@@ -0,0 +1,34 @@
+
+
-
-
+
+
+
+
+
-
+
+
+
+
+ {{ formatBytes(file.size) }} · {{ formatRelative(file.modifiedAt, nowDate) }}
+
+ Actuel
+
+
-
+
-
+
+
+
+
+
+
+
+
+
-
+
- Actuel
-
-
-
- {{ file.name }}
- -
-
+
+
+
+
+ En direct
+
+
-
- Journal interrompu : la dernière ligne est « END OF LOGS ». Plus rien n'est écrit dans ce fichier.
-
+
+ La dernière ligne est « END OF LOGS » : plus rien n'est écrit dans ce fichier.
+
-
-
-
-
-
+
-
- Par serveur
- Par utilisateur
- Brutes
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+
+
+
+
+
+ {{ user.key }}
+
+ Commandes : {{ formatCount(user.commands) }}
+
+
+
+
+
+
+
+
-
+
+
+
+
+
+
+
+
+ Invalide
+ {{ String(metric.name).includes('Seconds') ? formatUptime(metric.value) : formatCount(metric.value) }}
+
+
+
+
+
+
diff --git a/src/components/Admin/AdminOverview.vue b/src/components/Admin/AdminOverview.vue
index bfd4ceb..8585ff5 100644
--- a/src/components/Admin/AdminOverview.vue
+++ b/src/components/Admin/AdminOverview.vue
@@ -1,167 +1,200 @@
-
+
-
+
-
- Le journal « {{ data.logs.current }} » est interrompu : plus rien n'est écrit dans le fichier de logs depuis la dernière erreur fatale.
-
+
+
+ {{ alert.text }}
+
+
+
+
-
+
+
+
+
+
+ {{ formatBytes(db.sizeBytes) }}
+ modifiée {{ formatRelative(db.modifiedAt, nowDate) }}
+
+
+
+
+
+
diff --git a/src/components/Admin/AdminPills.vue b/src/components/Admin/AdminPills.vue
index a3a0967..433c89e 100644
--- a/src/components/Admin/AdminPills.vue
+++ b/src/components/Admin/AdminPills.vue
@@ -1,16 +1,25 @@
-
-
-
-
+
+
+
+ {{ live ? "Lecture en direct activée" : "" }}
+
+
+
-
+ Des compteurs contiennent une valeur non numérique (fichier modifié à la main ou écriture interrompue).
+ La réparation les remet à zéro.
+
+
+
+
+
+
+
+ :tone="invalidCount ? 'error' : 'success'" :sub="safeNum(data.raw?.length) + ' compteur(s) au total'"/>
+
- Aucune statistique par serveur.
+
- Aucune statistique par serveur
-
+
+
-
-
-
- {{ guild.guildName || "Serveur inconnu (quitté ?)" }}
-{{ guild.guildId }}
-
-
- Aucune statistique par utilisateur.
+
- Aucune statistique par utilisateur
-
-
-
-
-
-
-
-
- {{ user.key }}
-
- Aucune métrique brute
-
-
+
+
- Invalide
-
-
-
- {{ metric.description || metric.name }}
-{{ metric.name }}
-{{ metric.name.includes('Seconds') ? formatUptime(metric.value) : safeNum(metric.value) }}
-+ {{ data.raw?.length ? "Aucun compteur ne correspond au filtre." : "Aucune métrique brute." }} +
+
-
+
+
-
-
-
+
+
+
+ {{ data.discord?.ready ? "Prêt" : "Non prêt" }}
+
+
+
+
+
+
+ {{ warpState.label }}
+
+
+
+
+
+ Mise à jour…
+ {{ ytAccount.label }}
+
+
+
+ {{ youtubeClass(data.ytdlp.lastFailure.cls) }}
+ · {{ formatRelative(data.ytdlp.lastFailure.at, nowDate) }}
+
+ Aucun
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
- {{ data.app?.pm2 ? "pm2" : "Docker / node" }}
+ {{ data.app?.pm2 ? "pm2" : "Docker / node" }}
+
-
-
-
-
-
-
-
-
- {{ data.discord?.ready ? "Prêt" : "Non prêt" }}
-
-
-
-
-
-
-
-
-
-
+
+
+
-
-
-
- Non configuré
- {{ data.warp?.healthy ? "Opérationnel" : "Injoignable" }}
+
-
-
- Mise à jour…
-
-
- {{ ytAccount.label }}
-
-
- {{ youtubeClass(data.ytdlp.lastFailure.cls) }}
- · {{ formatRelative(data.ytdlp.lastFailure.at, nowDate) }}
-
-
-
-
-
- {{ data.media?.configured ? "Configuré" : "Non configuré" }}
-
-
- {{ data.media?.connected ? "Connecté" : "Déconnecté" }}
-
-
-
-
+
-
-
-
- {{ data.logs?.interrupted ? "Interrompu" : "Actif" }}
+
+
-
-
- Aucune base de données
-
- {{ formatBytes(db.sizeBytes) }}
- · {{ formatRelative(db.modifiedAt, nowDate) }}
+
+
+ {{ data.logs?.interrupted ? "Interrompu" : "Actif" }}
+
+ {{ data.media?.configured ? "Configuré" : "Non configuré" }}
+
+
+ {{ data.media?.connected ? "Connecté" : "Déconnecté" }}
+
+
+
+
-
+
+
+ ![]()
+
+ {{ data.discord.tag }}
+ {{ data.discord.id }}
+
+
+
-
-
- ![Avatar du bot]()
-
-
-
- {{ data.discord.tag }}
-{{ data.discord.id }}
-{{ data.ytdlp.cookies.invalidReason }}
- -
-
-
diff --git a/src/components/Admin/AdminPlayerCard.vue b/src/components/Admin/AdminPlayerCard.vue
index 50a2fdb..da080dc 100644
--- a/src/components/Admin/AdminPlayerCard.vue
+++ b/src/components/Admin/AdminPlayerCard.vue
@@ -1,110 +1,136 @@
-
-
+
+ {{ status.label }}
-
+
-
+
-
- {{ player.guildName || "Serveur inconnu" }}
-{{ player.guildId }}
-
- ![Miniature]()
-
+
+
+ ![]()
+
+
+
- {{ player.current.title }}
-
{{ player.current.title }}
- + + {{ player.current.title || "Titre inconnu" }} (nouvel onglet) + +{{ player.current.title || "Titre inconnu" }}
+ -Aucun titre en cours
- +Aucun titre en cours
+
-
-
+
-
{{ formatClock(positionMs) }}
- LIVE
+ En direct
{{ formatClock(durationMs) }}