Little tweaks

Author: b3m2a1

ActiveHTMLWidget/widget.py

@@ -20,6 +20,7 @@ class HTMLElement(DOMWidget):
     tagName = Unicode('div').tag(sync=True)
     classList = List().tag(sync=True)
     styleDict = Dict().tag(sync=True)
+    unsyncedProps = List().tag(sync=True)
     elementAttributes = Dict().tag(sync=True, **widget_serialization)
     innerHTML = Unicode('').tag(sync=True)
     textContent = Unicode('').tag(sync=True)
@@ -75,15 +76,15 @@ def __repr__(self):
 
     _here = __file__
     @classmethod
-    def jupyterlab_install(self, overwrite=False):
+    def jupyterlab_install(self, exec_prefix=None, overwrite=False):
         """
         Attempts to do a basic installation for JupterLab
         :return:
         :rtype:
         """
         import sys, shutil, os, tempfile as tf
 
-        prefix = sys.exec_prefix
+        prefix = sys.exec_prefix if exec_prefix is None else exec_prefix
         pkg_root = os.path.dirname(os.path.abspath(self._here))
         pkg_name = os.path.basename(pkg_root)
         src = os.path.join(pkg_root, 'labextension')
@@ -110,15 +111,15 @@ def jupyterlab_install(self, overwrite=False):
         if copied:
             return HTML("<h4>Extension installed to {}. You will need to reload the page to get the widgets to display.</h1>".format(target))
     @classmethod
-    def jupyternb_install(self, overwrite=False):
+    def jupyternb_install(self, exec_prefix=None, overwrite=False):
         """
         Attempts to do a basic installation for JupterLab
         :return:
         :rtype:
         """
         import sys, shutil, os, tempfile as tf
 
-        prefix = sys.exec_prefix
+        prefix = sys.exec_prefix if exec_prefix is None else exec_prefix
         pkg_root = os.path.dirname(os.path.abspath(self._here))
         pkg_name = os.path.basename(pkg_root)
         src = os.path.join(pkg_root, 'nbextension')

src/widget.ts

@@ -56,7 +56,13 @@ class LayoutManagerWidget extends Widget {
     }
     processMessage(msg: Message) {
         super.processMessage(msg);
-        this._view.processPhosphorMessage(msg);
+        try {
+            //@ts-ignore
+            this._view.processPhosphorMessage(msg);
+        } catch {
+            //@ts-ignore
+            this._view.processLuminoMessage(msg);
+        }
     }
     get widgets(): ReadonlyArray<Widget> {
         return (this.layout as PanelLayout).widgets;
@@ -111,6 +117,7 @@ export class ActiveHTMLModel extends DOMWidgetModel {
             _bodyType: "",
             _debugPrint:false,
             styleDict: {},
+            unsyncedProperties: [],
             elementAttributes: {},
             id: "",
             value: "",
@@ -351,6 +358,7 @@ export class ActiveHTMLView extends DOMWidgetView {
     setStyle(style: WidgetModel, oldStyle?: WidgetModel) {} // null override
     setStyles(): Promise<any> {
         let elementStyles = this.model.get("styleDict") as Record<string, string>;
+        let unsyncedProperties = this.model.get("unsyncedProperties");
         let keys = Object.keys(elementStyles);
         if (keys.length === 0) {
             this._currentStyles.clear();
@@ -363,7 +371,7 @@ export class ActiveHTMLView extends DOMWidgetView {
             return ActiveHTMLView._each(
                 keys,
                 (prop:string) => {
-                    if (elementStyles.hasOwnProperty(prop)) {
+                    if (elementStyles.hasOwnProperty(prop) && !unsyncedProperties.includes(prop)) {
                         // console.log(">>>", prop, elementStyles[prop], typeof prop);
                         this.el.style.setProperty(prop, elementStyles[prop]);
                         // console.log("<<<", prop, this.el.style.getPropertyValue(prop));
@@ -375,7 +383,7 @@ export class ActiveHTMLView extends DOMWidgetView {
     }
     updateStyles(): Promise<any> {
         return this.setStyles().then(
-            ()=>this.removeStyles
+            ()=>this.removeStyles()
         )
     }
 
@@ -642,9 +650,12 @@ export class ActiveHTMLView extends DOMWidgetView {
     }
     updateAttributes():Promise<any> {
         let attrs = this.model.get('elementAttributes') as Record<string, any>;
+        let unsyncedProperties = this.model.get('unsyncedProperties');
         let debug = this.model.get("_debugPrint");
         if (debug) { console.log(this.el, "Element Properties:", attrs); }
-        return ActiveHTMLView._each(Object.keys(attrs), (prop:string)=>this._updateAttribute(prop, attrs))
+        return ActiveHTMLView._each(Object.keys(attrs),
+            (prop:string)=>(!unsyncedProperties.includes(prop) && this._updateAttribute(prop, attrs))
+        )
     }
     notifyAttrUpdate(prop:string):Promise<any> {
         let key = "view-change:"+prop;