forked from voila-dashboards/voila
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
6d7cce7
commit 863b297
Showing
1 changed file
with
151 additions
and
151 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,151 +1,151 @@ | ||
| /*************************************************************************** | ||
| * Copyright (c) 2018, Voila contributors * | ||
| * * | ||
| * Distributed under the terms of the BSD 3-Clause License. * | ||
| * * | ||
| * The full license is in the file LICENSE, distributed with this software. * | ||
| ****************************************************************************/ | ||
|
|
||
| import { RenderMimeRegistry, standardRendererFactories } from '@jupyterlab/rendermime'; | ||
| import { requireLoader } from '@jupyter-widgets/html-manager'; | ||
| import { WidgetManager as JupyterLabManager } from '@jupyter-widgets/jupyterlab-manager'; | ||
| import { WidgetRenderer } from '@jupyter-widgets/jupyterlab-manager'; | ||
| import { output } from '@jupyter-widgets/jupyterlab-manager'; | ||
| import * as base from '@jupyter-widgets/base'; | ||
| import * as controls from '@jupyter-widgets/controls'; | ||
|
|
||
| if (typeof window !== "undefined" && typeof window.define !== "undefined") { | ||
| window.define("@jupyter-widgets/base", base); | ||
| window.define("@jupyter-widgets/controls", controls); | ||
| window.define("@jupyter-widgets/output", output); | ||
| } | ||
|
|
||
| const WIDGET_MIMETYPE = 'application/vnd.jupyter.widget-view+json'; | ||
|
|
||
| export class WidgetManager extends JupyterLabManager { | ||
|
|
||
| constructor(kernel) { | ||
| const context = createContext(kernel); | ||
| const rendermime = createRenderMimeRegistry(); | ||
| super(context, rendermime); | ||
| this._registerWidgets(); | ||
| this.loader = requireLoader; | ||
| } | ||
|
|
||
| async build_widgets() { | ||
| const models = await this._build_models(); | ||
| const tags = document.body.querySelectorAll('script[type="application/vnd.jupyter.widget-view+json"]'); | ||
| for (let i=0; i!=tags.length; ++i) { | ||
| const viewtag = tags[i]; | ||
| const widgetViewObject = JSON.parse(viewtag.innerHTML); | ||
| const { model_id } = widgetViewObject; | ||
| const model = models[model_id]; | ||
| const widgetTag = document.createElement('div'); | ||
| widgetTag.className = 'widget-subarea'; | ||
| viewtag.parentElement.insertBefore(widgetTag, viewtag); | ||
| const view = await this.display_model(undefined, model, { el : widgetTag }); | ||
| widgetTag.appendChild(view.node); | ||
| } | ||
| } | ||
|
|
||
| async loadClass(className, moduleName, moduleVersion) { | ||
| if ( | ||
| moduleName === '@jupyter-widgets/base' || | ||
| moduleName === '@jupyter-widgets/controls' || | ||
| moduleName === '@jupyter-widgets/output' | ||
| ) { | ||
| return super.loadClass(className, moduleName, moduleVersion); | ||
| } | ||
| else { | ||
| // TODO: code duplicate from HTMLWidgetManager, consider a refactor | ||
| return this.loader(moduleName, moduleVersion).then((module) => { | ||
| if (module[className]) { | ||
| return module[className]; | ||
| } | ||
| else { | ||
| return Promise.reject("Class " + className + " not found in module " + moduleName + "@" + moduleVersion); | ||
| } | ||
| }) | ||
| } | ||
| } | ||
|
|
||
| _registerWidgets() { | ||
| this.register({ | ||
| name: '@jupyter-widgets/base', | ||
| version: base.JUPYTER_WIDGETS_VERSION, | ||
| exports: base | ||
| }); | ||
| this.register({ | ||
| name: '@jupyter-widgets/controls', | ||
| version: controls.JUPYTER_CONTROLS_VERSION, | ||
| exports: controls | ||
| }); | ||
| this.register({ | ||
| name: '@jupyter-widgets/output', | ||
| version: output.OUTPUT_WIDGET_VERSION, | ||
| exports: output | ||
| }); | ||
| } | ||
|
|
||
| async _build_models() { | ||
| const comm_ids = await this._get_comm_info(); | ||
| const models = {}; | ||
| const widgets_info = await Promise.all(Object.keys(comm_ids).map(async (comm_id) => { | ||
| const comm = await this._create_comm(this.comm_target_name, comm_id); | ||
| return this._update_comm(comm); | ||
| })); | ||
|
|
||
| await Promise.all(widgets_info.map(async (widget_info) => { | ||
| const state = widget_info.msg.content.data.state; | ||
| const modelPromise = this.new_model( | ||
| { | ||
| model_name: state._model_name, | ||
| model_module: state._model_module, | ||
| model_module_version: state._model_module_version, | ||
| comm: widget_info.comm, | ||
| }, | ||
| state | ||
| ); | ||
| const model = await modelPromise; | ||
| models[model.model_id] = model; | ||
| return modelPromise; | ||
| })); | ||
| return models; | ||
| } | ||
|
|
||
| async _update_comm(comm) { | ||
| return new Promise(function(resolve, reject) { | ||
| comm.on_msg(async (msg) => { | ||
| base.put_buffers(msg.content.data.state, msg.content.data.buffer_paths, msg.buffers); | ||
| if (msg.content.data.method === 'update') { | ||
| resolve({comm: comm, msg: msg}); | ||
| } | ||
| }); | ||
| comm.send({method: 'request_state'}, {}); | ||
| }); | ||
| } | ||
|
|
||
| } | ||
|
|
||
| function createContext(kernel) { | ||
| return { | ||
| session: { | ||
| kernel, | ||
| kernelChanged: { | ||
| connect: () => {} | ||
| } | ||
| } | ||
| }; | ||
| } | ||
|
|
||
| function createRenderMimeRegistry() { | ||
| const rendermime = new RenderMimeRegistry({ | ||
| initialFactories: standardRendererFactories | ||
| }); | ||
| rendermime.addFactory({ | ||
| safe: false, | ||
| mimeTypes: [WIDGET_MIMETYPE], | ||
| createRenderer: options => new WidgetRenderer(options, manager) | ||
| }, 1); | ||
| return rendermime; | ||
| } | ||
| /*************************************************************************** | ||
| * Copyright (c) 2018, Voila contributors * | ||
| * * | ||
| * Distributed under the terms of the BSD 3-Clause License. * | ||
| * * | ||
| * The full license is in the file LICENSE, distributed with this software. * | ||
| ****************************************************************************/ | ||
|
|
||
| import { RenderMimeRegistry, standardRendererFactories } from '@jupyterlab/rendermime'; | ||
| import { requireLoader } from '@jupyter-widgets/html-manager'; | ||
| import { WidgetManager as JupyterLabManager } from '@jupyter-widgets/jupyterlab-manager'; | ||
| import { WidgetRenderer } from '@jupyter-widgets/jupyterlab-manager'; | ||
| import { output } from '@jupyter-widgets/jupyterlab-manager'; | ||
| import * as base from '@jupyter-widgets/base'; | ||
| import * as controls from '@jupyter-widgets/controls'; | ||
|
|
||
| if (typeof window !== "undefined" && typeof window.define !== "undefined") { | ||
| window.define("@jupyter-widgets/base", base); | ||
| window.define("@jupyter-widgets/controls", controls); | ||
| window.define("@jupyter-widgets/output", output); | ||
| } | ||
|
|
||
| const WIDGET_MIMETYPE = 'application/vnd.jupyter.widget-view+json'; | ||
|
|
||
| export class WidgetManager extends JupyterLabManager { | ||
|
|
||
| constructor(kernel) { | ||
| const context = createContext(kernel); | ||
| const rendermime = createRenderMimeRegistry(); | ||
| super(context, rendermime); | ||
| this._registerWidgets(); | ||
| this.loader = requireLoader; | ||
| } | ||
|
|
||
| async build_widgets() { | ||
| const models = await this._build_models(); | ||
| const tags = document.body.querySelectorAll('script[type="application/vnd.jupyter.widget-view+json"]'); | ||
| for (let i=0; i!=tags.length; ++i) { | ||
| const viewtag = tags[i]; | ||
| const widgetViewObject = JSON.parse(viewtag.innerHTML); | ||
| const { model_id } = widgetViewObject; | ||
| const model = models[model_id]; | ||
| const widgetTag = document.createElement('div'); | ||
| widgetTag.className = 'widget-subarea'; | ||
| viewtag.parentElement.insertBefore(widgetTag, viewtag); | ||
| const view = await this.display_model(undefined, model, { el : widgetTag }); | ||
| widgetTag.appendChild(view.node); | ||
| } | ||
| } | ||
|
|
||
| async loadClass(className, moduleName, moduleVersion) { | ||
| if ( | ||
| moduleName === '@jupyter-widgets/base' || | ||
| moduleName === '@jupyter-widgets/controls' || | ||
| moduleName === '@jupyter-widgets/output' | ||
| ) { | ||
| return super.loadClass(className, moduleName, moduleVersion); | ||
| } | ||
| else { | ||
| // TODO: code duplicate from HTMLWidgetManager, consider a refactor | ||
| return this.loader(moduleName, moduleVersion).then((module) => { | ||
| if (module[className]) { | ||
| return module[className]; | ||
| } | ||
| else { | ||
| return Promise.reject("Class " + className + " not found in module " + moduleName + "@" + moduleVersion); | ||
| } | ||
| }) | ||
| } | ||
| } | ||
|
|
||
| _registerWidgets() { | ||
| this.register({ | ||
| name: '@jupyter-widgets/base', | ||
| version: base.JUPYTER_WIDGETS_VERSION, | ||
| exports: base | ||
| }); | ||
| this.register({ | ||
| name: '@jupyter-widgets/controls', | ||
| version: controls.JUPYTER_CONTROLS_VERSION, | ||
| exports: controls | ||
| }); | ||
| this.register({ | ||
| name: '@jupyter-widgets/output', | ||
| version: output.OUTPUT_WIDGET_VERSION, | ||
| exports: output | ||
| }); | ||
| } | ||
|
|
||
| async _build_models() { | ||
| const comm_ids = await this._get_comm_info(); | ||
| const models = {}; | ||
| const widgets_info = await Promise.all(Object.keys(comm_ids).map(async (comm_id) => { | ||
| const comm = await this._create_comm(this.comm_target_name, comm_id); | ||
| return this._update_comm(comm); | ||
| })); | ||
|
|
||
| await Promise.all(widgets_info.map(async (widget_info) => { | ||
| const state = widget_info.msg.content.data.state; | ||
| const modelPromise = this.new_model( | ||
| { | ||
| model_name: state._model_name, | ||
| model_module: state._model_module, | ||
| model_module_version: state._model_module_version, | ||
| comm: widget_info.comm, | ||
| }, | ||
| state | ||
| ); | ||
| const model = await modelPromise; | ||
| models[model.model_id] = model; | ||
| return modelPromise; | ||
| })); | ||
| return models; | ||
| } | ||
|
|
||
| async _update_comm(comm) { | ||
| return new Promise(function(resolve, reject) { | ||
| comm.on_msg(async (msg) => { | ||
| base.put_buffers(msg.content.data.state, msg.content.data.buffer_paths, msg.buffers); | ||
| if (msg.content.data.method === 'update') { | ||
| resolve({comm: comm, msg: msg}); | ||
| } | ||
| }); | ||
| comm.send({method: 'request_state'}, {}); | ||
| }); | ||
| } | ||
|
|
||
| } | ||
|
|
||
| function createContext(kernel) { | ||
| return { | ||
| session: { | ||
| kernel, | ||
| kernelChanged: { | ||
| connect: () => {} | ||
| } | ||
| } | ||
| }; | ||
| } | ||
|
|
||
| function createRenderMimeRegistry() { | ||
| const rendermime = new RenderMimeRegistry({ | ||
| initialFactories: standardRendererFactories | ||
| }); | ||
| rendermime.addFactory({ | ||
| safe: false, | ||
| mimeTypes: [WIDGET_MIMETYPE], | ||
| createRenderer: options => new WidgetRenderer(options, manager) | ||
| }, 1); | ||
| return rendermime; | ||
| } |