import MwWindow from '@/@types/mediawiki/MwWindow';
import DataBridgeConfig from '@/@types/wikibase/DataBridgeConfig';
import AppBridge from '@/definitions/AppBridge';
import prepareContainer from '@/mediawiki/prepareContainer';
import { SelectedElement } from '@/mediawiki/SelectedElement';
import subscribeToEvents from '@/mediawiki/subscribeToEvents';
import Tracker from '@/tracking/Tracker';
import { Component, App } from 'vue';

export interface MwVueConstructor {
	createMwApp( componentOptions: Component, rootProps?: Record<string, unknown> | null ): App;
}

export default class Dispatcher {
	public static readonly APP_DOM_CONTAINER_ID = 'data-bridge-container';

	private readonly mwWindow: MwWindow;
	private readonly vue: unknown;
	private readonly app: AppBridge;
	private readonly dataBridgeConfig: DataBridgeConfig;
	private readonly eventTracker: Tracker;

	public constructor(
		mwWindow: MwWindow,
		vue: unknown,
		app: AppBridge,
		dataBridgeConfig: DataBridgeConfig,
		eventTracker: Tracker,
	) {
		this.mwWindow = mwWindow;
		this.vue = vue;
		this.app = app;
		this.dataBridgeConfig = dataBridgeConfig;
		this.eventTracker = eventTracker;
	}

	public dispatch( selectedElement: SelectedElement ): void {
		const dialog = prepareContainer( this.mwWindow.OO, this.mwWindow.$, Dispatcher.APP_DOM_CONTAINER_ID );

		const emitter = this.app.launch(
			( this.vue as MwVueConstructor ).createMwApp,
			{
				containerSelector: `#${Dispatcher.APP_DOM_CONTAINER_ID}`,
			},
			{
				pageTitle: this.mwWindow.mw.config.get( 'wgPageName' ),
				entityId: selectedElement.entityId,
				propertyId: selectedElement.propertyId,
				entityTitle: selectedElement.entityTitle,
				editFlow: selectedElement.editFlow,
				client: {
					usePublish: this.dataBridgeConfig.usePublish,
					issueReportingLink: this.dataBridgeConfig.issueReportingLink,
				},
				originalHref: selectedElement.link.href,
				pageUrl: this.mwWindow.location.href,
				userName: this.mwWindow.mw.config.get( 'wgUserName' ),
			},
			this.app.createServices(
				this.mwWindow,
				this.dataBridgeConfig.editTags,
				this.eventTracker,
			), // should be made caching when used repeatedly
		);

		subscribeToEvents( emitter, dialog.getManager(), this.mwWindow );
	}
}