@elementor/editor-v1-adapters 0.6.2 → 0.8.0

package/src/listeners/listeners.ts

@@ -8,13 +8,10 @@ import {
 } from './types';
 import { isReady, setReady } from './is-ready';
 
-const callbacksByEvent = new Map<EventDescriptor['name'], ListenerCallback[]>();
+const callbacksByEvent = new Map< EventDescriptor[ 'name' ], ListenerCallback[] >();
 let abortController = new AbortController();
 
-export function listenTo(
-	eventDescriptors: EventDescriptor | EventDescriptor[],
-	callback: ListenerCallback
-) {
+export function listenTo( eventDescriptors: EventDescriptor | EventDescriptor[], callback: ListenerCallback ) {
 	if ( ! Array.isArray( eventDescriptors ) ) {
 		eventDescriptors = [ eventDescriptors ];
 	}
@@ -50,8 +47,8 @@ export function flushListeners() {
 }
 
 function registerCommandListener(
-	command: CommandEventDescriptor['name'],
-	state: CommandEventDescriptor['state'],
+	command: CommandEventDescriptor[ 'name' ],
+	state: CommandEventDescriptor[ 'state' ],
 	callback: ListenerCallback
 ) {
 	return registerWindowEventListener( `elementor/commands/run/${ state }`, ( e ) => {
@@ -64,8 +61,8 @@ function registerCommandListener(
 }
 
 function registerRouteListener(
-	route: RouteEventDescriptor['name'],
-	state: RouteEventDescriptor['state'],
+	route: RouteEventDescriptor[ 'name' ],
+	state: RouteEventDescriptor[ 'state' ],
 	callback: ListenerCallback
 ) {
 	return registerWindowEventListener( `elementor/routes/${ state }`, ( e ) => {
@@ -77,7 +74,7 @@ function registerRouteListener(
 	} );
 }
 
-function registerWindowEventListener( event: WindowEventDescriptor['name'], callback: ListenerCallback ) {
+function registerWindowEventListener( event: WindowEventDescriptor[ 'name' ], callback: ListenerCallback ) {
 	const isFirstListener = ! callbacksByEvent.has( event );
 
 	if ( isFirstListener ) {
@@ -101,15 +98,11 @@ function registerWindowEventListener( event: WindowEventDescriptor['name'], call
 	};
 }
 
-function addListener( event: EventDescriptor['name'] ) {
-	window.addEventListener(
-		event,
-		makeEventHandler( event ),
-		{ signal: abortController.signal }
-	);
+function addListener( event: EventDescriptor[ 'name' ] ) {
+	window.addEventListener( event, makeEventHandler( event ), { signal: abortController.signal } );
 }
 
-function makeEventHandler( event: EventDescriptor['name'] ): EventListener {
+function makeEventHandler( event: EventDescriptor[ 'name' ] ): EventListener {
 	return ( e ) => {
 		if ( ! isReady() ) {
 			return;

package/src/listeners/types.ts

@@ -1,41 +1,41 @@
 export type ExtendedWindow = Window & {
-	__elementorEditorV1LoadingPromise?: Promise<void>;
+	__elementorEditorV1LoadingPromise?: Promise< void >;
 };
 
 export type CommandEventDescriptor = {
-	type: 'command',
-	name: string,
-	state: 'before' | 'after',
+	type: 'command';
+	name: string;
+	state: 'before' | 'after';
 };
 
 export type RouteEventDescriptor = {
-	type: 'route',
-	name: string,
-	state: 'open' | 'close',
+	type: 'route';
+	name: string;
+	state: 'open' | 'close';
 };
 
 export type WindowEventDescriptor = {
-	type: 'window-event',
-	name: string,
+	type: 'window-event';
+	name: string;
 };
 
-export type CommandEvent<TArgs extends object = object> = {
-	type: CommandEventDescriptor['type'],
-	command: string,
-	args: TArgs,
-	originalEvent: CustomEvent,
+export type CommandEvent< TArgs extends object = object > = {
+	type: CommandEventDescriptor[ 'type' ];
+	command: string;
+	args: TArgs;
+	originalEvent: CustomEvent;
 };
 
 export type RouteEvent = {
-	type: RouteEventDescriptor['type'],
-	route: string,
-	originalEvent: CustomEvent,
+	type: RouteEventDescriptor[ 'type' ];
+	route: string;
+	originalEvent: CustomEvent;
 };
 
 export type WindowEvent = {
-	type: WindowEventDescriptor['type'],
-	event: string,
-	originalEvent: Event,
+	type: WindowEventDescriptor[ 'type' ];
+	event: string;
+	originalEvent: Event;
 };
 
 export type EventDescriptor = CommandEventDescriptor | WindowEventDescriptor | RouteEventDescriptor;

package/src/listeners/utils.ts

@@ -18,7 +18,7 @@ function getV1LoadingPromise() {
 	return v1LoadingPromise;
 }
 
-export function normalizeEvent( e: ListenerEvent['originalEvent'] ): ListenerEvent {
+export function normalizeEvent( e: ListenerEvent[ 'originalEvent' ] ): ListenerEvent {
 	if ( e instanceof CustomEvent && e.detail?.command ) {
 		return {
 			type: 'command',

package/src/readers/__tests__/index.test.ts

@@ -4,20 +4,19 @@ type ExtendedWindow = Window & {
 	$e: {
 		routes: {
 			isPartOf: jest.Mock;
-		}
-	},
+		};
+	};
 	elementor: {
 		channels: {
 			dataEditMode: {
 				request: jest.Mock;
-			}
-		}
-	}
-}
+			};
+		};
+	};
+};
 
 describe( '@elementor/editor-v1-adapters - Readers', () => {
-	let eIsPartOf: jest.Mock,
-		eGetEditMode: jest.Mock;
+	let eIsPartOf: jest.Mock, eGetEditMode: jest.Mock;
 
 	beforeEach( () => {
 		const extendedWindow = window as unknown as ExtendedWindow;

package/src/readers/types.ts

@@ -4,13 +4,13 @@ export type ExtendedWindow = Window & {
 	$e: {
 		routes: {
 			isPartOf: ( route: string ) => boolean;
-		}
-	},
+		};
+	};
 	elementor: {
 		channels: {
 			dataEditMode: {
 				request: ( key: 'activeMode' ) => EditMode;
-			}
-		}
-	}
-}
+			};
+		};
+	};
+};

package/src/__tests__/utils.ts

@@ -1,39 +0,0 @@
-export function dispatchCommandBefore( command: string ) {
-	window.dispatchEvent( new CustomEvent( 'elementor/commands/run/before', {
-		detail: {
-			command,
-		},
-	} ) );
-}
-
-export function dispatchCommandAfter( command: string ) {
-	window.dispatchEvent( new CustomEvent( 'elementor/commands/run/after', {
-		detail: {
-			command,
-		},
-	} ) );
-}
-
-export function dispatchRouteOpen( route: string ) {
-	window.dispatchEvent( new CustomEvent( 'elementor/routes/open', {
-		detail: {
-			route,
-		},
-	} ) );
-}
-
-export function dispatchRouteClose( route: string ) {
-	window.dispatchEvent( new CustomEvent( 'elementor/routes/close', {
-		detail: {
-			route,
-		},
-	} ) );
-}
-
-export function dispatchEditModeChange() {
-	window.dispatchEvent( new CustomEvent( 'elementor/edit-mode/change' ) );
-}
-
-export function dispatchWindowEvent( event: string ) {
-	window.dispatchEvent( new CustomEvent( event ) );
-}