living-documentation 7.3.0 → 7.4.0

package/dist/src/frontend/i18n/en.json

@@ -71,8 +71,6 @@
   "modal.new_folder.location_label": "Location",
   "modal.new_folder.root": "/ (root)",
   "modal.new_folder.browse_btn": "Browse…",
-  "modal.new_folder.select_btn": "Select this folder",
-  "modal.new_folder.browse_select_btn": "Select",
   "modal.new_folder.enter_name": "(enter a name)",
   "modal.new_folder.will_be_created": "Will be created at",
   "modal.new_folder.create_btn": "Create",
@@ -93,7 +91,6 @@
   "modal.new_doc.create_folder_btn": "+ Create",
   "modal.new_doc.error_empty_title": "Please enter a title.",
   "modal.new_doc.no_subfolders": "No sub-folders",
-  "modal.new_doc.use_folder_btn": "✓ Use this folder",
 
   "modal.diag_link.title": "◇ Link a diagram",
   "modal.diag_link.existing_radio": "Existing diagram",

package/dist/src/frontend/i18n/fr.json

@@ -71,8 +71,6 @@
   "modal.new_folder.location_label": "Emplacement",
   "modal.new_folder.root": "/ (racine)",
   "modal.new_folder.browse_btn": "Parcourir…",
-  "modal.new_folder.select_btn": "Sélectionner ce dossier",
-  "modal.new_folder.browse_select_btn": "Sélectionner",
   "modal.new_folder.enter_name": "(saisir un nom)",
   "modal.new_folder.will_be_created": "Sera créé à",
   "modal.new_folder.create_btn": "Créer",
@@ -93,7 +91,6 @@
   "modal.new_doc.create_folder_btn": "+ Créer",
   "modal.new_doc.error_empty_title": "Veuillez saisir un titre.",
   "modal.new_doc.no_subfolders": "Aucun sous-dossier",
-  "modal.new_doc.use_folder_btn": "✓ Utiliser ce dossier",
 
   "modal.diag_link.title": "◇ Lier un diagramme",
   "modal.diag_link.existing_radio": "Diagramme existant",

package/dist/src/frontend/index.html

@@ -736,21 +736,15 @@
               <button
                 id="new-folder-browse-up"
                 onclick="newFolderBrowseUp()"
-                class="text-gray-400 hover:text-gray-600 dark:hover:text-gray-200 disabled:opacity-30"
+                data-i18n="common.up"
+                class="text-xs text-blue-600 dark:text-blue-400 hover:underline disabled:opacity-30 disabled:pointer-events-none shrink-0"
               >
-                ↑
+                ↑ Up
               </button>
               <span
                 id="new-folder-browse-path"
                 class="text-xs text-gray-500 dark:text-gray-400 font-mono truncate flex-1"
               ></span>
-              <button
-                onclick="newFolderSelectCurrentLocation()"
-                data-i18n="modal.new_folder.select_btn"
-                class="text-xs text-blue-600 dark:text-blue-400 hover:underline shrink-0"
-              >
-                Select this folder
-              </button>
             </div>
             <div
               id="new-folder-browse-list"
@@ -874,6 +868,7 @@
               <button
                 id="new-doc-browse-up"
                 onclick="newDocBrowseUp()"
+                data-i18n="common.up"
                 class="text-xs text-blue-600 dark:text-blue-400 hover:underline disabled:opacity-30 disabled:pointer-events-none shrink-0"
               >
                 &#8593; Up

package/dist/src/frontend/new-doc-modal.js

@@ -78,35 +78,28 @@ async function newDocLoadBrowse(dirPath) {
     ).then((r) => r.json());
     _newDocBrowseCurrent = data.current;
     _newDocBrowseParent = data.parent;
+    _newDocSelectedFolder = _newDocAbsToRel(data.current);
+
     document.getElementById("new-doc-browse-path").textContent =
       data.current;
     const atRoot = data.current === _newDocDocsFolder;
     document.getElementById("new-doc-browse-up").disabled = atRoot;
