feat: 🎸 dispatch event when app is exported

makes it easier for consumers to listen for a loaded app without using
the lazy-loader explicitly

src/index.ts

@@ -1,4 +1,4 @@
-import { importer, eksporter } from './navspa';
+import { importer, eksporter, exportEvent } from './navspa';
 import { importer as importerAsync, importerLazy, preload } from './async/async-navspa';
 export { AsyncSpaConfig } from './async/async-navspa';
 
@@ -10,7 +10,8 @@ export const AsyncNavspa = {
 
 export const Navspa = {
 	importer,
-	eksporter
+	eksporter,
+	exportEvent
 };
 
 export default Navspa;

src/navspa.tsx

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import * as Feilmelding from './feilmelding';
+import { createCustomEvent } from './utils';
 
 interface DeprecatedNAVSPAScope {
 	[name: string]: DeprecatedNAVSPAApp;
@@ -24,6 +25,7 @@ type NAVSPAApp = {
 
 export const scope: DeprecatedNAVSPAScope = (global as any)['NAVSPA'] = (global as any)['NAVSPA'] || {}; // tslint:disable-line
 export const scopeV2: NAVSPAScope = (global as any)['NAVSPA-V2'] = (global as any)['NAVSPA-V2'] || {}; // tslint:disable-line
+export const exportEvent: string = 'NAVSPA-eksporter';
 
 export function eksporter<PROPS>(name: string, component: React.ComponentType<PROPS>) {
 	scope[name] = (element: HTMLElement, props: PROPS) => {
@@ -37,6 +39,7 @@ export function eksporter<PROPS>(name: string, component: React.ComponentType<PR
 			ReactDOM.unmountComponentAtNode(element);
 		}
 	}
+	document.dispatchEvent(createCustomEvent(exportEvent, name));
 }
 
 export function importer<P>(name: string, config?: NAVSPAAppConfig): React.ComponentType<P> {

src/utils.ts

@@ -0,0 +1,10 @@
+export function createCustomEvent<T>(type: string, detail: T): Event {
+    try {
+        return new CustomEvent(type, { detail });
+    } catch (e) {
+        // IE11 fallback
+        const event = document.createEvent('CustomEvent');
+        event.initCustomEvent(type, false, false, detail);
+        return event;
+    }
+}