feat(lib): raise an event when the switch is done by the FlashPreventionPlugin (#622)

Author: SanderElias

libs/scully-plugin-flash-prevention/src/lib/flash-prevention.plugin.ts

@@ -10,7 +10,7 @@ const AppRootAttrsBlacklist = ['_nghost', 'ng-version'];
 const MockRootAttrsBlacklist = [];
 
 registerPlugin('render', FlashPrevention, flashPreventionPlugin);
-registerPlugin('router', FlashPrevention, async ur => [{ route: ur }]);
+registerPlugin('router', FlashPrevention, async (ur) => [{ route: ur }]);
 
 interface FlashPreventionPluginOptions {
   appRootSelector?: string;
@@ -25,7 +25,7 @@ export function getFlashPreventionPlugin({
   appLoadedClass,
   appRootAttributesBlacklist,
   mockAttributesBlacklist,
-  displayType
+  displayType,
 }: FlashPreventionPluginOptions = {}) {
   if (appRootSelector) {
     AppRootSelector = appRootSelector;
@@ -88,7 +88,11 @@ async function addBitsToHead(html) {
 		document.body.classList.add('${LoadedClass}');
 		const tempAppRoot = document.querySelector('${AppRootSelector}-scully');
     tempAppRoot.parentNode.removeChild(tempAppRoot);
-		window.removeEventListener('AngularReady', scullyDiscountFlashPreventionContentScript);
+    window.removeEventListener('AngularReady', scullyDiscountFlashPreventionContentScript);
+    window.dispatchEvent(new Event('FlashPreventionSwitchDone', {
+      bubbles: true,
+      cancelable: false
+    }))
 	}
 </script>
 <style type="text/css">
@@ -107,7 +111,7 @@ function pushItemsToArray(src, dest) {
     if (src.length && !Array.isArray(src)) {
       src = [src];
     }
-    src.forEach(item => dest.push(item));
+    src.forEach((item) => dest.push(item));
   }
 }