figpack 0.2.11__py3-none-any.whl → 0.2.12__py3-none-any.whl

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/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.dist-info → figpack-0.2.12.dist-info}/METADATA

@@ -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.dist-info → figpack-0.2.12.dist-info}/RECORD

@@ -1,4 +1,4 @@
-figpack/__init__.py,sha256=dkV99qgN1ALjjQzp923hMJXVKIivfruPrK_ptSCt7oM,360
+figpack/__init__.py,sha256=Cb1XSVRMpZegRqP62Tcld-PGzOpS2AO413SnbaziETg,360
 figpack/cli.py,sha256=xWF7J2BxUqOLvPu-Kje7Q6oGukTroXsLq8WN8vJgyw0,8321
 figpack/core/__init__.py,sha256=V4wVdyBJ80mi9Rz8HjDSQNkqhqYB6sq4vWH3xQ10kaE,232
 figpack/core/_bundle_utils.py,sha256=16hgTExPLkJCtGjVUCLlnbs_qgns6v01egVr3CEnUXE,6082
@@ -51,9 +51,10 @@ figpack/views/TimeseriesGraph.py,sha256=OAaCjO8fo86u_gO_frNfRGxng3tczxGDGKcJEvZo
 figpack/views/__init__.py,sha256=nyd3Ot2x702W4j9oBN0lK6i0DZzg9Ai41XoYCm5DeQ8,546
 figpack/views/PlotlyExtension/PlotlyExtension.py,sha256=_-GiqzHFb9uF1O6RNKEkd85SX8z9z5kFOh8tO_9aAbk,3778
 figpack/views/PlotlyExtension/__init__.py,sha256=80Wy1mDMWyagjuR99ECxJePIYpRQ6TSyHkB0uZoBZ_0,70
-figpack-0.2.11.dist-info/licenses/LICENSE,sha256=xx0jnfkXJvxRnG63LTGOxlggYnIysveWIZ6H3PNdCrQ,11357
-figpack-0.2.11.dist-info/METADATA,sha256=N8ftHEAJCS8R_5lHx6DxHSr5QQCWqdDAMPjQ6F084JI,3617
-figpack-0.2.11.dist-info/WHEEL,sha256=_zCd3N1l69ArxyTb8rzEoP9TpbYXkqRFSNOD5OuxnTs,91
-figpack-0.2.11.dist-info/entry_points.txt,sha256=l6d3siH2LxXa8qJGbjAqpIZtI5AkMSyDeoRDCzdrUto,45
-figpack-0.2.11.dist-info/top_level.txt,sha256=lMKGaC5xWmAYBx9Ac1iMokm42KFnJFjmkP2ldyvOo-c,8
-figpack-0.2.11.dist-info/RECORD,,
+figpack/views/PlotlyExtension/plotly_view.js,sha256=gCsZS0IaYGTN5a3DC2c4NmzoOxZi1xGfCAYI6WSoFpM,3596
+figpack-0.2.12.dist-info/licenses/LICENSE,sha256=xx0jnfkXJvxRnG63LTGOxlggYnIysveWIZ6H3PNdCrQ,11357
+figpack-0.2.12.dist-info/METADATA,sha256=IyjYIuqCQXp3_TFeUyfEI7XV6Ac6oJum5wq5Qo_lqN8,3617
+figpack-0.2.12.dist-info/WHEEL,sha256=_zCd3N1l69ArxyTb8rzEoP9TpbYXkqRFSNOD5OuxnTs,91
+figpack-0.2.12.dist-info/entry_points.txt,sha256=l6d3siH2LxXa8qJGbjAqpIZtI5AkMSyDeoRDCzdrUto,45
+figpack-0.2.12.dist-info/top_level.txt,sha256=lMKGaC5xWmAYBx9Ac1iMokm42KFnJFjmkP2ldyvOo-c,8
+figpack-0.2.12.dist-info/RECORD,,