pyegeria 5.3.4.4.dev7__py3-none-any.whl → 5.3.4.5__py3-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.
@@ -10,7 +10,7 @@ A running Egeria environment is needed to run these functions.
10
10
  These functions have been tested in a Jupyter notebook - but may work in other environments.
11
11
 
12
12
  """
13
-
13
+ import html
14
14
  import os
15
15
  import time
16
16
 
@@ -232,50 +232,56 @@ def construct_mermaid_html(mermaid_str: str) -> str:
232
232
  title_label, guid, mermaid_code = parse_mermaid_code(mermaid_str)
233
233
 
234
234
  graph_id = title_label.replace(" ", "_")
235
+ escaped_header = html.escape(title_label) if title_label else "" # Sanitize the header safely
236
+
237
+ header_html = f"<h2 class='diagram-header'>{escaped_header}</h2>\nGUID: {guid}" if title_label else ""
235
238
 
236
239
  # Construct the HTML content with Mermaid.js initialization and zoom/pan support
237
240
  mermaid_html = f"""
238
- <!DOCTYPE html>
241
+ <!DOCTYPE html>
239
242
  <html lang="en">
240
243
  <head>
241
244
  <meta charset="UTF-8">
242
245
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
243
- <title>Mermaid Diagram</title>
246
+ <title>Mermaid Diagram with Centered Pan and Zoom</title>
244
247
  <!-- Load Mermaid.js -->
245
- <script src="https://cdn.jsdelivr.net/npm/mermaid@11/dist/mermaid.min.js"></script>
248
+ <script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
246
249
  <style>
247
250
  body {{
248
251
  font-family: Arial, sans-serif;
252
+ background-color: #f4f4f4;
249
253
  margin: 0;
250
254
  padding: 0;
251
- background-color: #f4f4f4;
252
- }}
253
- .diagram-container {{
254
255
  display: flex;
255
- flex-direction: column;
256
+ justify-content: center;
256
257
  align-items: center;
258
+ height: 100vh;
259
+ }}
260
+ .diagram-container {{
261
+ width: 90%;
262
+ max-width: 800px;
257
263
  padding: 20px;
258
- background-color: white;
259
264
  border: 1px solid #ddd;
260
- border-radius: 8px;
261
- margin: 20px;
265
+ border-radius: 12px;
266
+ background-color: white;
262
267
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
263
- max-width: 800px;
264
- margin: 30px auto;
268
+ text-align: center;
269
+ position: relative;
265
270
  }}
266
271
  .diagram-header {{
267
272
  margin-bottom: 20px;
268
- font-size: 1.8em;
273
+ font-size: 1.8rem;
269
274
  font-weight: bold;
270
275
  color: #007acc;
271
- text-align: center;
272
276
  }}
273
277
  .pan-zoom-container {{
274
278
  position: relative;
275
279
  width: 100%;
276
280
  height: 500px;
277
281
  overflow: hidden;
282
+ border: 1px solid #ccc;
278
283
  background-color: #f9f9f9;
284
+ cursor: grab;
279
285
  }}
