figpack 0.2.11__tar.gz → 0.2.12__tar.gz

{figpack-0.2.11 → figpack-0.2.12}/MANIFEST.in

@@ -2,7 +2,7 @@ include README.md
 include LICENSE
 include pyproject.toml
 recursive-include figpack *.py
+recursive-include figpack *.js
 recursive-include figpack/figpack-figure-dist *
 global-exclude __pycache__
 global-exclude *.py[co]
-

{figpack-0.2.11/figpack.egg-info → figpack-0.2.12}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: figpack
-Version: 0.2.11
+Version: 0.2.12
 Summary: A Python package for creating shareable, interactive visualizations in the browser
 Author-email: Jeremy Magland <jmagland@flatironinstitute.org>
 License: Apache-2.0

{figpack-0.2.11 → figpack-0.2.12}/figpack/__init__.py

@@ -2,7 +2,7 @@
 figpack - A Python package for creating shareable, interactive visualizations in the browser
 """
 
-__version__ = "0.2.11"
+__version__ = "0.2.12"
 
 from .cli import view_figure
 from .core import FigpackView, FigpackExtension, ExtensionRegistry, ExtensionView

figpack-0.2.12/figpack/views/PlotlyExtension/plotly_view.js

@@ -0,0 +1,106 @@
+/**
+ * Plotly Extension for figpack
+ * Provides interactive graph visualization using Plotly library
+ */
+
+const loadFigureData = async (zarrGroup) => {
+    // Get the figure data from the zarr array
+    const data = await zarrGroup.file.getDatasetData(
+        joinPath(zarrGroup.path, "figure_data"),
+        {},
+    );
+    if (!data || data.length === 0) {
+        throw new Error("Empty figure data");
+    }
+
+    // Convert the uint8 array back to string
+    const uint8Array = new Uint8Array(data);
+    const decoder = new TextDecoder("utf-8");
+    const jsonString = decoder.decode(uint8Array);
+
+    // Parse the JSON string
+    const parsedData = JSON.parse(jsonString);
+
+    return parsedData;
+};
+
+(function() {
+    window.figpackExtensions = window.figpackExtensions || {};
+    
+    window.figpackExtensions['figpack_plotly'] = {
+        render: async function(container, zarrGroup, width, height, onResize) {
+            container.innerHTML = '';
+            
+            try {
+                const figureData = await loadFigureData(zarrGroup); 
+                
+                const makePlot = () => {
+                    window.Plotly.newPlot(
+                        container,
+                        figureData.data || [],
+                        {
+                            ...figureData.layout,
+                            width: width,
+                            height: height,
+                            margin: { l: 50, r: 50, t: 50, b: 50 },
+                        },
+                        {
+                            responsive: true,
+                            displayModeBar: true,
+                            displaylogo: false,
+                        },
+                    )
+                };
+                
+                makePlot();
+
+                // Handle resize events
+                onResize((newWidth, newHeight) => {
+                    window.Plotly.relayout(container, {width: newWidth, height: newHeight});
+                });
+                
+                return {
+                    destroy: () => {
+                        window.Plotly.purge(container);
+                    }
+                };
+                
+            } catch (error) {
+                console.error('Error rendering plotly figure:', error);
+                this.renderError(container, width, height, error.message);
+                return { destroy: () => {} };
+            }
+        },
+        
+        renderError: function(container, width, height, message) {
+            container.innerHTML = `
+                <div style="
+                    width: ${width}px; 
+                    height: ${height}px; 
+                    display: flex; 
+                    align-items: center; 
+                    justify-content: center; 
+                    background-color: #f8f9fa; 
+                    border: 1px solid #dee2e6; 
+                    color: #6c757d;
+                    font-family: system-ui, -apple-system, sans-serif;
+                    font-size: 14px;
+                    text-align: center;
+                    padding: 20px;
+                    box-sizing: border-box;
+                ">
+                    <div>
+                        <div style="margin-bottom: 10px; font-weight: 500;">Force Graph Error</div>
+                        <div style="font-size: 12px;">${message}</div>
+                    </div>
+                </div>
+            `;
+        }
+    };
+})();
+
+const joinPath = function(p1, p2) {
+    if (p1.endsWith('/')) p1 = p1.slice(0, -1);
+    if (p2.startsWith('/')) p2 = p2.slice(1);
+    return p1 + '/' + p2;
+};

{figpack-0.2.11 → figpack-0.2.12/figpack.egg-info}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: figpack
-Version: 0.2.11
+Version: 0.2.12
 Summary: A Python package for creating shareable, interactive visualizations in the browser
 Author-email: Jeremy Magland <jmagland@flatironinstitute.org>
 License: Apache-2.0

{figpack-0.2.11 → figpack-0.2.12}/figpack.egg-info/SOURCES.txt

@@ -61,6 +61,7 @@ figpack/views/TimeseriesGraph.py
 figpack/views/__init__.py
 figpack/views/PlotlyExtension/PlotlyExtension.py
 figpack/views/PlotlyExtension/__init__.py
+figpack/views/PlotlyExtension/plotly_view.js
 tests/test_average_waveforms.py
 tests/test_box.py
 tests/test_cli.py

{figpack-0.2.11 → figpack-0.2.12}/pyproject.toml

@@ -4,7 +4,7 @@ build-backend = "setuptools.build_meta"
 
 [project]
 name = "figpack"
-version = "0.2.11"
+version = "0.2.12"
 description = "A Python package for creating shareable, interactive visualizations in the browser"
 readme = "README.md"
 requires-python = ">=3.8"