chore: version 1.4.2 — fix stats ISPConfig

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
fix: stats — utiliser le rapport ISPConfig au lieu de générer manuellement
2026-05-06 12:03:42 +02:00 · 2026-05-06 12:01:43 +02:00 · 2026-05-06 11:57:36 +02:00 · 2026-05-06 11:53:25 +02:00 · 2026-05-06 11:49:02 +02:00 · 2026-05-06 11:44:31 +02:00
7 changed files with 235 additions and 12 deletions
--- a/app/.env.example
+++ b/app/.env.example
@ -18,12 +18,11 @@ ADMIN_EMAILS=cedric.alpinux@acemail.fr
 ASSETS_ROOT=<chemin absolu>

 # ── Statistiques GoAccess ─────────────────────────────────────────────
-# Rapport HTML affiché dans l'onglet Statistiques
-STATS_FILE=/opt/static-cdn/goaccess.html
+# Rapport HTML généré par ISPConfig (mis à jour chaque nuit automatiquement)
+STATS_FILE=/var/www/clients/client1/web17/web/stats/goaindex.html
 # Rapport JSON pour les badges "Vues" dans le navigateur de fichiers
-STATS_JSON=/opt/static-cdn/goaccess.json
-# Fichier de log Apache à analyser (nécessaire pour la génération à la demande)
+STATS_JSON=
+# Fichier de log Apache (utilisé seulement si STATS_GENERATE_CMD est défini)
 STATS_LOG_FILE=/var/log/ispconfig/httpd/static.alpinux.org/access.log
-# Commande complète de génération (optionnel — remplace la commande par défaut)
-# Exemple : goaccess /var/log/... --log-format=COMBINED -o /opt/static-cdn/goaccess.html
+# Laisser vide : ISPConfig gère la génération
 STATS_GENERATE_CMD=
--- a/app/CHANGELOG.md
+++ b/app/CHANGELOG.md
@ -0,0 +1,82 @@
+# Changelog — Alpinux Static
+
+## [1.4.2] — 2026-05-06
+
+### Corrigé
+- Statistiques : la page affichait une erreur de génération alors qu'ISPConfig génère déjà le rapport GoAccess chaque nuit — `STATS_FILE` pointe maintenant directement sur le fichier ISPConfig
+
+---
+
+## [1.4.1] — 2026-05-06
+
+### Corrigé
+- Changelog : `TypeError` au rendu — clé `items` du dict en conflit avec la méthode Python `dict.items()` en Jinja2 (renommée `entries`)
+- Sélecteur de largeur : boutons L et ∞ sans effet — `max-width:none` + `margin:auto` sur flex child rétrécissait `<main>` ; remplacé par `data-cw` sur `<html>` + sélecteurs CSS d'attribut
+
+---
+
+## [1.4.0] — 2026-05-06
+
+### Ajouté
+- Sélecteur de largeur du contenu dans le header : Étroit (900 px), Normal (1 200 px), Large (1 600 px), Plein — préférence mémorisée dans le navigateur
+- Changelog avec numéro de version sémantique, accessible depuis le footer
+
+### Corrigé
+- Décalage de largeur entre les pages dû à l'apparition/disparition de la scrollbar (`scrollbar-gutter: stable`)
+- Labels EXIF non traduits : `ResolutionUnit`, `XResolution`, `YResolution`
+- Valeur numérique brute pour `ColorSpace` → libellé lisible (sRGB, Adobe RGB, Non calibré)
+
+### Modifié
+- Contenu principal en pleine largeur (suppression du `max-width` fixe sur `<main>`)
+
+---
+
+## [1.3.0] — 2026-05-06
+
+### Ajouté
+- Prévisualisation des fichiers depuis la corbeille (propriétés, métadonnées, téléchargement)
+- Footer sur toutes les pages avec liens de navigation et numéro de version
+- Stats corbeille dans le tableau de bord (nombre de fichiers, taille totale, date du plus ancien)
+
+### Modifié
+- Header compact : avatar initiale + prénom + icône déconnexion (suppression du bouton texte)
+- Suppression du lien « Tableau de bord » dans la navigation (doublon avec le logo)
+- `user`, `humansize`, `trash_count` centralisés dans le context processor Flask (disponibles sur toutes les pages)
+
+---
+
+## [1.2.0] — 2026-05-06
+
+### Ajouté
+- Corbeille : mise à la corbeille depuis `/browse`, restauration avec gestion des conflits (écraser / renommer), suppression définitive
+- Purge automatique des éléments en corbeille depuis plus de 30 jours
+- Badge dans la navigation indiquant le nombre d'éléments en corbeille
+- Page `/trash` avec tableau partagé (mode `browse` / `trash`) et bouton « Vider la corbeille »
+
+---
+
+## [1.1.0] — 2026-05-06
+
+### Ajouté
+- Redimensionnement d'images depuis la prévisualisation : tailles prédéfinies, dimension libre, formats PNG/JPG/ICO
+- Gestion des conflits lors du redimensionnement (backup, écraser, renommer, ignorer)
+- Renommage de fichiers inline dans `/browse` et la page de prévisualisation
+- Affichage des métadonnées image (dimensions, format, mode couleur, DPI, EXIF)
+- Dimension libre avec contrainte de proportions (mode « carré »)
+
+### Corrigé
+- Échec du redimensionnement sur les fichiers ICO en mode palette (conversion RGBA avant LANCZOS)
+- Aucune sélection de taille ou format → copie à l'identique (comportement par défaut)
+
+---
+
+## [1.0.0] — 2026-05-03
+
+### Ajouté
+- Upload de fichiers par glisser-déposer avec gestion des conflits (écraser, backup, renommer, ignorer)
+- Parcourir les assets CDN depuis `/browse` avec fil d'Ariane
+- Statistiques de consultation via GoAccess (`/stats`), générées à la demande
+- Authentification SSO via AlpID (Keycloak / OpenID Connect)
+- Recherche dans les fichiers
+- Scripts rsync `push-assets.sh` et `pull-assets.sh` pour la synchronisation locale ↔ serveur
+- Script `deploy-app.sh` pour le déploiement de l'application Flask
--- a/app/VERSION
+++ b/app/VERSION
@ -0,0 +1 @@
+1.4.2
--- a/app/app.py
+++ b/app/app.py
@ -46,12 +46,12 @@ _gen_lock  = threading.Lock()
 _gen_state = {"generating": False}

 try:
