doc-survival-kit 1.0.0

package/notes.js

@@ -0,0 +1,561 @@
+// ══════════════════════════════════════
+//  mesNotes — CRUD notes (localStorage + fichier)
+// ══════════════════════════════════════
+
+var expandedNoteIds = (function () {
+  try { return JSON.parse(localStorage.getItem("expanded_note_ids")) || {}; } catch (e) { return {}; }
+})();
+var noteIdxASupprimer = null;
+var noteIdxEnEdition = null;
+var noteBlocNoteIdx = null;
+var noteBlocBlocIdx = null;
+var supprBlocNoteIdx = null;
+var supprBlocBlocIdx = null;
+
+function loadNotes() {
+  try {
+    return JSON.parse(localStorage.getItem("mes_notes")) || mesNotesDefaut;
+  } catch (e) {
+    return mesNotesDefaut;
+  }
+}
+
+function saveNotes(data) {
+  localStorage.setItem("mes_notes", JSON.stringify(data));
+  checkDiffNotes();
+}
+
+function checkDiffNotes() {
+  var stored = localStorage.getItem("mes_notes");
+  var areDifferent = stored !== JSON.stringify(mesNotesDefaut);
+  document.getElementById("btnSaveNotes").style.display = areDifferent
+    ? "inline-flex"
+    : "none";
+}
+
+// ── Persistance FileSystemFileHandle via IndexedDB ──
+var IDB_KEY_NOTES = "mesNotes";
+
+function ouvrirDBNotes() {
+  return new Promise(function (resolve, reject) {
+    var req = indexedDB.open("doc-survival-kit-db", 1);
+    req.onupgradeneeded = function (e) {
+      e.target.result.createObjectStore("fileHandles");
+    };
+    req.onsuccess = function (e) {
+      resolve(e.target.result);
+    };
+    req.onerror = function (e) {
+      reject(e.target.error);
+    };
+  });
+}
+
+function sauvegarderHandleNotes(handle) {
+  return ouvrirDBNotes().then(function (db) {
+    return new Promise(function (resolve, reject) {
+      var tx = db.transaction("fileHandles", "readwrite");
+      tx.objectStore("fileHandles").put(handle, IDB_KEY_NOTES);
+      tx.oncomplete = resolve;
+      tx.onerror = function (e) {
+        reject(e.target.error);
+      };
+    });
+  });
+}
+
+function recupererHandleNotes() {
+  return ouvrirDBNotes().then(function (db) {
+    return new Promise(function (resolve, reject) {
+      var tx = db.transaction("fileHandles", "readonly");
+      var req = tx.objectStore("fileHandles").get(IDB_KEY_NOTES);
+      req.onsuccess = function (e) {
+        resolve(e.target.result || null);
+      };
+      req.onerror = function (e) {
+        reject(e.target.error);
+      };
+    });
+  });
+}
+
+// ── Enregistrement du fichier mesNotes.js ──
+function enregistrerModificationsNotes() {
+  if (!("showSaveFilePicker" in window)) {
+    console.error("File System Access API non disponible dans ce navigateur.");
+    return;
+  }
+  recupererHandleNotes().then(function (handle) {
+    if (!handle) {
+      document.getElementById("erreurFichierNotes").style.display = "none";
+      document
+        .getElementById("modalPremiereSauvegardeNotes")
+        .classList.add("open");
+    } else {
+      ecrireFichierNotes(handle);
+    }
+  });
+}
+
+function fermerModalPremiereSauvegardeNotes() {
+  document
+    .getElementById("modalPremiereSauvegardeNotes")
+    .classList.remove("open");
+}
+
+function ouvrirSelecteurFichierNotes() {
+  fermerModalPremiereSauvegardeNotes();
+  window
+    .showDirectoryPicker()
+    .then(function (dirHandle) {
+      return dirHandle.getFileHandle("mesNotes.js");
+    })
+    .then(function (handle) {
+      document.getElementById("erreurFichierNotes").style.display = "none";
+      return sauvegarderHandleNotes(handle).then(function () {
+        return ecrireFichierNotes(handle);
+      });
+    })
+    .catch(function (err) {
+      if (err.name === "NotFoundError") {
+        document.getElementById("erreurFichierNotes").style.display = "block";
+        document
+          .getElementById("modalPremiereSauvegardeNotes")
+          .classList.add("open");
+      } else if (err.name !== "AbortError") {
+        console.error("Erreur lors de la sélection du dossier :", err);
+      }
+    });
+}
+
+function ecrireFichierNotes(handle) {
+  return handle
+    .queryPermission({ mode: "readwrite" })
+    .then(function (permission) {
+      if (permission !== "granted") {
+        return handle.requestPermission({ mode: "readwrite" });
+      }
+      return permission;
+    })
+    .then(function (permission) {
+      if (permission !== "granted") {
+        console.error("Permission d'écriture refusée.");
+        return;
+      }
+      var data = loadNotes();
+      var content =
+        "var mesNotesDefaut = " + JSON.stringify(data, null, 2) + ";\n";
+      return handle
+        .createWritable()
+        .then(function (writable) {
+          return writable.write(content).then(function () {
+            return writable.close();
+          });
+        })
+        .then(function () {
+          mesNotesDefaut = data;
+          checkDiffNotes();
+          console.log("mesNotes.js enregistré avec succès.", data);
+        });
+    })
+    .catch(function (err) {
+      console.error("Erreur lors de l'enregistrement :", err);
+    });
+}
+
+function toggleNote(noteId) {
+  if (expandedNoteIds[noteId]) {
+    delete expandedNoteIds[noteId];
+  } else {
+    expandedNoteIds[noteId] = true;
+  }
+  localStorage.setItem("expanded_note_ids", JSON.stringify(expandedNoteIds));
+  renderNotes();
+}
+
+function toggleAllNotes() {
+  var notes = loadNotes();
+  var allExpanded = notes.length > 0 && notes.every(function (n) { return expandedNoteIds[n.id]; });
+  if (allExpanded) {
+    expandedNoteIds = {};
+  } else {
+    notes.forEach(function (n) { expandedNoteIds[n.id] = true; });
+  }
+  localStorage.setItem("expanded_note_ids", JSON.stringify(expandedNoteIds));
+  renderNotes();
+}
+
+function updateToggleAllBtn() {
+  var btn = document.getElementById("btnToggleAllNotes");
+  if (!btn) return;
+  var notes = loadNotes();
+  var allExpanded = notes.length > 0 && notes.every(function (n) { return expandedNoteIds[n.id]; });
+  btn.textContent = allExpanded ? window.t.notes_btn_collapse_all : window.t.notes_btn_expand_all;
+}
+
+function renderNotes() {
+  var notes = loadNotes();
+  var container = document.getElementById("notesContainer");
+  if (!container) return;
+  var hadEditMode = container.classList.contains("edit-mode");
+
+  if (notes.length === 0) {
+    container.innerHTML =
+      '<p class="empty-msg">' + window.t.notes_empty + "</p>";
+  } else {
+    container.innerHTML = notes
+      .map(function (note, nIdx) {
+        var blocsHtml = note.blocs
+          .map(function (bloc, bIdx) {
+            var inner = "";
+            if (bloc.type === "b") {
+              inner = "<b>" + esc(bloc.content) + "</b>";
+            } else if (bloc.type === "p") {
+              inner = "<p>" + esc(bloc.content) + "</p>";
+            } else if (bloc.type === "pre") {
+              inner =
+                '<div class="pre-wrapper"><pre>' +
+                esc(bloc.content) +
+                "</pre>" +
+                '<button class="btn-copy-pre" onclick="copierBloc(this)">' +
+                window.t.notes_btn_copy +
+                "</button>" +
+                "</div>";
+            } else if (bloc.type === "ul") {
+              inner =
+                "<ul>" +
+                bloc.items
+                  .map(function (i) {
+                    return "<li>" + esc(i) + "</li>";
+                  })
+                  .join("") +
+                "</ul>";
+            } else if (bloc.type === "table") {
+              inner =
+                '<div class="table-wrapper"><table>' +
+                "<thead><tr>" +
+                bloc.headers.map(function(h) { return "<th>" + esc(h) + "</th>"; }).join("") +
+                "</tr></thead>" +
+                "<tbody>" +
+                bloc.rows.map(function(row) {
+                  return "<tr>" + row.map(function(c) { return "<td>" + esc(c) + "</td>"; }).join("") + "</tr>";
+                }).join("") +
+                "</tbody></table></div>";
+            }
+            return (
+              '<div class="bloc-wrapper">' +
+              inner +
+              '<div class="bloc-actions">' +
+              '<button class="btn-edit-bloc" onclick="ouvrirModalEditBloc(' +
+              nIdx +
+              "," +
+              bIdx +
+              ')">' +
+              window.t.notes_btn_edit_bloc +
+              "</button>" +
+              '<button class="btn-del-bloc" onclick="ouvrirConfirmSupprBloc(' +
+              nIdx +
+              "," +
+              bIdx +
+              ')">×</button>' +
+              "</div></div>"
+            );
+          })
+          .join("");
+
+        var isCollapsed = !expandedNoteIds[note.id];
+        return (
+          '<div class="note ' +
+          esc(note.theme) +
+          (isCollapsed ? " collapsed" : "") +
+          '">' +
+          '<div class="note-header">' +
+          "<h2>" +
+          esc(note.titre) +
+          "</h2>" +
+          '<div class="note-actions">' +
+          '<button class="btn-edit-note" onclick="ouvrirModalEditNote(' +
+          nIdx +
+          ')">' +
+          window.t.notes_btn_edit_note +
+          "</button>" +
+          '<button class="btn-del-note" onclick="ouvrirConfirmSupprNote(' +
+          nIdx +
+          ')">×</button>' +
+          "</div>" +
+          '<button class="btn-toggle-note" onclick="toggleNote(' +
+          note.id +
+          ')" title="' +
+          (isCollapsed ? window.t.notes_btn_expand : window.t.notes_btn_collapse) +
+          '">' +
+          '<svg viewBox="0 0 10 6" width="10" height="6"><path d="M1 1 L5 5 L9 1" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>' +
+          "</button>" +
+          "</div>" +
+          '<div class="note-content">' +
+          (blocsHtml || "") +
+          "</div>" +
+          '<div class="note-footer">' +
+          '<button class="btn-add-bloc" onclick="ouvrirModalBloc(' +
+          nIdx +
+          ')">' +
+          window.t.notes_btn_add_bloc +
+          "</button>" +
+          "</div></div>"
+        );
+      })
+      .join("");
+  }
+
+  if (hadEditMode) container.classList.add("edit-mode");
+  updateToggleAllBtn();
+}
+
+// ── Toggle mode édition ──
+function toggleEditModeNotes() {
+  var container = document.getElementById("notesContainer");
+  var btn = document.getElementById("btnEditModeNotes");
+  if (container.classList.toggle("edit-mode")) {
+    btn.textContent = window.t.notes_btn_quit_edit_mode;
+  } else {
+    btn.textContent = window.t.notes_btn_edit_mode;
+  }
+}
+
+// ── Nouvelle note ──
+function openModalNote() {
+  document.getElementById("noteNom").value = "";
+  document.getElementById("noteCouleur").value = "t-green";
+  document.getElementById("modalNote").classList.add("open");
+  setTimeout(function () {
+    document.getElementById("noteNom").focus();
+  }, 50);
+}
+
+function closeModalNote() {
+  document.getElementById("modalNote").classList.remove("open");
+}
+
+function confirmerNote() {
+  var titre = document.getElementById("noteNom").value.trim();
+  if (!titre) return;
+  var notes = loadNotes();
+  notes.push({
+    id: Date.now(),
+    theme: document.getElementById("noteCouleur").value,
+    titre: titre,
+    blocs: [],
+  });
+  saveNotes(notes);
+  closeModalNote();
+  renderNotes();
+}
+
+// ── Édition note ──
+function ouvrirModalEditNote(idx) {
+  noteIdxEnEdition = idx;
+  var note = loadNotes()[idx];
+  document.getElementById("editNoteNom").value = note.titre;
+  document.getElementById("editNoteCouleur").value = note.theme;
+  document.getElementById("modalEditNote").classList.add("open");
+  setTimeout(function () {
+    document.getElementById("editNoteNom").focus();
+  }, 50);
+}
+
+function fermerModalEditNote() {
+  document.getElementById("modalEditNote").classList.remove("open");
+  noteIdxEnEdition = null;
+}
+
+function confirmerEditNote() {
+  if (noteIdxEnEdition === null) return;
+  var titre = document.getElementById("editNoteNom").value.trim();
+  if (!titre) return;
+  var notes = loadNotes();
+  notes[noteIdxEnEdition].titre = titre;
+  notes[noteIdxEnEdition].theme =
+    document.getElementById("editNoteCouleur").value;
+  saveNotes(notes);
+  fermerModalEditNote();
+  renderNotes();
+}
+
+// ── Suppression note ──
+function ouvrirConfirmSupprNote(idx) {
+  noteIdxASupprimer = idx;
+  document.getElementById("modalConfirmSupprNote").classList.add("open");
+}
+
+function fermerConfirmSupprNote() {
+  document.getElementById("modalConfirmSupprNote").classList.remove("open");
+  noteIdxASupprimer = null;
+}
+
+function supprimerNote() {
+  if (noteIdxASupprimer === null) return;
+  var notes = loadNotes();
+  notes.splice(noteIdxASupprimer, 1);
+  saveNotes(notes);
+  fermerConfirmSupprNote();
+  renderNotes();
+}
+
+// ── Ajout / édition bloc ──
+function updateBlocPlaceholder() {
+  var type = document.getElementById("blocType").value;
+  var ta = document.getElementById("blocContent");
+  var inp = document.getElementById("blocContentInput");
+  var useInput = type === "b";
+  inp.style.display = useInput ? "" : "none";
+  ta.style.display = useInput ? "none" : "";
+  if (type === "ul") ta.placeholder = window.t.modal_bloc_placeholder_ul;
+  else if (type === "pre") ta.placeholder = window.t.modal_bloc_placeholder_pre;
+  else if (type === "table") ta.placeholder = window.t.modal_bloc_placeholder_table;
+  else if (type === "p") ta.placeholder = window.t.modal_bloc_placeholder_p;
+  else inp.placeholder = window.t.modal_bloc_placeholder_b;
+}
+
+function ouvrirModalBloc(noteIdx) {
+  noteBlocNoteIdx = noteIdx;
+  noteBlocBlocIdx = null;
+  document.getElementById("modalBlocTitre").textContent =
+    window.t.modal_bloc_new;
+  document.getElementById("blocType").value = "p";
+  document.getElementById("blocContent").value = "";
+  document.getElementById("blocContentInput").value = "";
+  updateBlocPlaceholder();
+  document.getElementById("modalBloc").classList.add("open");
+  setTimeout(function () {
+    document.getElementById("blocContent").focus();
+  }, 50);
+}
+
+function ouvrirModalEditBloc(noteIdx, blocIdx) {
+  noteBlocNoteIdx = noteIdx;
+  noteBlocBlocIdx = blocIdx;
+  var bloc = loadNotes()[noteIdx].blocs[blocIdx];
+  document.getElementById("modalBlocTitre").textContent =
+    window.t.modal_bloc_edit;
+  document.getElementById("blocType").value = bloc.type;
+  var useInput = bloc.type === "b";
+  document.getElementById("blocContentInput").value = useInput
+    ? bloc.content
+    : "";
+  document.getElementById("blocContent").value = useInput
+    ? ""
+    : bloc.type === "ul"
+      ? bloc.items.join("\n")
+      : bloc.type === "table"
+        ? [bloc.headers.join(" | ")].concat(bloc.rows.map(function(r) { return r.join(" | "); })).join("\n")
+        : bloc.content;
+  updateBlocPlaceholder();
+  document.getElementById("modalBloc").classList.add("open");
+  setTimeout(function () {
+    document
+      .getElementById(useInput ? "blocContentInput" : "blocContent")
+      .focus();
+  }, 50);
+}
+
+function fermerModalBloc() {
+  document.getElementById("modalBloc").classList.remove("open");
+  noteBlocNoteIdx = null;
+  noteBlocBlocIdx = null;
+}
+
+function confirmerBloc() {
+  var type = document.getElementById("blocType").value;
+  var useInput = type === "b";
+  var raw = document.getElementById(
+    useInput ? "blocContentInput" : "blocContent",
+  ).value;
+  if (!raw.trim()) return;
+  var bloc;
+  if (type === "ul") {
+    var items = raw
+      .split("\n")
+      .map(function (s) {
+        return s.trim();
+      })
+      .filter(Boolean);
+    if (!items.length) return;
+    bloc = { type: "ul", items: items };
+  } else if (type === "table") {
+    var lines = raw.split("\n").map(function(l) { return l.trim(); }).filter(Boolean);
+    if (lines.length < 1) return;
+    var headers = lines[0].split("|").map(function(c) { return c.trim(); });
+    var rows = lines.slice(1).map(function(l) {
+      return l.split("|").map(function(c) { return c.trim(); });
+    });
+    bloc = { type: "table", headers: headers, rows: rows };
+  } else {
+    bloc = { type: type, content: raw };
+  }
+  var notes = loadNotes();
+  if (noteBlocBlocIdx === null) {
+    notes[noteBlocNoteIdx].blocs.push(bloc);
+  } else {
+    notes[noteBlocNoteIdx].blocs[noteBlocBlocIdx] = bloc;
+  }
+  saveNotes(notes);
+  fermerModalBloc();
+  renderNotes();
+}
+
+// ── Suppression bloc ──
+function ouvrirConfirmSupprBloc(noteIdx, blocIdx) {
+  supprBlocNoteIdx = noteIdx;
+  supprBlocBlocIdx = blocIdx;
+  document.getElementById("modalConfirmSupprBloc").classList.add("open");
+}
+
+function fermerConfirmSupprBloc() {
+  document.getElementById("modalConfirmSupprBloc").classList.remove("open");
+  supprBlocNoteIdx = null;
+  supprBlocBlocIdx = null;
+}
+
+function supprimerBloc() {
+  if (supprBlocNoteIdx === null || supprBlocBlocIdx === null) return;
+  var notes = loadNotes();
+  notes[supprBlocNoteIdx].blocs.splice(supprBlocBlocIdx, 1);
+  saveNotes(notes);
+  fermerConfirmSupprBloc();
+  renderNotes();
+}
+
+// ── Copier un bloc pre ──
+function copierBloc(btn) {
+  var content = btn.closest(".pre-wrapper").querySelector("pre").textContent;
+  navigator.clipboard.writeText(content).then(function () {
+    btn.textContent = window.t.notes_btn_copied;
+    btn.classList.add("copied");
+    setTimeout(function () {
+      btn.textContent = window.t.notes_btn_copy;
+      btn.classList.remove("copied");
+    }, 1500);
+  });
+}
+
+// ── Init ──
+document.addEventListener("DOMContentLoaded", function () {
+  if (!localStorage.getItem("mes_notes")) {
+    saveNotes(mesNotesDefaut);
+  }
+  renderNotes();
+  checkDiffNotes();
+  [
+    "modalNote",
+    "modalEditNote",
+    "modalConfirmSupprNote",
+    "modalBloc",
+    "modalConfirmSupprBloc",
+    "modalPremiereSauvegardeNotes",
+  ].forEach(function (id) {
+    var el = document.getElementById(id);
+    if (el)
+      el.addEventListener("click", function (e) {
+        if (e.target === el) el.classList.remove("open");
+      });
+  });
+});

package/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "doc-survival-kit",
+  "version": "1.0.0",
+  "description": "Dashboard personnel offline : diagrammes, tâches, notes et liens dans un seul fichier HTML — fonctionne sans serveur via file://",
+  "bin": {
+    "doc-survival-kit": "./bin/cli.js"
+  },
+  "files": [
+    "bin/",
+    "i18n/",
+    "index.html",
+    "admin.html",
+    "diagram.html",
+    "style.css",
+    "mesLiens.js",
+    "mesNotes.js",
+    "diagrammes.js",
+    "liens.js",
+    "taches.js",
+    "notes.js",
+    "diagram.js",
+    "images/"
+  ],
+  "engines": {
+    "node": ">=16.7.0"
+  },
+  "keywords": [
+    "dashboard",
+    "offline",
+    "notes",
+    "taches",
+    "liens",
+    "productivity",
+    "file-based"
+  ],
+  "author": "ymedaghri",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ymedaghri/doc-survival-kit.git"
+  }
+}