@emeryld/rrroutes-contract 2.2.4 → 2.2.6

package/dist/index.cjs

@@ -668,6 +668,15 @@ body {
   font-weight: 700;
   margin-right: 4px;
 }
+.schema-indent {
+  display: inline-block;
+}
+
+.schema-branch {
+  opacity: 0.6;
+  font-family: var(--font-mono);
+  margin-right: 2px;
+}
 
 /* Chips/Pills */
 .pill-checkbox { cursor: pointer; user-select: none; }
@@ -1202,12 +1211,14 @@ var DOCS_JS = `
     );
   }
 
+// Recursive schema renderer with proper depth-based indentation.
 
 function renderSchemaTable(node, title) {
   let rows = '';
 
   if (node.kind === 'object' && node.properties) {
-    rows = renderObjectChildren(node, 0);
+    // Start at depth -1 so first level of properties shows at depth 0
+    rows = renderObjectChildren(node, -1);
   } else {
     rows = renderNodeRow('(root)', node, 0);
   }
@@ -1222,27 +1233,21 @@ function renderSchemaTable(node, title) {
   );
 }
 
-/**
- * Render all children of an object node (at a given depth).
- */
 function renderObjectChildren(node, depth) {
   if (!node.properties) return '';
 
   let rows = '';
   Object.keys(node.properties).forEach(function (key) {
-    rows += renderNodeRow(key, node.properties[key], depth);
+    rows += renderNodeRow(key, node.properties[key], depth + 1);
   });
   return rows;
 }
 
-/**
- * Render a single row for a property / node, then recursively render nested structure.
- */
 function renderNodeRow(name, node, depth) {
   const reqClass = node.optional ? 'req-false' : 'req-true';
   const reqText = node.optional ? 'OPT' : 'REQ';
 
-  const indentPx = depth * 16;
+  const indentPx = depth * 16; // increase this if you want more spacing per level
   const nameCell =
     '<span class="schema-indent" style="padding-left:' +
     indentPx +
@@ -1263,13 +1268,14 @@ function renderNodeRow(name, node, depth) {
 
   // 1) Object properties
   if (node.kind === 'object' && node.properties) {
-    rows += renderObjectChildren(node, depth + 1);
+    rows += renderObjectChildren(node, depth);
   }
 
   // 2) Array element type
   if (node.kind === 'array' && node.element) {
     const element = node.element;
     if (isComplexNode(element)) {
+      // element rendered one level deeper than the array itself
       rows += renderNodeRow('[items]', element, depth + 1);
     }
   }
@@ -1407,6 +1413,7 @@ function escapeHtml(str) {
     .replace(/'/g, '&#39;');
 }
 
+
   function getTypeLabel(node) {
     if (!node) return 'any';
     if (node.kind === 'array') return getTypeLabel(node.element) + '[]';