let searchBar = document.querySelector('#search-bar input');

hotkeys('/', {keyup: true}, function (event, _){
  if (event.type != 'keyup') {
    return;
  }
  console.log(searchBar);
  searchBar.focus();
});



/**
  * @param {Event & {target: HTMLElement}} event
  */
function inspectSetTimeout(event) {
  let target = event.target;
  
  let id = setTimeout(
    () => {
      let targetId = '#' + target.id;
      htmx.trigger(targetId, 'inspect', {});
      // let hoveringCover = document.querySelector(`${targetId} img`);
      // let inspectorImage = document.querySelector('.float img');
      // if (inspectorImage == null) {
      //   return;
      // }
      // let cloned = hoveringCover.cloneNode();
      // cloned.id = 'cloned';
      // inspectorImage.before(cloned)
    },
    500
  );

  target.dataset['timeout'] = id
}

/**
  * @param {Event & {target: HTMLElement}} event
  */
function inspectClearTimeout(event) {
  let target = event.target;
  clearTimeout(target.dataset['timeout'])
}