Storybook Angular Custom Elements reload hack

storybook-custom-elements-reload-hack.js

/**
 * @hack detect when story is changed and reload because custom elements
 * break HMR.
 * Storybook will replace storybook-dynamic-app-root's children.
 * Then we reload the page to redefine elements.
 */
const rootEl = document.querySelector('#root');
rootEl.addEventListener('DOMNodeRemoved', (evt) => {
  if (evt.relatedNode === rootEl) {
    document.location.reload();
  }
});