WIP: Add EventBus abstraction

src/plugin/scripts/index.js

@@ -1,9 +1,15 @@
+import { EventBus } from '../../shared/event-bus';
+
 const progressContainer = document.getElementById( 'progress-container' );
 const progressBar = document.getElementById( 'progress-bar' );
 const progressText = document.getElementById( 'progress-text' );
 
 const startImportButton = document.getElementById( 'try-wordpress-import' );
 if ( startImportButton ) {
+	const eventBus = new EventBus( { targetWindow: window.parent } );
+	// TODO.
+	eventBus.addListener( 'foo', () => {} );
+
 	window.addEventListener( 'message', handleStartImportResponse );
 	window.addEventListener( 'message', handleMessage );
 	startImportButton.addEventListener( 'click', startImport );

src/shared/event-bus.js

@@ -0,0 +1,25 @@
+export class EventBus {
+	#window;
+	#targetWindow;
+	#listeners;
+
+	constructor( options = {} ) {
+		if ( ! options.targetWindow ) {
+			throw Error( 'targetWindow option must be set' );
+		}
+		this.#targetWindow = options.targetWindow;
+		this.#window = options.window || window;
+		this.#listeners = [];
+		this.#window.addEventListener( 'message', this.handleEvent );
+	}
+
+	addListener( type, callback ) {
+		// TODO.
+		console.log( type, callback );
+	}
+
+	handleEvent( event ) {
+		// TODO.
+		console.log( event.target );
+	}
+}