chore: icônes de bundle, packaging Flatpak et bump version 0.1.2

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

.gitignore

@@ -6,4 +6,5 @@ flatpak/.build/
 flatpak/.repo/
 flatpak/.flatpak-builder/
 flatpak/pena.deb
+flatpak/icon.png
 flatpak/*.flatpak

flatpak/build-flatpak.sh

@@ -6,11 +6,13 @@
 #   1. `cargo tauri build --bundles deb`  -> produit le .deb autonome
 #   2. Copie du .deb à côté du manifeste sous le nom `pena.deb`
 #   3. `flatpak-builder` construit le bundle dans la sandbox GNOME
-#   4. Installation locale (--user) et/ou export en fichier .flatpak
+#   4. Installation locale (--user) ET export du fichier pena.flatpak
+#
+# Le fichier `pena.flatpak` est TOUJOURS exporté à côté du script.
 #
 # Usage :
-#   ./build-flatpak.sh            # build + installation locale (--user)
+#   ./build-flatpak.sh              # build + installation (--user) + pena.flatpak
-#   ./build-flatpak.sh --bundle   # build + export d'un fichier Pena.flatpak
+#   ./build-flatpak.sh --no-install # build + pena.flatpak seul (pas d'installation)
 #   ./build-flatpak.sh --no-deb     # réutilise le .deb déjà présent (build rapide)
 #
 set -euo pipefail
@@ -28,13 +30,13 @@ DEB_TARGET="$SCRIPT_DIR/pena.deb"
 TAURI_CONF="$PROJECT_DIR/src-tauri/tauri.conf.json"
 METAINFO="$SCRIPT_DIR/${APP_ID}.metainfo.xml"
 
-DO_BUNDLE=0
+DO_INSTALL=1
 BUILD_DEB=1
 for arg in "$@"; do
   case "$arg" in
-    --bundle) DO_BUNDLE=1 ;;
+    --no-install|--bundle) DO_INSTALL=0 ;;   # --bundle : alias rétrocompatible
     --no-deb) BUILD_DEB=0 ;;
-    -h|--help) sed -n '2,16p' "$0"; exit 0 ;;
+    -h|--help) sed -n '2,17p' "$0"; exit 0 ;;
     *) echo "Argument inconnu : $arg" >&2; exit 1 ;;
   esac
 done
@@ -116,22 +118,27 @@ cp -f "$PROJECT_DIR/src-tauri/icons/128x128.png" "$SCRIPT_DIR/icon.png"
 echo ">> Construction du Flatpak…"
 rm -rf "$BUILD_DIR"
 FB_ARGS=(--force-clean --user --install-deps-from=flathub --repo="$REPO_DIR")
-if [[ "$DO_BUNDLE" -eq 0 ]]; then
+if [[ "$DO_INSTALL" -eq 1 ]]; then
   FB_ARGS+=(--install)
 fi
 "${FLATPAK_BUILDER[@]}" "${FB_ARGS[@]}" "$BUILD_DIR" "$MANIFEST"
 
-# --- 3. Export d'un fichier .flatpak (optionnel) -----------------------------
+# --- 3. Export du fichier .flatpak (toujours) --------------------------------
-if [[ "$DO_BUNDLE" -eq 1 ]]; then
+# Le bundle autonome est systématiquement exporté à côté du manifeste.
-  OUT="$SCRIPT_DIR/Pena.flatpak"
+OUT="$SCRIPT_DIR/pena.flatpak"
 echo ">> Export du bundle : $OUT"
 flatpak build-bundle "$REPO_DIR" "$OUT" "$APP_ID" \
   --runtime-repo=https://flathub.org/repo/flathub.flatpakrepo
+
 echo ">> Nettoyage du dépôt OSTree temporaire…"
 rm -rf "$REPO_DIR"
-  echo ">> Installer avec :  flatpak install --user $OUT"
+
+if [[ "$DO_INSTALL" -eq 1 ]]; then
+  echo ">> Pena $VERSION installé (--user) et bundle exporté : $OUT"
+  echo ">> Lancer avec :  flatpak run $APP_ID"
 else
-  echo ">> Pena $VERSION installé. Lancer avec :  flatpak run $APP_ID"
+  echo ">> Bundle exporté : $OUT"
+  echo ">> Installer avec :  flatpak install --user $OUT"
 fi
 
 echo ">> Terminé."

flatpak/com.pena.app.metainfo.xml

@@ -19,6 +19,7 @@
   </categories>
   <content_rating type="oars-1.1"/>
   <releases>
+    <release version="0.1.2" date="2026-07-05"/>
     <release version="0.1.0" date="2026-06-23"/>
   </releases>
 </component>

flatpak/com.pena.app.yml

@@ -21,6 +21,8 @@ modules:
         path: pena.deb
       - type: file
         path: com.pena.app.metainfo.xml
+      - type: file
+        path: icon.png
     build-commands:
       - |
         set -eux
@@ -40,9 +42,8 @@ modules:
           -e 's/^Icon=.*/Icon=com.pena.app/' \
           /app/share/applications/com.pena.app.desktop
 
