Add resize to Renderable.js

.gitignore

@@ -7,6 +7,7 @@ build/
 *.py[cod]
 node_modules/
 .vscode
+.venv
 
 # Compiled javascript
 pythreejs/static/

js/src/_base/Renderable.js

@@ -454,6 +454,29 @@ var RenderableView = widgets.DOMWidgetView.extend({
 
     },
 
+    // resize the renderer
+    resize: function() {
+        const { width, height } = this.el.getBoundingClientRect();
+        this.renderer.setSize(width, height);
+
+        this.camera.aspect = width / height;
+        this.camera.updateProjectionMatrix();
+
+        // if (this.controls) {
+        //     try {
+        //         this.controls.handleResize();
+        //         this.controls.screen.width = width;
+        //         this.controls.screen.height = height;
+        //     } catch (error) {
+        //         this.log("unable to update controls");
+        //         this.log(error);
+        //     }
+        // }
+
+        // finally render
+        this.render()
+    },
+
     teardownViewer: function() {
 
         this.$renderer.off('mouseenter');
@@ -494,11 +517,15 @@ var RenderableView = widgets.DOMWidgetView.extend({
         });
     },
 
+    // Permit custom calls from pythreejs
     onCustomMessage: function(content, buffers) {
         switch(content.type) {
         case 'freeze':
             this.freeze();
             break;
+        case 'resize':
+            this.resize();
+            break;
         default:
         }
     },

pythreejs/_base/renderable.py

@@ -55,7 +55,7 @@ def send_msg(self, message_type, payload=None):
 
     def log(self, msg):
         content = {
-            'type': 'print',
+            'type': 'log',
             'msg': msg
         }
         self.send(content=content, buffers=None)
@@ -66,6 +66,12 @@ def freeze(self):
         }
         self.send(content)
 
+    def resize(self):
+        content = {
+            "type": "resize"
+        }
+        self.send(content)
+
 
 class Preview(RenderableWidget):
     # renderer properties

pythreejs/core/Renderer.py

@@ -60,6 +60,12 @@ def freeze(self):
         }
         self.send(content)
 
+    def resize(self):
+        content = {
+            "type": "resize"
+        }
+        self.send(content)
+
     @contextmanager
     def hold(self):
         self._pause_autorender = True

pythreejs/renderers/WebGLRenderer.py

@@ -42,3 +42,8 @@ def freeze(self):
         }
         self.send(content)
 
+    def resize(self):
+        content = {
+            "type": "resize"
+        }
+        self.send(content)

setup.py

@@ -72,6 +72,9 @@
             'nbval',
             'pytest-check-links',
             'numpy>=1.14',
+            'matplotlib',
+            'ipywebrtc',
+            'scikit-image',
         ],
         'examples': [
             'scipy',