/// <reference path="./reveal.d.ts" />

import { RevealConfig } from './config.ts';
import type { RevealApi } from './reveal';

// @ts-ignore
import Deck, { VERSION } from './reveal.js';

/**
 * Expose the Reveal class to the window. To create a
 * new instance:
 * let deck = new Reveal( document.querySelector( '.reveal' ), {
 *   controls: false
 * } );
 * deck.initialize().then(() => {
 *   // reveal.js is ready
 * });
 */
const Reveal: {
	initialize: (options?: RevealConfig) => Promise<RevealApi>;
	[key: string]: any;
} = Deck;

/**
 * The below is a thin shell that mimics the pre 4.0
 * reveal.js API and ensures backwards compatibility.
 * This API only allows for one Reveal instance per
 * page, whereas the new API above lets you run many
 * presentations on the same page.
 *
 * Reveal.initialize( { controls: false } ).then(() => {
 *   // reveal.js is ready
 * });
 */

type RevealApiFunction = (deck: RevealApi) => any;

const enqueuedAPICalls: RevealApiFunction[] = [];

Reveal.initialize = (options?: RevealConfig) => {
	const revealElement = document.querySelector('.reveal');

	if (!(revealElement instanceof HTMLElement)) {
		throw new Error('Unable to find presentation root (<div class="reveal">).');
	}

	// Create our singleton reveal.js instance
	Object.assign(Reveal, new Deck(revealElement, options));

	// Invoke any enqueued API calls
	enqueuedAPICalls.map((method) => method(Reveal as RevealApi));

	return Reveal.initialize();
};

/**
 * The pre 4.0 API let you add event listener before
 * initializing. We maintain the same behavior by
 * queuing up premature API calls and invoking all
 * of them when Reveal.initialize is called.
 */
(
	['configure', 'on', 'off', 'addEventListener', 'removeEventListener', 'registerPlugin'] as const
).forEach((method) => {
	Reveal[method] = (...args: any) => {
		enqueuedAPICalls.push((deck) => (deck[method] as any).call(null, ...args));
	};
});

Reveal.isReady = () => false;

Reveal.VERSION = VERSION;

export default Reveal;