docs.html

<!doctype html><html lang="fr"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<title>Documentation — DevNotes</title><meta name="theme-color" content="#101218"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet"><link rel="stylesheet" href="css/style.css"></head><body>
<header class="nav"><div class="w"><b><a href="index.html" style="text-decoration:none">DevNotes</a></b><button class="btn" id="menu">Menu</button><a href="index.html">Accueil</a><a class="btn p" href="index.html#telecharger">Télécharger</a></div></header>
<div class="w docs"><nav class="dnav" aria-label="Documentation"><input id="s" type="search" placeholder="Rechercher (Ctrl K)">
<a href="#demarrer">Démarrer</a><a href="#bibliotheque">Bibliothèque</a><a href="#notes">Notes et snippets</a><a href="#outils">Outils</a><a href="#http">HTTP</a><a href="#raccourcis">Raccourcis</a><a href="#faq">FAQ</a></nav>
<article>
<section id="demarrer"><h2>Démarrer</h2><p>DevNotes regroupe quatre zones : <b>Notes</b>, <b>Outils</b> et <b>HTTP</b> dans la barre latérale, plus la recherche globale.</p><p>Créez votre premier contenu avec le bouton <b>Nouvelle note</b> ou un raccourci.</p><pre>Ctrl N        Snippet de code
Ctrl Maj N    Note
Ctrl Maj L    Liste de tâches</pre><div class="tip">Tout est stocké localement. Aucun compte n’est nécessaire.</div></section>
<section id="bibliotheque"><h2>Bibliothèque</h2><p>Les contenus sont rangés dans des espaces (Personnel, Travail, Veille…) avec des sous-dossiers. Filtrez par type (snippets, notes, tâches) ou par tag.</p><h3>Trier et regrouper</h3><p>Triez par date de modification, date de création, priorité, format ou titre. Regroupez par date, priorité ou format, et gardez les notes épinglées en tête.</p><h3>Priorités</h3><p>Clic droit sur une carte, puis <b>Priorité</b>, ou touche <kbd>0</kbd> à <kbd>4</kbd> : Aucune, Basse, Moyenne, Haute, Urgente.</p></section>
<section id="notes"><h2>Notes et snippets</h2><p>Une note accepte titres, listes, liens, citations, tableaux et blocs de code. Elle est enregistrée en Markdown.</p><p>Un snippet contient un bloc de code, son langage et ses champs <code>{{à remplir}}</code>.</p><h3>Formater avec Prettier</h3><p>Le bouton <b>Formater</b> (<kbd>Maj Alt F</kbd>) gère JavaScript, TypeScript, JSON, CSS, SCSS, HTML, Markdown, YAML et GraphQL. Largeur de ligne, indentation, guillemets, points-virgules et virgules finales se règlent pour toute la bibliothèque.</p><div class="tip">SQL, Rust, Go et Shell ne passent pas par Prettier : le bouton y est désactivé et en explique la raison.</div></section>
<section id="outils"><h2>Outils</h2><p>14 utilitaires, tous hors ligne : convertisseur de casse, générateur de slug, analyseur d’URL, hash et HMAC, mots de passe, UUID, encodeurs URL et Base64, conversion JSON, TOML, XML et YAML, couleurs, JSON Diff, générateurs JSON et Lorem ipsum.</p><p>Chaque outil propose <b>Enregistrer comme note</b> : le résultat rejoint un espace, avec ses tags.</p><div class="tip">Dans Hash / HMAC, la clé n’est jamais enregistrée avec la note.</div></section>
<section id="http"><h2>HTTP</h2><p>Organisez vos requêtes (REST, GraphQL, WebSocket) en collections et dossiers. Chaque requête a ses paramètres, en-têtes, authentification, corps, scripts et tests.</p><h3>Environnements</h3><p>L’ordre de résolution est : requête, dossier, collection, environnement, globales. Les variables s’écrivent ainsi :</p><pre>{{baseUrl}}/customers/{{customerId}}/invoices?page=1&amp;limit=50</pre><p>Les secrets sont scellés, jamais exportés, et masqués dans la console.</p><h3>Exécuter une collection</h3><p>Le runner enchaîne les requêtes, affiche les tests réussis ou échoués et exporte un rapport.</p><h3>Générer le code</h3><p>20 langages et runtimes, de cURL à Elixir. Les secrets restent en variable sauf si vous activez <b>Inclure les secrets</b>, ce que l’app demande à chaque fois.</p></section>
<section id="raccourcis"><h2>Raccourcis</h2><pre>Ctrl K         Rechercher
Ctrl Maj T     Chercher un outil
Maj Alt F      Formater le code
Ctrl Z         Annuler le formatage</pre></section>
<section id="faq"><h2>FAQ</h2><h3>Mes données quittent-elles mon ordinateur ?</h3><p>Non. Aucun outil n’appelle le réseau et les secrets ne sont jamais exportés.</p><h3>Puis-je exporter mes environnements ?</h3><p>Oui : seules les valeurs partagées sont exportées, jamais les secrets.</p></section>
</article><aside class="toc" aria-label="Sur cette page"></aside></div>
<script src="js/main.js"></script></body></html>