Merge pull request #2633 from plotly/master-2.13.0

Master 2.13.0

Author: T4rk1n

CHANGELOG.md

@@ -2,6 +2,15 @@
 All notable changes to `dash` will be documented in this file.
 This project adheres to [Semantic Versioning](https://semver.org/).
 
+## [2.13.0] 2023-08-28
+## Changed
+
+- [#2610](https://github.com/plotly/dash/pull/2610) Load plotly.js bundle/version from plotly.py
+
+## Added
+
+- [#2630](https://github.com/plotly/dash/pull/2630) New layout hooks in the renderer
+
 
 ## [2.12.1] - 2023-08-16
 

components/dash-core-components/dash_core_components_base/__init__.py

@@ -1,6 +1,7 @@
 import json
 import os as _os
 import sys as _sys
+
 import dash as _dash
 
 from ._imports_ import *  # noqa: F401, F403, E402
@@ -121,33 +122,6 @@
             "namespace": "dash",
             "dynamic": True,
         },
-        {
-            "relative_package_path": "dcc/plotly.min.js",
-            "external_url": (
-                "https://unpkg.com/dash-core-components@{}"
-                "/dash_core_components/plotly.min.js"
-            ).format(__version__),
-            "namespace": "dash",
-            "async": "eager",
-        },
-        {
-            "relative_package_path": "dcc/async-plotlyjs.js",
-            "external_url": (
-                "https://unpkg.com/dash-core-components@{}"
-                "/dash_core_components/async-plotlyjs.js"
-            ).format(__version__),
-            "namespace": "dash",
-            "async": "lazy",
-        },
-        {
-            "relative_package_path": "dcc/async-plotlyjs.js.map",
-            "external_url": (
-                "https://unpkg.com/dash-core-components@{}"
-                "/dash_core_components/async-plotlyjs.js.map"
-            ).format(__version__),
-            "namespace": "dash",
-            "dynamic": True,
-        },
     ]
 )
 

components/dash-core-components/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "dash-core-components",
-  "version": "2.11.1",
+  "version": "2.12.0",
   "description": "Core component suite for Dash",
   "repository": {
     "type": "git",
@@ -23,7 +23,6 @@
     "test": "run-s -c lint test:intg test:pyimport",
     "test:intg": "pytest --nopercyfinalize --headless tests/integration ",
     "test:pyimport": "python -m unittest tests/test_dash_import.py",
-    "prebuild:js": "cp node_modules/plotly.js-dist-min/plotly.min.js dash_core_components_base/plotly.min.js",
     "build:js": "webpack --mode production",
     "build:backends": "dash-generate-components ./src/components dash_core_components -p package-info.json  && cp dash_core_components_base/** dash_core_components/ && dash-generate-components ./src/components dash_core_components -p package-info.json -k RangeSlider,Slider,Dropdown,RadioItems,Checklist,DatePickerSingle,DatePickerRange,Input,Link --r-prefix 'dcc' --r-suggests 'dash,dashHtmlComponents,jsonlite,plotly' --jl-prefix 'dcc' && black dash_core_components",
     "build": "run-s prepublishOnly build:js build:backends",
@@ -49,7 +48,6 @@
     "mathjax": "^3.2.2",
     "moment": "^2.29.4",
     "node-polyfill-webpack-plugin": "^2.0.1",
-    "plotly.js-dist-min": "2.25.2",
     "prop-types": "^15.8.1",
     "ramda": "^0.29.0",
     "rc-slider": "^9.7.5",

components/dash-core-components/package.json

@@ -1,6 +1,25 @@
-export default () => Promise.resolve(window.Plotly ||
-    import(/* webpackChunkName: "plotlyjs" */ 'plotly.js-dist-min').then(({ default: Plotly }) => {
-        window.Plotly = Plotly;
-        return Plotly;
-    }));
+export default () => {
+    return Promise.resolve(window.Plotly || new Promise((resolve, reject) => {
+        /* eslint-disable prefer-const */
+        let timeoutId;
+
+        const element = document.createElement('script');
+        element.src = window._dashPlotlyJSURL;
+        element.async = true;
+        element.onload = () => {
+            clearTimeout(timeoutId);
+            resolve();
+        };
+        element.onerror = (error) => {
+            clearTimeout(timeoutId);
+            reject(error);
+        };
 
+        timeoutId = setTimeout(() => {
+            element.src = '';
+            reject(new Error(`plotly.js did not load after 30 seconds`));
+        }, 3 * 10 * 1000);
+
+        document.querySelector('body').appendChild(element);
+    }));
+}

components/dash-core-components/src/utils/LazyLoader/plotly.js

@@ -128,6 +128,8 @@ def show_relayout_data(data):
 
     dash_dcc.start_server(app)
 
+    time.sleep(1)
+
     # use this opportunity to test restyleData, since there are multiple
     # traces on this graph
     legendToggle = dash_dcc.find_element(

components/dash-core-components/tests/integration/graph/test_graph_varia.py

@@ -80,6 +80,8 @@ def update_tooltip_content(hoverData):
     assert 175 < coords[0] < 185, "x0 is about 200 minus half a marker size"
     assert 175 < coords[1] < 185, "y0 is about 200 minus half a marker size"
 
+    elem = dash_dcc.find_element("#graph .nsewdrag")
+
     ActionChains(dash_dcc.driver).move_to_element_with_offset(
         elem, 5, elem.size["height"] - 5
     ).perform()

components/dash-core-components/tests/integration/tooltip/test_tooltip.py

@@ -1,6 +1,6 @@
 import os
 
-__version__ = "1.15.5"
+__version__ = "1.16.0"
 
 _available_react_versions = {"16.14.0", "18.2.0"}
 _available_reactdom_versions = {"16.14.0", "18.2.0"}
@@ -64,7 +64,7 @@ def _set_react_version(v_react, v_reactdom=None):
     {
         "relative_package_path": "dash-renderer/build/dash_renderer.min.js",
         "dev_package_path": "dash-renderer/build/dash_renderer.dev.js",
-        "external_url": "https://unpkg.com/dash-renderer@1.15.5"
+        "external_url": "https://unpkg.com/dash-renderer@1.16.0"
         "/build/dash_renderer.min.js",
         "namespace": "dash",
     },

dash/_dash_renderer.py

@@ -12,6 +12,8 @@
 import string
 from html import escape
 from functools import wraps
+from typing import Union
+from dash.types import RendererHooks
 
 logger = logging.getLogger()
 
@@ -267,3 +269,11 @@ def coerce_to_list(obj):
 
 def clean_property_name(name: str):
     return name.split("@")[0]
+
+
+def hooks_to_js_object(hooks: Union[RendererHooks, None]) -> str:
+    if hooks is None:
+        return ""
+    hook_str = ",".join(f"{key}: {val}" for key, val in hooks.items())
+
+    return f"{{{hook_str}}}"