fix: avoid using a global force_load widget

Author: maartenbreddels

ipyvue/ForceLoad.py

@@ -7,6 +7,3 @@ class ForceLoad(DOMWidget):
     _model_name = Unicode("ForceLoadModel").tag(sync=True)
     _model_module = Unicode("jupyter-vue").tag(sync=True)
     _model_module_version = Unicode(semver).tag(sync=True)
-
-
-force_load_instance = ForceLoad()

ipyvue/VueTemplateWidget.py

@@ -1,11 +1,12 @@
 import os
-from traitlets import Any, Unicode, List, Dict, Union, Instance
+from traitlets import Any, Unicode, List, Dict, Union, Instance, default
 from ipywidgets import DOMWidget
 from ipywidgets.widgets.widget import widget_serialization
 
 from .Template import Template, get_template
 from ._version import semver
-from .ForceLoad import force_load_instance
+from .ForceLoad import ForceLoad
+from .util import singleton
 import inspect
 from importlib import import_module
 
@@ -94,12 +95,15 @@ class VueTemplate(DOMWidget, Events):
         "to_json": _class_to_json,
     }
 
-    # Force the loading of jupyter-vue before dependent extensions when in a static
-    # context (embed, voila)
-    _jupyter_vue = Any(force_load_instance, read_only=True).tag(
+    # see VueWidget
+    _jupyter_vue = Instance(ForceLoad, read_only=True).tag(
         sync=True, **widget_serialization
     )
 
+    @default("_jupyter_vue")
+    def _default_jupyter_vue(self):
+        return singleton(ForceLoad)
+
     _model_name = Unicode("VueTemplateModel").tag(sync=True)
 
     _view_name = Unicode("VueView").tag(sync=True)

ipyvue/VueWidget.py

@@ -1,11 +1,12 @@
-from traitlets import Unicode, Instance, Union, List, Any, Dict
 from ipywidgets import DOMWidget
-from ipywidgets.widgets.widget_layout import Layout
-from ipywidgets.widgets.widget import widget_serialization, CallbackDispatcher
 from ipywidgets.widgets.trait_types import InstanceDict
+from ipywidgets.widgets.widget import CallbackDispatcher, widget_serialization
+from ipywidgets.widgets.widget_layout import Layout
+from traitlets import Any, Dict, Instance, List, Unicode, Union, default
 
 from ._version import semver
-from .ForceLoad import force_load_instance
+from .ForceLoad import ForceLoad
+from .util import singleton
 
 
 class ClassList:
@@ -138,10 +139,18 @@ class VueWidget(DOMWidget, Events):
 
     # Force the loading of jupyter-vue before dependent extensions when in a static
     # context (embed, voila)
-    _jupyter_vue = Any(force_load_instance, read_only=True).tag(
+    # this happens when e.g. jupyter-vuedraggable requires jupyter-vue, but it is not
+    # loaded yet (via a widget creation). This does not trigger the library loading
+    # via the widget manager, but straight through requirejs
+
+    _jupyter_vue = Instance(ForceLoad, read_only=True).tag(
         sync=True, **widget_serialization
     )
 
+    @default("_jupyter_vue")
+    def _default_jupyter_vue(self):
+        return singleton(ForceLoad)
+
     _model_name = Unicode("VueModel").tag(sync=True)
 
     _view_name = Unicode("VueView").tag(sync=True)