staticdash 2026.5__py3-none-any.whl → 2026.6__py3-none-any.whl

staticdash/dashboard.py

@@ -12,6 +12,7 @@ import io
 import base64
 import matplotlib
 from matplotlib import rc_context
+import json
 
 def split_paragraphs_preserving_math(text):
     """
@@ -210,21 +211,43 @@ class Page(AbstractPage):
                         except Exception:
                             pass
 
-                        # If a local vendored Plotly exists, rely on the head script.
-                        # Otherwise include Plotly from CDN so the inline newPlot call works.
-                        # Always rely on the page-level Plotly include (head). Avoid
-                        # embedding another Plotly bundle inside each fragment which
-                        # can lead to multiple conflicting versions in the same page.
-                        plotly_html = fig.to_html(full_html=False, include_plotlyjs=False, config={'responsive': True})
-
-                        # Wrap the Plotly HTML in a container with explicit pixel sizing
-                        container_style = "width:100%;"
-                        if specified_width is not None:
-                            container_style = f"width:{specified_width}px;"
-                        if specified_height is not None:
-                            container_style = container_style + f" height:{specified_height}px;"
+                        # Defer Plotly.newPlot until the Plotly bundle is available
+                        # by embedding the figure JSON and calling newPlot from a
+                        # small loader that polls for `window.Plotly`.
+                        try:
+                            fig_json = fig.to_json()
+                        except Exception:
+                            # Fallback: use the html fragment (older path)
+                            plotly_html = fig.to_html(full_html=False, include_plotlyjs=False, config={'responsive': True})
+                            container_style = "width:100%;"
+                            if specified_width is not None:
+                                container_style = f"width:{specified_width}px;"
+                            if specified_height is not None:
+                                container_style = container_style + f" height:{specified_height}px;"
+                            plot_wrapped = f'<div style="{container_style}">{plotly_html}</div>'
+                        else:
+                            fig_json = fig_json.replace('</script>', '<\\/script>')
+                            div_id = f'plot-{uuid.uuid4()}'
+                            container_style = "width:100%;"
+                            if specified_width is not None:
+                                container_style = f"width:{specified_width}px;"
+                            if specified_height is not None:
+                                container_style = container_style + f" height:{specified_height}px;"
+
+                            plot_div = f'<div id="{div_id}" class="plotly-graph-div" style="{container_style}"></div>'
+                            loader = (
+                                '<script type="text/javascript">(function(){' \
+                                f'var fig = {fig_json};' \
+                                'function tryPlot(){' \
+                                'if(window.Plotly && typeof window.Plotly.newPlot === "function"){' \
+                                f'Plotly.newPlot("{div_id}", fig.data, fig.layout, {json.dumps({"responsive": True})});' \
+                                '} else { setTimeout(tryPlot, 50); }' \
+                                '}' \
+                                'if(document.readyState === "complete"){ tryPlot(); } else { window.addEventListener("load", tryPlot); }' \
+                                '})();</script>'
+                            )
+                            plot_wrapped = plot_div + loader
 
-                        plot_wrapped = f'<div style="{container_style}">{plotly_html}</div>'
                         # Apply alignment wrapper
                         if specified_align not in ("left", "right", "center"):
                             specified_align = "center"
@@ -427,16 +450,42 @@ class MiniPage(AbstractPage):
                         except Exception:
                             pass
 
-                        # Always rely on the page-level Plotly include (head). Avoid
-                        # embedding another Plotly bundle inside each fragment which
-                        # can lead to multiple conflicting versions in the same page.
-                        plotly_html = fig.to_html(full_html=False, include_plotlyjs=False, config={'responsive': True})
-                        container_style = "width:100%;"
-                        if specified_width is not None:
-                            container_style = f"width:{specified_width}px;"
-                        if specified_height is not None:
-                            container_style = container_style + f" height:{specified_height}px;"
-                        plot_wrapped = f'<div style="{container_style}">{plotly_html}</div>'
+                        # Defer Plotly.newPlot until the Plotly bundle is available
+                        # by embedding the figure JSON and calling newPlot from a
+                        # small loader that polls for `window.Plotly`.
+                        try:
+                            fig_json = fig.to_json()
+                        except Exception:
+                            # Fallback: use the html fragment (older path)
+                            plotly_html = fig.to_html(full_html=False, include_plotlyjs=False, config={'responsive': True})
+                            container_style = "width:100%;"
+                            if specified_width is not None:
+                                container_style = f"width:{specified_width}px;"
+                            if specified_height is not None:
+                                container_style = container_style + f" height:{specified_height}px;"
+                            plot_wrapped = f'<div style="{container_style}">{plotly_html}</div>'
+                        else:
+                            fig_json = fig_json.replace('</script>', '<\\/script>')
+                            div_id = f'plot-{uuid.uuid4()}'
+                            container_style = "width:100%;"
+                            if specified_width is not None:
+                                container_style = f"width:{specified_width}px;"
+                            if specified_height is not None:
+                                container_style = container_style + f" height:{specified_height}px;"
+
+                            plot_div = f'<div id="{div_id}" class="plotly-graph-div" style="{container_style}"></div>'
+                            loader = (
+                                '<script type="text/javascript">(function(){' \
+                                f'var fig = {fig_json};' \
+                                'function tryPlot(){' \
+                                'if(window.Plotly && typeof window.Plotly.newPlot === "function"){' \
+                                f'Plotly.newPlot("{div_id}", fig.data, fig.layout, {json.dumps({"responsive": True})});' \
+                                '} else { setTimeout(tryPlot, 50); }' \
+                                '}' \
+                                'if(document.readyState === "complete"){ tryPlot(); } else { window.addEventListener("load", tryPlot); }' \
+                                '})();</script>'
+                            )
+                            plot_wrapped = plot_div + loader
                         if specified_align not in ("left", "right", "center"):
                             specified_align = "center"
                         if specified_align == "center":

{staticdash-2026.5.dist-info → staticdash-2026.6.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: staticdash
-Version: 2026.5
+Version: 2026.6
 Summary: A lightweight static HTML dashboard generator with Plotly and pandas support.
 Author-email: Brian Day <brian.day1@gmail.com>
 License: CC0-1.0

{staticdash-2026.5.dist-info → staticdash-2026.6.dist-info}/RECORD

@@ -1,5 +1,5 @@
 staticdash/__init__.py,sha256=MQGR6LAqx2aFEA64MZz1ADxwpXLPn3VYNVIyjt9qx4Q,268
-staticdash/dashboard.py,sha256=GJ5P1GC8h7xLDzB65K5nfHCao9Uc1tge5R1mk0al4iA,42938
+staticdash/dashboard.py,sha256=7XCwSKzmY9K-DwSikzykQGtbsxzxEfqAaTJlUP-KuGE,46106
 staticdash/assets/css/style.css,sha256=AOYdkw-nK_WvV6im_Y34gz4rJZWifk5o-mRmCKwMP60,7014
 staticdash/assets/js/script.js,sha256=7xBRlz_19wybbNVwAcfuKNXtDEojGB4EB0Yj4klsoTA,6998
 staticdash/assets/vendor/mathjax/tex-mml-chtml.js,sha256=MASABpB4tYktI2Oitl4t-78w_lyA-D7b_s9GEP0JOGI,1173007
@@ -13,7 +13,7 @@ staticdash/assets/vendor/prism/components/prism-json.min.js,sha256=lW2GuqWufsQQZ
 staticdash/assets/vendor/prism/components/prism-markup.min.js,sha256=h5_J0lbDUtmA4FOFf6cHMwhTuL-2fOKE6mYaJN7FdW4,2850
 staticdash/assets/vendor/prism/components/prism-python.min.js,sha256=7UOFaFvPLUk1yNu6tL3hZgPaEyngktK_NsPa3WfpqFw,2113
 staticdash/assets/vendor/prism/components/prism-sql.min.js,sha256=P8X4zmmVDsc63JcvBh30Kq6nj6pIZHCRNOoq3Ag_OjM,3261
-staticdash-2026.5.dist-info/METADATA,sha256=Wj1xgiF9vHTJb8zV_g5c0rb34x20dS9dOYn3BUVuBpo,2521
-staticdash-2026.5.dist-info/WHEEL,sha256=_zCd3N1l69ArxyTb8rzEoP9TpbYXkqRFSNOD5OuxnTs,91
-staticdash-2026.5.dist-info/top_level.txt,sha256=3MzZU6SptkUkjcHV1cvPji0H4aRzPphLHnpStgGEcxM,11
-staticdash-2026.5.dist-info/RECORD,,
+staticdash-2026.6.dist-info/METADATA,sha256=gYrNTyhXOQWigyRspfiGBRzPJ7qfV17nooCMRFUdH-o,2521
+staticdash-2026.6.dist-info/WHEEL,sha256=_zCd3N1l69ArxyTb8rzEoP9TpbYXkqRFSNOD5OuxnTs,91
+staticdash-2026.6.dist-info/top_level.txt,sha256=3MzZU6SptkUkjcHV1cvPji0H4aRzPphLHnpStgGEcxM,11
+staticdash-2026.6.dist-info/RECORD,,