280
286
  .pan-zoom-content {{
281
287
  position: absolute;
@@ -288,93 +294,123 @@ def construct_mermaid_html(mermaid_str: str) -> str:
288
294
  </style>
289
295
  </head>
290
296
  <body>
291
- <div class="diagram-header">
292
- <h3 class='diagram-header'>{title_label}</h3>
293
- {guid}
294
- </div>
295
- <!-- Diagram with Header -->
296
297
  <div class="diagram-container">
297
-
298
+ {header_html}
298
299
  <div class="pan-zoom-container">
299
- <div id="{graph_id}" class="mermaid pan-zoom-content">{mermaid_code}</div>
300
+ <div id="{graph_id}" class="mermaid pan-zoom-content">
301
+ {mermaid_code}
302
+ </div>
300
303
  </div>
301
304
  </div>
302
305
 
303
306
  <script>
304
- // Initialize Mermaid.js and enable pan/zoom
305
307
  document.addEventListener("DOMContentLoaded", function() {{
306
- const graphContainer = document.getElementById("{graph_id}");
307
-
308
- // Render the Mermaid diagram
308
+ // Initialize Mermaid.js
309
+ console.log("Initializing Mermaid...");
309
310
  mermaid.initialize({{ startOnLoad: true }});
310
- mermaid.init(undefined, graphContainer);
311
311
 
312
- // Enable pan/zoom functionality
313
- const container = document.querySelector(".pan-zoom-container");
314
- const content = document.querySelector(".pan-zoom-content");
315
-
316
- let scale = 1; // Zoom level
317
- let panX = 0; // X-axis pan
318
- let panY = 0; // Y-axis pan
312
+ const container = document.querySelector('.pan-zoom-container');
313
+ const content = document.querySelector('.pan-zoom-content');
314
+ let rect; // Bounding box of the rendered diagram
315
+ let scale = 1; // Current zoom level
316
+ let panX = 0; // Pan offset in X direction
317
+ let panY = 0; // Pan offset in Y direction
319
318
  let isDragging = false;
320
319
  let startX, startY;
321
320
 
322
- // Mouse wheel zoom
323
- container.addEventListener("wheel", function(event) {{
321
+ // Helper: Apply transformations
322
+ const applyTransform = () => {{
323
+ content.style.transform = `translate(${{panX}}px, ${{panY}}px) scale(${{scale}})`;
324
+ }};
325
+
326
+ // Helper: Center the diagram and fit it to the container
327
+ const centerAndFitDiagram = () => {{
328
+ rect = content.getBoundingClientRect();
329
+ const containerRect = container.getBoundingClientRect();
330
+
331
+ // Calculate the required scale to fit the diagram
332
+ scale = Math.min(
333
+ containerRect.width / rect.width,
334
+ containerRect.height / rect.height
335
+ );
336
+
337
+ // Adjust pan to center the diagram
338
+ panX = (containerRect.width - rect.width * scale) / 2;
339
+ panY = (containerRect.height - rect.height * scale) / 2;
340
+
341
+ applyTransform();
342
+ console.log("Diagram centered and fitted to container.");
343
+ }};
344
+
345
+ // Add pan/zoom functionality
346
+ const zoomCenteredOnDiagram = (event, deltaZoom) => {{
347
+ rect = content.getBoundingClientRect();
348
+ const containerRect = container.getBoundingClientRect();
349
+
350
+ // Center of the diagram
351
+ const diagramCenterX = rect.left + rect.width / 2;
352
+ const diagramCenterY = rect.top + rect.height / 2;
353
+
354
+ const zoomX = (diagramCenterX - containerRect.left) * deltaZoom;
355
+ const zoomY = (diagramCenterY - containerRect.top) * deltaZoom;
356
+
357
+ panX -= zoomX;
358
+ panY -= zoomY;
359
+ }};
360
+
361
+ container.addEventListener('wheel', function(event) {{
324
362
  event.preventDefault();
325
363
  const zoomSpeed = 0.1;
326
364
  const previousScale = scale;
327
365
 
328
- // Update zoom level
366
+ // Zoom in or out
329
367
  if (event.deltaY < 0) {{
330
- scale = Math.min(scale + zoomSpeed, 4); // Zoom in
368
+ scale = Math.min(scale + zoomSpeed, 4); // Limit zoom-in
331
369
  }} else {{
332
- scale = Math.max(scale - zoomSpeed, 0.5); // Zoom out
370
+ scale = Math.max(scale - zoomSpeed, 0.5); // Limit zoom-out
333
371
  }}
334
372
 
335
- // Adjust offsets for smooth zoom behavior
336
- const rect = content.getBoundingClientRect();
337
- const offsetX = event.clientX - rect.left;
338
- const offsetY = event.clientY - rect.top;
339
- panX -= (offsetX / previousScale - offsetX / scale);
340
- panY -= (offsetY / previousScale - offsetY / scale);
373
+ // Calculate deltaZoom and adjust pan
374
+ const deltaZoom = scale / previousScale - 1;
375
+ zoomCenteredOnDiagram(event, deltaZoom);
341
376
 
342
- // Apply zoom and pan
343
- content.style.transform = `translate(${{panX}}px, ${{panY}}px) scale(${{scale}})`;
377
+ applyTransform();
344
378
  }});
345
379
 
346
- // Drag-to-pan functionality
347
- container.addEventListener("mousedown", function(event) {{
380
+ container.addEventListener('mousedown', function(event) {{
348
381
  isDragging = true;
349
382
  startX = event.clientX - panX;
350
383
  startY = event.clientY - panY;
351
384
  container.style.cursor = "grabbing";
352
385
  }});
353
386
 
354
- container.addEventListener("mousemove", function(event) {{
387
+ container.addEventListener('mousemove', function(event) {{
355
388
  if (!isDragging) return;
389
+
356
390
  panX = event.clientX - startX;
357
391
  panY = event.clientY - startY;
358
392
 
359
- // Apply panning
360
- content.style.transform = `translate(${{panX}}px, ${{panY}}px) scale(${{scale}})`;
393
+ applyTransform();
361
394
  }});
362
395
 
363
- container.addEventListener("mouseup", function() {{
396
+ container.addEventListener('mouseup', function() {{
364
397
  isDragging = false;
365
398
  container.style.cursor = "grab";
366
399
  }});
367
400
 
368
- container.addEventListener("mouseleave", function() {{
401
+ container.addEventListener('mouseleave', function() {{
369
402
  isDragging = false;
370
403
  container.style.cursor = "grab";
371
404
  }});
405
+
406
+ // Ensure Mermaid renders the diagram, then fit and center it
407
+ setTimeout(centerAndFitDiagram, 100); // Delay to ensure Mermaid.js rendering is complete
372
408
  }});
373
409
  </script>
374
410
  </body>
375
411
  </html>
376
-
377
- """
412
+ """
413
+
378
414
 
379
415
 
380
416
  return mermaid_html
pyegeria/test_m.html ADDED
@@ -0,0 +1,273 @@
1
+
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Mermaid Diagram with Centered Pan and Zoom</title>
8
+ <!-- Load Mermaid.js -->
9
+ <script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
10
+ <style>
11
+ body {
12
+ font-family: Arial, sans-serif;
13
+ background-color: #f4f4f4;
14
+ margin: 0;
15
+ padding: 0;
16
+ display: flex;
17
+ justify-content: center;
18
+ align-items: center;
19
+ height: 100vh;
20
+ }
21
+ .diagram-container {
22
+ width: 90%;
23
+ max-width: 800px;
24
+ padding: 20px;
25
+ border: 1px solid #ddd;
26
+ border-radius: 12px;
27
+ background-color: white;
28
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
29
+ text-align: center;
30
+ position: relative;
31
+ }
32
+ .diagram-header {
33
+ margin-bottom: 20px;
34
+ font-size: 1.8rem;
35
+ font-weight: bold;
36
+ color: #007acc;
37
+ }
38
+ .pan-zoom-container {
39
+ position: relative;
40
+ width: 100%;
41
+ height: 500px;
42
+ overflow: hidden;
43
+ border: 1px solid #ccc;
44
+ background-color: #f9f9f9;
45
+ cursor: grab;
46
+ }
47
+ .pan-zoom-content {
48
+ position: absolute;
49
+ transform-origin: 0 0;
50
+ cursor: grab;
51
+ }
52
+ .pan-zoom-content:active {
53
+ cursor: grabbing;
54
+ }
55
+ </style>
56
+ </head>
57
+ <body>
58
+ <div class="diagram-container">
59
+ <h2 class='diagram-header'>Component for Solution Blueprint - Clinical Trial Management Solution Blueprint </h2>
60
+ GUID: c4f8d707-7c85-4125-b5fd-c3257a2ef2ef
61
+ <div class="pan-zoom-container">
62
+ <div id="Component_for_Solution_Blueprint_-_Clinical_Trial_Management_Solution_Blueprint_" class="mermaid pan-zoom-content">
63
+ flowchart TD
64
+ %%{init: {"flowchart": {"htmlLabels": false}} }%%
65
+
66
+ subgraph c4f8d707-7c85-4125-b5fd-c3257a2ef2ef [Components and Actors]
67
+ fc2de77f-7320-48ea-8750-d434c6e870db@{ shape: text, label: "*Description*
68
+ **A description of how a clinical trial is managed in Coco Pharmaceuticals.**"}
69
+ 37b8560d-84d4-434b-9b0d-105420fcc924@{ shape: subproc, label: "*Solution Component*
70
+ **Certify Hospital**"}
71
+ f37f3735-28a1-4e03-9ff5-3fe2f137f661@{ shape: trap-t, label: "*Solution Actor Role*
72
+ **Clinical Trial Manager**"}
73
+ f37f3735-28a1-4e03-9ff5-3fe2f137f661-->|"Certifier"|37b8560d-84d4-434b-9b0d-105420fcc924
74
+ 72a86eec-9734-4bc0-babb-4fec0aa7c9ff@{ shape: docs, label: "*Solution Component*
75
+ **Assemble Treatment Assessment Report**"}
76
+ 48bc201e-3d4e-4beb-bdb2-0fd9d134f6d5@{ shape: rect, label: "*Solution Component*
77
+ **Treatment Efficacy Evidence**"}
78
+ 48bc201e-3d4e-4beb-bdb2-0fd9d134f6d5-->|"Solution Linking Wire"|72a86eec-9734-4bc0-babb-4fec0aa7c9ff
79
+ f37f3735-28a1-4e03-9ff5-3fe2f137f661-->|"Author"|72a86eec-9734-4bc0-babb-4fec0aa7c9ff
80
+ b5c8da4c-f925-4cf1-8294-e43cd2c1a584@{ shape: rect, label: "*Solution Component*
81
+ **Analyse Patient Data**"}
82
+ b5c8da4c-f925-4cf1-8294-e43cd2c1a584-->|"Solution Linking Wire"|48bc201e-3d4e-4beb-bdb2-0fd9d134f6d5
83
+ 7f5dca65-50b4-4103-9ac7-3a406a09047a@{ shape: subproc, label: "*Solution Component*
84
+ **Weekly Measurements Onboarding Pipeline**"}
85
+ 07705e15-efff-4f80-8992-f04ac85e0ef1@{ shape: rect, label: "*Solution Component*
86
+ **Landing Folder Cataloguer**"}
87
+ 07705e15-efff-4f80-8992-f04ac85e0ef1-->|"Solution Linking Wire"|7f5dca65-50b4-4103-9ac7-3a406a09047a
88
+ f37f3735-28a1-4e03-9ff5-3fe2f137f661-->|"Steward"|7f5dca65-50b4-4103-9ac7-3a406a09047a
89
+ b0290339-c96c-4b05-904f-12fc98e54e14@{ shape: trap-t, label: "*Solution Actor Role*
90
+ **Certified Data Engineer**"}
91
+ b0290339-c96c-4b05-904f-12fc98e54e14-->|"Steward"|7f5dca65-50b4-4103-9ac7-3a406a09047a
92
+ d48f579f-76d3-4c49-b1b4-575f5645a9d0@{ shape: lin-cyl, label: "*Solution Component*
93
+ **Treatment Validation Sandbox**"}
94
+ 26c07ca4-3b8e-484b-812b-36c1ace4b275@{ shape: rect, label: "*Solution Component*
95
+ **Populate Sandbox**"}
96
+ 26c07ca4-3b8e-484b-812b-36c1ace4b275-->|"Solution Linking Wire"|d48f579f-76d3-4c49-b1b4-575f5645a9d0
97
+ ee2bb773-e630-4cf9-bdf1-7c2dd64fe4ec@{ shape: processes, label: "*Solution Component*
98
+ **Hospital Processes**"}
99
+ a8bd84ca-0aae-4534-b0e8-87e8659467a6@{ shape: trap-t, label: "*Solution Actor Role*
100
+ **Clinical Trial Participating Hospital Coordinator**"}
101
+ a8bd84ca-0aae-4534-b0e8-87e8659467a6-->|"Coordinator on behalf of hospital"|ee2bb773-e630-4cf9-bdf1-7c2dd64fe4ec
102
+ 30adaab5-8870-47a8-8ae9-facbf84cb05a@{ shape: trap-t, label: "*Solution Actor Role*
103
+ **Clinical Trial Participating Hospital**"}
104
+ 30adaab5-8870-47a8-8ae9-facbf84cb05a-->|"Owner"|ee2bb773-e630-4cf9-bdf1-7c2dd64fe4ec
105
+ d48f579f-76d3-4c49-b1b4-575f5645a9d0-->|"Solution Linking Wire"|b5c8da4c-f925-4cf1-8294-e43cd2c1a584
106
+ ece17806-836c-4756-b3a2-2d12dde215f6@{ shape: trap-t, label: "*Solution Actor Role*
107
+ **New Treatment Data Scientist**"}
108
+ ece17806-836c-4756-b3a2-2d12dde215f6-->|"Data Analyser"|b5c8da4c-f925-4cf1-8294-e43cd2c1a584
109
+ 0c757e35-8a42-4d5f-b01b-c72a6cea65cc@{ shape: trap-t, label: "*Solution Actor Role*
110
+ **New Treatment Researcher.**"}
111
+ 0c757e35-8a42-4d5f-b01b-c72a6cea65cc-->|"Results Interpreter"|b5c8da4c-f925-4cf1-8294-e43cd2c1a584
112
+ e9c2f911-ffcb-40c6-aeee-8c4d43811576@{ shape: subproc, label: "*Solution Component*
113
+ **Onboard Hospital**"}
114
+ b0290339-c96c-4b05-904f-12fc98e54e14-->|"Initiator"|e9c2f911-ffcb-40c6-aeee-8c4d43811576
115
+ 849b0b42-f465-452b-813c-477d6398e082@{ shape: subproc, label: "*Solution Component*
116
+ **Set up clinical trial**"}
117
+ f37f3735-28a1-4e03-9ff5-3fe2f137f661-->|"Initiator"|849b0b42-f465-452b-813c-477d6398e082
118
+ a5d4d638-6836-47e5-99d0-fdcde637e13f@{ shape: lin-cyl, label: "*Solution Component*
119
+ **Weekly Measurements Data Lake Folder**"}
120
+ 7f5dca65-50b4-4103-9ac7-3a406a09047a-->|"Solution Linking Wire"|a5d4d638-6836-47e5-99d0-fdcde637e13f
121
+ 0bf2547c-937c-41b6-814f-6284849271a1@{ shape: odd, label: "*Solution Component*
122
+ **Treatment Assessment Report Validation and Delivery**"}
123
+ 72a86eec-9734-4bc0-babb-4fec0aa7c9ff-->|"Solution Linking Wire"|0bf2547c-937c-41b6-814f-6284849271a1
124
+ f6bc847b-868d-43cc-b767-41f5fe3e47d1@{ shape: trap-t, label: "*Solution Actor Role*
125
+ **Clinical Trial Sponsor**"}
126
+ f6bc847b-868d-43cc-b767-41f5fe3e47d1-->|"Reviewer"|0bf2547c-937c-41b6-814f-6284849271a1
127
+ a5d4d638-6836-47e5-99d0-fdcde637e13f-->|"Solution Linking Wire"|26c07ca4-3b8e-484b-812b-36c1ace4b275
128
+ fb32bef2-e79f-4893-b500-2e547f24d482@{ shape: subproc, label: "*Solution Component*
129
+ **Set up Data Lake Folder**"}
130
+ b0290339-c96c-4b05-904f-12fc98e54e14-->|"Initiator"|fb32bef2-e79f-4893-b500-2e547f24d482
131
+ 1c150d6e-30cf-481c-9afb-3b06c9c9e78f@{ shape: lin-cyl, label: "*Solution Component*
132
+ **Hospital Landing Area Folder**"}
133
+ ee2bb773-e630-4cf9-bdf1-7c2dd64fe4ec-->|"Solution Linking Wire"|1c150d6e-30cf-481c-9afb-3b06c9c9e78f
134
+ 1c150d6e-30cf-481c-9afb-3b06c9c9e78f-->|"Solution Linking Wire"|07705e15-efff-4f80-8992-f04ac85e0ef1
135
+ 11c7c850-c67c-41cc-9423-d74db47cbf3a@{ shape: subproc, label: "*Solution Component*
136
+ **Nominate Hospital**"}
137
+ f37f3735-28a1-4e03-9ff5-3fe2f137f661-->|"Initiator"|11c7c850-c67c-41cc-9423-d74db47cbf3a
138
+ end
139
+ style 48bc201e-3d4e-4beb-bdb2-0fd9d134f6d5 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
140
+ style ece17806-836c-4756-b3a2-2d12dde215f6 color:#FFFFFF, fill:#AA00FF, stroke:#E1D5E7
141
+ style e9c2f911-ffcb-40c6-aeee-8c4d43811576 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
142
+ style a5d4d638-6836-47e5-99d0-fdcde637e13f color:#FFFFFF, fill:#838cc7, stroke:#3079ab
143
+ style 0bf2547c-937c-41b6-814f-6284849271a1 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
144
+ style 30adaab5-8870-47a8-8ae9-facbf84cb05a color:#FFFFFF, fill:#AA00FF, stroke:#E1D5E7
145
+ style b0290339-c96c-4b05-904f-12fc98e54e14 color:#FFFFFF, fill:#AA00FF, stroke:#E1D5E7
146
+ style 26c07ca4-3b8e-484b-812b-36c1ace4b275 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
147
+ style 1c150d6e-30cf-481c-9afb-3b06c9c9e78f color:#FFFFFF, fill:#838cc7, stroke:#3079ab
148
+ style 07705e15-efff-4f80-8992-f04ac85e0ef1 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
149
+ style a8bd84ca-0aae-4534-b0e8-87e8659467a6 color:#FFFFFF, fill:#AA00FF, stroke:#E1D5E7
150
+ style 0c757e35-8a42-4d5f-b01b-c72a6cea65cc color:#FFFFFF, fill:#AA00FF, stroke:#E1D5E7
151
+ style c4f8d707-7c85-4125-b5fd-c3257a2ef2ef color:#3079ab, fill:#b7c0c7, stroke:#3079ab
152
+ style 37b8560d-84d4-434b-9b0d-105420fcc924 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
153
+ style 11c7c850-c67c-41cc-9423-d74db47cbf3a color:#FFFFFF, fill:#838cc7, stroke:#3079ab
154
+ style fc2de77f-7320-48ea-8750-d434c6e870db color:#000000, fill:#F9F7ED, stroke:#b7c0c7
155
+ style 849b0b42-f465-452b-813c-477d6398e082 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
156
+ style 7f5dca65-50b4-4103-9ac7-3a406a09047a color:#FFFFFF, fill:#838cc7, stroke:#3079ab
157
+ style ee2bb773-e630-4cf9-bdf1-7c2dd64fe4ec color:#FFFFFF, fill:#838cc7, stroke:#3079ab
158
+ style 72a86eec-9734-4bc0-babb-4fec0aa7c9ff color:#FFFFFF, fill:#838cc7, stroke:#3079ab
159
+ style b5c8da4c-f925-4cf1-8294-e43cd2c1a584 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
160
+ style f6bc847b-868d-43cc-b767-41f5fe3e47d1 color:#FFFFFF, fill:#AA00FF, stroke:#E1D5E7
161
+ style d48f579f-76d3-4c49-b1b4-575f5645a9d0 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
162
+ style f37f3735-28a1-4e03-9ff5-3fe2f137f661 color:#FFFFFF, fill:#AA00FF, stroke:#E1D5E7
163
+ style fb32bef2-e79f-4893-b500-2e547f24d482 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
164
+ </div>
165
+ </div>
166
+ </div>
167
+
168
+ <script>
169
+ document.addEventListener("DOMContentLoaded", function() {
170
+ // Initialize Mermaid.js
171
+ console.log("Initializing Mermaid...");
172
+ mermaid.initialize({ startOnLoad: true });
173
+
174
+ const container = document.querySelector('.pan-zoom-container');
175
+ const content = document.querySelector('.pan-zoom-content');
176
+ let rect; // Bounding box of the rendered diagram
177
+ let scale = 1; // Current zoom level
178
+ let panX = 0; // Pan offset in X direction
179
+ let panY = 0; // Pan offset in Y direction
180
+ let isDragging = false;
181
+ let startX, startY;
182
+
183
+ // Helper: Apply transformations
184
+ const applyTransform = () => {
185
+ content.style.transform = `translate(${panX}px, ${panY}px) scale(${scale})`;
186
+ };
187
+
188
+ // Helper: Center the diagram and fit it to the container
189
+ const centerAndFitDiagram = () => {
190
+ rect = content.getBoundingClientRect();
191
+ const containerRect = container.getBoundingClientRect();
192
+
193
+ // Calculate the required scale to fit the diagram
194
+ scale = Math.min(
195
+ containerRect.width / rect.width,
196
+ containerRect.height / rect.height
197
+ );
198
+
199
+ // Adjust pan to center the diagram
200
+ panX = (containerRect.width - rect.width * scale) / 2;
201
+ panY = (containerRect.height - rect.height * scale) / 2;
202
+
203
+ applyTransform();
204
+ console.log("Diagram centered and fitted to container.");
205
+ };
206
+
207
+ // Add pan/zoom functionality
208
+ const zoomCenteredOnDiagram = (event, deltaZoom) => {
209
+ rect = content.getBoundingClientRect();
210
+ const containerRect = container.getBoundingClientRect();
211
+
212
+ // Center of the diagram
213
+ const diagramCenterX = rect.left + rect.width / 2;
214
+ const diagramCenterY = rect.top + rect.height / 2;
215
+
216
+ const zoomX = (diagramCenterX - containerRect.left) * deltaZoom;
217
+ const zoomY = (diagramCenterY - containerRect.top) * deltaZoom;
218
+
219
+ panX -= zoomX;
220
+ panY -= zoomY;
221
+ };
222
+
223
+ container.addEventListener('wheel', function(event) {
224
+ event.preventDefault();
225
+ const zoomSpeed = 0.1;
226
+ const previousScale = scale;
227
+
228
+ // Zoom in or out
229
+ if (event.deltaY < 0) {
230
+ scale = Math.min(scale + zoomSpeed, 4); // Limit zoom-in
231
+ } else {
232
+ scale = Math.max(scale - zoomSpeed, 0.5); // Limit zoom-out
233
+ }
234
+
235
+ // Calculate deltaZoom and adjust pan
236
+ const deltaZoom = scale / previousScale - 1;
237
+ zoomCenteredOnDiagram(event, deltaZoom);
238
+
239
+ applyTransform();
240
+ });
241
+
242
+ container.addEventListener('mousedown', function(event) {
243
+ isDragging = true;
244
+ startX = event.clientX - panX;
245
+ startY = event.clientY - panY;
246
+ container.style.cursor = "grabbing";
247
+ });
248
+
249
+ container.addEventListener('mousemove', function(event) {
250
+ if (!isDragging) return;
251
+
252
+ panX = event.clientX - startX;
253
+ panY = event.clientY - startY;
254
+
255
+ applyTransform();
256
+ });
257
+
258
+ container.addEventListener('mouseup', function() {
259
+ isDragging = false;
260
+ container.style.cursor = "grab";
261
+ });
262
+
263
+ container.addEventListener('mouseleave', function() {
264
+ isDragging = false;
265
+ container.style.cursor = "grab";
266
+ });
267
+
268
+ // Ensure Mermaid renders the diagram, then fit and center it
269
+ setTimeout(centerAndFitDiagram, 100); // Delay to ensure Mermaid.js rendering is complete
270
+ });
271
+ </script>
272
+ </body>
273
+ </html>
pyegeria/test_m.py ADDED
@@ -0,0 +1,113 @@
1
+ from pyegeria.mermaid_utilities import construct_mermaid_html
2
+
3
+ m = """
4
+ ---
5
+ title: Component for Solution Blueprint - Clinical Trial Management Solution Blueprint [c4f8d707-7c85-4125-b5fd-c3257a2ef2ef]
6
+ ---
7
+ flowchart TD
8
+ %%{init: {"flowchart": {"htmlLabels": false}} }%%
9
+
10
+ subgraph c4f8d707-7c85-4125-b5fd-c3257a2ef2ef [Components and Actors]
11
+ fc2de77f-7320-48ea-8750-d434c6e870db@{ shape: text, label: "*Description*
12
+ **A description of how a clinical trial is managed in Coco Pharmaceuticals.**"}
13
+ 37b8560d-84d4-434b-9b0d-105420fcc924@{ shape: subproc, label: "*Solution Component*
14
+ **Certify Hospital**"}
15
+ f37f3735-28a1-4e03-9ff5-3fe2f137f661@{ shape: trap-t, label: "*Solution Actor Role*
16
+ **Clinical Trial Manager**"}
17
+ f37f3735-28a1-4e03-9ff5-3fe2f137f661-->|"Certifier"|37b8560d-84d4-434b-9b0d-105420fcc924
18
+ 72a86eec-9734-4bc0-babb-4fec0aa7c9ff@{ shape: docs, label: "*Solution Component*
19
+ **Assemble Treatment Assessment Report**"}
20
+ 48bc201e-3d4e-4beb-bdb2-0fd9d134f6d5@{ shape: rect, label: "*Solution Component*
21
+ **Treatment Efficacy Evidence**"}
22
+ 48bc201e-3d4e-4beb-bdb2-0fd9d134f6d5-->|"Solution Linking Wire"|72a86eec-9734-4bc0-babb-4fec0aa7c9ff
23
+ f37f3735-28a1-4e03-9ff5-3fe2f137f661-->|"Author"|72a86eec-9734-4bc0-babb-4fec0aa7c9ff
24
+ b5c8da4c-f925-4cf1-8294-e43cd2c1a584@{ shape: rect, label: "*Solution Component*
25
+ **Analyse Patient Data**"}
26
+ b5c8da4c-f925-4cf1-8294-e43cd2c1a584-->|"Solution Linking Wire"|48bc201e-3d4e-4beb-bdb2-0fd9d134f6d5
27
+ 7f5dca65-50b4-4103-9ac7-3a406a09047a@{ shape: subproc, label: "*Solution Component*
28
+ **Weekly Measurements Onboarding Pipeline**"}
29
+ 07705e15-efff-4f80-8992-f04ac85e0ef1@{ shape: rect, label: "*Solution Component*
30
+ **Landing Folder Cataloguer**"}
31
+ 07705e15-efff-4f80-8992-f04ac85e0ef1-->|"Solution Linking Wire"|7f5dca65-50b4-4103-9ac7-3a406a09047a
32
+ f37f3735-28a1-4e03-9ff5-3fe2f137f661-->|"Steward"|7f5dca65-50b4-4103-9ac7-3a406a09047a
33
+ b0290339-c96c-4b05-904f-12fc98e54e14@{ shape: trap-t, label: "*Solution Actor Role*
34
+ **Certified Data Engineer**"}
35
+ b0290339-c96c-4b05-904f-12fc98e54e14-->|"Steward"|7f5dca65-50b4-4103-9ac7-3a406a09047a
36
+ d48f579f-76d3-4c49-b1b4-575f5645a9d0@{ shape: lin-cyl, label: "*Solution Component*
37
+ **Treatment Validation Sandbox**"}
38
+ 26c07ca4-3b8e-484b-812b-36c1ace4b275@{ shape: rect, label: "*Solution Component*
39
+ **Populate Sandbox**"}
40
+ 26c07ca4-3b8e-484b-812b-36c1ace4b275-->|"Solution Linking Wire"|d48f579f-76d3-4c49-b1b4-575f5645a9d0
41
+ ee2bb773-e630-4cf9-bdf1-7c2dd64fe4ec@{ shape: processes, label: "*Solution Component*
42
+ **Hospital Processes**"}
43
+ a8bd84ca-0aae-4534-b0e8-87e8659467a6@{ shape: trap-t, label: "*Solution Actor Role*
44
+ **Clinical Trial Participating Hospital Coordinator**"}
45
+ a8bd84ca-0aae-4534-b0e8-87e8659467a6-->|"Coordinator on behalf of hospital"|ee2bb773-e630-4cf9-bdf1-7c2dd64fe4ec
46
+ 30adaab5-8870-47a8-8ae9-facbf84cb05a@{ shape: trap-t, label: "*Solution Actor Role*
47
+ **Clinical Trial Participating Hospital**"}
48
+ 30adaab5-8870-47a8-8ae9-facbf84cb05a-->|"Owner"|ee2bb773-e630-4cf9-bdf1-7c2dd64fe4ec
49
+ d48f579f-76d3-4c49-b1b4-575f5645a9d0-->|"Solution Linking Wire"|b5c8da4c-f925-4cf1-8294-e43cd2c1a584
50
+ ece17806-836c-4756-b3a2-2d12dde215f6@{ shape: trap-t, label: "*Solution Actor Role*
51
+ **New Treatment Data Scientist**"}
52
+ ece17806-836c-4756-b3a2-2d12dde215f6-->|"Data Analyser"|b5c8da4c-f925-4cf1-8294-e43cd2c1a584
53
+ 0c757e35-8a42-4d5f-b01b-c72a6cea65cc@{ shape: trap-t, label: "*Solution Actor Role*
54
+ **New Treatment Researcher.**"}
55
+ 0c757e35-8a42-4d5f-b01b-c72a6cea65cc-->|"Results Interpreter"|b5c8da4c-f925-4cf1-8294-e43cd2c1a584
56
+ e9c2f911-ffcb-40c6-aeee-8c4d43811576@{ shape: subproc, label: "*Solution Component*
57
+ **Onboard Hospital**"}
58
+ b0290339-c96c-4b05-904f-12fc98e54e14-->|"Initiator"|e9c2f911-ffcb-40c6-aeee-8c4d43811576
59
+ 849b0b42-f465-452b-813c-477d6398e082@{ shape: subproc, label: "*Solution Component*
60
+ **Set up clinical trial**"}
61
+ f37f3735-28a1-4e03-9ff5-3fe2f137f661-->|"Initiator"|849b0b42-f465-452b-813c-477d6398e082
62
+ a5d4d638-6836-47e5-99d0-fdcde637e13f@{ shape: lin-cyl, label: "*Solution Component*
63
+ **Weekly Measurements Data Lake Folder**"}
64
+ 7f5dca65-50b4-4103-9ac7-3a406a09047a-->|"Solution Linking Wire"|a5d4d638-6836-47e5-99d0-fdcde637e13f
65
+ 0bf2547c-937c-41b6-814f-6284849271a1@{ shape: odd, label: "*Solution Component*
66
+ **Treatment Assessment Report Validation and Delivery**"}
67
+ 72a86eec-9734-4bc0-babb-4fec0aa7c9ff-->|"Solution Linking Wire"|0bf2547c-937c-41b6-814f-6284849271a1
68
+ f6bc847b-868d-43cc-b767-41f5fe3e47d1@{ shape: trap-t, label: "*Solution Actor Role*
69
+ **Clinical Trial Sponsor**"}
70
+ f6bc847b-868d-43cc-b767-41f5fe3e47d1-->|"Reviewer"|0bf2547c-937c-41b6-814f-6284849271a1
71
+ a5d4d638-6836-47e5-99d0-fdcde637e13f-->|"Solution Linking Wire"|26c07ca4-3b8e-484b-812b-36c1ace4b275
72
+ fb32bef2-e79f-4893-b500-2e547f24d482@{ shape: subproc, label: "*Solution Component*
73
+ **Set up Data Lake Folder**"}
74
+ b0290339-c96c-4b05-904f-12fc98e54e14-->|"Initiator"|fb32bef2-e79f-4893-b500-2e547f24d482
75
+ 1c150d6e-30cf-481c-9afb-3b06c9c9e78f@{ shape: lin-cyl, label: "*Solution Component*
76
+ **Hospital Landing Area Folder**"}
77
+ ee2bb773-e630-4cf9-bdf1-7c2dd64fe4ec-->|"Solution Linking Wire"|1c150d6e-30cf-481c-9afb-3b06c9c9e78f
78
+ 1c150d6e-30cf-481c-9afb-3b06c9c9e78f-->|"Solution Linking Wire"|07705e15-efff-4f80-8992-f04ac85e0ef1
79
+ 11c7c850-c67c-41cc-9423-d74db47cbf3a@{ shape: subproc, label: "*Solution Component*
80
+ **Nominate Hospital**"}
81
+ f37f3735-28a1-4e03-9ff5-3fe2f137f661-->|"Initiator"|11c7c850-c67c-41cc-9423-d74db47cbf3a
82
+ end
83
+ style 48bc201e-3d4e-4beb-bdb2-0fd9d134f6d5 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
84
+ style ece17806-836c-4756-b3a2-2d12dde215f6 color:#FFFFFF, fill:#AA00FF, stroke:#E1D5E7
85
+ style e9c2f911-ffcb-40c6-aeee-8c4d43811576 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
86
+ style a5d4d638-6836-47e5-99d0-fdcde637e13f color:#FFFFFF, fill:#838cc7, stroke:#3079ab
87
+ style 0bf2547c-937c-41b6-814f-6284849271a1 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
88
+ style 30adaab5-8870-47a8-8ae9-facbf84cb05a color:#FFFFFF, fill:#AA00FF, stroke:#E1D5E7
89
+ style b0290339-c96c-4b05-904f-12fc98e54e14 color:#FFFFFF, fill:#AA00FF, stroke:#E1D5E7
90
+ style 26c07ca4-3b8e-484b-812b-36c1ace4b275 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
91
+ style 1c150d6e-30cf-481c-9afb-3b06c9c9e78f color:#FFFFFF, fill:#838cc7, stroke:#3079ab
92
+ style 07705e15-efff-4f80-8992-f04ac85e0ef1 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
93
+ style a8bd84ca-0aae-4534-b0e8-87e8659467a6 color:#FFFFFF, fill:#AA00FF, stroke:#E1D5E7
94
+ style 0c757e35-8a42-4d5f-b01b-c72a6cea65cc color:#FFFFFF, fill:#AA00FF, stroke:#E1D5E7
95
+ style c4f8d707-7c85-4125-b5fd-c3257a2ef2ef color:#3079ab, fill:#b7c0c7, stroke:#3079ab
96
+ style 37b8560d-84d4-434b-9b0d-105420fcc924 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
97
+ style 11c7c850-c67c-41cc-9423-d74db47cbf3a color:#FFFFFF, fill:#838cc7, stroke:#3079ab
98
+ style fc2de77f-7320-48ea-8750-d434c6e870db color:#000000, fill:#F9F7ED, stroke:#b7c0c7
99
+ style 849b0b42-f465-452b-813c-477d6398e082 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
100
+ style 7f5dca65-50b4-4103-9ac7-3a406a09047a color:#FFFFFF, fill:#838cc7, stroke:#3079ab
101
+ style ee2bb773-e630-4cf9-bdf1-7c2dd64fe4ec color:#FFFFFF, fill:#838cc7, stroke:#3079ab
102
+ style 72a86eec-9734-4bc0-babb-4fec0aa7c9ff color:#FFFFFF, fill:#838cc7, stroke:#3079ab
103
+ style b5c8da4c-f925-4cf1-8294-e43cd2c1a584 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
104
+ style f6bc847b-868d-43cc-b767-41f5fe3e47d1 color:#FFFFFF, fill:#AA00FF, stroke:#E1D5E7
105
+ style d48f579f-76d3-4c49-b1b4-575f5645a9d0 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
106
+ style f37f3735-28a1-4e03-9ff5-3fe2f137f661 color:#FFFFFF, fill:#AA00FF, stroke:#E1D5E7
107
+ style fb32bef2-e79f-4893-b500-2e547f24d482 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
108
+ """
109
+
110
+ h = construct_mermaid_html(m)
111
+ print(h)
112
+ with open("test_m.html", "w") as f:
113
+ f.write(h)
@@ -1,6 +1,6 @@
1
1
  Metadata-Version: 2.3
2
2
  Name: pyegeria
3
- Version: 5.3.4.4.dev7
3
+ Version: 5.3.4.5
4
4
  Summary: A python client for Egeria
5
5
  License: Apache 2.0
6
6
  Keywords: egeria,metadata,governance
@@ -502,7 +502,7 @@ pyegeria/feedback_manager_omvs.py,sha256=B66e3ZCaC_dirb0mcb2Nz3PYh2ZKsoMAYNOb3eu
502
502
  pyegeria/full_omag_server_config.py,sha256=CQqLCy_3DZFvJZEOcGf50HWdFaWpiAIs6z-kKyjvpDA,47464
503
503
  pyegeria/glossary_browser_omvs.py,sha256=RCvZ1l2xg6uZ1o4xGJUkIVJQO9NZG00F_jGSc4fAERU,93538
504
504
  pyegeria/glossary_manager_omvs.py,sha256=CN04lhnAFk_g4soE5V_jZ0GDrLPClhX5yX9iE0t6NDk,132440
505
- pyegeria/mermaid_utilities.py,sha256=Qis4mlFgtzTZclq76JYyZM29f45sV4U2jMVJBjyk25Q,24016
505
+ pyegeria/mermaid_utilities.py,sha256=J90HEKsVJ54mS7KT92hnGZtV1aqiJdOHHFHzg7yexyo,25629
506
506
  pyegeria/metadata_explorer_omvs.py,sha256=u66o4IOhSo-i75KYeHogGql-gECBzZPT-RYbvfYuzoI,86932
507
507
  pyegeria/my_profile_omvs.py,sha256=i0e29KXRKZzZGgxuQI7c2_w7dyDuQWFIykky1Nqc0_8,34673
508
508
  pyegeria/platform_services.py,sha256=xlF5p5HPKDGTFFDsuxm2RLhr8vjZPv4T7e2qCkDgKXE,41654
@@ -512,11 +512,13 @@ pyegeria/runtime_manager_omvs.py,sha256=NrY2yJriu20eJfpKBSLq81cMMARZIllhukm9VNmL
512
512
  pyegeria/server_operations.py,sha256=vmiUDU_Xa0U8pa0Fdb-QKkoeSqs7WfMwIpG_XU3xgeI,16784
513
513
  pyegeria/solution_architect_omvs.py,sha256=AsyjQzfgSUriDymeP9W45iJqYux423xXDaqfHLEtWN4,22085
514
514
  pyegeria/template_manager_omvs.py,sha256=o_qCIFTRLK8b9C3N99taLji8VkDygo1Ss0fua35yfhA,42389
515
+ pyegeria/test_m.html,sha256=XS_1IAtfG4ZlZk45QTkrFWWpjQMVlO21ScDMX2Frl3g,14086
516
+ pyegeria/test_m.py,sha256=BDKRLsHsAWnwCbzHkkvfsc8ZIJ0k-jmwPPNuTSgW6Qo,7659
515
517
  pyegeria/utils.py,sha256=GCt1C0bp0Xng1ahzbZhzV9qQwH7Dj93IaCt2dvWb-sg,5417
516
518
  pyegeria/valid_metadata_omvs.py,sha256=UyIT4DfB1_QIG55Hmop7ozbsq8cNdrpYB7Tb6EOFiN8,65035
517
519
  pyegeria/x_action_author_omvs.py,sha256=6b725SPsC52AI7ols7Qq8MsBlZuAXr_BgJ_-ychVRCw,6386
518
- pyegeria-5.3.4.4.dev7.dist-info/LICENSE,sha256=xx0jnfkXJvxRnG63LTGOxlggYnIysveWIZ6H3PNdCrQ,11357
519
- pyegeria-5.3.4.4.dev7.dist-info/METADATA,sha256=J0ZheVAVvscllfU27OVsDA-uBk5RGYa5zEGa3WNPMKY,2740
520
- pyegeria-5.3.4.4.dev7.dist-info/WHEEL,sha256=IYZQI976HJqqOpQU6PHkJ8fb3tMNBFjg-Cn-pwAbaFM,88
521
- pyegeria-5.3.4.4.dev7.dist-info/entry_points.txt,sha256=E83aZ9RhrxffYGmHgBwhLdS5fvEeYhrIPp0FZRvaFOI,6180
522
- pyegeria-5.3.4.4.dev7.dist-info/RECORD,,
520
+ pyegeria-5.3.4.5.dist-info/LICENSE,sha256=xx0jnfkXJvxRnG63LTGOxlggYnIysveWIZ6H3PNdCrQ,11357
521
+ pyegeria-5.3.4.5.dist-info/METADATA,sha256=YhBziury1whvtdqVS3t_onFlicmOCluTBw7zm5mts-s,2735
522
+ pyegeria-5.3.4.5.dist-info/WHEEL,sha256=IYZQI976HJqqOpQU6PHkJ8fb3tMNBFjg-Cn-pwAbaFM,88
523
+ pyegeria-5.3.4.5.dist-info/entry_points.txt,sha256=E83aZ9RhrxffYGmHgBwhLdS5fvEeYhrIPp0FZRvaFOI,6180
524
+ pyegeria-5.3.4.5.dist-info/RECORD,,