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 ☺.

typescript
      export const inspect = <T extends unknown>(obj: T, ...args: unknown[]): T => {
  console.log(...args, obj)
  return obj
}
    
      export const inspect = (obj, ...args) => {
  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

text
          container <div class="container">...</div>
item 2 <li data-index="2">...</li>
Created 06/10/22 • Updated 12/01/23