PyPI - pyegeria - Versions diffs - 5.3.4.7.dev3__py3-none-any.whl → 5.3.4.9__py3-none-any.whl - Mend

pyegeria 5.3.4.7.dev3py3-none-any.whl → 5.3.4.9py3-none-any.whl

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (318) hide show

pyegeria/commands/tech/work/mermaid_graphs/components/Populate Sandbox.html CHANGED Viewed

@@ -1,125 +1,150 @@
-    <!DOCTYPE html>
-    <html>
-        <head>
-          <style type="text/css">
-            #mySvgId {
-            width: 100%;
-            height: 600px;
-            overflow: scroll;
-            border: 2px solid #ccc;
-            position: relative;
-            margin-bottom: 10px;
-            }
-            svg {
-            cursor: grab;
-            }
-          </style>
-        </head>
-        <title>Solution Component - Populate Sandbox </title>
-        <h3 style="text-align: center;">Solution Component - Populate Sandbox </h3>
-        GUID : 26c07ca4-3b8e-484b-812b-36c1ace4b275
-        <body>
+    <div id="mermaid-graph-26c07ca4-3b8e-484b-812b-36c1ace4b275-wrapper" style="width: 100%; height: 100%; display: flex; flex-direction: column; align-items: stretch;">
-          <div id="graphDiv"></div>
-          <script src="https://bumbu.me/svg-pan-zoom/dist/svg-pan-zoom.min.js"></script>
-          <script type="module">
-            import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@11/dist/mermaid.esm.min.mjs';
-            mermaid.initialize({startOnLoad: false});
-            await mermaid.run({
-              querySelector: '.mermaid',
-              postRenderCallback: (id) => {
-                const container = document.getElementById("diagram-container");
-                const svgElement = container.querySelector("svg");
-                // Initialize Panzoom
-                const panzoomInstance = Panzoom(svgElement, {
-                  maxScale: 5,
-                  minScale: 0.5,
-                  step: 0.1,
-                });
-                // Add mouse wheel zoom
-                container.addEventListener("wheel", (event) => {
-                  panzoomInstance.zoomWithWheel(event);
-                });
-              }
-            });
-            const drawDiagram = async function () {
-              const element = document.querySelector('#graphDiv');
-              const graphDefinition = `
-    flowchart TD
-%%{init: {"flowchart": {"htmlLabels": false}} }%%
+        <!-- Title/Heading -->
+        <h3 id="mermaid-graph-26c07ca4-3b8e-484b-812b-36c1ace4b275-heading" style="margin: 20px 0; font-size: 1.5em; text-align: center;">
+            Solution Component - Populate Sandbox
+        </h3>
+        <p id="mermaid-graph-26c07ca4-3b8e-484b-812b-36c1ace4b275-subheading" style="margin: 0; padding: 5px; font-size: 1em; text-align: center; color: gray; flex: 0 0 auto;">
+            GUID: 26c07ca4-3b8e-484b-812b-36c1ace4b275
+        </p>
+        <!-- Mermaid Diagram -->
+        <div id="mermaid-graph-26c07ca4-3b8e-484b-812b-36c1ace4b275-container" class="diagram-container"
+             style="width: 100%; flex: 1 1 auto; position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden;">
+            <div id="mermaid-graph-26c07ca4-3b8e-484b-812b-36c1ace4b275" class="mermaid"
+                 style="width: 100%; height: 100%; cursor: grab; user-select: none; margin: 0; padding: 0;">
+                flowchart TD
+%%{init: {&quot;flowchart&quot;: {&quot;htmlLabels&quot;: false}} }%%
-50b86993-51a7-47ce-addd-10fb6875455a@{ shape: text, label: "*Description*
-**A process that copies certified files from the hospitals into the research team's sandbox for processing.**"}
-26c07ca4-3b8e-484b-812b-36c1ace4b275@{ shape: subproc, label: "*Solution Component*
-**Populate Sandbox**"}
-a5d4d638-6836-47e5-99d0-fdcde637e13f@{ shape: rect, label: "*Solution Component*
-**Weekly Measurements Data Lake Folder**"}
-a5d4d638-6836-47e5-99d0-fdcde637e13f-->|"Solution Linking Wire"|26c07ca4-3b8e-484b-812b-36c1ace4b275
-style 50b86993-51a7-47ce-addd-10fb6875455a color:#000000, fill:#F9F7ED, stroke:#b7c0c7
+fd884426-d28e-42ba-a72f-f048ad979cbf@{ shape: text, label: &quot;*Description*
+**A process that copies certified files from the hospitals into the research team&#x27;s sandbox for processing.**&quot;}
+26c07ca4-3b8e-484b-812b-36c1ace4b275@{ shape: subproc, label: &quot;*Solution Component*
+**Populate Sandbox**&quot;}
+a5d4d638-6836-47e5-99d0-fdcde637e13f@{ shape: rect, label: &quot;*Solution Component*
+**Weekly Measurements Data Lake Folder**&quot;}
+a5d4d638-6836-47e5-99d0-fdcde637e13f==&gt;|&quot;read certified files,
+[Solution Linking Wire]&quot;|26c07ca4-3b8e-484b-812b-36c1ace4b275
+d48f579f-76d3-4c49-b1b4-575f5645a9d0@{ shape: rect, label: &quot;*Solution Component*
+**Treatment Validation Sandbox**&quot;}
+26c07ca4-3b8e-484b-812b-36c1ace4b275==&gt;|&quot;write patient measurements,
+[Solution Linking Wire]&quot;|d48f579f-76d3-4c49-b1b4-575f5645a9d0
+04ae768e-3816-47bc-bddb-c9ae25018684@{ shape: hex, label: &quot;*Information Supply Chain Segment*
+**Hospital Delivers Patient Weekly Readings**&quot;}
+04ae768e-3816-47bc-bddb-c9ae25018684==&gt;|&quot;InformationSupplyChainLink&quot;|26c07ca4-3b8e-484b-812b-36c1ace4b275
+1f71e403-1187-4f03-a1dd-ae7dc105f06f@{ shape: flip-tri, label: &quot;*Information Supply Chain*
+**Clinical Trial Treatment Validation**&quot;}
+1f71e403-1187-4f03-a1dd-ae7dc105f06f==&gt;|&quot;InformationSupplyChainComposition&quot;|04ae768e-3816-47bc-bddb-c9ae25018684
+style fd884426-d28e-42ba-a72f-f048ad979cbf color:#000000, fill:#F9F7ED, stroke:#b7c0c7
+style d48f579f-76d3-4c49-b1b4-575f5645a9d0 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
+style 1f71e403-1187-4f03-a1dd-ae7dc105f06f color:#FFFFFF, fill:#004563, stroke:#b7c0c7
+style 04ae768e-3816-47bc-bddb-c9ae25018684 color:#004563, fill:#b7c0c7, stroke:#004563
 style 26c07ca4-3b8e-484b-812b-36c1ace4b275 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
-style a5d4d638-6836-47e5-99d0-fdcde637e13f color:#FFFFFF, fill:#838cc7, stroke:#3079ab`;
-              const {svg} = await mermaid.render('mySvgId', graphDefinition);
-              element.innerHTML = svg.replace(/( )*max-width:( 0-9\.)*px;/i, '');
+style a5d4d638-6836-47e5-99d0-fdcde637e13f color:#FFFFFF, fill:#838cc7, stroke:#3079ab
+            </div>
+        </div>
+    </div>
-              var doPan = false;
-              var eventsHandler;
-              var panZoom;
-              var mousepos;
-              eventsHandler = {
-                haltEventListeners: ['mousedown', 'mousemove', 'mouseup']
+    <style>
+        /* Ensure no margins or padding for the body or html in Jupyter */
+        body, html {
+            margin: 0;
+            padding: 0;
+            width: 100%;
+            height: 100%;
+        }
+        /* General reset for Jupyter Notebook's extra spacing */
+        #notebook, .container, .cell, .output_area {
+            margin: 0 !important;
+            padding: 0 !important;
+        }
+        .diagram-container {
+            width: 100%;
+            height: 100%;
+            overflow: hidden; /* Prevent scrollbars during zoom/pan */
+        }
+        h2 {
+            margin: 0;
+            padding: 10px;
+            font-size: 24px;
+            text-align: center;
+            flex: 0 0 auto; /* Fix height explicitly for heading */
+        }
+        .mermaid {
+            margin: 0;
+            padding: 0;
+        }
+    </style>
-                , mouseDownHandler: function (ev) {
-                  if (event.target.className == "[object SVGAnimatedString]") {
-                    doPan = true;
-                    mousepos = {x: ev.clientX, y: ev.clientY}
-                  }
+    <script>
+        (function() {
+            const graphId = "mermaid-graph-26c07ca4-3b8e-484b-812b-36c1ace4b275";  // Pass the graph ID
+            function loadScript(url, callback) {
+                const script = document.createElement('script');
+                script.src = url;
+                script.onload = callback;
+                document.head.appendChild(script);
+            }
+            // Initialize Mermaid and render the diagram
+            function initializeMermaid() {
+                mermaid.initialize({startOnLoad: false});
+                mermaid.init(undefined, "#" + graphId);
+                setTimeout(() => {
+                    const container = document.getElementById(graphId);
+                    if (!container) {
+                        console.error("Container not found for graph:", graphId);
+                        return;
+                    }
+                    const svg = container.querySelector("svg");
+                    if (!svg) {
+                        console.error("SVG not rendered by Mermaid.");
+                        return;
+                    }
+                    console.log("SVG rendered. Applying pan & zoom.");
+                    // Adjust to container size
+                    const containerElement = document.getElementById("mermaid-graph-26c07ca4-3b8e-484b-812b-36c1ace4b275-container");
+                    svg.setAttribute("width", containerElement.offsetWidth);
+                    svg.setAttribute("height", containerElement.offsetHeight);
+                    // Add pan/zoom functionality
+                    loadScript("https://cdn.jsdelivr.net/npm/svg-pan-zoom/dist/svg-pan-zoom.min.js", () => {
+                        const panZoom = svgPanZoom(svg, {
+                            zoomEnabled: true,
+                            controlIconsEnabled: true,
+                            fit: true,
+                            center: true,
+                            minZoom: 0.5,
+                            maxZoom: 10
+                        });
+                        // Reinitialize pan-zoom on window resize
+                        function onResize() {
+                            panZoom.resize();
+                            panZoom.fit();
+                            panZoom.center();
+                        }
+                        window.addEventListener('resize', onResize);
+                        console.log("Pan & zoom initialized successfully.");
+                    });
+                }, 500);
+            }
+            // Load Mermaid.js and initialize
+            if (typeof mermaid === "undefined") {
+                loadScript("https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js", initializeMermaid);
+            } else {
+                initializeMermaid();
+            }
+        })();
+    </script>
-                }
-                , mouseMoveHandler: function (ev) {
-                  if (doPan) {
-                    panZoom.panBy({x: ev.clientX - mousepos.x, y: ev.clientY - mousepos.y});
-                    mousepos = {x: ev.clientX, y: ev.clientY};
-                    window.getSelection().removeAllRanges();
-                  }
-                }
-                , mouseUpHandler: function (ev) {
-                  doPan = false;
-                }
-                , init: function (options) {
-                  options.svgElement.addEventListener('mousedown', this.mouseDownHandler, false);
-                  options.svgElement.addEventListener('mousemove', this.mouseMoveHandler, false);
-                  options.svgElement.addEventListener('mouseup', this.mouseUpHandler, false);
-                }
-                , destroy: function (options) {
-                  options.svgElement.removeEventListener('mousedown', this.mouseDownHandler, false);
-                  options.svgElement.removeEventListener('mousemove', this.mouseMoveHandler, false);
-                  options.svgElement.removeEventListener('mouseup', this.mouseUpHandler, false);
-                }
-              }
-              panZoom = svgPanZoom('#mySvgId', {
-                zoomEnabled: true
-                , controlIconsEnabled: true
-                , fit: 1
-                , center: 1
-                , customEventsHandler: eventsHandler
-              })
-            };
-            await drawDiagram();
-          </script>
-        </body>

