introduce node fence for jquery in electron context

Author: hexaeder

NetworkDynamicsInspector/assets/node_fence.js

@@ -0,0 +1,4 @@
+if (typeof module === 'object') {
+    window.module = module;
+    module = undefined;
+}

NetworkDynamicsInspector/assets/node_unfence.js

@@ -0,0 +1,3 @@
+if (window.module) {
+    module = window.module;
+}

NetworkDynamicsInspector/src/NetworkDynamicsInspector.jl

@@ -36,6 +36,9 @@ const JQUERY = Asset(joinpath(ASSETS, "jquery.js"))
 const SELECT2_CSS = Asset(joinpath(ASSETS, "select2.css"))
 const SELECT2_JS = Asset(joinpath(ASSETS, "select2.js"))
 const APP_CSS = Asset(joinpath(ASSETS, "app.css"))
+# node fence see https://github.com/electron/electron/issues/254
+const NODE_FENCE = Asset(joinpath(ASSETS, "node_fence.js"))
+const NODE_UNFENCE = Asset(joinpath(ASSETS, "node_unfence.js"))
 
 include("widgets.jl")
 include("graphplot.jl")

NetworkDynamicsInspector/src/widgets.jl

@@ -397,10 +397,13 @@ function Bonito.jsrender(session::Session, multiselect::MultiSelect)
         id=multiselect.id,
     )
 
+    # node fence see https://github.com/electron/electron/issues/254
     container = DOM.div(
+        NODE_FENCE,
         JQUERY,
-        SELECT2_CSS,
         SELECT2_JS,
+        NODE_UNFENCE,
+        SELECT2_CSS,
         select
     )