-
-    const rows = data.dirs.map(
-      (dir) =>
-        `<div class="flex items-center hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors">
+    document.getElementById("new-doc-folder-display").textContent =
+      _newDocSelectedFolder ? "/" + _newDocSelectedFolder : "/ (root)";
+    newDocUpdatePreview();
+
+    list.innerHTML = data.dirs.length
+      ? data.dirs
+          .map(
+            (dir) => `
           <button data-path="${esc(dir.path)}" onclick="newDocLoadBrowse(this.dataset.path)"
-            class="flex-1 flex items-center gap-2 px-3 py-2 text-sm text-left">
+            class="w-full flex items-center gap-2 px-3 py-2 text-sm text-left hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors">
             <span class="text-gray-400 shrink-0">&#128193;</span>
             <span class="text-gray-700 dark:text-gray-300 truncate">${esc(dir.name)}</span>
-          </button>
-          <button data-path="${esc(dir.path)}" onclick="newDocSelectFolder(this.dataset.path)"
-            title="${window.t('modal.new_doc.use_folder_btn')}"
-            class="shrink-0 text-blue-400 hover:text-blue-600 px-3 py-2 text-sm transition-colors">&#10003;</button>
-        </div>`,
-    );
-
-    const selectBtn = `<button onclick="newDocSelectCurrentFolder()"
-      class="w-full px-3 py-2 text-xs text-blue-600 dark:text-blue-400 hover:bg-blue-50 dark:hover:bg-blue-950/30 text-left font-medium border-t border-gray-100 dark:border-gray-800">
-      ${window.t('modal.new_doc.use_folder_btn')}
-    </button>`;
-
-    list.innerHTML =
-      (rows.length
-        ? rows.join("")
-        : `<p class="px-3 py-3 text-xs text-gray-400 text-center">${window.t('modal.new_doc.no_subfolders')}</p>`) +
-      selectBtn;
+          </button>`,
+          )
+          .join("")
+      : `<p class="px-3 py-3 text-xs text-gray-400 text-center">${window.t('modal.new_doc.no_subfolders')}</p>`;
   } catch {
     list.innerHTML =
       `<p class="px-3 py-4 text-xs text-red-400 text-center">${window.t('common.cannot_read_dir')}</p>`;
@@ -127,19 +120,6 @@ function _newDocAbsToRel(absPath) {
   return absPath;
 }
 
-function newDocSelectFolder(absPath) {
-  _newDocSelectedFolder = _newDocAbsToRel(absPath);
-  _newDocBrowseCurrent = absPath;
-  document.getElementById("new-doc-folder-display").textContent =
-    _newDocSelectedFolder ? "/" + _newDocSelectedFolder : "/ (root)";
-  document.getElementById("new-doc-browser").classList.add("hidden");
-  newDocUpdatePreview();
-}
-
-function newDocSelectCurrentFolder() {
-  newDocSelectFolder(_newDocBrowseCurrent || _newDocDocsFolder);
-}
-
 function newDocCreateFolder() {
   const name = document
     .getElementById("new-doc-new-folder-name")
@@ -152,7 +132,6 @@ function newDocCreateFolder() {
   document.getElementById("new-doc-folder-display").textContent =
     "/" + newRelPath;
   document.getElementById("new-doc-new-folder-name").value = "";
-  document.getElementById("new-doc-browser").classList.add("hidden");
   newDocUpdatePreview();
 }
 

package/dist/src/frontend/new-folder-modal.js

@@ -69,24 +69,32 @@ async function newFolderLoadBrowse(dirPath) {
     ).then((r) => r.json());
     _newFolderBrowseCurrent = data.current;
     _newFolderBrowseParent = data.parent;
+    _newFolderSelectedPath = data.current;
+
     document.getElementById("new-folder-browse-path").textContent =
       data.current;
     const atRoot = data.current === _newFolderDocsFolder;
     document.getElementById("new-folder-browse-up").disabled = atRoot;
 
+    const rel = data.current.startsWith(_newFolderDocsFolder + "/")
+      ? data.current.slice(_newFolderDocsFolder.length)
+      : data.current === _newFolderDocsFolder
+        ? ""
+        : data.current;
+    document.getElementById("new-folder-location-display").textContent = rel
+      ? rel
+      : "/ (root)";
+    newFolderUpdatePreview();
+
     list.innerHTML = data.dirs.length
       ? data.dirs
           .map(
             (dir) => `
-          <div class="flex items-center hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors">
-            <button data-path="${esc(dir.path)}" onclick="newFolderLoadBrowse(this.dataset.path)"
-              class="flex-1 flex items-center gap-2 px-3 py-2 text-sm text-left">
-              <span class="text-gray-400 shrink-0">&#128193;</span>
-              <span class="truncate text-gray-700 dark:text-gray-300">${esc(dir.name)}</span>
-            </button>
-            <button data-path="${esc(dir.path)}" onclick="newFolderSelectFolder(this.dataset.path)"
-              class="px-3 py-2 text-xs text-blue-600 dark:text-blue-400 hover:underline shrink-0">${window.t('modal.new_folder.browse_select_btn')}</button>
-          </div>`,
+          <button data-path="${esc(dir.path)}" onclick="newFolderLoadBrowse(this.dataset.path)"
+            class="w-full flex items-center gap-2 px-3 py-2 text-sm text-left hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors">
+            <span class="text-gray-400 shrink-0">&#128193;</span>
+            <span class="truncate text-gray-700 dark:text-gray-300">${esc(dir.name)}</span>
+          </button>`,
           )
           .join("")
       : `<p class="px-3 py-3 text-xs text-gray-400 text-center">${window.t('modal.new_folder.no_subfolders')}</p>`;
@@ -100,25 +108,6 @@ function newFolderBrowseUp() {
   if (_newFolderBrowseParent) newFolderLoadBrowse(_newFolderBrowseParent);
 }
 
-function newFolderSelectCurrentLocation() {
-  newFolderSelectFolder(_newFolderBrowseCurrent || _newFolderDocsFolder);
-}
-
-function newFolderSelectFolder(absPath) {
-  _newFolderSelectedPath = absPath;
-  _newFolderBrowseCurrent = absPath;
-  const rel = absPath.startsWith(_newFolderDocsFolder + "/")
-    ? absPath.slice(_newFolderDocsFolder.length)
-    : absPath === _newFolderDocsFolder
-      ? ""
-      : absPath;
-  document.getElementById("new-folder-location-display").textContent = rel
-    ? rel
-    : "/ (root)";
-  document.getElementById("new-folder-browser").classList.add("hidden");
-  newFolderUpdatePreview();
-}
-
 function newFolderUpdatePreview() {
   const name = document.getElementById("new-folder-name").value.trim();
   const previewEl = document.getElementById("new-folder-preview");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "living-documentation",
-  "version": "7.3.0",
+  "version": "7.4.0",
   "description": "A CLI tool that serves a local Markdown documentation viewer",
   "main": "dist/src/server.js",
   "bin": {