living-documentation 3.3.0 → 3.5.0

package/dist/bin/cli.js

@@ -10,12 +10,12 @@ const fs_1 = __importDefault(require("fs"));
 const server_1 = require("../src/server");
 const program = new commander_1.Command();
 program
-    .name('living-documentation')
-    .description('Serve a local Markdown documentation viewer')
-    .version('1.0.0')
-    .argument('[folder]', 'Path to documentation folder', '.')
-    .option('-p, --port <number>', 'Port to listen on', '4321')
-    .option('-o, --open', 'Open browser automatically')
+    .name("living-documentation")
+    .description("Serve a local Markdown documentation viewer")
+    .version("1.0.0")
+    .argument("[folder]", "Path to documentation folder", ".")
+    .option("-p, --port <number>", "Port to listen on", "4321")
+    .option("-o, --open", "Open browser automatically")
     .action(async (folder, options) => {
     const docsPath = path_1.default.resolve(process.cwd(), folder);
     if (!fs_1.default.existsSync(docsPath)) {
@@ -29,7 +29,7 @@ program
     }
     const port = parseInt(options.port, 10);
     if (isNaN(port) || port < 1 || port > 65535) {
-        console.error('\nError: Invalid port number\n');
+        console.error("\nError: Invalid port number\n");
         process.exit(1);
     }
     await (0, server_1.startServer)({ docsPath, port, openBrowser: options.open ?? false });

package/dist/src/frontend/admin.html

@@ -146,6 +146,14 @@
                 </select>
                 <p class="text-xs text-gray-400 dark:text-gray-500">Users can always override with the toggle button.</p>
               </div>
+              <div class="px-5 py-4">
+                <label class="flex items-center gap-3 cursor-pointer">
+                  <input id="field-debug" name="showDiagramDebug" type="checkbox"
+                    class="w-4 h-4 rounded border-gray-300 dark:border-gray-600 text-blue-600 focus:ring-blue-500" />
+                  <span class="text-sm font-medium text-gray-700 dark:text-gray-300">Show debug button in diagram editor</span>
+                </label>
+                <p class="mt-1 text-xs text-gray-400 dark:text-gray-500 ml-7">Displays a Debug button that overlays raw position and size info on each node — useful for diagnosing snap-to-grid issues.</p>
+              </div>
               <div class="px-5 py-4 space-y-1.5">
                 <label class="block text-sm font-medium text-gray-700 dark:text-gray-300" for="field-pattern">Filename Pattern</label>
                 <input id="field-pattern" name="filenamePattern" type="text"
@@ -211,6 +219,7 @@
           document.getElementById("field-theme").value = cfg.theme || "system";
           document.getElementById("field-pattern").value =
             cfg.filenamePattern || "";
+          document.getElementById("field-debug").checked = !!cfg.showDiagramDebug;
           updatePreview(cfg.filenamePattern);
           initExtraFiles(cfg);
         } catch {
@@ -236,6 +245,7 @@
           title: document.getElementById("field-title").value.trim(),
           theme: document.getElementById("field-theme").value,
           filenamePattern,
+          showDiagramDebug: document.getElementById("field-debug").checked,
         };
 
         try {