968 lines
42 KiB
HTML
968 lines
42 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>State Machine Explorer - click.kamil.ultimate.config.UltimateStateMachineConfig</title>
|
|
<!-- Popper and Tippy for tooltips -->
|
|
<script src="https://unpkg.com/@popperjs/core@2"></script>
|
|
<script src="https://unpkg.com/tippy.js@6"></script>
|
|
<link rel="stylesheet" href="https://unpkg.com/tippy.js@6/animations/scale.css"/>
|
|
<!-- SVG Pan & Zoom -->
|
|
<script src="https://cdn.jsdelivr.net/npm/svg-pan-zoom@3.6.1/dist/svg-pan-zoom.min.js"></script>
|
|
<!-- Google Fonts -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;900&family=JetBrains+Mono:wght@400;700&display=swap" rel="stylesheet">
|
|
<style>
|
|
:root {
|
|
--sidebar-bg: #ffffff;
|
|
--main-bg: #f8fafc;
|
|
--accent: #ef4444;
|
|
--primary: #3b82f6;
|
|
--text: #0f172a;
|
|
--text-muted: #64748b;
|
|
--border: #e2e8f0;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
display: flex;
|
|
height: 100vh;
|
|
font-family: 'Inter', -apple-system, sans-serif;
|
|
background: var(--main-bg);
|
|
color: var(--text);
|
|
overflow: hidden;
|
|
}
|
|
|
|
#sidebar {
|
|
width: 420px;
|
|
background: var(--sidebar-bg);
|
|
border-right: 1px solid var(--border);
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: 30px;
|
|
overflow-y: auto;
|
|
box-shadow: 10px 0 15px rgba(0,0,0,0.02);
|
|
z-index: 10;
|
|
}
|
|
|
|
header h1 { font-weight: 900; font-size: 1.6rem; color: var(--text); margin: 0 0 5px 0; letter-spacing: -0.5px; }
|
|
header p { font-family: 'JetBrains Mono', monospace; font-size: 0.7rem; color: var(--text-muted); margin: 0 0 35px 0; opacity: 0.7; }
|
|
|
|
.ep-card {
|
|
padding: 18px;
|
|
background: #fff;
|
|
border: 1px solid var(--border);
|
|
border-radius: 14px;
|
|
margin-bottom: 15px;
|
|
cursor: pointer;
|
|
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
|
|
box-shadow: 0 1px 3px rgba(0,0,0,0.04);
|
|
}
|
|
|
|
.ep-card:hover {
|
|
border-color: var(--primary);
|
|
transform: translateX(5px);
|
|
box-shadow: 0 15px 30px -10px rgba(59, 130, 246, 0.15);
|
|
}
|
|
|
|
.ep-type {
|
|
font-size: 0.6rem;
|
|
font-weight: 900;
|
|
padding: 3px 8px; border-radius: 6px;
|
|
display: inline-block;
|
|
margin-bottom: 10px;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.8px;
|
|
}
|
|
.type-rest { background: #eff6ff; color: #1d4ed8; }
|
|
.type-custom { background: #fef2f2; color: #b91c1c; }
|
|
.type-jms { background: #f5f3ff; color: #7c3aed; }
|
|
.type-sqs { background: #fff7ed; color: #ea580c; }
|
|
.type-sns { background: #fff1f2; color: #e11d48; }
|
|
.type-kafka { background: #fefce8; color: #854d0e; }
|
|
.type-rabbit { background: #f0fdf4; color: #166534; }
|
|
|
|
.ep-name { font-weight: 700; font-size: 0.95rem; margin-bottom: 6px; color: var(--text); }
|
|
.ep-fqn { font-family: 'JetBrains Mono', monospace; font-size: 0.65rem; color: var(--text-muted); opacity: 0.8; }
|
|
|
|
#main { flex-grow: 1; position: relative; background: var(--main-bg); overflow: hidden; }
|
|
#svg-container {
|
|
position: absolute;
|
|
top: 0; left: 0; right: 0; bottom: 0;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
svg {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: block;
|
|
}
|
|
|
|
/* SVG Interactivity Styles */
|
|
svg a { text-decoration: none !important; }
|
|
|
|
.active-path {
|
|
stroke: var(--accent) !important;
|
|
stroke-width: 2.5px !important;
|
|
filter: drop-shadow(0 0 8px rgba(239, 68, 68, 0.3));
|
|
transition: all 0.3s;
|
|
}
|
|
|
|
.active-path text, a.active-path text {
|
|
fill: #000 !important;
|
|
font-weight: 900 !important;
|
|
paint-order: stroke;
|
|
stroke: #fff;
|
|
stroke-width: 3.5px;
|
|
}
|
|
|
|
.dimmed {
|
|
opacity: 0.2 !important;
|
|
filter: grayscale(1);
|
|
transition: opacity 0.4s ease;
|
|
pointer-events: none;
|
|
}
|
|
|
|
/* Tippy Styling */
|
|
.tippy-box[data-theme~='modern'] {
|
|
background-color: #fff;
|
|
color: var(--text);
|
|
box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);
|
|
border: 1px solid var(--border);
|
|
border-radius: 16px;
|
|
padding: 0;
|
|
max-width: 550px !important;
|
|
}
|
|
|
|
.tooltip-content {
|
|
padding: 20px;
|
|
max-width: 500px;
|
|
word-break: break-word;
|
|
overflow-wrap: anywhere;
|
|
}
|
|
|
|
.payload-box {
|
|
background: #0f172a;
|
|
color: #e2e8f0;
|
|
border-radius: 8px;
|
|
padding: 12px;
|
|
font-family: 'JetBrains Mono', monospace;
|
|
font-size: 0.75rem;
|
|
line-height: 1.5;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.payload-param {
|
|
margin-bottom: 4px;
|
|
}
|
|
.payload-param:last-child { margin-bottom: 0; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div id="sidebar">
|
|
<header>
|
|
<h1>Explorer</h1>
|
|
<p>click.kamil.ultimate.config.UltimateStateMachineConfig</p>
|
|
</header>
|
|
|
|
<div id="ep-list"></div>
|
|
</div>
|
|
|
|
<div id="main">
|
|
<div id="svg-container">
|
|
<?xml version="1.0" encoding="us-ascii" standalone="no"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" contentStyleType="text/css" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 346 708" zoomAndPan="magnify"><defs/><g><rect fill="#FFFFFF" height="45.8333" rx="14.3229" ry="14.3229" style="stroke:#94A3B8;stroke-width:1.1458333333333333;" width="57.2917" x="146.0938" y="83.6458"/><text fill="#000000" font-family="Inter" font-size="10.3125" font-weight="bold" lengthAdjust="spacing" textLength="22.9167" x="163.2813" y="110.4599">NEW</text><rect fill="#FFFFFF" height="45.8333" rx="14.3229" ry="14.3229" style="stroke:#94A3B8;stroke-width:1.1458333333333333;" width="57.2917" x="30.3646" y="184.4792"/><text fill="#000000" font-family="Inter" font-size="10.3125" font-weight="bold" lengthAdjust="spacing" textLength="38.9583" x="39.5313" y="211.2932">TRIAGE</text><rect fill="#FFFFFF" height="45.8333" rx="14.3229" ry="14.3229" style="stroke:#94A3B8;stroke-width:1.1458333333333333;" width="82.5" x="79.6354" y="285.3125"/><text fill="#000000" font-family="Inter" font-size="10.3125" font-weight="bold" lengthAdjust="spacing" textLength="71.0417" x="85.3646" y="312.1266">IN_PROGRESS</text><rect fill="#FFFFFF" height="45.8333" rx="14.3229" ry="14.3229" style="stroke:#94A3B8;stroke-width:1.1458333333333333;" width="72.1875" x="6.875" y="386.1458"/><text fill="#000000" font-family="Inter" font-size="10.3125" font-weight="bold" lengthAdjust="spacing" textLength="60.7292" x="12.6042" y="412.9599">ESCALATED</text><rect fill="#FFFFFF" height="45.8333" rx="14.3229" ry="14.3229" style="stroke:#94A3B8;stroke-width:1.1458333333333333;" width="64.1667" x="55.5729" y="486.9792"/><text fill="#000000" font-family="Inter" font-size="10.3125" font-weight="bold" lengthAdjust="spacing" textLength="52.7083" x="61.3021" y="513.7932">RESOLVED</text><rect fill="#FFFFFF" height="45.8333" rx="14.3229" ry="14.3229" style="stroke:#94A3B8;stroke-width:1.1458333333333333;" width="57.2917" x="29.2187" y="587.8125"/><text fill="#000000" font-family="Inter" font-size="10.3125" font-weight="bold" lengthAdjust="spacing" textLength="40.1042" x="37.8125" y="614.6266">CLOSED</text><ellipse cx="174.7396" cy="25.2083" fill="#222222" rx="11.4583" ry="11.4583" style="stroke:#222222;stroke-width:1.1458333333333333;"/><ellipse cx="103.6979" cy="688.6458" fill="none" rx="12.6042" ry="12.6042" style="stroke:#222222;stroke-width:1.1458333333333333;"/><ellipse cx="103.6979" cy="688.6458" fill="#222222" rx="6.875" ry="6.875" style="stroke:#222222;stroke-width:1.1458333333333333;"/><polygon fill="#CBD5E1" points="174.7396,83.3979,179.3229,73.0854,174.7396,77.6688,170.1563,73.0854,174.7396,83.3979" style="stroke:#CBD5E1;stroke-width:1.1458333333333333;"/><path d="M174.7396,41.323 C174.7396,52.7366 174.7396,62.8874 174.7396,76.5229 " fill="none" style="stroke:#CBD5E1;stroke-width:1.1458333333333333;"/><polygon fill="#1E90FF" points="83.0004,184.3656,93.7299,180.8683,87.2569,180.5309,87.5943,174.0578,83.0004,184.3656" style="stroke:#1E90FF;stroke-width:1.1458333333333333;"/><path d="M146.6239,129.8915 C138.6111,136.3297 129.9182,143.4262 122.0312,150.1042 C108.9469,161.1827 99.7667,169.2607 88.1082,179.7639 " fill="none" style="stroke:#1E90FF;stroke-width:2.2916666666666665;"/><a href="#link_CREATE" target="_self" title="#link_CREATE" xlink:actuate="onRequest" xlink:href="#link_CREATE" xlink:show="new" xlink:title="#link_CREATE" xlink:type="simple"><text fill="#0000FF" font-family="JetBrains Mono" font-size="9.1667" lengthAdjust="spacing" text-decoration="underline" textLength="34.375" x="123.1771" y="160.1123">CREATE</text></a><polygon fill="#1E90FF" points="144.2571,285.0883,154.4316,280.2064,147.9707,280.7257,147.4514,274.2647,144.2571,285.0883" style="stroke:#1E90FF;stroke-width:1.1458333333333333;"/><path d="M176.3323,129.5606 C177.7514,160.8768 177.1614,219.7005 157.5521,264.6875 C154.3636,272.0024 153.912,273.7459 148.7134,279.8531 " fill="none" style="stroke:#1E90FF;stroke-width:2.2916666666666665;"/><a href="#link_CREATE_REACTIVE" target="_self" title="#link_CREATE_REACTIVE" xlink:actuate="onRequest" xlink:href="#link_CREATE_REACTIVE" xlink:show="new" xlink:title="#link_CREATE_REACTIVE" xlink:type="simple"><text fill="#0000FF" font-family="JetBrains Mono" font-size="9.1667" lengthAdjust="spacing" text-decoration="underline" textLength="81.3542" x="177.0313" y="210.529">CREATE_REACTIVE</text></a><polygon fill="#1E90FF" points="162.3627,297.3805,173.5641,298.7524,167.8421,295.7073,170.8871,289.9853,162.3627,297.3805" style="stroke:#1E90FF;stroke-width:1.1458333333333333;"/><path d="M203.5948,123.29 C224.7065,136.4768 251.7353,157.5265 264.1146,184.4792 C272.6167,202.9904 274.5769,212.8342 264.1146,230.3125 C242.2342,266.8657 202.9094,284.9996 168.938,295.3727 " fill="none" style="stroke:#1E90FF;stroke-width:2.2916666666666665;"/><a href="#link_CREATE_JAXRS" target="_self" title="#link_CREATE_JAXRS" xlink:actuate="onRequest" xlink:href="#link_CREATE_JAXRS" xlink:show="new" xlink:title="#link_CREATE_JAXRS" xlink:type="simple"><text fill="#0000FF" font-family="JetBrains Mono" font-size="9.1667" lengthAdjust="spacing" text-decoration="underline" textLength="64.1667" x="273.2813" y="210.529">CREATE_JAXRS</text></a><polygon fill="#1E90FF" points="79.2511,290.2055,71.786,281.7422,74.0429,287.8184,67.9667,290.0754,79.2511,290.2055" style="stroke:#1E90FF;stroke-width:1.1458333333333333;"/><path d="M42.6278,230.8229 C36.863,241.5357 33.2176,254.2778 39.5313,264.6875 C44.363,272.6539 55.5214,279.3296 73.0013,287.341 " fill="none" style="stroke:#1E90FF;stroke-width:2.2916666666666665;"/><a href="#link_ASSIGN" target="_self" title="#link_ASSIGN" xlink:actuate="onRequest" xlink:href="#link_ASSIGN" xlink:show="new" xlink:title="#link_ASSIGN" xlink:type="simple"><text fill="#0000FF" font-family="JetBrains Mono" font-size="9.1667" lengthAdjust="spacing" text-decoration="underline" textLength="32.0833" x="40.6771" y="260.9456">ASSIGN</text></a><polygon fill="#1E90FF" points="45.0725,386.108,51.3603,376.7369,46.0573,380.4642,42.3301,375.1612,45.0725,386.108" style="stroke:#1E90FF;stroke-width:1.1458333333333333;"/><path d="M79.5278,330.9064 C71.3877,336.7416 63.6027,343.7158 57.8646,351.7708 C50.7262,361.7917 48.1903,368.2401 46.2543,379.3354 " fill="none" style="stroke:#1E90FF;stroke-width:2.2916666666666665;"/><a href="#link_ESCALATE" target="_self" title="#link_ESCALATE" xlink:actuate="onRequest" xlink:href="#link_ESCALATE" xlink:show="new" xlink:title="#link_ESCALATE" xlink:type="simple"><text fill="#0000FF" font-family="JetBrains Mono" font-size="9.1667" lengthAdjust="spacing" text-decoration="underline" textLength="44.6875" x="59.0104" y="361.779">ESCALATE</text></a><polygon fill="#1E90FF" points="97.9701,486.7026,106.1149,478.8913,100.138,481.3994,97.6298,475.4226,97.9701,486.7026" style="stroke:#1E90FF;stroke-width:1.1458333333333333;"/><path d="M120.5852,331.5516 C119.7277,362.2671 116.5345,419.295 104.8438,466.3542 C103.1587,473.1372 103.2027,473.9027 100.5716,480.3388 " fill="none" style="stroke:#1E90FF;stroke-width:2.2916666666666665;"/><a href="#link_RESOLVE" target="_self" title="#link_RESOLVE" xlink:actuate="onRequest" xlink:href="#link_RESOLVE" xlink:show="new" xlink:title="#link_RESOLVE" xlink:type="simple"><text fill="#0000FF" font-family="JetBrains Mono" font-size="9.1667" lengthAdjust="spacing" text-decoration="underline" textLength="36.6667" x="118.5937" y="412.1956">RESOLVE</text></a><polygon fill="#1E90FF" points="75.9899,486.9242,75.3387,475.6579,73.3648,481.8318,67.1909,479.8579,75.9899,486.9242" style="stroke:#1E90FF;stroke-width:1.1458333333333333;"/><path d="M51.4563,432.2619 C55.6,442.6898 60.7836,455.2581 65.8854,466.3542 C68.9962,473.12 69.4605,474.2577 72.8398,480.8133 " fill="none" style="stroke:#1E90FF;stroke-width:2.2916666666666665;"/><a href="#link_RESOLVE" target="_self" title="#link_RESOLVE" xlink:actuate="onRequest" xlink:href="#link_RESOLVE" xlink:show="new" xlink:title="#link_RESOLVE" xlink:type="simple"><text fill="#0000FF" font-family="JetBrains Mono" font-size="9.1667" lengthAdjust="spacing" text-decoration="underline" textLength="36.6667" x="67.0313" y="462.6123">RESOLVE</text></a><polygon fill="#1E90FF" points="48.3351,587.6994,49.6951,576.4965,46.6561,582.2218,40.9309,579.1828,48.3351,587.6994" style="stroke:#1E90FF;stroke-width:1.1458333333333333;"/><path d="M61.104,532.9261 C55.5901,538.9425 50.5496,545.9067 47.5521,553.4375 C43.2272,564.3029 43.0657,570.5075 46.3204,581.1262 " fill="none" style="stroke:#1E90FF;stroke-width:2.2916666666666665;"/><a href="#link_CLOSE_TICKET" target="_self" title="#link_CLOSE_TICKET" xlink:actuate="onRequest" xlink:href="#link_CLOSE_TICKET" xlink:show="new" xlink:title="#link_CLOSE_TICKET" xlink:type="simple"><text fill="#0000FF" font-family="JetBrains Mono" font-size="9.1667" lengthAdjust="spacing" text-decoration="underline" textLength="63.0208" x="48.6979" y="563.4456">CLOSE_TICKET</text></a><polygon fill="#1E90FF" points="72.7425,230.4113,74.3448,241.5821,75.7891,235.2632,82.1079,236.7075,72.7425,230.4113" style="stroke:#1E90FF;stroke-width:1.1458333333333333;"/><path d="M107.1917,285.2749 C96.9472,268.9596 86.6521,252.5637 76.3984,236.2336 " fill="none" style="stroke:#1E90FF;stroke-width:2.2916666666666665;"/><a href="#link_SNS_UPDATE" target="_self" title="#link_SNS_UPDATE" xlink:actuate="onRequest" xlink:href="#link_SNS_UPDATE" xlink:show="new" xlink:title="#link_SNS_UPDATE" xlink:type="simple"><text fill="#0000FF" font-family="JetBrains Mono" font-size="9.1667" lengthAdjust="spacing" text-decoration="underline" textLength="56.1458" x="95.6771" y="260.9456">SNS_UPDATE</text></a><polygon fill="#1E90FF" points="30.1186,386.1264,29.4068,374.8637,27.4662,381.0482,21.2817,379.1076,30.1186,386.1264" style="stroke:#1E90FF;stroke-width:1.1458333333333333;"/><path d="M40.6071,230.4275 C29.6227,244.9697 16.7101,265.0543 10.8854,285.3125 C0.793,320.414 14.0964,355.4509 26.9357,380.0326 " fill="none" style="stroke:#1E90FF;stroke-width:2.2916666666666665;"/><a href="#link_SQS_UPDATE" target="_self" title="#link_SQS_UPDATE" xlink:actuate="onRequest" xlink:href="#link_SQS_UPDATE" xlink:show="new" xlink:title="#link_SQS_UPDATE" xlink:type="simple"><text fill="#0000FF" font-family="JetBrains Mono" font-size="9.1667" lengthAdjust="spacing" text-decoration="underline" textLength="56.1458" x="12.0313" y="311.3623">SQS_UPDATE</text></a><polygon fill="#CBD5E1" points="96.1005,675.9202,94.7496,664.7162,93.1637,671.0011,86.8789,669.4152,96.1005,675.9202" style="stroke:#CBD5E1;stroke-width:1.1458333333333333;"/><path d="M70.876,633.6691 C79.0274,647.3226 85.7249,658.5411 92.5764,670.0172 " fill="none" style="stroke:#CBD5E1;stroke-width:1.1458333333333333;"/><polygon fill="#CBD5E1" points="107.3748,675.6866,114.3959,666.8515,108.8104,670.1402,105.5216,664.5547,107.3748,675.6866" style="stroke:#CBD5E1;stroke-width:1.1458333333333333;"/><path d="M103.6595,532.9043 C107.4277,539.2219 110.9129,546.3365 112.8646,553.4375 C124.836,596.9952 115.4167,644.6154 109.0975,669.0309 " fill="none" style="stroke:#CBD5E1;stroke-width:1.1458333333333333;"/><!--SRC=[hLDTRzem57tFhxWJRzEGO1zIcIgaD0qe7UCZJhj924M6kC4YiIF77MFJ_diTOX83eTMqlSGvvyJdtDnhlya4ZbCC2Txn9mbvIYHcs5hJY019Cxc3YEGhGJD9EIlfN191kDnbnCetb6LOu5IHM1BuRG7SuDKc5lo9HGvFk83jcafIy5n4H9HSg_SHVrXULMomfgiD8taENSKDE9DZd1Bmc8hI1AA_2FGEGEuI0akUH8hmoop1Y83t7KLCSHHH5YklFsQ5QnpnRS4_uYGtQxU5uDigz8x86u4fo-4hPxpfitqfLwUA_hFLClf4kgUY-OEr56KKkjsEMUIFU4JP9i0Y9XB2d2IFLjdQiVjDlmM-PmzT3RnnEFKdGzz5I3CkSkoH7RYt6YjfCdgee3EQ80Mi-Ti5jDlzlQzbgIUqvwsks-iC1k-AnYwKLYR1zJNvgGR1SDBl5o1qV5S5AF0PvlDMeWhM59JBOd71qAZsackedaxWFJJPLngSu7yAlBE_-wWfRI-02LIExibVHja8USFnKKX9GRaeOtF_kNirrNFlWtJaVY2hZQyc7Cx9UO1MZlmrTzYbtEiA_xztjV_SkZpF3SCj-33md2zkS3nSGm0JlDgXIzS1ZL5uFxqz7K5DG_twqWbwOSPerXmngoDcHeIbkr9SS7NHZVwLn3C0]--></g></svg>
|
|
</div>
|
|
</div>
|
|
|
|
<script id="metadata-json" type="application/json">
|
|
{
|
|
"name" : "click.kamil.ultimate.config.UltimateStateMachineConfig",
|
|
"transitions" : [ {
|
|
"type" : "EXTERNAL",
|
|
"sourceStates" : [ {
|
|
"rawName" : "\"NEW\"",
|
|
"fullIdentifier" : "NEW"
|
|
} ],
|
|
"targetStates" : [ {
|
|
"rawName" : "\"TRIAGE\"",
|
|
"fullIdentifier" : "TRIAGE"
|
|
} ],
|
|
"event" : "CREATE",
|
|
"guard" : null,
|
|
"actions" : [ ],
|
|
"order" : null
|
|
}, {
|
|
"type" : "EXTERNAL",
|
|
"sourceStates" : [ {
|
|
"rawName" : "\"NEW\"",
|
|
"fullIdentifier" : "NEW"
|
|
} ],
|
|
"targetStates" : [ {
|
|
"rawName" : "\"IN_PROGRESS\"",
|
|
"fullIdentifier" : "IN_PROGRESS"
|
|
} ],
|
|
"event" : "CREATE_REACTIVE",
|
|
"guard" : null,
|
|
"actions" : [ ],
|
|
"order" : null
|
|
}, {
|
|
"type" : "EXTERNAL",
|
|
"sourceStates" : [ {
|
|
"rawName" : "\"NEW\"",
|
|
"fullIdentifier" : "NEW"
|
|
} ],
|
|
"targetStates" : [ {
|
|
"rawName" : "\"IN_PROGRESS\"",
|
|
"fullIdentifier" : "IN_PROGRESS"
|
|
} ],
|
|
"event" : "CREATE_JAXRS",
|
|
"guard" : null,
|
|
"actions" : [ ],
|
|
"order" : null
|
|
}, {
|
|
"type" : "EXTERNAL",
|
|
"sourceStates" : [ {
|
|
"rawName" : "\"TRIAGE\"",
|
|
"fullIdentifier" : "TRIAGE"
|
|
} ],
|
|
"targetStates" : [ {
|
|
"rawName" : "\"IN_PROGRESS\"",
|
|
"fullIdentifier" : "IN_PROGRESS"
|
|
} ],
|
|
"event" : "ASSIGN",
|
|
"guard" : null,
|
|
"actions" : [ ],
|
|
"order" : null
|
|
}, {
|
|
"type" : "EXTERNAL",
|
|
"sourceStates" : [ {
|
|
"rawName" : "\"IN_PROGRESS\"",
|
|
"fullIdentifier" : "IN_PROGRESS"
|
|
} ],
|
|
"targetStates" : [ {
|
|
"rawName" : "\"ESCALATED\"",
|
|
"fullIdentifier" : "ESCALATED"
|
|
} ],
|
|
"event" : "ESCALATE",
|
|
"guard" : null,
|
|
"actions" : [ ],
|
|
"order" : null
|
|
}, {
|
|
"type" : "EXTERNAL",
|
|
"sourceStates" : [ {
|
|
"rawName" : "\"IN_PROGRESS\"",
|
|
"fullIdentifier" : "IN_PROGRESS"
|
|
} ],
|
|
"targetStates" : [ {
|
|
"rawName" : "\"RESOLVED\"",
|
|
"fullIdentifier" : "RESOLVED"
|
|
} ],
|
|
"event" : "RESOLVE",
|
|
"guard" : null,
|
|
"actions" : [ ],
|
|
"order" : null
|
|
}, {
|
|
"type" : "EXTERNAL",
|
|
"sourceStates" : [ {
|
|
"rawName" : "\"ESCALATED\"",
|
|
"fullIdentifier" : "ESCALATED"
|
|
} ],
|
|
"targetStates" : [ {
|
|
"rawName" : "\"RESOLVED\"",
|
|
"fullIdentifier" : "RESOLVED"
|
|
} ],
|
|
"event" : "RESOLVE",
|
|
"guard" : null,
|
|
"actions" : [ ],
|
|
"order" : null
|
|
}, {
|
|
"type" : "EXTERNAL",
|
|
"sourceStates" : [ {
|
|
"rawName" : "\"RESOLVED\"",
|
|
"fullIdentifier" : "RESOLVED"
|
|
} ],
|
|
"targetStates" : [ {
|
|
"rawName" : "\"CLOSED\"",
|
|
"fullIdentifier" : "CLOSED"
|
|
} ],
|
|
"event" : "CLOSE_TICKET",
|
|
"guard" : null,
|
|
"actions" : [ ],
|
|
"order" : null
|
|
}, {
|
|
"type" : "EXTERNAL",
|
|
"sourceStates" : [ {
|
|
"rawName" : "\"IN_PROGRESS\"",
|
|
"fullIdentifier" : "IN_PROGRESS"
|
|
} ],
|
|
"targetStates" : [ {
|
|
"rawName" : "\"TRIAGE\"",
|
|
"fullIdentifier" : "TRIAGE"
|
|
} ],
|
|
"event" : "SNS_UPDATE",
|
|
"guard" : null,
|
|
"actions" : [ ],
|
|
"order" : null
|
|
}, {
|
|
"type" : "EXTERNAL",
|
|
"sourceStates" : [ {
|
|
"rawName" : "\"TRIAGE\"",
|
|
"fullIdentifier" : "TRIAGE"
|
|
} ],
|
|
"targetStates" : [ {
|
|
"rawName" : "\"ESCALATED\"",
|
|
"fullIdentifier" : "ESCALATED"
|
|
} ],
|
|
"event" : "SQS_UPDATE",
|
|
"guard" : null,
|
|
"actions" : [ ],
|
|
"order" : null
|
|
} ],
|
|
"startStates" : [ "NEW" ],
|
|
"endStates" : [ "CLOSED", "RESOLVED" ],
|
|
"renderChoicesAsDiamonds" : true,
|
|
"metadata" : {
|
|
"triggers" : [ {
|
|
"event" : "CREATE",
|
|
"className" : "click.kamil.ultimate.web.WebController",
|
|
"methodName" : "createTicket",
|
|
"sourceModule" : null,
|
|
"stateMachineId" : null,
|
|
"lineNumber" : 16
|
|
}, {
|
|
"event" : "ASSIGN",
|
|
"className" : "click.kamil.ultimate.web.WebController",
|
|
"methodName" : "assignTicket",
|
|
"sourceModule" : null,
|
|
"stateMachineId" : null,
|
|
"lineNumber" : 21
|
|
}, {
|
|
"event" : "CREATE_REACTIVE",
|
|
"className" : "click.kamil.ultimate.web.ReactiveController",
|
|
"methodName" : "createReactive",
|
|
"sourceModule" : null,
|
|
"stateMachineId" : null,
|
|
"lineNumber" : 19
|
|
}, {
|
|
"event" : "CREATE_JAXRS",
|
|
"className" : "click.kamil.ultimate.api.JerseyResource",
|
|
"methodName" : "createJaxRs",
|
|
"sourceModule" : null,
|
|
"stateMachineId" : null,
|
|
"lineNumber" : 18
|
|
}, {
|
|
"event" : "RESOLVE",
|
|
"className" : "click.kamil.ultimate.api.JerseyResource",
|
|
"methodName" : "resolve",
|
|
"sourceModule" : null,
|
|
"stateMachineId" : null,
|
|
"lineNumber" : 24
|
|
}, {
|
|
"event" : "CLOSE_TICKET",
|
|
"className" : "click.kamil.ultimate.messaging.JmsTicketListener",
|
|
"methodName" : "onCloseMessage",
|
|
"sourceModule" : null,
|
|
"stateMachineId" : null,
|
|
"lineNumber" : 15
|
|
}, {
|
|
"event" : "ESCALATE",
|
|
"className" : "click.kamil.ultimate.messaging.RabbitTicketListener",
|
|
"methodName" : "onEscalate",
|
|
"sourceModule" : null,
|
|
"stateMachineId" : null,
|
|
"lineNumber" : 15
|
|
}, {
|
|
"event" : "SNS_UPDATE",
|
|
"className" : "click.kamil.ultimate.messaging.SnsTicketListener",
|
|
"methodName" : "onSnsMessage",
|
|
"sourceModule" : null,
|
|
"stateMachineId" : null,
|
|
"lineNumber" : 15
|
|
}, {
|
|
"event" : "SQS_UPDATE",
|
|
"className" : "click.kamil.ultimate.messaging.SqsTicketListener",
|
|
"methodName" : "onUpdate",
|
|
"sourceModule" : null,
|
|
"stateMachineId" : null,
|
|
"lineNumber" : 15
|
|
} ],
|
|
"entryPoints" : [ {
|
|
"type" : "REST",
|
|
"name" : "POST /api/ticket/create",
|
|
"className" : "click.kamil.ultimate.web.WebController",
|
|
"methodName" : "createTicket",
|
|
"metadata" : {
|
|
"path" : "/api/ticket/create",
|
|
"verb" : "POST"
|
|
},
|
|
"parameters" : [ {
|
|
"name" : "request",
|
|
"type" : "TicketRequest",
|
|
"annotations" : [ "RequestBody" ]
|
|
} ]
|
|
}, {
|
|
"type" : "REST",
|
|
"name" : "POST /api/ticket/{id}/assign",
|
|
"className" : "click.kamil.ultimate.web.WebController",
|
|
"methodName" : "assignTicket",
|
|
"metadata" : {
|
|
"path" : "/api/ticket/{id}/assign",
|
|
"verb" : "POST"
|
|
},
|
|
"parameters" : [ {
|
|
"name" : "id",
|
|
"type" : "String",
|
|
"annotations" : [ "PathVariable" ]
|
|
}, {
|
|
"name" : "userId",
|
|
"type" : "String",
|
|
"annotations" : [ "RequestParam" ]
|
|
} ]
|
|
}, {
|
|
"type" : "REST",
|
|
"name" : "POST /api/ticket/reactive",
|
|
"className" : "click.kamil.ultimate.web.ReactiveController",
|
|
"methodName" : "createReactive",
|
|
"metadata" : {
|
|
"path" : "/api/ticket/reactive",
|
|
"verb" : "POST"
|
|
},
|
|
"parameters" : [ {
|
|
"name" : "data",
|
|
"type" : "String",
|
|
"annotations" : [ "RequestBody" ]
|
|
} ]
|
|
}, {
|
|
"type" : "REST",
|
|
"name" : "POST /jaxrs/ticket",
|
|
"className" : "click.kamil.ultimate.api.JerseyResource",
|
|
"methodName" : "createJaxRs",
|
|
"metadata" : {
|
|
"path" : "/jaxrs/ticket",
|
|
"verb" : "POST"
|
|
},
|
|
"parameters" : [ {
|
|
"name" : "payload",
|
|
"type" : "String",
|
|
"annotations" : [ ]
|
|
} ]
|
|
}, {
|
|
"type" : "REST",
|
|
"name" : "PUT /jaxrs/ticket/{id}/resolve",
|
|
"className" : "click.kamil.ultimate.api.JerseyResource",
|
|
"methodName" : "resolve",
|
|
"metadata" : {
|
|
"path" : "/jaxrs/ticket/{id}/resolve",
|
|
"verb" : "PUT"
|
|
},
|
|
"parameters" : [ {
|
|
"name" : "id",
|
|
"type" : "String",
|
|
"annotations" : [ "PathVariable" ]
|
|
} ]
|
|
}, {
|
|
"type" : "JMS",
|
|
"name" : "JMS: ticket.close.queue",
|
|
"className" : "click.kamil.ultimate.messaging.JmsTicketListener",
|
|
"methodName" : "onCloseMessage",
|
|
"metadata" : {
|
|
"protocol" : "JMS",
|
|
"destination" : "ticket.close.queue"
|
|
},
|
|
"parameters" : [ {
|
|
"name" : "ticketId",
|
|
"type" : "String",
|
|
"annotations" : [ ]
|
|
} ]
|
|
}, {
|
|
"type" : "RABBIT",
|
|
"name" : "RABBIT: ticket.escalate.exchange",
|
|
"className" : "click.kamil.ultimate.messaging.RabbitTicketListener",
|
|
"methodName" : "onEscalate",
|
|
"metadata" : {
|
|
"protocol" : "RABBIT",
|
|
"destination" : "ticket.escalate.exchange"
|
|
},
|
|
"parameters" : [ {
|
|
"name" : "payload",
|
|
"type" : "String",
|
|
"annotations" : [ ]
|
|
} ]
|
|
}, {
|
|
"type" : "SNS",
|
|
"name" : "SNS: ticket-sns-topic",
|
|
"className" : "click.kamil.ultimate.messaging.SnsTicketListener",
|
|
"methodName" : "onSnsMessage",
|
|
"metadata" : {
|
|
"protocol" : "SNS",
|
|
"destination" : "ticket-sns-topic"
|
|
},
|
|
"parameters" : [ {
|
|
"name" : "subject",
|
|
"type" : "String",
|
|
"annotations" : [ ]
|
|
}, {
|
|
"name" : "message",
|
|
"type" : "String",
|
|
"annotations" : [ ]
|
|
} ]
|
|
}, {
|
|
"type" : "SQS",
|
|
"name" : "SQS: ticket-updates-queue",
|
|
"className" : "click.kamil.ultimate.messaging.SqsTicketListener",
|
|
"methodName" : "onUpdate",
|
|
"metadata" : {
|
|
"protocol" : "SQS",
|
|
"destination" : "ticket-updates-queue"
|
|
},
|
|
"parameters" : [ {
|
|
"name" : "message",
|
|
"type" : "String",
|
|
"annotations" : [ ]
|
|
} ]
|
|
} ],
|
|
"callChains" : [ {
|
|
"entryPoint" : {
|
|
"type" : "REST",
|
|
"name" : "POST /api/ticket/create",
|
|
"className" : "click.kamil.ultimate.web.WebController",
|
|
"methodName" : "createTicket",
|
|
"metadata" : {
|
|
"path" : "/api/ticket/create",
|
|
"verb" : "POST"
|
|
},
|
|
"parameters" : [ {
|
|
"name" : "request",
|
|
"type" : "TicketRequest",
|
|
"annotations" : [ "RequestBody" ]
|
|
} ]
|
|
},
|
|
"methodChain" : [ "click.kamil.ultimate.web.WebController.createTicket" ],
|
|
"triggerPoint" : {
|
|
"event" : "CREATE",
|
|
"className" : "click.kamil.ultimate.web.WebController",
|
|
"methodName" : "createTicket",
|
|
"sourceModule" : null,
|
|
"stateMachineId" : null,
|
|
"lineNumber" : 16
|
|
}
|
|
}, {
|
|
"entryPoint" : {
|
|
"type" : "REST",
|
|
"name" : "POST /api/ticket/{id}/assign",
|
|
"className" : "click.kamil.ultimate.web.WebController",
|
|
"methodName" : "assignTicket",
|
|
"metadata" : {
|
|
"path" : "/api/ticket/{id}/assign",
|
|
"verb" : "POST"
|
|
},
|
|
"parameters" : [ {
|
|
"name" : "id",
|
|
"type" : "String",
|
|
"annotations" : [ "PathVariable" ]
|
|
}, {
|
|
"name" : "userId",
|
|
"type" : "String",
|
|
"annotations" : [ "RequestParam" ]
|
|
} ]
|
|
},
|
|
"methodChain" : [ "click.kamil.ultimate.web.WebController.assignTicket" ],
|
|
"triggerPoint" : {
|
|
"event" : "ASSIGN",
|
|
"className" : "click.kamil.ultimate.web.WebController",
|
|
"methodName" : "assignTicket",
|
|
"sourceModule" : null,
|
|
"stateMachineId" : null,
|
|
"lineNumber" : 21
|
|
}
|
|
}, {
|
|
"entryPoint" : {
|
|
"type" : "REST",
|
|
"name" : "POST /api/ticket/reactive",
|
|
"className" : "click.kamil.ultimate.web.ReactiveController",
|
|
"methodName" : "createReactive",
|
|
"metadata" : {
|
|
"path" : "/api/ticket/reactive",
|
|
"verb" : "POST"
|
|
},
|
|
"parameters" : [ {
|
|
"name" : "data",
|
|
"type" : "String",
|
|
"annotations" : [ "RequestBody" ]
|
|
} ]
|
|
},
|
|
"methodChain" : [ "click.kamil.ultimate.web.ReactiveController.createReactive" ],
|
|
"triggerPoint" : {
|
|
"event" : "CREATE_REACTIVE",
|
|
"className" : "click.kamil.ultimate.web.ReactiveController",
|
|
"methodName" : "createReactive",
|
|
"sourceModule" : null,
|
|
"stateMachineId" : null,
|
|
"lineNumber" : 19
|
|
}
|
|
}, {
|
|
"entryPoint" : {
|
|
"type" : "REST",
|
|
"name" : "POST /jaxrs/ticket",
|
|
"className" : "click.kamil.ultimate.api.JerseyResource",
|
|
"methodName" : "createJaxRs",
|
|
"metadata" : {
|
|
"path" : "/jaxrs/ticket",
|
|
"verb" : "POST"
|
|
},
|
|
"parameters" : [ {
|
|
"name" : "payload",
|
|
"type" : "String",
|
|
"annotations" : [ ]
|
|
} ]
|
|
},
|
|
"methodChain" : [ "click.kamil.ultimate.api.JerseyResource.createJaxRs" ],
|
|
"triggerPoint" : {
|
|
"event" : "CREATE_JAXRS",
|
|
"className" : "click.kamil.ultimate.api.JerseyResource",
|
|
"methodName" : "createJaxRs",
|
|
"sourceModule" : null,
|
|
"stateMachineId" : null,
|
|
"lineNumber" : 18
|
|
}
|
|
}, {
|
|
"entryPoint" : {
|
|
"type" : "REST",
|
|
"name" : "PUT /jaxrs/ticket/{id}/resolve",
|
|
"className" : "click.kamil.ultimate.api.JerseyResource",
|
|
"methodName" : "resolve",
|
|
"metadata" : {
|
|
"path" : "/jaxrs/ticket/{id}/resolve",
|
|
"verb" : "PUT"
|
|
},
|
|
"parameters" : [ {
|
|
"name" : "id",
|
|
"type" : "String",
|
|
"annotations" : [ "PathVariable" ]
|
|
} ]
|
|
},
|
|
"methodChain" : [ "click.kamil.ultimate.api.JerseyResource.resolve" ],
|
|
"triggerPoint" : {
|
|
"event" : "RESOLVE",
|
|
"className" : "click.kamil.ultimate.api.JerseyResource",
|
|
"methodName" : "resolve",
|
|
"sourceModule" : null,
|
|
"stateMachineId" : null,
|
|
"lineNumber" : 24
|
|
}
|
|
}, {
|
|
"entryPoint" : {
|
|
"type" : "JMS",
|
|
"name" : "JMS: ticket.close.queue",
|
|
"className" : "click.kamil.ultimate.messaging.JmsTicketListener",
|
|
"methodName" : "onCloseMessage",
|
|
"metadata" : {
|
|
"protocol" : "JMS",
|
|
"destination" : "ticket.close.queue"
|
|
},
|
|
"parameters" : [ {
|
|
"name" : "ticketId",
|
|
"type" : "String",
|
|
"annotations" : [ ]
|
|
} ]
|
|
},
|
|
"methodChain" : [ "click.kamil.ultimate.messaging.JmsTicketListener.onCloseMessage" ],
|
|
"triggerPoint" : {
|
|
"event" : "CLOSE_TICKET",
|
|
"className" : "click.kamil.ultimate.messaging.JmsTicketListener",
|
|
"methodName" : "onCloseMessage",
|
|
"sourceModule" : null,
|
|
"stateMachineId" : null,
|
|
"lineNumber" : 15
|
|
}
|
|
}, {
|
|
"entryPoint" : {
|
|
"type" : "RABBIT",
|
|
"name" : "RABBIT: ticket.escalate.exchange",
|
|
"className" : "click.kamil.ultimate.messaging.RabbitTicketListener",
|
|
"methodName" : "onEscalate",
|
|
"metadata" : {
|
|
"protocol" : "RABBIT",
|
|
"destination" : "ticket.escalate.exchange"
|
|
},
|
|
"parameters" : [ {
|
|
"name" : "payload",
|
|
"type" : "String",
|
|
"annotations" : [ ]
|
|
} ]
|
|
},
|
|
"methodChain" : [ "click.kamil.ultimate.messaging.RabbitTicketListener.onEscalate" ],
|
|
"triggerPoint" : {
|
|
"event" : "ESCALATE",
|
|
"className" : "click.kamil.ultimate.messaging.RabbitTicketListener",
|
|
"methodName" : "onEscalate",
|
|
"sourceModule" : null,
|
|
"stateMachineId" : null,
|
|
"lineNumber" : 15
|
|
}
|
|
}, {
|
|
"entryPoint" : {
|
|
"type" : "SNS",
|
|
"name" : "SNS: ticket-sns-topic",
|
|
"className" : "click.kamil.ultimate.messaging.SnsTicketListener",
|
|
"methodName" : "onSnsMessage",
|
|
"metadata" : {
|
|
"protocol" : "SNS",
|
|
"destination" : "ticket-sns-topic"
|
|
},
|
|
"parameters" : [ {
|
|
"name" : "subject",
|
|
"type" : "String",
|
|
"annotations" : [ ]
|
|
}, {
|
|
"name" : "message",
|
|
"type" : "String",
|
|
"annotations" : [ ]
|
|
} ]
|
|
},
|
|
"methodChain" : [ "click.kamil.ultimate.messaging.SnsTicketListener.onSnsMessage" ],
|
|
"triggerPoint" : {
|
|
"event" : "SNS_UPDATE",
|
|
"className" : "click.kamil.ultimate.messaging.SnsTicketListener",
|
|
"methodName" : "onSnsMessage",
|
|
"sourceModule" : null,
|
|
"stateMachineId" : null,
|
|
"lineNumber" : 15
|
|
}
|
|
}, {
|
|
"entryPoint" : {
|
|
"type" : "SQS",
|
|
"name" : "SQS: ticket-updates-queue",
|
|
"className" : "click.kamil.ultimate.messaging.SqsTicketListener",
|
|
"methodName" : "onUpdate",
|
|
"metadata" : {
|
|
"protocol" : "SQS",
|
|
"destination" : "ticket-updates-queue"
|
|
},
|
|
"parameters" : [ {
|
|
"name" : "message",
|
|
"type" : "String",
|
|
"annotations" : [ ]
|
|
} ]
|
|
},
|
|
"methodChain" : [ "click.kamil.ultimate.messaging.SqsTicketListener.onUpdate" ],
|
|
"triggerPoint" : {
|
|
"event" : "SQS_UPDATE",
|
|
"className" : "click.kamil.ultimate.messaging.SqsTicketListener",
|
|
"methodName" : "onUpdate",
|
|
"sourceModule" : null,
|
|
"stateMachineId" : null,
|
|
"lineNumber" : 15
|
|
}
|
|
} ],
|
|
"properties" : { }
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<script>
|
|
const metadata = JSON.parse(document.getElementById('metadata-json').textContent);
|
|
let panZoomInstance;
|
|
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
const svg = document.querySelector('svg');
|
|
panZoomInstance = svgPanZoom(svg, { zoomEnabled: true, controlIconsEnabled: true, fit: true, center: true });
|
|
|
|
populateSidebar();
|
|
attachInteractivity();
|
|
});
|
|
|
|
function populateSidebar() {
|
|
const list = document.getElementById('ep-list');
|
|
const entryPoints = metadata.metadata.entryPoints || [];
|
|
|
|
entryPoints.forEach(ep => {
|
|
const card = document.createElement('div');
|
|
card.className = 'ep-card';
|
|
card.innerHTML = `
|
|
<div class="ep-type type-${ep.type.toLowerCase()}">${ep.type}</div>
|
|
<div class="ep-name">${ep.name}</div>
|
|
<div class="ep-fqn">${ep.className}.${ep.methodName}</div>
|
|
`;
|
|
card.onmouseenter = () => highlightPaths(ep);
|
|
card.onmouseleave = clearHighlights;
|
|
list.appendChild(card);
|
|
});
|
|
}
|
|
|
|
function highlightPaths(ep) {
|
|
clearHighlights();
|
|
const chains = metadata.metadata.callChains || [];
|
|
|
|
// Surgical Filter: Match by full class and method name
|
|
const relevantEvents = chains
|
|
.filter(c => c.entryPoint.className === ep.className && c.entryPoint.methodName === ep.methodName)
|
|
.map(c => c.triggerPoint.event);
|
|
|
|
if (relevantEvents.length === 0) return;
|
|
|
|
const svg = document.querySelector('svg');
|
|
|
|
// Dim everything first
|
|
svg.querySelectorAll('path, rect, circle, ellipse, text, polygon').forEach(el => {
|
|
el.classList.add('dimmed');
|
|
});
|
|
|
|
relevantEvents.forEach(evt => {
|
|
const normalized = normalize(evt);
|
|
const linkId = "#link_" + normalized;
|
|
|
|
// Find <a> tags via hyperlinks
|
|
svg.querySelectorAll(`a[*|href="${linkId}"], a[href="${linkId}"]`).forEach(link => {
|
|
link.classList.add('active-path');
|
|
link.querySelectorAll('*').forEach(child => child.classList.remove('dimmed'));
|
|
|
|
// Surgical Selection: Grab ONLY the immediate path and polygon
|
|
let prev = link.previousElementSibling;
|
|
let foundPath = false;
|
|
let foundPolygon = false;
|
|
while (prev) {
|
|
if (!foundPath && prev.tagName === 'path') {
|
|
prev.classList.remove('dimmed');
|
|
prev.classList.add('active-path');
|
|
foundPath = true;
|
|
} else if (!foundPolygon && prev.tagName === 'polygon') {
|
|
prev.classList.remove('dimmed');
|
|
prev.classList.add('active-path');
|
|
foundPolygon = true;
|
|
} else if (['rect', 'circle', 'ellipse', 'text'].includes(prev.tagName)) {
|
|
break;
|
|
}
|
|
if (foundPath && foundPolygon) break;
|
|
prev = prev.previousElementSibling;
|
|
}
|
|
});
|
|
});
|
|
|
|
// Keep all nodes visible for context
|
|
svg.querySelectorAll('rect, circle, ellipse').forEach(el => {
|
|
el.classList.remove('dimmed');
|
|
let next = el.nextElementSibling;
|
|
if (next && next.tagName === 'text') next.classList.remove('dimmed');
|
|
});
|
|
}
|
|
|
|
function clearHighlights() {
|
|
document.querySelectorAll('.dimmed, .active-path').forEach(el => {
|
|
el.classList.remove('dimmed', 'active-path');
|
|
});
|
|
}
|
|
|
|
function attachInteractivity() {
|
|
const svg = document.querySelector('svg');
|
|
const transitions = metadata.transitions || [];
|
|
|
|
// Attach tooltips to hyperlink groups
|
|
svg.querySelectorAll('a').forEach(link => {
|
|
const href = link.getAttribute('xlink:href') || link.getAttribute('href');
|
|
if (!href || !href.startsWith('#link_')) return;
|
|
|
|
const eventName = href.replace('#link_', '');
|
|
const metaTrans = transitions.find(t => normalize(t.event) === eventName);
|
|
const chains = (metadata.metadata.callChains || []).filter(c => normalize(c.triggerPoint.event) === eventName);
|
|
|
|
if (metaTrans || chains.length > 0) {
|
|
link.style.cursor = 'pointer';
|
|
|
|
// Map to the associated path
|
|
let pathToTrigger = null;
|
|
let prev = link.previousElementSibling;
|
|
while (prev) {
|
|
if (prev.tagName === 'path') {
|
|
pathToTrigger = prev;
|
|
break;
|
|
}
|
|
if (['rect', 'circle'].includes(prev.tagName)) break;
|
|
prev = prev.previousElementSibling;
|
|
}
|
|
|
|
const setupTippy = (el) => {
|
|
tippy(el, {
|
|
content: createTooltip(eventName, metaTrans, chains),
|
|
allowHTML: true,
|
|
theme: 'modern',
|
|
interactive: true,
|
|
appendTo: document.body,
|
|
placement: 'right',
|
|
offset: [0, 20]
|
|
});
|
|
};
|
|
|
|
setupTippy(link);
|
|
if (pathToTrigger) {
|
|
pathToTrigger.style.cursor = 'pointer';
|
|
setupTippy(pathToTrigger);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
function normalize(s) {
|
|
if (!s) return "";
|
|
return s.replace(/[^a-zA-Z0-9]/g, '_');
|
|
}
|
|
|
|
function createTooltip(name, trans, chains) {
|
|
let html = `<div class="tooltip-content">
|
|
<div style="font-weight:900; font-size:1.1rem; margin-bottom:12px; border-bottom:1px solid #eee; padding-bottom:8px; line-height:1.3;">
|
|
Event: <span style="color:var(--accent)">${name}</span>
|
|
</div>`;
|
|
|
|
if (trans && trans.guard) {
|
|
html += `<div style="font-size:0.7rem; font-weight:800; color:#94a3b8; text-transform:uppercase; margin-bottom:4px">Guard</div>
|
|
<div style="background:#f1f5f9; padding:8px; border-radius:6px; font-family:'JetBrains Mono', monospace; font-size:0.8rem; margin-bottom:12px; border:1px solid #e2e8f0;">${trans.guard.expression}</div>`;
|
|
}
|
|
|
|
if (chains && chains.length > 0) {
|
|
html += `<div style="font-size:0.7rem; font-weight:800; color:#94a3b8; text-transform:uppercase; margin-bottom:10px; border-top:1px solid #eee; padding-top:10px">Triggered by</div>`;
|
|
chains.forEach(c => {
|
|
html += `<div style="margin-bottom:20px">
|
|
<div style="font-weight:700; font-size:0.85rem; color:var(--text);">${c.entryPoint.name}</div>
|
|
|
|
${renderParameters(c.entryPoint.parameters)}
|
|
|
|
<div style="margin-left:10px; border-left:2px solid #e2e8f0; padding-left:12px; margin-top:10px">
|
|
${c.methodChain.map((m, i) => `<div style="font-size:0.7rem; color:#475569; margin-top:4px; font-family:'JetBrains Mono', monospace;"><b>${i+1}</b> ${m}</div>`).join('')}
|
|
</div>
|
|
</div>`;
|
|
});
|
|
}
|
|
|
|
html += `</div>`;
|
|
return html;
|
|
}
|
|
|
|
function renderParameters(params) {
|
|
if (!params || params.length === 0) return "";
|
|
|
|
let html = `<div style="font-size:0.65rem; font-weight:700; color:#94a3b8; margin-top:8px; margin-bottom:4px; text-transform:uppercase;">Input Data</div>`;
|
|
html += `<div class="payload-box">`;
|
|
|
|
params.forEach(p => {
|
|
const annotation = (p.annotations || []).find(a => a.endsWith("RequestBody") || a.endsWith("PathVariable") || a.endsWith("RequestParam"));
|
|
const cleanAnn = annotation ? "@" + annotation.substring(annotation.lastIndexOf('.') + 1) : "";
|
|
|
|
html += `<div class="payload-param">
|
|
<span style="color:#f43f5e; font-size:0.65rem; font-weight:bold;">${cleanAnn}</span>
|
|
<span style="color:#38bdf8;">${p.type}</span>
|
|
<span style="color:#a3e635;">${p.name}</span>
|
|
</div>`;
|
|
});
|
|
|
|
html += `</div>`;
|
|
return html;
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|