-        # Icône : on prend la plus grande disponible
+        # Icône (128x128) fournie séparément à côté du manifeste.
-        icon="$(find usr/share/icons -name '*.png' | sort | tail -n1)"
+        install -Dm644 icon.png /app/share/icons/hicolor/128x128/apps/com.pena.app.png
-        install -Dm644 "$icon" /app/share/icons/hicolor/128x128/apps/com.pena.app.png
 
         # Métadonnées AppStream
         install -Dm644 com.pena.app.metainfo.xml /app/share/metainfo/com.pena.app.metainfo.xml

src-tauri/Cargo.lock

@@ -2445,7 +2445,7 @@ dependencies = [
 
 [[package]]
 name = "pena-taury"
-version = "0.1.0"
+version = "0.1.2"
 dependencies = [
  "comrak",
  "notify",

src-tauri/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "pena-taury"
-version = "0.1.0"
+version = "0.1.2"
 edition = "2021"
 
 [lib]

src-tauri/icons/android/mipmap-anydpi-v26/ic_launcher.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+  <foreground android:drawable="@mipmap/ic_launcher_foreground"/>
+  <background android:drawable="@color/ic_launcher_background"/>
+</adaptive-icon>

src-tauri/icons/android/values/ic_launcher_background.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+  <color name="ic_launcher_background">#fff</color>
+</resources>

src-tauri/tauri.conf.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schema.tauri.app/config/2",
   "productName": "Pena",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "identifier": "com.pena.app",
   "build": {
     "frontendDist": "../src"
@@ -24,6 +24,12 @@
   "bundle": {
     "active": false,
     "targets": "all",
-    "icon": []
+    "icon": [
+      "icons/32x32.png",
+      "icons/128x128.png",
+      "icons/128x128@2x.png",
+      "icons/icon.icns",
+      "icons/icon.ico"
+    ]
   }
 }

src/index.html

@@ -22,6 +22,7 @@
   <div id="app-content">
 
   <div id="view-home">
+    <img class="home-logo" src="assets/icon.png" alt="Pena" />
     <h1 class="home-title">Pena</h1>
     <div class="home-buttons">
       <button id="btn-open-file">Ouvrir un fichier Markdown</button>
@@ -47,6 +48,7 @@
         </button>
         <button id="btn-back" class="btn-back">← Accueil</button>
       </div>
+      <div id="sidebar-resizer" class="sidebar__resizer" title="Redimensionner"></div>
     </div>
     <div id="content" class="content">
       <!-- contenu généré par JS -->

src/main.js

@@ -1,5 +1,6 @@
-import { showHome, openPath } from './router.js';
+import { showHome, openPath, initWatcher } from './router.js';
 import { initCssModal } from './ui/css-modal.js';
+import { initSidebarResize } from './ui/sidebar-resize.js';
 
 const win = window.__TAURI__.window.getCurrentWindow();
 
@@ -33,4 +34,6 @@ document.getElementById('btn-open-dir').addEventListener('click', async () => {
 document.getElementById('btn-back').addEventListener('click', showHome);
 
 await initCssModal();
+initSidebarResize();
+await initWatcher();
 showHome();

src/router.js

@@ -1,5 +1,6 @@
 import { appState } from './state/app-state.js';
 import { listMdFiles } from './services/files.js';
+import { startWatch, stopWatch, onFileChanged } from './services/watcher.js';
 import { renderSidebar } from './ui/sidebar.js';
 import { loadPage } from './ui/reader.js';
 import { saveRecent, renderRecents } from './ui/home.js';
@@ -11,9 +12,15 @@ const content = document.querySelector('#content');
 const win = window.__TAURI__.window.getCurrentWindow();
 const titlebarTitle = document.getElementById('titlebar-title');
 
+const navigate = filePath => loadPage(filePath, appState.currentMode, sidebarEl);
+
 export function showHome() {
+  stopWatch();
   appState.currentPath = null;
   appState.currentMode = null;
+  appState.baseDir = null;
+  appState.currentFile = null;
+  appState.files = [];
   sidebarEl.innerHTML = '';
   win.setTitle('Pena — Markdown Viewer');
   titlebarTitle.textContent = 'Pena — Markdown Viewer';
@@ -38,15 +45,21 @@ export async function openPath(path, mode) {
     const parentDir = path.split(sep).slice(0, -1).join(sep);
     try {
       const files = await listMdFiles(parentDir);
+      appState.baseDir = parentDir;
+      appState.files = files;
       sidebarEl.classList.remove('hidden');
       content.style.marginLeft = '';
-      renderSidebar(parentDir, files, path, filePath => loadPage(filePath, appState.currentMode, sidebarEl));
+      renderSidebar(parentDir, files, path, navigate);
     } catch {
+      // Le dossier parent est illisible : on surveille au moins le fichier ouvert.
+      appState.baseDir = path;
+      appState.files = [];
       sidebarEl.innerHTML = '';
       sidebarEl.classList.add('hidden');
       content.style.marginLeft = '0';
     }
     await loadPage(path, appState.currentMode, sidebarEl);
+    startWatch(appState.baseDir);
     return;
   }
 
@@ -56,6 +69,8 @@ export async function openPath(path, mode) {
 
   try {
     const files = await listMdFiles(path);
+    appState.baseDir = path;
+    appState.files = files;
     showReader();
 
     const sep = path.includes('\\') ? '\\' : '/';
@@ -65,10 +80,48 @@ export async function openPath(path, mode) {
     });
 
     const firstFile = home ?? files[0];
-    renderSidebar(path, files, firstFile, filePath => loadPage(filePath, appState.currentMode, sidebarEl));
+    renderSidebar(path, files, firstFile, navigate);
     await loadPage(firstFile, appState.currentMode, sidebarEl);
+    startWatch(path);
   } catch (err) {
     showReader();
     content.innerHTML = `<p class="error">Impossible d'ouvrir le dossier : ${err}</p>`;
   }
 }
+
+// Compare deux listes de fichiers indépendamment de l'ordre.
+function sameFiles(a, b) {
+  if (a.length !== b.length) return false;
+  const key = arr => arr.slice().sort().join('\n');
+  return key(a) === key(b);
+}
+
+// Réaction à un changement filesystem signalé par le backend (événement débouncé,
+// filtré sur les fichiers .md).
+async function handleFileChanged(changedPath) {
+  if (!appState.baseDir || !appState.currentMode) return;
+
+  // Rafraîchir la sidebar uniquement si l'arborescence a changé (ajout/suppression),
+  // pour ne pas replier les dossiers ouverts à chaque simple modification de contenu.
+  try {
+    const files = await listMdFiles(appState.baseDir);
+    if (!sameFiles(files, appState.files)) {
+      appState.files = files;
+      renderSidebar(appState.baseDir, files, appState.currentFile, navigate);
+    }
+  } catch {
+    // baseDir supprimé/illisible : on garde la sidebar en l'état.
+  }
+
+  // Recharger le document affiché si c'est lui qui vient d'être modifié.
+  if (changedPath === appState.currentFile) {
+    await loadPage(appState.currentFile, appState.currentMode, sidebarEl);
+  }
+}
+
+// À appeler une fois au démarrage : enregistre le listener global de changements.
+export function initWatcher() {
+  return onFileChanged(event => {
+    handleFileChanged(event.payload.path);
+  });
+}

src/state/app-state.js

@@ -1 +1,12 @@
-export const appState = { currentPath: null, currentMode: null };
+export const appState = {
+  currentPath: null,
+  currentMode: null,
+  // Dossier réellement surveillé (racine de la sidebar) : le dossier ouvert en
+  // mode « dir », ou le dossier parent du fichier ouvert en mode « file ».
+  baseDir: null,
+  // Fichier actuellement affiché dans le lecteur.
+  currentFile: null,
+  // Dernière liste de fichiers .md connue de `baseDir`, pour détecter les
+  // ajouts/suppressions et ne rafraîchir la sidebar que si l'arborescence change.
+  files: [],
+};

src/ui/reader.js

@@ -1,4 +1,5 @@
 import { convertFile } from '../services/markdown.js';
+import { appState } from '../state/app-state.js';
 
 const win = window.__TAURI__.window.getCurrentWindow();
 const titlebarTitle = document.getElementById('titlebar-title');
@@ -69,6 +70,7 @@ function addCopyButtons() {
 export async function loadPage(filePath, mode, sidebarEl) {
   try {
     const html = await convertFile(filePath);
+    appState.currentFile = filePath;
     content.innerHTML = html;
     addCopyButtons();
 

src/ui/sidebar-resize.js

@@ -0,0 +1,49 @@
+const STORAGE_KEY = 'pena.sidebarWidth';
+const MIN_WIDTH = 180;
+const MAX_WIDTH = 520;
+
+function clamp(width) {
+  return Math.min(MAX_WIDTH, Math.max(MIN_WIDTH, width));
+}
+
+function applyWidth(width) {
+  document.documentElement.style.setProperty('--sidebar-width', `${width}px`);
+}
+
+export function initSidebarResize() {
+  const handle = document.getElementById('sidebar-resizer');
+  if (!handle) return;
+
+  const stored = parseInt(localStorage.getItem(STORAGE_KEY), 10);
+  if (!Number.isNaN(stored)) applyWidth(clamp(stored));
+
+  let dragging = false;
+
+  const onMove = (e) => {
+    if (!dragging) return;
+    applyWidth(clamp(e.clientX));
+  };
+
+  const onUp = () => {
+    if (!dragging) return;
+    dragging = false;
+    handle.classList.remove('is-dragging');
+    document.body.classList.remove('is-resizing-sidebar');
+    const width = parseInt(
+      getComputedStyle(document.documentElement).getPropertyValue('--sidebar-width'),
+      10,
+    );
+    if (!Number.isNaN(width)) localStorage.setItem(STORAGE_KEY, String(width));
+    window.removeEventListener('mousemove', onMove);
+    window.removeEventListener('mouseup', onUp);
+  };
+
+  handle.addEventListener('mousedown', (e) => {
+    e.preventDefault();
+    dragging = true;
+    handle.classList.add('is-dragging');
+    document.body.classList.add('is-resizing-sidebar');
+    window.addEventListener('mousemove', onMove);
+    window.addEventListener('mouseup', onUp);
+  });
+}