-    _APP_VERSION = subprocess.check_output(
-        ["git", "rev-parse", "--short", "HEAD"], stderr=subprocess.DEVNULL, text=True
-    ).strip()
+    _APP_VERSION = (Path(__file__).parent / "VERSION").read_text().strip()
 except Exception:
    _APP_VERSION = "—"

+_CHANGELOG_FILE = Path(__file__).parent / "CHANGELOG.md"
+

 _HIDDEN = frozenset({
    ".git", "scripts", "app",
@ -434,6 +434,52 @@ def dashboard():
    )


+@app.route("/changelog")
+def changelog():
+    redir = _require_admin()
+    if redir:
+        return redir
+    sections = _parse_changelog()
+    return render_template("changelog.html", sections=sections)
+
+
+def _parse_changelog():
+    """Parse CHANGELOG.md into a list of version dicts."""
+    try:
+        text = _CHANGELOG_FILE.read_text()
+    except Exception:
+        return []
+
+    sections = []
+    current = None
+    current_group = None
+
+    for line in text.splitlines():
+        if line.startswith("## "):
+            if current:
+                if current_group:
+                    current["groups"].append(current_group)
+                sections.append(current)
+            m = re.match(r"## \[(.+?)\] — (.+)", line)
+            current = {"version": m.group(1) if m else line[3:],
+                       "date": m.group(2) if m else "",
+                       "groups": []}
+            current_group = None
+        elif line.startswith("### ") and current is not None:
+            if current_group:
+                current["groups"].append(current_group)
+            current_group = {"title": line[4:], "entries": []}
+        elif line.startswith("- ") and current_group is not None:
+            current_group["entries"].append(line[2:])
+
+    if current:
+        if current_group:
+            current["groups"].append(current_group)
+        sections.append(current)
+
+    return sections
+
+
 # ── Navigateur de fichiers ────────────────────────────────────────────

@app.route("/browse/")
--- a/app/static/app.css
+++ b/app/static/app.css
@ -49,8 +49,18 @@ header { background: var(--blue-dark); color: #fff; }
                   border: 1px solid rgba(255,255,255,.3); transition: background .15s, color .15s; }
 .btn-logout-icon:hover { background: rgba(255,255,255,.15); color: #fff; text-decoration: none; }

+.width-switcher { display: flex; gap: 2px; align-items: center; flex-shrink: 0; }
+.width-switcher button { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.2);
+  color: rgba(255,255,255,.6); border-radius: 4px; padding: .2rem .45rem; font-size: .72rem;
+  font-weight: 700; cursor: pointer; transition: background .15s, color .15s; line-height: 1.3; }
+.width-switcher button:hover { background: rgba(255,255,255,.18); color: #fff; }
+.width-switcher button.ws-active { background: rgba(255,255,255,.25); color: #fff; border-color: rgba(255,255,255,.5); }
+
 /* ── Mise en page ─────────────────────────────────────────────── */
-main { max-width: 1400px; margin: 2rem auto; padding: 0 1.5rem 3rem; display: flex; flex-direction: column; gap: 1.5rem; }
+main { width: 100%; margin: 2rem auto; padding: 0 1.5rem 3rem; display: flex; flex-direction: column; gap: 1.5rem; }
+html[data-cw="900"]  main { max-width:  900px; }
+html[data-cw="1200"] main { max-width: 1200px; }
+html[data-cw="1600"] main { max-width: 1600px; }

 /* ── Carte générique ──────────────────────────────────────────── */
 .card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 1.5rem 1.8rem; }
@ -276,7 +286,27 @@ footer { background: var(--blue-dark); color: rgba(255,255,255,.6); margin-top:
 .footer-nav a { color: rgba(255,255,255,.55); font-size: .82rem; }
 .footer-nav a:hover { color: rgba(255,255,255,.9); text-decoration: none; }
 .footer-version { margin-left: auto; font-size: .75rem; color: rgba(255,255,255,.35);
-                  font-family: monospace; }
+                  font-family: monospace; text-decoration: none; }
+.footer-version:hover { color: rgba(255,255,255,.7); text-decoration: none; }
+
+/* ── Changelog ──────────────────────────────────────────────────────── */
+.cl-section { padding: .25rem 0 1rem; }
+.cl-section--latest .cl-header { margin-bottom: .75rem; }
+.cl-header { display: flex; align-items: baseline; gap: .75rem; margin-bottom: .6rem; flex-wrap: wrap; }
+.cl-version { font-size: 1.05rem; font-weight: 700; color: var(--blue-dark); font-family: monospace; }
+.cl-date { font-size: .82rem; color: var(--muted); }
+.cl-badge { background: var(--blue); color: #fff; font-size: .68rem; font-weight: 700;
+            padding: .15rem .5rem; border-radius: 20px; letter-spacing: .03em; }
+.cl-group { margin: .6rem 0 0 0; }
+.cl-group-title { display: inline-block; font-size: .72rem; font-weight: 700; text-transform: uppercase;
+                  letter-spacing: .06em; padding: .1rem .5rem; border-radius: 3px; margin-bottom: .35rem; }
+.cl-group-title--ajouté    { background: #dcfce7; color: #166534; }
+.cl-group-title--corrigé   { background: #fee2e2; color: #991b1b; }
+.cl-group-title--modifié   { background: #fef3c7; color: #92400e; }
+.cl-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: .3rem; }
+.cl-list li { font-size: .88rem; color: var(--text); padding-left: 1.1rem; position: relative; }
+.cl-list li::before { content: "–"; position: absolute; left: 0; color: var(--muted); }
+.cl-sep { border: none; border-top: 1px solid var(--border); margin: 1rem 0; }

 /* ── Corbeille ──────────────────────────────────────────────────────── */
 .trash-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .75rem; margin-bottom: .5rem; }
--- a/app/templates/base.html
+++ b/app/templates/base.html
@ -6,6 +6,9 @@
  <title>{% block title %}CDN{% endblock %} — Static Alpinux</title>
  <link rel="icon" type="image/x-icon" href="https://static.alpinux.org/logo/favicon.ico">
  <link rel="stylesheet" href="{{ url_for('static', filename='app.css') }}">
+  <script>
+    (function(){var cw=localStorage.getItem('content-width');if(cw)document.documentElement.dataset.cw=cw;})();
+  </script>
 </head>
 <body>

@ -28,6 +31,12 @@
             value="{{ request.args.get('q', '') }}" aria-label="Recherche">
      <button type="submit" aria-label="Lancer la recherche">🔍</button>
    </form>
+    <div class="width-switcher" title="Largeur du contenu">
+      <button type="button" data-width="900"  title="Étroit (~900 px)">S</button>
+      <button type="button" data-width="1200" title="Normal (~1200 px)">M</button>
+      <button type="button" data-width="1600" title="Large (~1600 px)">L</button>
+      <button type="button" data-width=""     title="Plein écran">∞</button>
+    </div>
    <div class="header-user">
      {% if user %}
        <span class="user-chip" title="{{ user.name }}">
@ -55,9 +64,34 @@
      <a href="{{ url_for('stats') }}">Statistiques</a>
      <a href="{{ url_for('trash_list') }}">Corbeille</a>
    </nav>
-    <span class="footer-version">v&nbsp;{{ app_version }}</span>
+    <a href="{{ url_for('changelog') }}" class="footer-version">v&nbsp;{{ app_version }}</a>
  </div>
 </footer>

+<script>
+(function () {
+  const KEY = 'content-width';
+  const btns = document.querySelectorAll('.width-switcher button');
+  const html  = document.documentElement;
+
+  function applyActive(val) {
+    btns.forEach(b => b.classList.toggle('ws-active', b.dataset.width === (val || '')));
+  }
+
+  applyActive(localStorage.getItem(KEY));
+
+  btns.forEach(btn => btn.addEventListener('click', () => {
+    const val = btn.dataset.width;
+    if (val) {
+      localStorage.setItem(KEY, val);
+      html.dataset.cw = val;
+    } else {
+      localStorage.removeItem(KEY);
+      delete html.dataset.cw;
+    }
+    applyActive(val);
+  }));
+})();
+</script>
 </body>
 </html>
--- a/app/templates/changelog.html
+++ b/app/templates/changelog.html
@ -0,0 +1,31 @@
+{% extends "base.html" %}
+{% block title %}Changelog{% endblock %}
+
+{% block content %}
+<section class="card">
+  <h1 style="font-size:1.2rem; color:var(--blue-dark); margin-bottom:1.5rem">
+    Historique des versions — Alpinux Static
+  </h1>
+
+  {% for sec in sections %}
+  <div class="cl-section{% if loop.first %} cl-section--latest{% endif %}">
+    <div class="cl-header">
+      <span class="cl-version">v {{ sec.version }}</span>
+      {% if sec.date %}<span class="cl-date">{{ sec.date }}</span>{% endif %}
+      {% if loop.first %}<span class="cl-badge">Actuelle</span>{% endif %}
+    </div>
+    {% for grp in sec.groups %}
+    <div class="cl-group">
+      <span class="cl-group-title cl-group-title--{{ grp.title | lower | replace(' ','_') }}">{{ grp.title }}</span>
+      <ul class="cl-list">
+        {% for item in grp.entries %}
+        <li>{{ item }}</li>
+        {% endfor %}
+      </ul>
+    </div>
+    {% endfor %}
+  </div>
+  {% if not loop.last %}<hr class="cl-sep">{% endif %}
+  {% endfor %}
+</section>
+{% endblock %}
Author	SHA1	Message	Date
Alpinux	11a3ae72ee	chore: version 1.4.2 — fix stats ISPConfig Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>	2026-05-06 12:03:42 +02:00
Alpinux	c0f3e43e35	fix: stats — utiliser le rapport ISPConfig au lieu de générer manuellement STATS_FILE pointe vers /stats/goaindex.html généré chaque nuit par ISPConfig. STATS_GENERATE_CMD et STATS_JSON vidés (génération déléguée à ISPConfig). Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>	2026-05-06 12:01:43 +02:00
Alpinux	d81acf2b19	chore: version 1.4.1 — correctifs changelog et sélecteur de largeur Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>	2026-05-06 11:57:36 +02:00
Alpinux	46a8a0b75f	fix: sélecteur largeur — data-cw sur <html> au lieu de CSS variable max-width:none + margin:auto sur flex child causait le rétrécissement de main. Remplacé par width:100% + sélecteurs d'attribut html[data-cw]. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>	2026-05-06 11:53:25 +02:00
Alpinux	ec3284873a	fix: renommer items→entries dans _parse_changelog (conflit méthode dict) grp.items en Jinja2 résolvait la méthode dict.items() au lieu de la clé. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>	2026-05-06 11:49:02 +02:00
Alpinux	b18db0646c	fix: sélecteur de largeur — type=button + init CSS dans <head> - Ajout de type="button" sur les boutons du sélecteur (évite le submit) - Initialisation de --content-width dans <head> pour éviter le flash - Séparation init CSS (head) / gestion active (body) Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>	2026-05-06 11:44:31 +02:00
Alpinux	6d25cab295	feat: changelog + versioning sémantique - Fichier VERSION (1.4.0) lu par l'app au démarrage - CHANGELOG.md versionné (v1.0.0 → v1.4.0) - Route /changelog avec parsing du markdown et rendu structuré - Lien cliquable sur le numéro de version dans le footer Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>	2026-05-06 11:43:26 +02:00
Alpinux	7f5d86449e	feat: sélecteur de largeur du contenu (S/M/L/∞) Ajoute 4 boutons dans le header pour choisir la largeur du contenu : - S : ~900 px M : ~1200 px L : ~1600 px ∞ : plein écran La préférence est mémorisée en localStorage et appliquée instantanément via la CSS custom property --content-width sur <main>. Closes #33 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>	2026-05-06 11:36:53 +02:00
Alpinux	857539725f	style: contenu pleine largeur — supprimer max-width sur main Les cards occupent maintenant toute la largeur disponible avec juste 1.5rem de marge sur les côtés, quelle que soit la taille d'écran. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>	2026-05-06 11:22:55 +02:00