Method render

python/jupyter-widget/src/widget.ts:53–107

()

    private wrapper?: React.DetailedReactHTMLElement<any, HTMLElement>;

    render() {
        const explorerProps: ExplorerProps = {
            logoClickUrl: 'https://microsoft.github.io/SandDance/',
            compactUI: true,
            mounted: (explorer: Explorer_Class) => {
                this.explorer = explorer;

                // restore previous snapshots
                const snapshots = this.model.get('snapshots');
                this.explorer.setState({ snapshots });

                this.model.on('change:data', this.data_changed, this);

                // TODO
                // avoid error
                // LAYER_TEXT-characters-program  Bad uniform project_uViewProjectionMatrix
                setTimeout(() => {
                    this.data_changed();
                }, 0);
            },
            snapshotProps: {
                getTopActions: (snapshots: SandDance.types.Snapshot[]) => {
                    const items = [
                        {
                            key: 'saveAsWidgetState',
                            text: 'Save as Widget State',
                            disabled: snapshots.length === 0,
                            onClick: () => this.saveSnapshots(snapshots),
                        },
                    ];
                    return items;
                },
            },
            systemInfoChildren: [
                React.createElement('li', null, 'SandDance (Python) version: ', this.model.get('pyversion')),
                React.createElement('li', null, 'SandDance Jupyter Widget version: ', MODULE_VERSION),
            ],
        };

        this.wrapper = React.createElement(
            'div',
            {
                style: {
                    width: this.model.get('width'),
                    height: this.model.get('height'),
                },
            },
            [React.createElement(Explorer, { ...explorerProps, key: 'explorer-key' })],
        );

        ReactDOM.render(this.wrapper, this.el);

        this.model.on('change:width', this.size_changed, this);
        this.model.on('change:height', this.size_changed, this);
    }

    private saveSnapshots(snapshots: SandDance.types.Snapshot[]) {
        this.model.set('snapshots', snapshots);