Svelte window focused action

focused.ts

// Example: <div use:focused={(e) => console.log('Focused, event:', e)}>

export default function focused(node: HTMLElement, callback: Function) {
  const handleFocusEvents = (event: Event) => {
    callback(event)
  };

  window.addEventListener('online', handleFocusEvents);
  window.addEventListener('focus', handleFocusEvents);

  return {
    destroy() {
      window.removeEventListener('online', handleFocusEvents);
      window.removeEventListener('focus', handleFocusEvents);
    },
  };
}