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/22 • Updated 01/12/23
Found a mistake, or want to suggest an improvement? Edit on GitHub here
and see edit history here