Bfcache action for Svelte

action.js

const elements = [];
const events = [];

window.addEventListener('pageshow', (event) => {    
  const navigationType = window.performance.getEntriesByType('navigation')[0].type;
  if (navigationType !== 'back_forward') return;
  
  elements.forEach((element, index) => {
    element.dispatchEvent(new Event(events[index], {
      bubbles: true,
      cancelable: true
    }));
  });
});

export default function (node, eventName) {
  
  elements.push(node);
  events.push(eventName);
  
  return {
    destroy () {
      const index = elements.getIndexOf(node);
      elements.splice(index, 1);
      events.splice(index, 1);
    }
  };
  
}

example.svelte

<select use:bfcacheEvent={'change'}>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>