feat(website): swap to node-inspect-extracted (#55)

website/docs/concepts/concurrent-iterable.mdx

@@ -169,7 +169,7 @@ const withLfi = await pipe(
 )
 console.timeEnd(`with lfi`)
 // NOTE: This duration may vary slightly between runs
-//=> with lfi: 6011 ms
+//=> with lfi: 6000 ms
 
 // Takes 10 seconds! The first item is a bottleneck because `p-map` waits for all callbacks
 console.time(`without lfi`)

website/docs/recipes.mdx

@@ -247,7 +247,12 @@ console.log(
 //=> 1
 //=> 0
 // NOTE: This order may change between runs
-//=> [ 'kind strawberry', 'humble max', 'great bitsy', 'beautiful tommy' ]
+//=> [
+//=>   'kind strawberry',
+//=>   'humble max',
+//=>   'great bitsy',
+//=>   'beautiful tommy'
+//=> ]
 ```
 
 ## How do I reduce an iterable to more than one result in one pass?

website/package.json

@@ -47,7 +47,7 @@
     "lfi": "link:..",
     "limit-concur": "^3.0.0",
     "monaco-editor": "^0.52.0",
-    "object-inspect": "^1.13.3",
+    "node-inspect-extracted": "^3.0.2",
     "p-filter": "^4.1.0",
     "p-map": "^7.0.2",
     "prettier": "^3.4.1",

website/src/pages/playground/_helpers/console.tsx

@@ -1,6 +1,6 @@
 import { join, map, pipe } from 'lfi'
 import type { ReactElement } from 'react'
-import inspect from 'object-inspect'
+import { inspect } from 'node-inspect-extracted'
 import type { Log } from './use-sandbox.ts'
 
 const Console = ({ logs }: { logs: Log[] }) => {
@@ -144,7 +144,11 @@ const extractLabel = (args: unknown[]): string => {
 const formatArgs = (args: unknown[]): string =>
   pipe(
     args,
-    map(arg => (typeof arg === `string` ? arg : inspect(arg, { indent: 2 }))),
+    map(arg =>
+      typeof arg === `string`
+        ? arg
+        : inspect(arg, { breakLength: 50, depth: 5 }),
+    ),
     join(` `),
   )