Inspect

A function that returns the first argument you give it after console.log-ing it, and also logs out any other arguments. Useful for seeing what's going on without needing to extract out a set of expressions in to a variable. Typed with generics so TypeScript doesn't complain ☺.

typescriptjavascript
export const inspect = <T extends unknown>(obj: T, ...args: unknown[]): T => {
console.log(...args, obj)
return obj
}

Example

javascript
inspect(
inspect(document.querySelector('container'), 'container')?.querySelector(
'[data-index="2"]'
),
'item',
2
)?.scrollIntoView({
behaviour: 'smooth',
block: 'nearest',
inline: 'center',
})

would print the following to the console

code
container <div class="container">...</div>
item 2 <li data-index="2">...</li>
Created 10/06/22Updated 01/12/23
Found a mistake, or want to suggest an improvement? Edit on GitHub here
and see edit history here