pyegeria/commands/tech/work/mermaid_graphs/components/Set up Data Lake Folder.html CHANGED Viewed

@@ -1,127 +1,138 @@
-    <!DOCTYPE html>
-    <html>
-        <head>
-          <style type="text/css">
-            #mySvgId {
-            width: 100%;
-            height: 600px;
-            overflow: scroll;
-            border: 2px solid #ccc;
-            position: relative;
-            margin-bottom: 10px;
-            }
-            svg {
-            cursor: grab;
-            }
-          </style>
-        </head>
-        <title>Solution Component - Set up Data Lake Folder </title>
-        <h3 style="text-align: center;">Solution Component - Set up Data Lake Folder </h3>
-        GUID : fb32bef2-e79f-4893-b500-2e547f24d482
-        <body>
+    <div id="mermaid-graph-fb32bef2-e79f-4893-b500-2e547f24d482-wrapper" style="width: 100%; height: 100%; display: flex; flex-direction: column; align-items: stretch;">
-          <div id="graphDiv"></div>
-          <script src="https://bumbu.me/svg-pan-zoom/dist/svg-pan-zoom.min.js"></script>
-          <script type="module">
-            import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@11/dist/mermaid.esm.min.mjs';
-            mermaid.initialize({startOnLoad: false});
-            await mermaid.run({
-              querySelector: '.mermaid',
-              postRenderCallback: (id) => {
-                const container = document.getElementById("diagram-container");
-                const svgElement = container.querySelector("svg");
-                // Initialize Panzoom
-                const panzoomInstance = Panzoom(svgElement, {
-                  maxScale: 5,
-                  minScale: 0.5,
-                  step: 0.1,
-                });
-                // Add mouse wheel zoom
-                container.addEventListener("wheel", (event) => {
-                  panzoomInstance.zoomWithWheel(event);
-                });
-              }
-            });
-            const drawDiagram = async function () {
-              const element = document.querySelector('#graphDiv');
-              const graphDefinition = `
-    flowchart TD
-%%{init: {"flowchart": {"htmlLabels": false}} }%%
+        <!-- Title/Heading -->
+        <h3 id="mermaid-graph-fb32bef2-e79f-4893-b500-2e547f24d482-heading" style="margin: 20px 0; font-size: 1.5em; text-align: center;">
+            Solution Component - Set up Data Lake Folder
+        </h3>
+        <p id="mermaid-graph-fb32bef2-e79f-4893-b500-2e547f24d482-subheading" style="margin: 0; padding: 5px; font-size: 1em; text-align: center; color: gray; flex: 0 0 auto;">
+            GUID: fb32bef2-e79f-4893-b500-2e547f24d482
+        </p>
+        <!-- Mermaid Diagram -->
+        <div id="mermaid-graph-fb32bef2-e79f-4893-b500-2e547f24d482-container" class="diagram-container"
+             style="width: 100%; flex: 1 1 auto; position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden;">
+            <div id="mermaid-graph-fb32bef2-e79f-4893-b500-2e547f24d482" class="mermaid"
+                 style="width: 100%; height: 100%; cursor: grab; user-select: none; margin: 0; padding: 0;">
+                flowchart TD
+%%{init: {&quot;flowchart&quot;: {&quot;htmlLabels&quot;: false}} }%%
-cfe4af65-990f-45fc-aee7-880a6248620d@{ shape: text, label: "*Description*
-**Set up the directory and Unity Catalog Volume for incoming patient measurements.**"}
-fb32bef2-e79f-4893-b500-2e547f24d482@{ shape: subproc, label: "*Solution Component*
-**Set up Data Lake Folder**"}
-b0290339-c96c-4b05-904f-12fc98e54e14@{ shape: trap-t, label: "*Solution Actor Role*
-**Certified Data Engineer**"}
-b0290339-c96c-4b05-904f-12fc98e54e14-->|"Initiator"|fb32bef2-e79f-4893-b500-2e547f24d482
-b0290339-c96c-4b05-904f-12fc98e54e14-->|"Initiator"|fb32bef2-e79f-4893-b500-2e547f24d482
-fb32bef2-e79f-4893-b500-2e547f24d482-->|"Solution Composition"|fb32bef2-e79f-4893-b500-2e547f24d482
+6304fff7-75d2-402f-ad0f-72c7b14bb59a@{ shape: text, label: &quot;*Description*
+**Set up the directory and Unity Catalog Volume for incoming patient measurements.**&quot;}
+fb32bef2-e79f-4893-b500-2e547f24d482@{ shape: subproc, label: &quot;*Solution Component*
+**Set up Data Lake Folder**&quot;}
+b0290339-c96c-4b05-904f-12fc98e54e14@{ shape: trap-t, label: &quot;*Solution Actor Role*
+**Certified Data Engineer**&quot;}
+b0290339-c96c-4b05-904f-12fc98e54e14==&gt;|&quot;Initiator&quot;|fb32bef2-e79f-4893-b500-2e547f24d482
+b0290339-c96c-4b05-904f-12fc98e54e14==&gt;|&quot;Initiator&quot;|fb32bef2-e79f-4893-b500-2e547f24d482
+fb32bef2-e79f-4893-b500-2e547f24d482==&gt;|&quot;Solution Composition&quot;|fb32bef2-e79f-4893-b500-2e547f24d482
+style 6304fff7-75d2-402f-ad0f-72c7b14bb59a color:#000000, fill:#F9F7ED, stroke:#b7c0c7
 style fb32bef2-e79f-4893-b500-2e547f24d482 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
 style b0290339-c96c-4b05-904f-12fc98e54e14 color:#FFFFFF, fill:#AA00FF, stroke:#E1D5E7
-style cfe4af65-990f-45fc-aee7-880a6248620d color:#000000, fill:#F9F7ED, stroke:#b7c0c7`;
-              const {svg} = await mermaid.render('mySvgId', graphDefinition);
-              element.innerHTML = svg.replace(/( )*max-width:( 0-9\.)*px;/i, '');
+            </div>
+        </div>
+    </div>
-              var doPan = false;
-              var eventsHandler;
-              var panZoom;
-              var mousepos;
-              eventsHandler = {
-                haltEventListeners: ['mousedown', 'mousemove', 'mouseup']
+    <style>
+        /* Ensure no margins or padding for the body or html in Jupyter */
+        body, html {
+            margin: 0;
+            padding: 0;
+            width: 100%;
+            height: 100%;
+        }
+        /* General reset for Jupyter Notebook's extra spacing */
+        #notebook, .container, .cell, .output_area {
+            margin: 0 !important;
+            padding: 0 !important;
+        }
+        .diagram-container {
+            width: 100%;
+            height: 100%;
+            overflow: hidden; /* Prevent scrollbars during zoom/pan */
+        }
+        h2 {
+            margin: 0;
+            padding: 10px;
+            font-size: 24px;
+            text-align: center;
+            flex: 0 0 auto; /* Fix height explicitly for heading */
+        }
+        .mermaid {
+            margin: 0;
+            padding: 0;
+        }
+    </style>
-                , mouseDownHandler: function (ev) {
-                  if (event.target.className == "[object SVGAnimatedString]") {
-                    doPan = true;
-                    mousepos = {x: ev.clientX, y: ev.clientY}
-                  }
+    <script>
+        (function() {
+            const graphId = "mermaid-graph-fb32bef2-e79f-4893-b500-2e547f24d482";  // Pass the graph ID
+            function loadScript(url, callback) {
+                const script = document.createElement('script');
+                script.src = url;
+                script.onload = callback;
+                document.head.appendChild(script);
+            }
+            // Initialize Mermaid and render the diagram
+            function initializeMermaid() {
+                mermaid.initialize({startOnLoad: false});
+                mermaid.init(undefined, "#" + graphId);
+                setTimeout(() => {
+                    const container = document.getElementById(graphId);
+                    if (!container) {
+                        console.error("Container not found for graph:", graphId);
+                        return;
+                    }
+                    const svg = container.querySelector("svg");
+                    if (!svg) {
+                        console.error("SVG not rendered by Mermaid.");
+                        return;
+                    }
+                    console.log("SVG rendered. Applying pan & zoom.");
+                    // Adjust to container size
+                    const containerElement = document.getElementById("mermaid-graph-fb32bef2-e79f-4893-b500-2e547f24d482-container");
+                    svg.setAttribute("width", containerElement.offsetWidth);
+                    svg.setAttribute("height", containerElement.offsetHeight);
+                    // Add pan/zoom functionality
+                    loadScript("https://cdn.jsdelivr.net/npm/svg-pan-zoom/dist/svg-pan-zoom.min.js", () => {
+                        const panZoom = svgPanZoom(svg, {
+                            zoomEnabled: true,
+                            controlIconsEnabled: true,
+                            fit: true,
+                            center: true,
+                            minZoom: 0.5,
+                            maxZoom: 10
+                        });
+                        // Reinitialize pan-zoom on window resize
+                        function onResize() {
+                            panZoom.resize();
+                            panZoom.fit();
+                            panZoom.center();
+                        }
+                        window.addEventListener('resize', onResize);
+                        console.log("Pan & zoom initialized successfully.");
+                    });
+                }, 500);
+            }
+            // Load Mermaid.js and initialize
+            if (typeof mermaid === "undefined") {
+                loadScript("https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js", initializeMermaid);
+            } else {
+                initializeMermaid();
+            }
+        })();
+    </script>
-                }
-                , mouseMoveHandler: function (ev) {
-                  if (doPan) {
-                    panZoom.panBy({x: ev.clientX - mousepos.x, y: ev.clientY - mousepos.y});
-                    mousepos = {x: ev.clientX, y: ev.clientY};
-                    window.getSelection().removeAllRanges();
-                  }
-                }
-                , mouseUpHandler: function (ev) {
-                  doPan = false;
-                }
-                , init: function (options) {
-                  options.svgElement.addEventListener('mousedown', this.mouseDownHandler, false);
-                  options.svgElement.addEventListener('mousemove', this.mouseMoveHandler, false);
-                  options.svgElement.addEventListener('mouseup', this.mouseUpHandler, false);
-                }
-                , destroy: function (options) {
-                  options.svgElement.removeEventListener('mousedown', this.mouseDownHandler, false);
-                  options.svgElement.removeEventListener('mousemove', this.mouseMoveHandler, false);
-                  options.svgElement.removeEventListener('mouseup', this.mouseUpHandler, false);
-                }
-              }
-              panZoom = svgPanZoom('#mySvgId', {
-                zoomEnabled: true
-                , controlIconsEnabled: true
-                , fit: 1
-                , center: 1
-                , customEventsHandler: eventsHandler
-              })
-            };
-            await drawDiagram();
-          </script>
-        </body>

pyegeria 5.3.4.7.dev3__py3-none-any.whl → 5.3.4.9__py3-none-any.whl

pyegeria 5.3.4.7.dev3py3-none-any.whl → 5.3.4.9py3-none-any.whl