Inject static HTML in mime bundle in classic notebook

Author: gnestor

labextension/src/output.js

@@ -41,8 +41,8 @@ export class OutputWidget extends Widget {
   _render() {
     const { data, schema } = this._data.get(this._mimeType);
     // const metadata = this._metadata.get(this._mimeType);
-    // if (data) 
     ReactDOM.render(<JSONTable data={data} schema={schema} />, this.node);
+    // Inject static HTML into mime bundle
     this._data.set(
       'text/html', 
       ReactDOMServer.renderToStaticMarkup(<JSONTable data={data} schema={schema} />)

nbextension/src/renderer.js

@@ -32,9 +32,8 @@ export function register_renderer(notebook) {
     render(json, toinsert[0]);
     // Inject static HTML into mime bundle
     this.outputs.filter(output => output.data[MIME_TYPE]).forEach(output => {
-      const { resources: [ props ] } = json;
       ReactDOMServer.renderToStaticMarkup(
-        <JSONTable {...props} />
+        <JSONTable data={data} schema={schema} />
       )
     });
     element.append(toinsert);
@@ -65,9 +64,9 @@ export function render_cells(notebook) {
   notebook.get_cells().forEach(cell => {
     // If a cell has output data of 'application/vnd.dataresource+json' mime type
     if (
-      cell.output_area && 
-      cell.output_area.outputs.find(output => 
-        output.data && output.data[MIME_TYPE]
+      cell.output_area &&
+      cell.output_area.outputs.find(
+        output => output.data && output.data[MIME_TYPE]
       )
     ) {
       // Re-render the cell by executing it