Rename clientside functions

CHANGELOG.md

@@ -6,6 +6,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [UNRELEASED] - YYYY-MM-DD
 
+### Changed
+- [#661](https://github.com/equinor/webviz-subsurface/pull/661) - Moved existing clientside function to a general dash_clientside file to facilitate adding more functions later on.
+
 ## [0.2.3] - 2021-06-07
 
 ### Changed

webviz_subsurface/_assets/js/clientside_functions.js

@@ -0,0 +1,13 @@
+window.dash_clientside = Object.assign({}, window.dash_clientside, {
+  clientside: {
+    set_dcc_figure: function (layout, data) {
+      /*
+        Can be used in a dash callback to update
+        the `figure` prop on a dcc.Graph component,
+        e.g. to update the `layout` clientside without
+        sending the `data` from the backend.
+      */
+      return { data: data, layout: layout };
+    },
+  },
+});

webviz_subsurface/plugins/_line_plotter_fmu/controllers/update_figure_clientside.py

@@ -44,7 +44,7 @@ def _update_plot_layout(initial_layout: dict, update_layout: dict) -> Dict:
         return fig["layout"]
 
     app.clientside_callback(
-        ClientsideFunction(namespace="clientside", function_name="update_figure"),
+        ClientsideFunction(namespace="clientside", function_name="set_dcc_figure"),
         Output(get_uuid("graph"), "figure"),
         Input(
             {"id": get_uuid("clientside"), "plotly_attribute": "plotly_layout"}, "data"

webviz_subsurface/plugins/_line_plotter_fmu/line_plotter_fmu.py

@@ -129,7 +129,7 @@ def __init__(
             Path(webviz_subsurface.__file__).parent
             / "_assets"
             / "js"
-            / "update_plotly_figure.js"
+            / "clientside_functions.js"
         )
 
         self._colors: Dict = unique_colors(self._ensemble_names, webviz_settings.theme)

webviz_subsurface/plugins/_structural_uncertainty/controllers/intersection_controller.py

@@ -330,7 +330,7 @@ def _store_intersection_layout(
     # Store intersection data and layout to the plotly figure
     # Done clientside for performance
     app.clientside_callback(
-        ClientsideFunction(namespace="clientside", function_name="update_figure"),
+        ClientsideFunction(namespace="clientside", function_name="set_dcc_figure"),
         Output(get_uuid("intersection-graph"), "figure"),
         Input(get_uuid("intersection-graph-layout"), "data"),
         State(get_uuid("intersection-graph-data"), "data"),

webviz_subsurface/plugins/_structural_uncertainty/structural_uncertainty.py

@@ -165,7 +165,7 @@ def __init__(
             Path(webviz_subsurface.__file__).parent
             / "_assets"
             / "js"
-            / "update_plotly_figure.js"
+            / "clientside_functions.js"
         )
         self._calculate_percentiles = calculate_percentiles
         self._wellfolder = wellfolder