PyPI - pyegeria - Versions diffs - 5.3.4.4.dev4__tar.gz → 5.3.4.4.dev5__tar.gz - Mend

Files changed (521) hide show

{pyegeria-5.3.4.4.dev4 → pyegeria-5.3.4.4.dev5}/pyegeria/mermaid_utilities.py RENAMED Viewed

@@ -235,24 +235,92 @@ def construct_mermaid_html(mermaid_str: str) -> str:
     # Construct the HTML content with Mermaid.js initialization and zoom/pan support
     mermaid_html = f"""
     <!DOCTYPE html>
-    <html>
+    <html lang="en">
     <head>
-        <script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>Interactive Mermaid Graph</title>
+        <script src="https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.min.js"></script>
         <script>
             // Initialize Mermaid.js
-            window.mermaid.initialize({{
-                startOnLoad: true,
-                securityLevel: "loose",
-                theme: "default",
-                flowchart: {{
-                    useMaxWidth: false,
-                    htmlLabels: true,
-                    wrap: true
-                }}
+            document.addEventListener("DOMContentLoaded", function() {{
+                const graphContainer = document.getElementById("{graph_id}");
+                // Inject Mermaid code into the container
+                graphContainer.innerHTML = `{mermaid_code}`;
+                // Manually render the Mermaid graph
+                window.mermaid?.run({{ querySelector: "#{graph_id}" }});
+            }});
+            // Enable panning and zooming
+            document.addEventListener("DOMContentLoaded", function() {{
+                const container = document.querySelector('.pan-zoom-container');
+                const content = document.querySelector('.pan-zoom-content');
+                let scale = 1;
+                let panX = 0;
+                let panY = 0;
+                let isDragging = false;
+                let startX, startY;
+                // Mouse wheel zoom with cursor as focal point
+                container.addEventListener('wheel', function(event) {{
+                    event.preventDefault();
+                    const zoomSpeed = 0.1;
+                    const zoomDelta = event.deltaY > 0 ? -zoomSpeed : zoomSpeed;
+                    const previousScale = scale;
+                    // Clamp zoom level between 50% and 400%
+                    scale = Math.min(Math.max(0.5, scale + zoomDelta), 4);
+                    // Calculate the focal point for zoom using mouse position
+                    const rect = content.getBoundingClientRect();
+                    const offsetX = event.clientX - rect.left;
+                    const offsetY = event.clientY - rect.top;
+                    // Adjust pan values to focus zoom on cursor
+                    panX -= (offsetX / previousScale - offsetX / scale);
+                    panY -= (offsetY / previousScale - offsetY / scale);
+                    // Apply transformations
+                    content.style.transform = `translate(${panX}px, ${panY}px) scale(${scale})`;
+                }});
+                // Handle panning with mouse drag
+                container.addEventListener('mousedown', function(event) {{
+                    isDragging = true;
+                    startX = event.clientX - panX;
+                    startY = event.clientY - panY;
+                    container.style.cursor = "grabbing";
+                }});
+                container.addEventListener('mousemove', function(event) {{
+                    if (!isDragging) return;
+                    panX = event.clientX - startX;
+                    panY = event.clientY - startY;
+                    // Apply transformations
+                    content.style.transform = `translate(${panX}px, ${panY}px) scale(${scale})`;
+                }});
+                container.addEventListener('mouseup', function() {{
+                    isDragging = false;
+                    container.style.cursor = "grab";
+                }});
+                container.addEventListener('mouseleave', function() {{
+                    isDragging = false;
+                    container.style.cursor = "grab";
+                }});
             }});
         </script>
         <style>
-            /* Pan and zoom container styles */
+            body {{
+                margin: 0;
+                padding: 0;
+                font-family: Arial, sans-serif;
+            }}
             .pan-zoom-container {{
                 overflow: hidden;
                 position: relative;
@@ -261,6 +329,7 @@ def construct_mermaid_html(mermaid_str: str) -> str:
                 background-color: #f4f4f4;
             }}
             .pan-zoom-content {{
+                display: inline-block;
                 transform-origin: 0 0;
                 cursor: grab;
             }}
@@ -270,81 +339,18 @@ def construct_mermaid_html(mermaid_str: str) -> str:
         </style>
     </head>
     <body>
+        <title>{title_label}</title>
+        <h3>{title_label}</h3>
+        GUID : {guid}
         <div class="pan-zoom-container">
-            <div id="{graph_id}" class="mermaid pan-zoom-content">
-                {mermaid_code}
+            <div id="{graph_id}" class="pan-zoom-content mermaid">
+                <!-- Placeholder for Mermaid.js -->
             </div>
         </div>
-        <script>
-            // Enable pan and zoom
-            const container = document.querySelector('.pan-zoom-container');
-            const content = document.querySelector('.pan-zoom-content');
-            let scale = 1; // Current zoom level
-            let panX = 0;  // Current x-axis pan position
-            let panY = 0;  // Current y-axis pan position
-            let isDragging = false; // Mouse dragging state
-            let startX, startY; // Mouse starting point for dragging
-            // Mouse wheel zoom with cursor as focal point
-            container.addEventListener('wheel', function(event) {{
-                event.preventDefault();
-                const zoomSpeed = 0.1; // Speed of zoom
-                const zoomDelta = event.deltaY > 0 ? -zoomSpeed : zoomSpeed;
-                const previousScale = scale;
-                // Clamp zoom level between 50% and 400%
-                scale = Math.min(Math.max(0.5, scale + zoomDelta), 4);
-                // Calculate the focal point for zoom using mouse position
-                const rect = content.getBoundingClientRect();
-                const offsetX = event.clientX - rect.left; // Mouse X relative to content
-                const offsetY = event.clientY - rect.top;  // Mouse Y relative to content
-                // Adjust pan values to focus zoom on cursor
-                panX -= (offsetX / previousScale - offsetX / scale);
-                panY -= (offsetY / previousScale - offsetY / scale);
-                // Apply transformations
-                content.style.transform = `translate(${{
-                    panX
-                }}px, ${{panY}}px) scale(${{scale}})`;
-            }});
-            // Handle panning with mouse drag
-            container.addEventListener('mousedown', function(event) {{
-                isDragging = true;
-                startX = event.clientX - panX;
-                startY = event.clientY - panY;
-                container.style.cursor = "grabbing";
-            }});
-            container.addEventListener('mousemove', function(event) {{
-                if (!isDragging) return;
-                panX = event.clientX - startX;
-                panY = event.clientY - startY;
-                // Apply transformations
-                content.style.transform = `translate(${{
-                    panX
-                }}px, ${{panY}}px) scale(${{scale}})`;
-            }});
-            // Stop dragging on mouseup
-            container.addEventListener('mouseup', function() {{
-                isDragging = false;
-                container.style.cursor = "grab";
-            }});
-            // Stop dragging if mouse leaves the container
-            container.addEventListener('mouseleave', function() {{
-                isDragging = false;
-                container.style.cursor = "grab";
-            }});
-        </script>
     </body>
     </html>
     """
     return mermaid_html

@@ -1,6 +1,6 @@
 Metadata-Version: 2.3
 Name: pyegeria
-Version: 5.3.4.4.dev4
+Version: 5.3.4.4.dev5
 Summary: A python client for Egeria
 License: Apache 2.0
 Keywords: egeria,metadata,governance

@@ -1,6 +1,6 @@
 [tool.poetry]
 name = "pyegeria"
-version = "5.3.4.4-dev4"
+version = "5.3.4.4-dev5"
 license = 'Apache 2.0'
 authors = ["Dan Wolfson <dan.wolfson@pdr-associates.com>"]

pyegeria 5.3.4.4.dev4__tar.gz → 5.3.4.4.dev5__tar.gz

pyegeria 5.3.4.4.dev4tar.gz → 5.3.4.4.dev5tar.gz