Print with multiple lines when inspecting large objects

TooTallNate · Nov 6, 2023 · 59beb73 · 59beb73
1 parent bde1ab0
commit 59beb73
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 4 deletions.
diff --git a/.changeset/proud-poets-cheat.md b/.changeset/proud-poets-cheat.md
@@ -0,0 +1,5 @@
+---
+'nxjs-runtime': patch
+---
+
+Print with multiple lines when inspecting large objects
diff --git a/packages/runtime/src/inspect.ts b/packages/runtime/src/inspect.ts
@@ -138,10 +138,20 @@ function printObject(v: any, opts: InspectOptions) {
 		ctor && ctor !== Object && typeof ctor.name === 'string'
 			? `${ctor.name} `
 			: '';
-	const contents =
-		keys.length === 0
-			? ''
-			: ` ${keys.map((k) => `${k}: ${inspect(v[k], opts)}`).join(', ')} `;
+	let contents = '';
+	if (keys.length > 0) {
+		let len = 0;
+		const parts = keys.map((k) => {
+			const l = `${k}: ${inspect(v[k], opts)}`;
+			len += l.length;
+			return `${k}: ${inspect(v[k], opts)}`;
+		});
+		if (len > 60) {
+			contents = parts.map((p) => `\n  ${p}`).join('') + '\n';
+		} else {
+			contents = ` ${parts.join(', ')} `;
+		}
+	}
 	return `${className}{${contents}}`;
 }