// Copyright (c) Jupyter Development Team.

// Distributed under the terms of the Modified BSD License.

declare let __webpack_public_path__: string;

// tslint:disable: no-var-requires no-require-imports no-any

// eslint-disable-next-line prefer-const

__webpack_public_path__ = (window as any).__jupyter_widgets_assets_path__ || __webpack_public_path__;

import '@phosphor/widgets/style/index.css';

import 'font-awesome/css/font-awesome.css';

import '@jupyter-widgets/controls/css/widgets.css';

// Load json schema validator

const Ajv = require('ajv');

import { WidgetManager } from './manager';

const widget_state_schema = require('@jupyter-widgets/schema').v2.state;

const widget_view_schema = require('@jupyter-widgets/schema').v2.view;

const ajv = new Ajv();

const model_validate = ajv.compile(widget_state_schema);

const view_validate = ajv.compile(widget_view_schema);

/**

* Render the inline widgets inside a DOM element.

*

* @param managerFactory A function that returns a new WidgetManager

* @param element (default document.documentElement) The document element in which to process for widget state.

*/

export async function renderWidgets(

managerFactory: () => WidgetManager,

element: HTMLElement = document.documentElement

): Promise<void> {

const tags = element.querySelectorAll('script[type="application/vnd.jupyter.widget-state+json"]');

await Promise.all(

Array.from(tags).map(async (t) => renderManager(element, JSON.parse(t.innerHTML), managerFactory))

);

}

/**

* Create a widget manager for a given widget state.

*

* @param element The DOM element to search for widget view state script tags

* @param widgetState The widget manager state

* @param managerFactory The widget manager factory

*

* #### Notes

*

* Widget view state should be in script tags with type

* "application/vnd.jupyter.widget-view+json". Any such script tag containing a

* model id the manager knows about is replaced with a rendered view.

* Additionally, if the script tag has a prior img sibling with class

* 'jupyter-widget', then that img tag is deleted.

*/

async function renderManager(

element: HTMLElement,

widgetState: any,

managerFactory: () => WidgetManager

): Promise<void> {

const valid = model_validate(widgetState);

if (!valid) {

throw new Error(`Model state has errors: ${model_validate.errors}`);

}

const manager = managerFactory();

const models = await manager.set_state(widgetState);

const tags = element.querySelectorAll('script[type="application/vnd.jupyter.widget-view+json"]');

await Promise.all(

Array.from(tags).map(async (viewtag) => {

const widgetViewObject = JSON.parse(viewtag.innerHTML);

const valid2 = view_validate(widgetViewObject);

if (!valid2) {

throw new Error(`View state has errors: ${view_validate.errors}`);

}

const model_id: string = widgetViewObject.model_id;

const model = models.find((item) => item.model_id === model_id);

if (model !== undefined && viewtag.parentElement !== null) {

const prev = viewtag.previousElementSibling;

if (prev && prev.tagName === 'img' && prev.classList.contains('jupyter-widget')) {

viewtag.parentElement.removeChild(prev);

}

const widgetTag = document.createElement('div');

widgetTag.className = 'widget-subarea';

viewtag.parentElement.insertBefore(widgetTag, viewtag);

const view = await manager.create_view(model, { node: widgetTag });

manager.display_view('display_view', view, {}).catch((x) => {

window.console.error(x);

});

}

})

);

}