6987 lines
168 KiB
Plaintext
6987 lines
168 KiB
Plaintext
{
|
|
"type": "excalidraw",
|
|
"version": 2,
|
|
"source": "https://excalidraw.com",
|
|
"elements": [
|
|
{
|
|
"id": "Svy1dhMI8gJp6YGeHXLgI",
|
|
"type": "rectangle",
|
|
"x": 3377.9897129699075,
|
|
"y": 1920.8008136791755,
|
|
"width": 767.0643521053653,
|
|
"height": 250.41433367130549,
|
|
"angle": 0,
|
|
"strokeColor": "#e03131",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "dotted",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"index": "b1h",
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"seed": 243800790,
|
|
"version": 99,
|
|
"versionNonce": 847375434,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"updated": 1716394570441,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"type": "rectangle",
|
|
"version": 88,
|
|
"versionNonce": 624645770,
|
|
"index": "b1h2",
|
|
"isDeleted": false,
|
|
"id": "a7-FRrLTfvKDFakIOmFOt",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 997.7600708007812,
|
|
"y": 255.98453156904657,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "transparent",
|
|
"width": 213.7599487304687,
|
|
"height": 73.59999084472656,
|
|
"seed": 380576607,
|
|
"groupIds": [
|
|
"5ibx8z4tiATJIqHtHOmgu"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"boundElements": [
|
|
{
|
|
"type": "text",
|
|
"id": "YI8CBnnkVnHGhuLr54HiL"
|
|
},
|
|
{
|
|
"id": "i5AQQ7ZarV4YFxCs0Kz63",
|
|
"type": "arrow"
|
|
}
|
|
],
|
|
"updated": 1716395062846,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 111,
|
|
"versionNonce": 1605545750,
|
|
"index": "b1h4",
|
|
"isDeleted": false,
|
|
"id": "YI8CBnnkVnHGhuLr54HiL",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 1040.1001281738281,
|
|
"y": 280.28452699140985,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "transparent",
|
|
"width": 129.079833984375,
|
|
"height": 25,
|
|
"seed": 851375569,
|
|
"groupIds": [
|
|
"5ibx8z4tiATJIqHtHOmgu"
|
|
],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": [],
|
|
"updated": 1716395062846,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "request page",
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": "a7-FRrLTfvKDFakIOmFOt",
|
|
"originalText": "request page",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "rectangle",
|
|
"version": 357,
|
|
"versionNonce": 761525578,
|
|
"index": "b1h8",
|
|
"isDeleted": false,
|
|
"id": "uCMBt5oM1sE7EOgYsPHG-",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 1575.991055774188,
|
|
"y": 252.37568958102065,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "#b2f2bb",
|
|
"width": 239.6038316051197,
|
|
"height": 607.8309679284574,
|
|
"seed": 584943313,
|
|
"groupIds": [
|
|
"5ibx8z4tiATJIqHtHOmgu"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"boundElements": [
|
|
{
|
|
"id": "i5AQQ7ZarV4YFxCs0Kz63",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "IYzBTAdohAxlwpo8Y72wB",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "n6dVtqQpvOEO7a7jF9qNy",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "I22ctEXqAdiI5u384DBGf",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "AgL2xpRbjmfMB-G0iBRuT"
|
|
}
|
|
],
|
|
"updated": 1716395062846,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 95,
|
|
"versionNonce": 1123572822,
|
|
"index": "b1hA",
|
|
"isDeleted": false,
|
|
"id": "AgL2xpRbjmfMB-G0iBRuT",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 1643.3347501412009,
|
|
"y": 503.79117354524936,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "#a5d8ff",
|
|
"width": 104.91644287109375,
|
|
"height": 105,
|
|
"seed": 1223908305,
|
|
"groupIds": [
|
|
"5ibx8z4tiATJIqHtHOmgu"
|
|
],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": [],
|
|
"updated": 1716395062846,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 28,
|
|
"fontFamily": 1,
|
|
"text": "server\n/\nbackend",
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": "uCMBt5oM1sE7EOgYsPHG-",
|
|
"originalText": "server\n/\nbackend",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "arrow",
|
|
"version": 614,
|
|
"versionNonce": 1284160522,
|
|
"index": "b1hC",
|
|
"isDeleted": false,
|
|
"id": "i5AQQ7ZarV4YFxCs0Kz63",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 1216.3007369286256,
|
|
"y": 292.46429527699854,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "transparent",
|
|
"width": 358.69031884556216,
|
|
"height": 0.7026239865926982,
|
|
"seed": 749599089,
|
|
"groupIds": [
|
|
"5ibx8z4tiATJIqHtHOmgu"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 2
|
|
},
|
|
"boundElements": [],
|
|
"updated": 1716395062846,
|
|
"link": null,
|
|
"locked": false,
|
|
"startBinding": {
|
|
"elementId": "a7-FRrLTfvKDFakIOmFOt",
|
|
"focus": -0.002742660163125879,
|
|
"gap": 4.780717397375611
|
|
},
|
|
"endBinding": {
|
|
"elementId": "uCMBt5oM1sE7EOgYsPHG-",
|
|
"focus": 0.8705112535000997,
|
|
"gap": 1.0000000000001137
|
|
},
|
|
"lastCommittedPoint": null,
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow",
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
358.69031884556216,
|
|
-0.7026239865926982
|
|
]
|
|
]
|
|
},
|
|
{
|
|
"type": "rectangle",
|
|
"version": 177,
|
|
"versionNonce": 597057942,
|
|
"index": "b1hG",
|
|
"isDeleted": false,
|
|
"id": "yL-wOPtAga4DCzsEPDyvu",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 992.6326344626895,
|
|
"y": 403.7642751182562,
|
|
"strokeColor": "#e03131",
|
|
"backgroundColor": "#ffc9c9",
|
|
"width": 342.6161954019434,
|
|
"height": 421.15620254939023,
|
|
"seed": 427245055,
|
|
"groupIds": [
|
|
"5ibx8z4tiATJIqHtHOmgu"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"boundElements": [
|
|
{
|
|
"id": "IYzBTAdohAxlwpo8Y72wB",
|
|
"type": "arrow"
|
|
}
|
|
],
|
|
"updated": 1716395062846,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"type": "rectangle",
|
|
"version": 274,
|
|
"versionNonce": 1353362122,
|
|
"index": "b1hI",
|
|
"isDeleted": false,
|
|
"id": "Mms1c8Uskpv5ibTkF0bp7",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 1015.9670581574725,
|
|
"y": 679.7921652433489,
|
|
"strokeColor": "#f08c00",
|
|
"backgroundColor": "#ffec99",
|
|
"width": 296.516653717499,
|
|
"height": 110.41130259645774,
|
|
"seed": 833500561,
|
|
"groupIds": [
|
|
"5ibx8z4tiATJIqHtHOmgu"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"boundElements": [
|
|
{
|
|
"id": "371rht64A9WrmIZHxvpEy",
|
|
"type": "text"
|
|
},
|
|
{
|
|
"id": "gzYURN1hf13ks-A-rggyn",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "yNipGcIxCQ_Aep575_A6T",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "RNQ-gT6rmYIs56NDOJgx9",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "GQ-dv4QvGlq3agdhviQs5",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "6TXXjYtDCwXj0NI3U-KUB",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "q-XjWw1WGShiGr0ZqQyPL",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "n6dVtqQpvOEO7a7jF9qNy",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "I22ctEXqAdiI5u384DBGf",
|
|
"type": "arrow"
|
|
}
|
|
],
|
|
"updated": 1716395062846,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 292,
|
|
"versionNonce": 1690418902,
|
|
"index": "b1hK",
|
|
"isDeleted": false,
|
|
"id": "371rht64A9WrmIZHxvpEy",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 1078.925481146593,
|
|
"y": 697.4978165415778,
|
|
"strokeColor": "#f08c00",
|
|
"backgroundColor": "transparent",
|
|
"width": 170.5998077392578,
|
|
"height": 75,
|
|
"seed": 669209585,
|
|
"groupIds": [
|
|
"5ibx8z4tiATJIqHtHOmgu"
|
|
],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": [],
|
|
"updated": 1716395062846,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "JS\n- handle elements\n- validation",
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": "Mms1c8Uskpv5ibTkF0bp7",
|
|
"originalText": "JS\n- handle elements\n- validation",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "rectangle",
|
|
"version": 135,
|
|
"versionNonce": 274645386,
|
|
"index": "b1hO",
|
|
"isDeleted": false,
|
|
"id": "lvxXYJQK1FVaHqRfzioCp",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 1019.3818068591635,
|
|
"y": 434.4972848157351,
|
|
"strokeColor": "#1971c2",
|
|
"backgroundColor": "#a5d8ff",
|
|
"width": 286.2724076124258,
|
|
"height": 167.32412470883668,
|
|
"seed": 1081568369,
|
|
"groupIds": [
|
|
"5ibx8z4tiATJIqHtHOmgu"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"boundElements": [
|
|
{
|
|
"type": "text",
|
|
"id": "eMgXesWkkLhNuv-lS7kcL"
|
|
},
|
|
{
|
|
"id": "gzYURN1hf13ks-A-rggyn",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "yNipGcIxCQ_Aep575_A6T",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "RNQ-gT6rmYIs56NDOJgx9",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "GQ-dv4QvGlq3agdhviQs5",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "6TXXjYtDCwXj0NI3U-KUB",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "q-XjWw1WGShiGr0ZqQyPL",
|
|
"type": "arrow"
|
|
}
|
|
],
|
|
"updated": 1716395062846,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 107,
|
|
"versionNonce": 990868502,
|
|
"index": "b1hQ",
|
|
"isDeleted": false,
|
|
"id": "eMgXesWkkLhNuv-lS7kcL",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 1139.7980247034625,
|
|
"y": 505.6593471701534,
|
|
"strokeColor": "#1971c2",
|
|
"backgroundColor": "transparent",
|
|
"width": 45.439971923828125,
|
|
"height": 25,
|
|
"seed": 292205247,
|
|
"groupIds": [
|
|
"5ibx8z4tiATJIqHtHOmgu"
|
|
],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": [],
|
|
"updated": 1716395062846,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "DOM",
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": "lvxXYJQK1FVaHqRfzioCp",
|
|
"originalText": "DOM",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "arrow",
|
|
"version": 214,
|
|
"versionNonce": 1457651786,
|
|
"index": "b1hS",
|
|
"isDeleted": false,
|
|
"id": "gzYURN1hf13ks-A-rggyn",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 1046.7000678549516,
|
|
"y": 674.6700150525865,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "transparent",
|
|
"width": 0.5691428757656922,
|
|
"height": 68.86465967410572,
|
|
"seed": 2147433361,
|
|
"groupIds": [
|
|
"5ibx8z4tiATJIqHtHOmgu"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 2
|
|
},
|
|
"boundElements": [],
|
|
"updated": 1716395062846,
|
|
"link": null,
|
|
"locked": false,
|
|
"startBinding": {
|
|
"elementId": "Mms1c8Uskpv5ibTkF0bp7",
|
|
"focus": -0.793626984523875,
|
|
"gap": 5.122150190762454
|
|
},
|
|
"endBinding": {
|
|
"elementId": "lvxXYJQK1FVaHqRfzioCp",
|
|
"focus": 0.796261649806803,
|
|
"gap": 3.9839458539089776
|
|
},
|
|
"lastCommittedPoint": null,
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow",
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
0.5691428757656922,
|
|
-68.86465967410572
|
|
]
|
|
]
|
|
},
|
|
{
|
|
"type": "arrow",
|
|
"version": 214,
|
|
"versionNonce": 7635286,
|
|
"index": "b1hV",
|
|
"isDeleted": false,
|
|
"id": "yNipGcIxCQ_Aep575_A6T",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 1083.124343480733,
|
|
"y": 605.2362125027149,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "transparent",
|
|
"width": 1.7073743508456118,
|
|
"height": 73.41774840378037,
|
|
"seed": 458660319,
|
|
"groupIds": [
|
|
"5ibx8z4tiATJIqHtHOmgu"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 2
|
|
},
|
|
"boundElements": [],
|
|
"updated": 1716395062846,
|
|
"link": null,
|
|
"locked": false,
|
|
"startBinding": {
|
|
"elementId": "lvxXYJQK1FVaHqRfzioCp",
|
|
"focus": 0.5332759401189757,
|
|
"gap": 3.4148029781431717
|
|
},
|
|
"endBinding": {
|
|
"elementId": "Mms1c8Uskpv5ibTkF0bp7",
|
|
"focus": -0.5625084062208102,
|
|
"gap": 1.1382043368536188
|
|
},
|
|
"lastCommittedPoint": null,
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow",
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
-1.7073743508456118,
|
|
73.41774840378037
|
|
]
|
|
]
|
|
},
|
|
{
|
|
"type": "arrow",
|
|
"version": 216,
|
|
"versionNonce": 1343186698,
|
|
"index": "b1hX",
|
|
"isDeleted": false,
|
|
"id": "RNQ-gT6rmYIs56NDOJgx9",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 1139.4682398231544,
|
|
"y": 675.2391579283523,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "transparent",
|
|
"width": 0,
|
|
"height": 66.58819672394645,
|
|
"seed": 998927807,
|
|
"groupIds": [
|
|
"5ibx8z4tiATJIqHtHOmgu"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 2
|
|
},
|
|
"boundElements": [],
|
|
"updated": 1716395062846,
|
|
"link": null,
|
|
"locked": false,
|
|
"startBinding": {
|
|
"elementId": "Mms1c8Uskpv5ibTkF0bp7",
|
|
"focus": -0.16698654111114108,
|
|
"gap": 4.553007314996648
|
|
},
|
|
"endBinding": {
|
|
"elementId": "lvxXYJQK1FVaHqRfzioCp",
|
|
"focus": 0.16103382812519074,
|
|
"gap": 6.829551679834054
|
|
},
|
|
"lastCommittedPoint": null,
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow",
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
0,
|
|
-66.58819672394645
|
|
]
|
|
]
|
|
},
|
|
{
|
|
"type": "arrow",
|
|
"version": 218,
|
|
"versionNonce": 138798742,
|
|
"index": "b1hZ",
|
|
"isDeleted": false,
|
|
"id": "GQ-dv4QvGlq3agdhviQs5",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 1173.6159982223242,
|
|
"y": 606.3744439777945,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "transparent",
|
|
"width": 1.1382314750796922,
|
|
"height": 68.29557107479195,
|
|
"seed": 969023967,
|
|
"groupIds": [
|
|
"5ibx8z4tiATJIqHtHOmgu"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 2
|
|
},
|
|
"boundElements": [],
|
|
"updated": 1716395062846,
|
|
"link": null,
|
|
"locked": false,
|
|
"startBinding": {
|
|
"elementId": "lvxXYJQK1FVaHqRfzioCp",
|
|
"focus": -0.08695880604483207,
|
|
"gap": 4.55303445322275
|
|
},
|
|
"endBinding": {
|
|
"elementId": "Mms1c8Uskpv5ibTkF0bp7",
|
|
"focus": 0.04857903840505609,
|
|
"gap": 5.122150190762454
|
|
},
|
|
"lastCommittedPoint": null,
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow",
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
-1.1382314750796922,
|
|
68.29557107479195
|
|
]
|
|
]
|
|
},
|
|
{
|
|
"type": "arrow",
|
|
"version": 217,
|
|
"versionNonce": 1952576970,
|
|
"index": "b1hd",
|
|
"isDeleted": false,
|
|
"id": "6TXXjYtDCwXj0NI3U-KUB",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 1231.6672689155912,
|
|
"y": 674.1009264532727,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "transparent",
|
|
"width": 0.5691428757659196,
|
|
"height": 66.01905384818065,
|
|
"seed": 1703583295,
|
|
"groupIds": [
|
|
"5ibx8z4tiATJIqHtHOmgu"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 2
|
|
},
|
|
"boundElements": [],
|
|
"updated": 1716395062846,
|
|
"link": null,
|
|
"locked": false,
|
|
"startBinding": {
|
|
"elementId": "Mms1c8Uskpv5ibTkF0bp7",
|
|
"focus": 0.45696851810366934,
|
|
"gap": 5.691238790076227
|
|
},
|
|
"endBinding": {
|
|
"elementId": "lvxXYJQK1FVaHqRfzioCp",
|
|
"focus": -0.47133398834712303,
|
|
"gap": 6.260463080520282
|
|
},
|
|
"lastCommittedPoint": null,
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow",
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
-0.5691428757659196,
|
|
-66.01905384818065
|
|
]
|
|
]
|
|
},
|
|
{
|
|
"type": "arrow",
|
|
"version": 211,
|
|
"versionNonce": 1933091798,
|
|
"index": "b1hf",
|
|
"isDeleted": false,
|
|
"id": "q-XjWw1WGShiGr0ZqQyPL",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 1264.1077072403677,
|
|
"y": 607.5127297293262,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "transparent",
|
|
"width": 1.707320074393465,
|
|
"height": 70.57208830140326,
|
|
"seed": 841784959,
|
|
"groupIds": [
|
|
"5ibx8z4tiATJIqHtHOmgu"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 2
|
|
},
|
|
"boundElements": [],
|
|
"updated": 1716395062846,
|
|
"link": null,
|
|
"locked": false,
|
|
"startBinding": {
|
|
"elementId": "lvxXYJQK1FVaHqRfzioCp",
|
|
"focus": -0.6849536307661266,
|
|
"gap": 5.691320204754476
|
|
},
|
|
"endBinding": {
|
|
"elementId": "Mms1c8Uskpv5ibTkF0bp7",
|
|
"focus": 0.6883069328544181,
|
|
"gap": 1.7073472126194247
|
|
},
|
|
"lastCommittedPoint": null,
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow",
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
1.707320074393465,
|
|
70.57208830140326
|
|
]
|
|
]
|
|
},
|
|
{
|
|
"type": "arrow",
|
|
"version": 774,
|
|
"versionNonce": 737730390,
|
|
"index": "b1hh",
|
|
"isDeleted": false,
|
|
"id": "IYzBTAdohAxlwpo8Y72wB",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 1573.1765507448736,
|
|
"y": 446.18214843593796,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "transparent",
|
|
"width": 232.2364006754865,
|
|
"height": 0.4320579395687787,
|
|
"seed": 1329881407,
|
|
"groupIds": [
|
|
"5ibx8z4tiATJIqHtHOmgu"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 2
|
|
},
|
|
"boundElements": [
|
|
{
|
|
"type": "text",
|
|
"id": "Cd4t9aU3n4x0S1SxLN9c_"
|
|
}
|
|
],
|
|
"updated": 1716395543254,
|
|
"link": null,
|
|
"locked": false,
|
|
"startBinding": {
|
|
"elementId": "uCMBt5oM1sE7EOgYsPHG-",
|
|
"focus": 0.3627860072223939,
|
|
"gap": 2.8145050293143186
|
|
},
|
|
"endBinding": {
|
|
"elementId": "yL-wOPtAga4DCzsEPDyvu",
|
|
"focus": -0.7937477990864492,
|
|
"gap": 5.691320204754277
|
|
},
|
|
"lastCommittedPoint": null,
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow",
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
-232.2364006754865,
|
|
0.4320579395687787
|
|
]
|
|
]
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 55,
|
|
"versionNonce": 1999618954,
|
|
"index": "b1hl",
|
|
"isDeleted": false,
|
|
"id": "Cd4t9aU3n4x0S1SxLN9c_",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 1429.8583687176772,
|
|
"y": 433.8981774057223,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "#a5d8ff",
|
|
"width": 54.39996337890625,
|
|
"height": 25,
|
|
"seed": 590200305,
|
|
"groupIds": [
|
|
"5ibx8z4tiATJIqHtHOmgu"
|
|
],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": [],
|
|
"updated": 1716395542147,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "HTML",
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": "IYzBTAdohAxlwpo8Y72wB",
|
|
"originalText": "HTML",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 87,
|
|
"versionNonce": 662866762,
|
|
"index": "b1hn",
|
|
"isDeleted": false,
|
|
"id": "NF5Y2ybZ8gmfVtycmAAJD",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 1019.9509497349295,
|
|
"y": 366.2017137409431,
|
|
"strokeColor": "#e03131",
|
|
"backgroundColor": "transparent",
|
|
"width": 54.39996337890625,
|
|
"height": 25,
|
|
"seed": 1975575153,
|
|
"groupIds": [
|
|
"5ibx8z4tiATJIqHtHOmgu"
|
|
],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": [],
|
|
"updated": 1716395062846,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "HTML",
|
|
"textAlign": "left",
|
|
"verticalAlign": "top",
|
|
"containerId": null,
|
|
"originalText": "HTML",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "arrow",
|
|
"version": 353,
|
|
"versionNonce": 1882596950,
|
|
"index": "b1hp",
|
|
"isDeleted": false,
|
|
"id": "n6dVtqQpvOEO7a7jF9qNy",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 1316.4675491759763,
|
|
"y": 701.1702998178124,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "#a5d8ff",
|
|
"width": 257.2470436480521,
|
|
"height": 3.1352636524960644,
|
|
"seed": 49184337,
|
|
"groupIds": [
|
|
"5ibx8z4tiATJIqHtHOmgu"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 2
|
|
},
|
|
"boundElements": [
|
|
{
|
|
"type": "text",
|
|
"id": "LrMpybzskayC_MPIRIeau"
|
|
}
|
|
],
|
|
"updated": 1716395062846,
|
|
"link": null,
|
|
"locked": false,
|
|
"startBinding": {
|
|
"elementId": "Mms1c8Uskpv5ibTkF0bp7",
|
|
"focus": -0.5607889102131149,
|
|
"gap": 3.983837301004826
|
|
},
|
|
"endBinding": {
|
|
"elementId": "uCMBt5oM1sE7EOgYsPHG-",
|
|
"focus": -0.45929013739845265,
|
|
"gap": 2.276462950159498
|
|
},
|
|
"lastCommittedPoint": null,
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow",
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
257.2470436480521,
|
|
-3.1352636524960644
|
|
]
|
|
]
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 52,
|
|
"versionNonce": 1919324682,
|
|
"index": "b1ht",
|
|
"isDeleted": false,
|
|
"id": "LrMpybzskayC_MPIRIeau",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 1365.8619096346933,
|
|
"y": 706.5622095244114,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "#a5d8ff",
|
|
"width": 104.95986938476562,
|
|
"height": 25,
|
|
"seed": 1057108753,
|
|
"groupIds": [
|
|
"5ibx8z4tiATJIqHtHOmgu"
|
|
],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": [],
|
|
"updated": 1716395062846,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "save data",
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": "n6dVtqQpvOEO7a7jF9qNy",
|
|
"originalText": "save data",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "arrow",
|
|
"version": 363,
|
|
"versionNonce": 982182806,
|
|
"index": "b1hv",
|
|
"isDeleted": false,
|
|
"id": "I22ctEXqAdiI5u384DBGf",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 1570.2996270165295,
|
|
"y": 761.3499758351714,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "#a5d8ff",
|
|
"width": 254.97025503918098,
|
|
"height": 3.129462158180786,
|
|
"seed": 107013809,
|
|
"groupIds": [
|
|
"5ibx8z4tiATJIqHtHOmgu"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 2
|
|
},
|
|
"boundElements": [
|
|
{
|
|
"type": "text",
|
|
"id": "aAjOLk-Al962DYBk6u8_T"
|
|
}
|
|
],
|
|
"updated": 1716395062846,
|
|
"link": null,
|
|
"locked": false,
|
|
"startBinding": {
|
|
"elementId": "uCMBt5oM1sE7EOgYsPHG-",
|
|
"focus": -0.6664306034754155,
|
|
"gap": 5.6914287576584
|
|
},
|
|
"endBinding": {
|
|
"elementId": "Mms1c8Uskpv5ibTkF0bp7",
|
|
"focus": 0.5495143286690237,
|
|
"gap": 2.845660102377053
|
|
},
|
|
"lastCommittedPoint": null,
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow",
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
-254.97025503918098,
|
|
3.129462158180786
|
|
]
|
|
]
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 60,
|
|
"versionNonce": 949731530,
|
|
"index": "b1hx",
|
|
"isDeleted": false,
|
|
"id": "aAjOLk-Al962DYBk6u8_T",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 1340.0608459946134,
|
|
"y": 760.3450443405645,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "#a5d8ff",
|
|
"width": 151.4398193359375,
|
|
"height": 25,
|
|
"seed": 1927991633,
|
|
"groupIds": [
|
|
"5ibx8z4tiATJIqHtHOmgu"
|
|
],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": [],
|
|
"updated": 1716395062846,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "response ok/err",
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": "I22ctEXqAdiI5u384DBGf",
|
|
"originalText": "response ok/err",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 526,
|
|
"versionNonce": 9767126,
|
|
"index": "b1i",
|
|
"isDeleted": false,
|
|
"id": "MU-CjorcPXKwMatrnSNcG",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 1845.035662077982,
|
|
"y": 695.7922090080433,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "#a5d8ff",
|
|
"width": 462.6395263671875,
|
|
"height": 125,
|
|
"seed": 1283843679,
|
|
"groupIds": [
|
|
"5ibx8z4tiATJIqHtHOmgu"
|
|
],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": [],
|
|
"updated": 1716395062846,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "- events attached to DOM elements\n- JS event handlers\n- client side validation\n- (sometimes) backend validation\n- clunky error handling and controls invalidating",
|
|
"textAlign": "left",
|
|
"verticalAlign": "top",
|
|
"containerId": null,
|
|
"originalText": "- events attached to DOM elements\n- JS event handlers\n- client side validation\n- (sometimes) backend validation\n- clunky error handling and controls invalidating",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 85,
|
|
"versionNonce": 1170020234,
|
|
"index": "b1j",
|
|
"isDeleted": false,
|
|
"id": "PgZeQLhSY28wyL5bWgjNq",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 992.5393176842113,
|
|
"y": 136.3745437254057,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "#a5d8ff",
|
|
"width": 452.6219482421875,
|
|
"height": 35,
|
|
"seed": 1085748049,
|
|
"groupIds": [
|
|
"5ibx8z4tiATJIqHtHOmgu"
|
|
],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": [],
|
|
"updated": 1716395062846,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 28,
|
|
"fontFamily": 1,
|
|
"text": "Standard HTML+JS architecture",
|
|
"textAlign": "left",
|
|
"verticalAlign": "top",
|
|
"containerId": null,
|
|
"originalText": "Standard HTML+JS architecture",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "rectangle",
|
|
"version": 231,
|
|
"versionNonce": 476653578,
|
|
"index": "b1j4",
|
|
"isDeleted": false,
|
|
"id": "_zP4_EOXRz0xslyBswNMY",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 882.4266153971357,
|
|
"y": 1868.206787699689,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "transparent",
|
|
"width": 213.7599487304687,
|
|
"height": 73.59999084472656,
|
|
"seed": 973444682,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"boundElements": [
|
|
{
|
|
"id": "Y-dgA6ClocVNiAUDX68wN",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "74aPz6yMtgcwYr_82HNO5"
|
|
}
|
|
],
|
|
"updated": 1716395079599,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 253,
|
|
"versionNonce": 405058966,
|
|
"index": "b1j8",
|
|
"isDeleted": false,
|
|
"id": "74aPz6yMtgcwYr_82HNO5",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 924.7666727701826,
|
|
"y": 1892.5067831220522,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "transparent",
|
|
"width": 129.079833984375,
|
|
"height": 25,
|
|
"seed": 58542934,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": null,
|
|
"updated": 1716395079599,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "request page",
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": "_zP4_EOXRz0xslyBswNMY",
|
|
"originalText": "request page",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "rectangle",
|
|
"version": 501,
|
|
"versionNonce": 294947222,
|
|
"index": "b1jC",
|
|
"isDeleted": false,
|
|
"id": "EPFsrU5NRHP6hfFfXk5hY",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 1460.6576003705425,
|
|
"y": 1864.5979457116632,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "#b2f2bb",
|
|
"width": 239.6038316051197,
|
|
"height": 607.8309679284574,
|
|
"seed": 1984969994,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"boundElements": [
|
|
{
|
|
"id": "Y-dgA6ClocVNiAUDX68wN",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "PzCGZHgnJvjw7O2v7mfh5",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "TKrKTzBlVIGbRuSzTRHcS",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "HVuej59TnwPd1VxHTuGIS",
|
|
"type": "arrow"
|
|
}
|
|
],
|
|
"updated": 1716395555407,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"type": "arrow",
|
|
"version": 1048,
|
|
"versionNonce": 881995146,
|
|
"index": "b1jK",
|
|
"isDeleted": false,
|
|
"id": "Y-dgA6ClocVNiAUDX68wN",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 1100.96728152498,
|
|
"y": 1904.6865514076408,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "transparent",
|
|
"width": 358.69031884556216,
|
|
"height": 0.7026239865926982,
|
|
"seed": 135793610,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 2
|
|
},
|
|
"boundElements": null,
|
|
"updated": 1716395079599,
|
|
"link": null,
|
|
"locked": false,
|
|
"startBinding": {
|
|
"elementId": "_zP4_EOXRz0xslyBswNMY",
|
|
"focus": -0.0027426601631289505,
|
|
"gap": 4.780717397375611
|
|
},
|
|
"endBinding": {
|
|
"elementId": "EPFsrU5NRHP6hfFfXk5hY",
|
|
"focus": 0.8705112535001008,
|
|
"gap": 1.0000000000001137
|
|
},
|
|
"lastCommittedPoint": null,
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow",
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
358.69031884556216,
|
|
-0.7026239865926982
|
|
]
|
|
]
|
|
},
|
|
{
|
|
"type": "rectangle",
|
|
"version": 319,
|
|
"versionNonce": 924370966,
|
|
"index": "b1jO",
|
|
"isDeleted": false,
|
|
"id": "i1dxAhiAuCuOwl3bTx7xD",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 877.2991790590438,
|
|
"y": 2015.9865312488987,
|
|
"strokeColor": "#e03131",
|
|
"backgroundColor": "#ffc9c9",
|
|
"width": 342.6161954019434,
|
|
"height": 421.15620254939023,
|
|
"seed": 773254614,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"boundElements": [
|
|
{
|
|
"id": "PzCGZHgnJvjw7O2v7mfh5",
|
|
"type": "arrow"
|
|
}
|
|
],
|
|
"updated": 1716395079599,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"type": "rectangle",
|
|
"version": 285,
|
|
"versionNonce": 1116512138,
|
|
"index": "b1jd",
|
|
"isDeleted": false,
|
|
"id": "vxq0AnmvxeQQRKZK-qZzr",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 904.0483514555181,
|
|
"y": 2046.7195409463775,
|
|
"strokeColor": "#1971c2",
|
|
"backgroundColor": "#a5d8ff",
|
|
"width": 286.2724076124258,
|
|
"height": 167.32412470883668,
|
|
"seed": 1227563338,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"boundElements": [],
|
|
"updated": 1716395193633,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"type": "arrow",
|
|
"version": 1174,
|
|
"versionNonce": 1623463254,
|
|
"index": "b1kV",
|
|
"isDeleted": false,
|
|
"id": "PzCGZHgnJvjw7O2v7mfh5",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 1457.843095341228,
|
|
"y": 2058.4044045665805,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "transparent",
|
|
"width": 232.2364006754865,
|
|
"height": 0.4320579395687787,
|
|
"seed": 800271434,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 2
|
|
},
|
|
"boundElements": [
|
|
{
|
|
"type": "text",
|
|
"id": "TSosOMhe5e4EeuXxIJasd"
|
|
}
|
|
],
|
|
"updated": 1716395537547,
|
|
"link": null,
|
|
"locked": false,
|
|
"startBinding": {
|
|
"elementId": "EPFsrU5NRHP6hfFfXk5hY",
|
|
"focus": 0.3627860072223941,
|
|
"gap": 2.8145050293143186
|
|
},
|
|
"endBinding": {
|
|
"elementId": "i1dxAhiAuCuOwl3bTx7xD",
|
|
"focus": -0.7937477990864473,
|
|
"gap": 5.691320204754561
|
|
},
|
|
"lastCommittedPoint": null,
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow",
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
-232.2364006754865,
|
|
0.4320579395687787
|
|
]
|
|
]
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 205,
|
|
"versionNonce": 1279094154,
|
|
"index": "b1kd",
|
|
"isDeleted": false,
|
|
"id": "TSosOMhe5e4EeuXxIJasd",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 1283.3349566489926,
|
|
"y": 2046.120433536365,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "#a5d8ff",
|
|
"width": 116.77987670898438,
|
|
"height": 25,
|
|
"seed": 966530390,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": null,
|
|
"updated": 1716395536403,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "initial HTML",
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": "PzCGZHgnJvjw7O2v7mfh5",
|
|
"originalText": "initial HTML",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 228,
|
|
"versionNonce": 690007242,
|
|
"index": "b1kl",
|
|
"isDeleted": false,
|
|
"id": "JwsR3sItGoqAU49RWUT0k",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 904.617494331284,
|
|
"y": 1978.4239698715855,
|
|
"strokeColor": "#e03131",
|
|
"backgroundColor": "transparent",
|
|
"width": 54.39996337890625,
|
|
"height": 25,
|
|
"seed": 1306202890,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": null,
|
|
"updated": 1716395079599,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "HTML",
|
|
"textAlign": "left",
|
|
"verticalAlign": "top",
|
|
"containerId": null,
|
|
"originalText": "HTML",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "arrow",
|
|
"version": 975,
|
|
"versionNonce": 1573803978,
|
|
"index": "b1l",
|
|
"isDeleted": false,
|
|
"id": "TKrKTzBlVIGbRuSzTRHcS",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 1188.8943541329566,
|
|
"y": 2322.7804350546066,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "#a5d8ff",
|
|
"width": 278.9018184367699,
|
|
"height": 85.12086215676982,
|
|
"seed": 1599797910,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 2
|
|
},
|
|
"boundElements": [
|
|
{
|
|
"type": "text",
|
|
"id": "o9Icg7DITorS3M98zA1da"
|
|
}
|
|
],
|
|
"updated": 1716395576445,
|
|
"link": null,
|
|
"locked": false,
|
|
"startBinding": {
|
|
"elementId": "4Ok-2QqbGyROToxUVCmPd",
|
|
"focus": 0.06035186825348761,
|
|
"gap": 5.1229709914144905
|
|
},
|
|
"endBinding": {
|
|
"elementId": "1vxEUeboFuCFdcL8MuKXL",
|
|
"focus": 0.34114828310033424,
|
|
"gap": 5.034156380233526
|
|
},
|
|
"lastCommittedPoint": null,
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow",
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
278.9018184367699,
|
|
-85.12086215676982
|
|
]
|
|
]
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 204,
|
|
"versionNonce": 1904748694,
|
|
"index": "b1lG",
|
|
"isDeleted": false,
|
|
"id": "o9Icg7DITorS3M98zA1da",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 1278.8176741901068,
|
|
"y": 2299.3249241222065,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "#a5d8ff",
|
|
"width": 101.8798828125,
|
|
"height": 25,
|
|
"seed": 332931530,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": null,
|
|
"updated": 1716395427591,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "send data",
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": "TKrKTzBlVIGbRuSzTRHcS",
|
|
"originalText": "send data",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "arrow",
|
|
"version": 877,
|
|
"versionNonce": 1207691542,
|
|
"index": "b1lV",
|
|
"isDeleted": false,
|
|
"id": "HVuej59TnwPd1VxHTuGIS",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 1471.9133929111472,
|
|
"y": 2411.2326598894515,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "#a5d8ff",
|
|
"width": 281.8032955684596,
|
|
"height": 35.472498013017685,
|
|
"seed": 1317746646,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 2
|
|
},
|
|
"boundElements": [
|
|
{
|
|
"type": "text",
|
|
"id": "KlOILedPZr5bRK28O173D"
|
|
}
|
|
],
|
|
"updated": 1716395583052,
|
|
"link": null,
|
|
"locked": false,
|
|
"startBinding": {
|
|
"elementId": "nUcCmIuy_nygWiTzlRQXi",
|
|
"focus": -0.22551940399450812,
|
|
"gap": 4.326389884802438
|
|
},
|
|
"endBinding": {
|
|
"elementId": "4Ok-2QqbGyROToxUVCmPd",
|
|
"focus": -0.058536860504632526,
|
|
"gap": 6.338714201145535
|
|
},
|
|
"lastCommittedPoint": null,
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow",
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
-281.8032955684596,
|
|
-35.472498013017685
|
|
]
|
|
]
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 217,
|
|
"versionNonce": 99204822,
|
|
"index": "b1m",
|
|
"isDeleted": false,
|
|
"id": "KlOILedPZr5bRK28O173D",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 1249.278201006106,
|
|
"y": 2362.1661969211236,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "#a5d8ff",
|
|
"width": 146.51986694335938,
|
|
"height": 25,
|
|
"seed": 482695306,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": null,
|
|
"updated": 1716395527167,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "rendered HTML",
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": "HVuej59TnwPd1VxHTuGIS",
|
|
"originalText": "rendered HTML",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 738,
|
|
"versionNonce": 1769316810,
|
|
"index": "b1mV",
|
|
"isDeleted": false,
|
|
"id": "wtziE1bqUjGmqAHC84axG",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 1729.7022066743364,
|
|
"y": 2375.3324944185006,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "#a5d8ff",
|
|
"width": 452.69952392578125,
|
|
"height": 50,
|
|
"seed": 2135018774,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": null,
|
|
"updated": 1716395717414,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "- DOM elements connected with hx attributes\n- backend only validation",
|
|
"textAlign": "left",
|
|
"verticalAlign": "top",
|
|
"containerId": null,
|
|
"originalText": "- DOM elements connected with hx attributes\n- backend only validation",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 237,
|
|
"versionNonce": 415815882,
|
|
"index": "b1n",
|
|
"isDeleted": false,
|
|
"id": "rndaJ3j3K_Y7evAYPHiD8",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 877.2058622805657,
|
|
"y": 1748.5967998560482,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "#a5d8ff",
|
|
"width": 367.7815856933594,
|
|
"height": 35,
|
|
"seed": 1750972234,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": null,
|
|
"updated": 1716395089479,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 28,
|
|
"fontFamily": 1,
|
|
"text": "HTML + htmx architecture",
|
|
"textAlign": "left",
|
|
"verticalAlign": "top",
|
|
"containerId": null,
|
|
"originalText": "HTML + htmx architecture",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "rectangle",
|
|
"version": 715,
|
|
"versionNonce": 220377814,
|
|
"index": "b23xG",
|
|
"isDeleted": false,
|
|
"id": "MSDhOoqcfwMkPZ9snvyaw",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 3416.490399659714,
|
|
"y": 412.97960559522704,
|
|
"strokeColor": "#1971c2",
|
|
"backgroundColor": "#a5d8ff",
|
|
"width": 729.9362908913769,
|
|
"height": 213.93684780007993,
|
|
"seed": 144183761,
|
|
"groupIds": [
|
|
"1gYdf5mwbNPqrb-a6HTBZ"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"boundElements": [
|
|
{
|
|
"id": "vvTlZnX_KMLI6wUrCpSce",
|
|
"type": "arrow"
|
|
}
|
|
],
|
|
"updated": 1716394658376,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 273,
|
|
"versionNonce": 338195798,
|
|
"index": "b23xV",
|
|
"isDeleted": false,
|
|
"id": "v7l6EZbzk7vK2BXDxx9Rb",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 3405.9325054437013,
|
|
"y": 208.9280768482518,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "#b2f2bb",
|
|
"width": 399.5336608886719,
|
|
"height": 35,
|
|
"seed": 563075249,
|
|
"groupIds": [
|
|
"1gYdf5mwbNPqrb-a6HTBZ"
|
|
],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": [],
|
|
"updated": 1716394658376,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 28,
|
|
"fontFamily": 1,
|
|
"text": "Form validation example - JS",
|
|
"textAlign": "left",
|
|
"verticalAlign": "top",
|
|
"containerId": null,
|
|
"originalText": "Form validation example - JS",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "rectangle",
|
|
"version": 296,
|
|
"versionNonce": 1767594646,
|
|
"index": "b23xl",
|
|
"isDeleted": false,
|
|
"id": "L3nxdOdgsVIetnPyttsie",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 3533.3160454429762,
|
|
"y": 462.196459146209,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "#1e1e1e",
|
|
"width": 231.20074555044675,
|
|
"height": 35.602354509036786,
|
|
"seed": 1077361169,
|
|
"groupIds": [
|
|
"1gYdf5mwbNPqrb-a6HTBZ"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"boundElements": [
|
|
{
|
|
"id": "7cCGCK19isJ-_WCcwI7wa",
|
|
"type": "arrow"
|
|
}
|
|
],
|
|
"updated": 1716394658376,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"type": "rectangle",
|
|
"version": 358,
|
|
"versionNonce": 212479254,
|
|
"index": "b23y",
|
|
"isDeleted": false,
|
|
"id": "GnpZH4CbZXR-nJIdL5nG0",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 3867.6634291532105,
|
|
"y": 462.196459146209,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "#1e1e1e",
|
|
"width": 231.20074555044675,
|
|
"height": 35.602354509036786,
|
|
"seed": 1471005695,
|
|
"groupIds": [
|
|
"1gYdf5mwbNPqrb-a6HTBZ"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"boundElements": [
|
|
{
|
|
"id": "pkdiWw5eIfv7WIZdvaJWC",
|
|
"type": "arrow"
|
|
}
|
|
],
|
|
"updated": 1716394658376,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 238,
|
|
"versionNonce": 994467734,
|
|
"index": "b23yG",
|
|
"isDeleted": false,
|
|
"id": "Eoiue-r5ttuU_KbTF7rSq",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 3452.540665662406,
|
|
"y": 467.4976364007274,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "#1e1e1e",
|
|
"width": 49.8199462890625,
|
|
"height": 25,
|
|
"seed": 558276319,
|
|
"groupIds": [
|
|
"1gYdf5mwbNPqrb-a6HTBZ"
|
|
],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": [],
|
|
"updated": 1716394658376,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "Name",
|
|
"textAlign": "left",
|
|
"verticalAlign": "top",
|
|
"containerId": null,
|
|
"originalText": "Name",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 347,
|
|
"versionNonce": 1103232214,
|
|
"index": "b23yV",
|
|
"isDeleted": false,
|
|
"id": "BpXowdAumVvXa8TP0qEIk",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 3816.2507874965854,
|
|
"y": 467.4976364007274,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "#1e1e1e",
|
|
"width": 34.07997131347656,
|
|
"height": 25,
|
|
"seed": 369082225,
|
|
"groupIds": [
|
|
"1gYdf5mwbNPqrb-a6HTBZ"
|
|
],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": [],
|
|
"updated": 1716394658376,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "Age",
|
|
"textAlign": "left",
|
|
"verticalAlign": "top",
|
|
"containerId": null,
|
|
"originalText": "Age",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "rectangle",
|
|
"version": 354,
|
|
"versionNonce": 1230500374,
|
|
"index": "b23yl",
|
|
"isDeleted": false,
|
|
"id": "L99mYrEfDdb4zFXxRRni_",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 3971.6031161544374,
|
|
"y": 554.0364710837498,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "#b2f2bb",
|
|
"width": 120.53326066583486,
|
|
"height": 38.60494990630923,
|
|
"seed": 1169057471,
|
|
"groupIds": [
|
|
"1gYdf5mwbNPqrb-a6HTBZ"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"boundElements": [
|
|
{
|
|
"type": "text",
|
|
"id": "OqZ7CUl953dZQR2dSKReQ"
|
|
},
|
|
{
|
|
"id": "ttHl6XtQTGZpbgzKKLYfa",
|
|
"type": "arrow"
|
|
}
|
|
],
|
|
"updated": 1716394658376,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 361,
|
|
"versionNonce": 1828536150,
|
|
"index": "b23z",
|
|
"isDeleted": false,
|
|
"id": "OqZ7CUl953dZQR2dSKReQ",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4000.859782498097,
|
|
"y": 560.8389460369044,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "#b2f2bb",
|
|
"width": 62.019927978515625,
|
|
"height": 25,
|
|
"seed": 345941713,
|
|
"groupIds": [
|
|
"1gYdf5mwbNPqrb-a6HTBZ"
|
|
],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": [],
|
|
"updated": 1716394658376,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "Submit",
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": "L99mYrEfDdb4zFXxRRni_",
|
|
"originalText": "Submit",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 707,
|
|
"versionNonce": 120185302,
|
|
"index": "b23zO",
|
|
"isDeleted": false,
|
|
"id": "CtuGNZPba8NyPZk88J7s8",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 3558.542542031762,
|
|
"y": 275.3652237370153,
|
|
"strokeColor": "#f08c00",
|
|
"backgroundColor": "#1e1e1e",
|
|
"width": 470.59942626953125,
|
|
"height": 100,
|
|
"seed": 1524551249,
|
|
"groupIds": [
|
|
"1gYdf5mwbNPqrb-a6HTBZ"
|
|
],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": [
|
|
{
|
|
"id": "7cCGCK19isJ-_WCcwI7wa",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "pkdiWw5eIfv7WIZdvaJWC",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "7y2HUqKk04ey7T2IvFH-g",
|
|
"type": "arrow"
|
|
}
|
|
],
|
|
"updated": 1716394658376,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "JS:\n- validate first name - required, min/max length\n- validate age - integer type, range\n- validate if checkbox is checked",
|
|
"textAlign": "left",
|
|
"verticalAlign": "top",
|
|
"containerId": null,
|
|
"originalText": "JS:\n- validate first name - required, min/max length\n- validate age - integer type, range\n- validate if checkbox is checked",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "arrow",
|
|
"version": 1393,
|
|
"versionNonce": 364668298,
|
|
"index": "b23zV",
|
|
"isDeleted": false,
|
|
"id": "7cCGCK19isJ-_WCcwI7wa",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 40,
|
|
"angle": 0,
|
|
"x": 3625.6631072649648,
|
|
"y": 386.16581341753096,
|
|
"strokeColor": "#e03131",
|
|
"backgroundColor": "#1e1e1e",
|
|
"width": 58.61334765742504,
|
|
"height": 72.14246999161776,
|
|
"seed": 1242998257,
|
|
"groupIds": [
|
|
"1gYdf5mwbNPqrb-a6HTBZ"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 2
|
|
},
|
|
"boundElements": [],
|
|
"updated": 1716394658839,
|
|
"link": null,
|
|
"locked": false,
|
|
"startBinding": {
|
|
"elementId": "CtuGNZPba8NyPZk88J7s8",
|
|
"focus": 0.4304848836819017,
|
|
"gap": 10.800589680515657
|
|
},
|
|
"endBinding": {
|
|
"elementId": "L3nxdOdgsVIetnPyttsie",
|
|
"focus": -0.7649243364844155,
|
|
"gap": 3.888175737060294
|
|
},
|
|
"lastCommittedPoint": null,
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow",
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
-58.61334765742504,
|
|
72.14246999161776
|
|
]
|
|
]
|
|
},
|
|
{
|
|
"type": "arrow",
|
|
"version": 1446,
|
|
"versionNonce": 1297353482,
|
|
"index": "b23zd",
|
|
"isDeleted": false,
|
|
"id": "7y2HUqKk04ey7T2IvFH-g",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 40,
|
|
"angle": 0,
|
|
"x": 3811.9720402833973,
|
|
"y": 387.58294502634686,
|
|
"strokeColor": "#e03131",
|
|
"backgroundColor": "#1e1e1e",
|
|
"width": 228.36471801682046,
|
|
"height": 166.42714549005422,
|
|
"seed": 1002592686,
|
|
"groupIds": [
|
|
"1gYdf5mwbNPqrb-a6HTBZ"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 2
|
|
},
|
|
"boundElements": [],
|
|
"updated": 1716394658839,
|
|
"link": null,
|
|
"locked": false,
|
|
"startBinding": {
|
|
"elementId": "CtuGNZPba8NyPZk88J7s8",
|
|
"focus": -0.34057202760794203,
|
|
"gap": 12.217721289331564
|
|
},
|
|
"endBinding": null,
|
|
"lastCommittedPoint": null,
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow",
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
-228.36471801682046,
|
|
166.42714549005422
|
|
]
|
|
]
|
|
},
|
|
{
|
|
"type": "arrow",
|
|
"version": 1398,
|
|
"versionNonce": 1775873866,
|
|
"index": "b23zl",
|
|
"isDeleted": false,
|
|
"id": "pkdiWw5eIfv7WIZdvaJWC",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 40,
|
|
"angle": 0,
|
|
"x": 3890.4108399551537,
|
|
"y": 382.6573580083747,
|
|
"strokeColor": "#e03131",
|
|
"backgroundColor": "#1e1e1e",
|
|
"width": 26.609776560115733,
|
|
"height": 68.3428715260128,
|
|
"seed": 1105105841,
|
|
"groupIds": [
|
|
"1gYdf5mwbNPqrb-a6HTBZ"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 2
|
|
},
|
|
"boundElements": [],
|
|
"updated": 1716394658839,
|
|
"link": null,
|
|
"locked": false,
|
|
"startBinding": {
|
|
"elementId": "CtuGNZPba8NyPZk88J7s8",
|
|
"focus": -0.29148722530331406,
|
|
"gap": 7.292134271359373
|
|
},
|
|
"endBinding": {
|
|
"elementId": "GnpZH4CbZXR-nJIdL5nG0",
|
|
"focus": -0.44847971905707773,
|
|
"gap": 11.196229611821536
|
|
},
|
|
"lastCommittedPoint": null,
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow",
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
26.609776560115733,
|
|
68.3428715260128
|
|
]
|
|
]
|
|
},
|
|
{
|
|
"type": "arrow",
|
|
"version": 1051,
|
|
"versionNonce": 578413770,
|
|
"index": "b24",
|
|
"isDeleted": false,
|
|
"id": "ttHl6XtQTGZpbgzKKLYfa",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4053.9395096381722,
|
|
"y": 599.4249507084958,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "#1e1e1e",
|
|
"width": 72.10899021038495,
|
|
"height": 86.6101780771794,
|
|
"seed": 1268643487,
|
|
"groupIds": [
|
|
"1gYdf5mwbNPqrb-a6HTBZ"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 2
|
|
},
|
|
"boundElements": [
|
|
{
|
|
"type": "text",
|
|
"id": "ToVp45eDcAtA8o3pnNl6P"
|
|
}
|
|
],
|
|
"updated": 1716394658839,
|
|
"link": null,
|
|
"locked": false,
|
|
"startBinding": {
|
|
"elementId": "L99mYrEfDdb4zFXxRRni_",
|
|
"focus": -0.004602626833327882,
|
|
"gap": 6.783529718436739
|
|
},
|
|
"endBinding": {
|
|
"elementId": "9CpmyoXeNo-Sf5N1SL-mm",
|
|
"focus": 0.16492447921100303,
|
|
"gap": 3.5885894880179308
|
|
},
|
|
"lastCommittedPoint": null,
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow",
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
72.10899021038495,
|
|
86.6101780771794
|
|
]
|
|
]
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 132,
|
|
"versionNonce": 1852451798,
|
|
"index": "b24V",
|
|
"isDeleted": false,
|
|
"id": "ToVp45eDcAtA8o3pnNl6P",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 3908.0328035065663,
|
|
"y": 597.7670061160884,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "#b2f2bb",
|
|
"width": 60.71992492675781,
|
|
"height": 25,
|
|
"seed": 1745236145,
|
|
"groupIds": [
|
|
"1gYdf5mwbNPqrb-a6HTBZ"
|
|
],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": [],
|
|
"updated": 1716394658376,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "submit",
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": "ttHl6XtQTGZpbgzKKLYfa",
|
|
"originalText": "submit",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "rectangle",
|
|
"version": 415,
|
|
"versionNonce": 790774038,
|
|
"index": "b25",
|
|
"isDeleted": false,
|
|
"id": "9CpmyoXeNo-Sf5N1SL-mm",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4057.974343314024,
|
|
"y": 689.6237182736932,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "#b2f2bb",
|
|
"width": 266.8682232345332,
|
|
"height": 242.7263250314551,
|
|
"seed": 1507169247,
|
|
"groupIds": [
|
|
"1gYdf5mwbNPqrb-a6HTBZ"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"boundElements": [
|
|
{
|
|
"id": "ttHl6XtQTGZpbgzKKLYfa",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "--6Le4Lkq9IaR6IvBXjtS"
|
|
},
|
|
{
|
|
"id": "vvTlZnX_KMLI6wUrCpSce",
|
|
"type": "arrow"
|
|
}
|
|
],
|
|
"updated": 1716394658376,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 368,
|
|
"versionNonce": 1655025238,
|
|
"index": "b26",
|
|
"isDeleted": false,
|
|
"id": "--6Le4Lkq9IaR6IvBXjtS",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4108.638557470354,
|
|
"y": 785.9868807894208,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "#b2f2bb",
|
|
"width": 165.539794921875,
|
|
"height": 50,
|
|
"seed": 299896849,
|
|
"groupIds": [
|
|
"1gYdf5mwbNPqrb-a6HTBZ"
|
|
],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": [],
|
|
"updated": 1716394658376,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "... and do all\nvalidations again",
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": "9CpmyoXeNo-Sf5N1SL-mm",
|
|
"originalText": "... and do all\nvalidations again",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 318,
|
|
"versionNonce": 1271642326,
|
|
"index": "b27",
|
|
"isDeleted": false,
|
|
"id": "Amzy3XcAdCK8HIuwhZTRB",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4078.5858709706545,
|
|
"y": 708.8177563992256,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "#b2f2bb",
|
|
"width": 74.93992614746094,
|
|
"height": 25,
|
|
"seed": 679329119,
|
|
"groupIds": [
|
|
"1gYdf5mwbNPqrb-a6HTBZ"
|
|
],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": [],
|
|
"updated": 1716394668993,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "backend",
|
|
"textAlign": "left",
|
|
"verticalAlign": "top",
|
|
"containerId": null,
|
|
"originalText": "backend",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "arrow",
|
|
"version": 1232,
|
|
"versionNonce": 1437252170,
|
|
"index": "b28",
|
|
"isDeleted": false,
|
|
"id": "vvTlZnX_KMLI6wUrCpSce",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4052.3009673997567,
|
|
"y": 857.476362091317,
|
|
"strokeColor": "#e03131",
|
|
"backgroundColor": "#b2f2bb",
|
|
"width": 279.005327332437,
|
|
"height": 225.96294368949498,
|
|
"seed": 1419035985,
|
|
"groupIds": [
|
|
"1gYdf5mwbNPqrb-a6HTBZ"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 2
|
|
},
|
|
"boundElements": [
|
|
{
|
|
"type": "text",
|
|
"id": "Hny75F23tR3Vu7CQZzYAk"
|
|
}
|
|
],
|
|
"updated": 1716394658839,
|
|
"link": null,
|
|
"locked": false,
|
|
"startBinding": {
|
|
"elementId": "9CpmyoXeNo-Sf5N1SL-mm",
|
|
"focus": -0.6936802113748598,
|
|
"gap": 5.673375914266671
|
|
},
|
|
"endBinding": {
|
|
"elementId": "MSDhOoqcfwMkPZ9snvyaw",
|
|
"focus": 0.2935683988742826,
|
|
"gap": 4.596965006515148
|
|
},
|
|
"lastCommittedPoint": null,
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow",
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
-279.005327332437,
|
|
-225.96294368949498
|
|
]
|
|
]
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 162,
|
|
"versionNonce": 1465907350,
|
|
"index": "b29",
|
|
"isDeleted": false,
|
|
"id": "Hny75F23tR3Vu7CQZzYAk",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 3871.6180583839846,
|
|
"y": 798.21797033888,
|
|
"strokeColor": "#e03131",
|
|
"backgroundColor": "#b2f2bb",
|
|
"width": 176.73980712890625,
|
|
"height": 50,
|
|
"seed": 345091537,
|
|
"groupIds": [
|
|
"1gYdf5mwbNPqrb-a6HTBZ"
|
|
],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": [],
|
|
"updated": 1716394658376,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "return errors\nand show somehow",
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": "vvTlZnX_KMLI6wUrCpSce",
|
|
"originalText": "return errors\nand show somehow",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "rectangle",
|
|
"version": 227,
|
|
"versionNonce": 960525782,
|
|
"index": "b292",
|
|
"isDeleted": false,
|
|
"id": "UpPuNNuRww6hdTMQp1IkE",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 3453.5767763719596,
|
|
"y": 564.7222355343586,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "#1e1e1e",
|
|
"width": 19.73138793326916,
|
|
"height": 18.015654198222705,
|
|
"seed": 864303231,
|
|
"groupIds": [
|
|
"WQPO56Mzwd7vMick1-NVu",
|
|
"1gYdf5mwbNPqrb-a6HTBZ"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"boundElements": [],
|
|
"updated": 1716394658376,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 283,
|
|
"versionNonce": 695343562,
|
|
"index": "b294",
|
|
"isDeleted": false,
|
|
"id": "E6Obx5yiwW8rvQp00zZdL",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 3493.468506125906,
|
|
"y": 560.8389460369044,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "#1e1e1e",
|
|
"width": 74.73991394042969,
|
|
"height": 25,
|
|
"seed": 895510271,
|
|
"groupIds": [
|
|
"WQPO56Mzwd7vMick1-NVu",
|
|
"1gYdf5mwbNPqrb-a6HTBZ"
|
|
],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": [],
|
|
"updated": 1716394658839,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "I agree",
|
|
"textAlign": "left",
|
|
"verticalAlign": "top",
|
|
"containerId": null,
|
|
"originalText": "I agree",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "rectangle",
|
|
"version": 792,
|
|
"versionNonce": 436261910,
|
|
"index": "b298",
|
|
"isDeleted": false,
|
|
"id": "Bhx_mN_T2BbdYljDqNbOJ",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 3394.8889725559566,
|
|
"y": 1938.638515712742,
|
|
"strokeColor": "#1971c2",
|
|
"backgroundColor": "#a5d8ff",
|
|
"width": 729.9362908913769,
|
|
"height": 213.93684780007993,
|
|
"seed": 1681341358,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"boundElements": [
|
|
{
|
|
"id": "fLf0te78v3WtxoAYkHx5s",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "aXNBUMvq4Fwfts3jg_-W2",
|
|
"type": "arrow"
|
|
}
|
|
],
|
|
"updated": 1716394784152,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"type": "rectangle",
|
|
"version": 1179,
|
|
"versionNonce": 492814742,
|
|
"index": "b299",
|
|
"isDeleted": false,
|
|
"id": "IM6UFGCuy3loiBad98_IQ",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 3407.6167974508,
|
|
"y": 2349.0831769771426,
|
|
"strokeColor": "#1971c2",
|
|
"backgroundColor": "#a5d8ff",
|
|
"width": 729.9362908913769,
|
|
"height": 213.93684780007993,
|
|
"seed": 1302504726,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"boundElements": [
|
|
{
|
|
"id": "fLf0te78v3WtxoAYkHx5s",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "aXNBUMvq4Fwfts3jg_-W2",
|
|
"type": "arrow"
|
|
}
|
|
],
|
|
"updated": 1716394784152,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 350,
|
|
"versionNonce": 805914442,
|
|
"index": "b29A",
|
|
"isDeleted": false,
|
|
"id": "tBXOX-AFm6zizYQJjRBAg",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 3384.331078339944,
|
|
"y": 1734.5869869657668,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "#b2f2bb",
|
|
"width": 427.8697814941406,
|
|
"height": 35,
|
|
"seed": 179183154,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": [],
|
|
"updated": 1716394315418,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 28,
|
|
"fontFamily": 1,
|
|
"text": "Form validation example - htmx",
|
|
"textAlign": "left",
|
|
"verticalAlign": "top",
|
|
"containerId": null,
|
|
"originalText": "Form validation example - htmx",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "rectangle",
|
|
"version": 370,
|
|
"versionNonce": 2061999666,
|
|
"index": "b29C",
|
|
"isDeleted": false,
|
|
"id": "AOQ7i8UGQ2RgvQoVUUfcC",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 3511.7146183392188,
|
|
"y": 1987.855369263724,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "#1e1e1e",
|
|
"width": 231.20074555044675,
|
|
"height": 35.602354509036786,
|
|
"seed": 1433376238,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"boundElements": [
|
|
{
|
|
"id": "8H8tqgVVM5LcqugJJ5-Fv",
|
|
"type": "arrow"
|
|
}
|
|
],
|
|
"updated": 1716224800929,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"type": "rectangle",
|
|
"version": 755,
|
|
"versionNonce": 722376138,
|
|
"index": "b29E",
|
|
"isDeleted": false,
|
|
"id": "Gzlnt3O0zDWGTBgd2cBYz",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 3524.442443234062,
|
|
"y": 2398.300030528125,
|
|
"strokeColor": "#e03131",
|
|
"backgroundColor": "#1e1e1e",
|
|
"width": 231.20074555044675,
|
|
"height": 35.602354509036786,
|
|
"seed": 1326866250,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"boundElements": null,
|
|
"updated": 1716394793822,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"type": "rectangle",
|
|
"version": 432,
|
|
"versionNonce": 1066276334,
|
|
"index": "b29G",
|
|
"isDeleted": false,
|
|
"id": "U35ZEduuESHtOlIjzmPzG",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 3846.0620020494534,
|
|
"y": 1987.855369263724,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "#1e1e1e",
|
|
"width": 231.20074555044675,
|
|
"height": 35.602354509036786,
|
|
"seed": 728729586,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"boundElements": [
|
|
{
|
|
"id": "dchVt5Urd32vgjAJBKrMi",
|
|
"type": "arrow"
|
|
}
|
|
],
|
|
"updated": 1716224800929,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"type": "rectangle",
|
|
"version": 817,
|
|
"versionNonce": 782440726,
|
|
"index": "b29H",
|
|
"isDeleted": false,
|
|
"id": "gFLCG5Nb1pV7lcpNMPeKw",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 3858.7898269442967,
|
|
"y": 2398.300030528125,
|
|
"strokeColor": "#e03131",
|
|
"backgroundColor": "#1e1e1e",
|
|
"width": 231.20074555044675,
|
|
"height": 35.602354509036786,
|
|
"seed": 460952150,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"boundElements": null,
|
|
"updated": 1716394797872,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 311,
|
|
"versionNonce": 629746262,
|
|
"index": "b29I",
|
|
"isDeleted": false,
|
|
"id": "PqiLgRwfCOhTB3IIzSRWP",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 3430.939238558649,
|
|
"y": 1993.1565465182425,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "#1e1e1e",
|
|
"width": 49.8199462890625,
|
|
"height": 25,
|
|
"seed": 723691566,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": [],
|
|
"updated": 1716394315418,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "Name",
|
|
"textAlign": "left",
|
|
"verticalAlign": "top",
|
|
"containerId": null,
|
|
"originalText": "Name",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 695,
|
|
"versionNonce": 2055351562,
|
|
"index": "b29J",
|
|
"isDeleted": false,
|
|
"id": "lVZz9I5cC-vt4O2kwrn8B",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 3443.667063453492,
|
|
"y": 2403.601207782643,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "#1e1e1e",
|
|
"width": 49.8199462890625,
|
|
"height": 25,
|
|
"seed": 543155722,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": null,
|
|
"updated": 1716394763929,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "Name",
|
|
"textAlign": "left",
|
|
"verticalAlign": "top",
|
|
"containerId": null,
|
|
"originalText": "Name",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 420,
|
|
"versionNonce": 850775562,
|
|
"index": "b29K",
|
|
"isDeleted": false,
|
|
"id": "yFIdF_0A6P9ZGD8QTL1Ls",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 3794.6493603928284,
|
|
"y": 1993.1565465182425,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "#1e1e1e",
|
|
"width": 34.07997131347656,
|
|
"height": 25,
|
|
"seed": 199080370,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": [],
|
|
"updated": 1716394315418,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "Age",
|
|
"textAlign": "left",
|
|
"verticalAlign": "top",
|
|
"containerId": null,
|
|
"originalText": "Age",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 804,
|
|
"versionNonce": 277609418,
|
|
"index": "b29M",
|
|
"isDeleted": false,
|
|
"id": "m_MUzzGVo4o4UuDK9Ee-H",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 3807.3771852876716,
|
|
"y": 2403.601207782643,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "#1e1e1e",
|
|
"width": 34.07997131347656,
|
|
"height": 25,
|
|
"seed": 41998230,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": null,
|
|
"updated": 1716394763929,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "Age",
|
|
"textAlign": "left",
|
|
"verticalAlign": "top",
|
|
"containerId": null,
|
|
"originalText": "Age",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "rectangle",
|
|
"version": 429,
|
|
"versionNonce": 1538734514,
|
|
"index": "b29O",
|
|
"isDeleted": false,
|
|
"id": "ItVkHfcgRrpXW_77a9LT1",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 3950.0016890506795,
|
|
"y": 2079.695381201265,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "#b2f2bb",
|
|
"width": 120.53326066583486,
|
|
"height": 38.60494990630923,
|
|
"seed": 1966699118,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"boundElements": [
|
|
{
|
|
"id": "mvXrTqaKz6wOo_iQ4YEVw",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "DlEnHwSXKlyQnH19ePrvh"
|
|
}
|
|
],
|
|
"updated": 1716224800929,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 435,
|
|
"versionNonce": 1457352598,
|
|
"index": "b29Q",
|
|
"isDeleted": false,
|
|
"id": "DlEnHwSXKlyQnH19ePrvh",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 3979.2583553943396,
|
|
"y": 2086.4978561544194,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "#b2f2bb",
|
|
"width": 62.019927978515625,
|
|
"height": 25,
|
|
"seed": 723497842,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": [],
|
|
"updated": 1716394315418,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "Submit",
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": "ItVkHfcgRrpXW_77a9LT1",
|
|
"originalText": "Submit",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "rectangle",
|
|
"version": 815,
|
|
"versionNonce": 1240330890,
|
|
"index": "b29QV",
|
|
"isDeleted": false,
|
|
"id": "c9GC-I4q8ZDtnpRlmHCfF",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 3962.7295139455227,
|
|
"y": 2490.1400424656654,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "#b2f2bb",
|
|
"width": 120.53326066583486,
|
|
"height": 38.60494990630923,
|
|
"seed": 71996618,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"boundElements": [
|
|
{
|
|
"id": "mvXrTqaKz6wOo_iQ4YEVw",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "jhZkXfbxa3iT_TK6qvYl8"
|
|
}
|
|
],
|
|
"updated": 1716394763929,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 820,
|
|
"versionNonce": 1499664714,
|
|
"index": "b29R",
|
|
"isDeleted": false,
|
|
"id": "jhZkXfbxa3iT_TK6qvYl8",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 3991.986180289183,
|
|
"y": 2496.94251741882,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "#b2f2bb",
|
|
"width": 62.019927978515625,
|
|
"height": 25,
|
|
"seed": 720205014,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": null,
|
|
"updated": 1716394763929,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "Submit",
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": "c9GC-I4q8ZDtnpRlmHCfF",
|
|
"originalText": "Submit",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 827,
|
|
"versionNonce": 67556170,
|
|
"index": "b29S",
|
|
"isDeleted": false,
|
|
"id": "v4geU8IJh7Rl2AgkGYZFe",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 3536.941114928004,
|
|
"y": 1801.0241338545302,
|
|
"strokeColor": "#f08c00",
|
|
"backgroundColor": "#1e1e1e",
|
|
"width": 338.359619140625,
|
|
"height": 50,
|
|
"seed": 1585247406,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": [
|
|
{
|
|
"id": "8H8tqgVVM5LcqugJJ5-Fv",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "G4qDApb3GJQRp8DqtZMgs",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "dchVt5Urd32vgjAJBKrMi",
|
|
"type": "arrow"
|
|
}
|
|
],
|
|
"updated": 1716394516292,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "JS:\n- define HTML 5 input constraints",
|
|
"textAlign": "left",
|
|
"verticalAlign": "top",
|
|
"containerId": null,
|
|
"originalText": "JS:\n- define HTML 5 input constraints",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "arrow",
|
|
"version": 1661,
|
|
"versionNonce": 1722681546,
|
|
"index": "b29V",
|
|
"isDeleted": false,
|
|
"id": "8H8tqgVVM5LcqugJJ5-Fv",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 40,
|
|
"angle": 0,
|
|
"x": 3608.5975880248334,
|
|
"y": 1861.824723535046,
|
|
"strokeColor": "#e03131",
|
|
"backgroundColor": "#1e1e1e",
|
|
"width": 65.38652400273531,
|
|
"height": 122.14246999161787,
|
|
"seed": 192705842,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 2
|
|
},
|
|
"boundElements": [],
|
|
"updated": 1716394516293,
|
|
"link": null,
|
|
"locked": false,
|
|
"startBinding": {
|
|
"elementId": "v4geU8IJh7Rl2AgkGYZFe",
|
|
"focus": 0.43048488368190196,
|
|
"gap": 10.800589680515714
|
|
},
|
|
"endBinding": {
|
|
"elementId": "AOQ7i8UGQ2RgvQoVUUfcC",
|
|
"focus": -0.7649243364844192,
|
|
"gap": 3.888175737060351
|
|
},
|
|
"lastCommittedPoint": null,
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow",
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
-65.38652400273531,
|
|
122.14246999161787
|
|
]
|
|
]
|
|
},
|
|
{
|
|
"type": "arrow",
|
|
"version": 1603,
|
|
"versionNonce": 172384138,
|
|
"index": "b29X",
|
|
"isDeleted": false,
|
|
"id": "G4qDApb3GJQRp8DqtZMgs",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 40,
|
|
"angle": 0,
|
|
"x": 3740.117034365649,
|
|
"y": 1863.2418551438618,
|
|
"strokeColor": "#e03131",
|
|
"backgroundColor": "#1e1e1e",
|
|
"width": 178.1111392028297,
|
|
"height": 216.42714549005422,
|
|
"seed": 1352019694,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 2
|
|
},
|
|
"boundElements": [],
|
|
"updated": 1716394516293,
|
|
"link": null,
|
|
"locked": false,
|
|
"startBinding": {
|
|
"elementId": "v4geU8IJh7Rl2AgkGYZFe",
|
|
"focus": -0.3405720276079439,
|
|
"gap": 12.217721289331621
|
|
},
|
|
"endBinding": null,
|
|
"lastCommittedPoint": null,
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow",
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
-178.1111392028297,
|
|
216.42714549005422
|
|
]
|
|
]
|
|
},
|
|
{
|
|
"type": "arrow",
|
|
"version": 1666,
|
|
"versionNonce": 254248202,
|
|
"index": "b29Z",
|
|
"isDeleted": false,
|
|
"id": "dchVt5Urd32vgjAJBKrMi",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 40,
|
|
"angle": 0,
|
|
"x": 3786.6313010578024,
|
|
"y": 1858.3162681258896,
|
|
"strokeColor": "#e03131",
|
|
"backgroundColor": "#1e1e1e",
|
|
"width": 93.85726558380611,
|
|
"height": 118.34287152601314,
|
|
"seed": 1314586354,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 2
|
|
},
|
|
"boundElements": [],
|
|
"updated": 1716394516293,
|
|
"link": null,
|
|
"locked": false,
|
|
"startBinding": {
|
|
"elementId": "v4geU8IJh7Rl2AgkGYZFe",
|
|
"focus": -0.29148722530331783,
|
|
"gap": 7.292134271359373
|
|
},
|
|
"endBinding": {
|
|
"elementId": "U35ZEduuESHtOlIjzmPzG",
|
|
"focus": -0.44847971905707384,
|
|
"gap": 11.19622961182165
|
|
},
|
|
"lastCommittedPoint": null,
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow",
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
93.85726558380611,
|
|
118.34287152601314
|
|
]
|
|
]
|
|
},
|
|
{
|
|
"type": "arrow",
|
|
"version": 1613,
|
|
"versionNonce": 822662102,
|
|
"index": "b29d",
|
|
"isDeleted": false,
|
|
"id": "mvXrTqaKz6wOo_iQ4YEVw",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4077.3184794349518,
|
|
"y": 2099.157194283581,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "#1e1e1e",
|
|
"width": 226.06611015442923,
|
|
"height": 0.8389355618965055,
|
|
"seed": 403579182,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 2
|
|
},
|
|
"boundElements": [
|
|
{
|
|
"type": "text",
|
|
"id": "fEwCn8bhULXVQ42wiQ_yu"
|
|
}
|
|
],
|
|
"updated": 1716394757828,
|
|
"link": null,
|
|
"locked": false,
|
|
"startBinding": {
|
|
"elementId": "ItVkHfcgRrpXW_77a9LT1",
|
|
"focus": -0.00460262683333117,
|
|
"gap": 6.7835297184369665
|
|
},
|
|
"endBinding": {
|
|
"elementId": "ZvJBizNCIvZ7iWy2OkGIV",
|
|
"focus": 0.1649244792109974,
|
|
"gap": 3.5885894880177602
|
|
},
|
|
"lastCommittedPoint": null,
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow",
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
226.06611015442923,
|
|
0.8389355618965055
|
|
]
|
|
]
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 206,
|
|
"versionNonce": 2012679382,
|
|
"index": "b29f",
|
|
"isDeleted": false,
|
|
"id": "fEwCn8bhULXVQ42wiQ_yu",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 3886.4313764028084,
|
|
"y": 2123.4259162336034,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "#b2f2bb",
|
|
"width": 60.71992492675781,
|
|
"height": 25,
|
|
"seed": 1346523314,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": [],
|
|
"updated": 1716394315418,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "submit",
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": "mvXrTqaKz6wOo_iQ4YEVw",
|
|
"originalText": "submit",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "rectangle",
|
|
"version": 647,
|
|
"versionNonce": 166831126,
|
|
"index": "b29h",
|
|
"isDeleted": false,
|
|
"id": "ZvJBizNCIvZ7iWy2OkGIV",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4306.9731790773985,
|
|
"y": 1999.2388842326022,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "#b2f2bb",
|
|
"width": 266.8682232345332,
|
|
"height": 242.7263250314551,
|
|
"seed": 139316078,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"boundElements": [
|
|
{
|
|
"id": "mvXrTqaKz6wOo_iQ4YEVw",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "fLf0te78v3WtxoAYkHx5s",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "CHtynK6clcAYQATcRk3R_"
|
|
}
|
|
],
|
|
"updated": 1716394757827,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 681,
|
|
"versionNonce": 328249686,
|
|
"index": "b29l",
|
|
"isDeleted": false,
|
|
"id": "CHtynK6clcAYQATcRk3R_",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4316.0374405359735,
|
|
"y": 2070.60204674833,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "#b2f2bb",
|
|
"width": 248.7397003173828,
|
|
"height": 100,
|
|
"seed": 1155099250,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": [],
|
|
"updated": 1716394757827,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "validate form values and\nrender back the whole \nform with invalidated \nfields",
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": "ZvJBizNCIvZ7iWy2OkGIV",
|
|
"originalText": "validate form values and render back the whole form with invalidated fields",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 504,
|
|
"versionNonce": 1711872918,
|
|
"index": "b29n",
|
|
"isDeleted": false,
|
|
"id": "0l0CuNA4To3zLg_BO99_y",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4323.021996682229,
|
|
"y": 2016.213338674234,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "#b2f2bb",
|
|
"width": 74.93992614746094,
|
|
"height": 25,
|
|
"seed": 530460078,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": [],
|
|
"updated": 1716394757828,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "backend",
|
|
"textAlign": "left",
|
|
"verticalAlign": "top",
|
|
"containerId": null,
|
|
"originalText": "backend",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "arrow",
|
|
"version": 2435,
|
|
"versionNonce": 499527178,
|
|
"index": "b29p",
|
|
"isDeleted": false,
|
|
"id": "fLf0te78v3WtxoAYkHx5s",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4301.299803163131,
|
|
"y": 2212.8328482919514,
|
|
"strokeColor": "#e03131",
|
|
"backgroundColor": "#b2f2bb",
|
|
"width": 157.92058050429387,
|
|
"height": 209.18985012543817,
|
|
"seed": 1390890034,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 2
|
|
},
|
|
"boundElements": [
|
|
{
|
|
"type": "text",
|
|
"id": "S8LHrwzSt7jGo3PF2scsd"
|
|
}
|
|
],
|
|
"updated": 1716394778955,
|
|
"link": null,
|
|
"locked": false,
|
|
"startBinding": {
|
|
"elementId": "ZvJBizNCIvZ7iWy2OkGIV",
|
|
"focus": 0.3087545737623115,
|
|
"gap": 5.673375914267581
|
|
},
|
|
"endBinding": {
|
|
"elementId": "IM6UFGCuy3loiBad98_IQ",
|
|
"focus": 0.7742644977957197,
|
|
"gap": 5.826134316660273
|
|
},
|
|
"lastCommittedPoint": null,
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow",
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
-157.92058050429387,
|
|
209.18985012543817
|
|
]
|
|
]
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 298,
|
|
"versionNonce": 2147189898,
|
|
"index": "b29t",
|
|
"isDeleted": false,
|
|
"id": "S8LHrwzSt7jGo3PF2scsd",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 3793.7443293073047,
|
|
"y": 2277.641336798979,
|
|
"strokeColor": "#e03131",
|
|
"backgroundColor": "#b2f2bb",
|
|
"width": 216.6597900390625,
|
|
"height": 75,
|
|
"seed": 724060142,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": [],
|
|
"updated": 1716394761015,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "return rendered HTML\nand replace form with\nit",
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": "fLf0te78v3WtxoAYkHx5s",
|
|
"originalText": "return rendered HTML and replace form with it",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "rectangle",
|
|
"version": 299,
|
|
"versionNonce": 784779246,
|
|
"index": "b29v",
|
|
"isDeleted": false,
|
|
"id": "inikI6pq1-LlOZllpxwDs",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 3431.975349268202,
|
|
"y": 2090.3811456518733,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "#1e1e1e",
|
|
"width": 19.73138793326916,
|
|
"height": 18.015654198222705,
|
|
"seed": 810743282,
|
|
"groupIds": [
|
|
"y7LH2lnybQAZKoYYVOefk"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"boundElements": [],
|
|
"updated": 1716224800929,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 354,
|
|
"versionNonce": 1160662870,
|
|
"index": "b29x",
|
|
"isDeleted": false,
|
|
"id": "irdmSeeUOK_GbMdITFiWA",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 3471.8670790221486,
|
|
"y": 2086.4978561544194,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "#1e1e1e",
|
|
"width": 74.73991394042969,
|
|
"height": 25,
|
|
"seed": 1794447918,
|
|
"groupIds": [
|
|
"y7LH2lnybQAZKoYYVOefk"
|
|
],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": [],
|
|
"updated": 1716394315418,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "I agree",
|
|
"textAlign": "left",
|
|
"verticalAlign": "top",
|
|
"containerId": null,
|
|
"originalText": "I agree",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "rectangle",
|
|
"version": 683,
|
|
"versionNonce": 1648777226,
|
|
"index": "b29z",
|
|
"isDeleted": false,
|
|
"id": "ZCCEm6B5MShvIJWwk5vNG",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 3444.7031741630453,
|
|
"y": 2500.825806916274,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "#1e1e1e",
|
|
"width": 19.73138793326916,
|
|
"height": 18.015654198222705,
|
|
"seed": 1550936970,
|
|
"groupIds": [
|
|
"nBuTrnkUsdaITknO2oRB8"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"boundElements": null,
|
|
"updated": 1716394763929,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 738,
|
|
"versionNonce": 1687340746,
|
|
"index": "b2A",
|
|
"isDeleted": false,
|
|
"id": "9EiexOTHUvgssK_8IV_nu",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 3484.594903916992,
|
|
"y": 2496.94251741882,
|
|
"strokeColor": "#1e1e1e",
|
|
"backgroundColor": "#1e1e1e",
|
|
"width": 74.73991394042969,
|
|
"height": 25,
|
|
"seed": 1851025942,
|
|
"groupIds": [
|
|
"nBuTrnkUsdaITknO2oRB8"
|
|
],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": null,
|
|
"updated": 1716394763929,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "I agree",
|
|
"textAlign": "left",
|
|
"verticalAlign": "top",
|
|
"containerId": null,
|
|
"originalText": "I agree",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "rectangle",
|
|
"version": 234,
|
|
"versionNonce": 698928202,
|
|
"index": "b2o",
|
|
"isDeleted": false,
|
|
"id": "uCPs1GYyztTBS_JD7zqfG",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4469.147404439492,
|
|
"y": 226.41084096057773,
|
|
"strokeColor": "#1971c2",
|
|
"backgroundColor": "transparent",
|
|
"width": 174.8202538141104,
|
|
"height": 77.2461817051203,
|
|
"seed": 965575218,
|
|
"groupIds": [
|
|
"fDmVuJgENTROQzRMId0e1"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"boundElements": [
|
|
{
|
|
"type": "text",
|
|
"id": "-_ywksZNWJUstza5vSfTy"
|
|
},
|
|
{
|
|
"id": "pgbEgMuCm_V2Zpy7scvJe",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "9l0YkIPvDAM9l9fSJGXMo",
|
|
"type": "arrow"
|
|
}
|
|
],
|
|
"updated": 1716394869748,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 238,
|
|
"versionNonce": 941404938,
|
|
"index": "b2p",
|
|
"isDeleted": false,
|
|
"id": "-_ywksZNWJUstza5vSfTy",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4507.557592381703,
|
|
"y": 252.53393181313788,
|
|
"strokeColor": "#1971c2",
|
|
"backgroundColor": "transparent",
|
|
"width": 97.9998779296875,
|
|
"height": 25,
|
|
"seed": 1662931374,
|
|
"groupIds": [
|
|
"fDmVuJgENTROQzRMId0e1"
|
|
],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": [],
|
|
"updated": 1716394869748,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "user input",
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": "uCPs1GYyztTBS_JD7zqfG",
|
|
"originalText": "user input",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "rectangle",
|
|
"version": 308,
|
|
"versionNonce": 1786992458,
|
|
"index": "b2q",
|
|
"isDeleted": false,
|
|
"id": "najA6H3ThhuBgmGRvzVp-",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4469.147404439492,
|
|
"y": 353.68814642024694,
|
|
"strokeColor": "#1971c2",
|
|
"backgroundColor": "transparent",
|
|
"width": 174.8202538141104,
|
|
"height": 77.2461817051203,
|
|
"seed": 1514609010,
|
|
"groupIds": [
|
|
"fDmVuJgENTROQzRMId0e1"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"boundElements": [
|
|
{
|
|
"type": "text",
|
|
"id": "wbT9fyWnAMF5o8ruwgjiL"
|
|
},
|
|
{
|
|
"id": "9l0YkIPvDAM9l9fSJGXMo",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "d6wyQQxY3xGpKrb7p46Xu",
|
|
"type": "arrow"
|
|
}
|
|
],
|
|
"updated": 1716394869748,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 313,
|
|
"versionNonce": 862838282,
|
|
"index": "b2r",
|
|
"isDeleted": false,
|
|
"id": "wbT9fyWnAMF5o8ruwgjiL",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4501.467596043813,
|
|
"y": 379.8112372728071,
|
|
"strokeColor": "#1971c2",
|
|
"backgroundColor": "transparent",
|
|
"width": 110.17987060546875,
|
|
"height": 25,
|
|
"seed": 610725550,
|
|
"groupIds": [
|
|
"fDmVuJgENTROQzRMId0e1"
|
|
],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": [],
|
|
"updated": 1716394869748,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "submit click",
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": "najA6H3ThhuBgmGRvzVp-",
|
|
"originalText": "submit click",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "rectangle",
|
|
"version": 391,
|
|
"versionNonce": 4219466,
|
|
"index": "b2s",
|
|
"isDeleted": false,
|
|
"id": "bJu5yiMUB64fS8gmJw2ck",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4468.60180616188,
|
|
"y": 480.5824332422907,
|
|
"strokeColor": "#1971c2",
|
|
"backgroundColor": "#a5d8ff",
|
|
"width": 174.8202538141104,
|
|
"height": 77.2461817051203,
|
|
"seed": 248258674,
|
|
"groupIds": [
|
|
"fDmVuJgENTROQzRMId0e1"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"boundElements": [
|
|
{
|
|
"type": "text",
|
|
"id": "djH_N9spJoJo3oAOvXklU"
|
|
},
|
|
{
|
|
"id": "d6wyQQxY3xGpKrb7p46Xu",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "jOAS3-UiUAaHoGsAtfm7_",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "4ZCpnRR-alerFjXwB9n3O",
|
|
"type": "arrow"
|
|
}
|
|
],
|
|
"updated": 1716394869748,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 397,
|
|
"versionNonce": 1129416970,
|
|
"index": "b2t",
|
|
"isDeleted": false,
|
|
"id": "djH_N9spJoJo3oAOvXklU",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4491.462006311122,
|
|
"y": 506.7055240948509,
|
|
"strokeColor": "#1971c2",
|
|
"backgroundColor": "transparent",
|
|
"width": 129.099853515625,
|
|
"height": 25,
|
|
"seed": 735696814,
|
|
"groupIds": [
|
|
"fDmVuJgENTROQzRMId0e1"
|
|
],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": [],
|
|
"updated": 1716394869748,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "JS validation",
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": "bJu5yiMUB64fS8gmJw2ck",
|
|
"originalText": "JS validation",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "rectangle",
|
|
"version": 438,
|
|
"versionNonce": 1250407434,
|
|
"index": "b2u",
|
|
"isDeleted": false,
|
|
"id": "BbdZDzGtZVsxl8a-Z9Qwa",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4469.147404439492,
|
|
"y": 607.250173716737,
|
|
"strokeColor": "#1971c2",
|
|
"backgroundColor": "transparent",
|
|
"width": 174.8202538141104,
|
|
"height": 77.2461817051203,
|
|
"seed": 2129503858,
|
|
"groupIds": [
|
|
"fDmVuJgENTROQzRMId0e1"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"boundElements": [
|
|
{
|
|
"type": "text",
|
|
"id": "-8wy_K0FIpSbvYt6C4-f7"
|
|
},
|
|
{
|
|
"id": "jOAS3-UiUAaHoGsAtfm7_",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "uSonGejbMCrOXS8khtYii",
|
|
"type": "arrow"
|
|
}
|
|
],
|
|
"updated": 1716394869748,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 466,
|
|
"versionNonce": 1950917322,
|
|
"index": "b2v",
|
|
"isDeleted": false,
|
|
"id": "-8wy_K0FIpSbvYt6C4-f7",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4505.00759695934,
|
|
"y": 620.8732645692971,
|
|
"strokeColor": "#1971c2",
|
|
"backgroundColor": "transparent",
|
|
"width": 103.09986877441406,
|
|
"height": 50,
|
|
"seed": 1828434350,
|
|
"groupIds": [
|
|
"fDmVuJgENTROQzRMId0e1"
|
|
],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": [],
|
|
"updated": 1716394869748,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "submit to \nbackend",
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": "BbdZDzGtZVsxl8a-Z9Qwa",
|
|
"originalText": "submit to backend",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "rectangle",
|
|
"version": 476,
|
|
"versionNonce": 1271947018,
|
|
"index": "b2w",
|
|
"isDeleted": false,
|
|
"id": "Z-EWgNEZlnWAAYpj8iW7m",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4469.147404439492,
|
|
"y": 732.9887349740484,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "#b2f2bb",
|
|
"width": 174.8202538141104,
|
|
"height": 77.2461817051203,
|
|
"seed": 1001791854,
|
|
"groupIds": [
|
|
"fDmVuJgENTROQzRMId0e1"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"boundElements": [
|
|
{
|
|
"type": "text",
|
|
"id": "_eohwPEZIfHyjGApjBmsF"
|
|
},
|
|
{
|
|
"id": "TB6ah1OuanyL7ebc5Bky0",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "uSonGejbMCrOXS8khtYii",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "qQQpaXAEBR2XX_IYGMKmV",
|
|
"type": "arrow"
|
|
}
|
|
],
|
|
"updated": 1716394869748,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 528,
|
|
"versionNonce": 1027861962,
|
|
"index": "b2x",
|
|
"isDeleted": false,
|
|
"id": "_eohwPEZIfHyjGApjBmsF",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4509.427587498891,
|
|
"y": 746.6118258266085,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "transparent",
|
|
"width": 94.2598876953125,
|
|
"height": 50,
|
|
"seed": 457798770,
|
|
"groupIds": [
|
|
"fDmVuJgENTROQzRMId0e1"
|
|
],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": [],
|
|
"updated": 1716394869748,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "backend \nvalidation",
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": "Z-EWgNEZlnWAAYpj8iW7m",
|
|
"originalText": "backend validation",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "rectangle",
|
|
"version": 541,
|
|
"versionNonce": 1690417354,
|
|
"index": "b2xG",
|
|
"isDeleted": false,
|
|
"id": "d9r3u6HtS7gducwgyhP_1",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4471.4678700384775,
|
|
"y": 859.1452501037463,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "transparent",
|
|
"width": 174.8202538141104,
|
|
"height": 77.2461817051203,
|
|
"seed": 1798666414,
|
|
"groupIds": [
|
|
"fDmVuJgENTROQzRMId0e1"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"boundElements": [
|
|
{
|
|
"id": "TB6ah1OuanyL7ebc5Bky0",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "uSonGejbMCrOXS8khtYii",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "qQQpaXAEBR2XX_IYGMKmV",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "Fsk_pqHt1R4mg5XGiiF7E"
|
|
}
|
|
],
|
|
"updated": 1716394869748,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 599,
|
|
"versionNonce": 1784942474,
|
|
"index": "b2xV",
|
|
"isDeleted": false,
|
|
"id": "Fsk_pqHt1R4mg5XGiiF7E",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4537.508017087134,
|
|
"y": 885.2683409563065,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "transparent",
|
|
"width": 42.739959716796875,
|
|
"height": 25,
|
|
"seed": 662581554,
|
|
"groupIds": [
|
|
"fDmVuJgENTROQzRMId0e1"
|
|
],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": [],
|
|
"updated": 1716394869748,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "done",
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": "d9r3u6HtS7gducwgyhP_1",
|
|
"originalText": "done",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "rectangle",
|
|
"version": 617,
|
|
"versionNonce": 520982090,
|
|
"index": "b2y",
|
|
"isDeleted": false,
|
|
"id": "MI8orVnYniUilV3AVDwpP",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4684.680016411455,
|
|
"y": 353.65710882674864,
|
|
"strokeColor": "#1971c2",
|
|
"backgroundColor": "#ffc9c9",
|
|
"width": 174.8202538141104,
|
|
"height": 77.2461817051203,
|
|
"seed": 1030744174,
|
|
"groupIds": [
|
|
"fDmVuJgENTROQzRMId0e1"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"boundElements": [
|
|
{
|
|
"type": "text",
|
|
"id": "J428_jwXpIczlA77CO5Bp"
|
|
},
|
|
{
|
|
"id": "pgbEgMuCm_V2Zpy7scvJe",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "TB6ah1OuanyL7ebc5Bky0",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "4ZCpnRR-alerFjXwB9n3O",
|
|
"type": "arrow"
|
|
}
|
|
],
|
|
"updated": 1716394869748,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 688,
|
|
"versionNonce": 1738093834,
|
|
"index": "b2z",
|
|
"isDeleted": false,
|
|
"id": "J428_jwXpIczlA77CO5Bp",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4720.030206795072,
|
|
"y": 367.2801996793088,
|
|
"strokeColor": "#1971c2",
|
|
"backgroundColor": "transparent",
|
|
"width": 104.119873046875,
|
|
"height": 50,
|
|
"seed": 3382642,
|
|
"groupIds": [
|
|
"fDmVuJgENTROQzRMId0e1"
|
|
],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": [],
|
|
"updated": 1716394869748,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "invalidate \ncontrols",
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": "MI8orVnYniUilV3AVDwpP",
|
|
"originalText": "invalidate controls",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "arrow",
|
|
"version": 644,
|
|
"versionNonce": 441739094,
|
|
"index": "b30",
|
|
"isDeleted": false,
|
|
"id": "pgbEgMuCm_V2Zpy7scvJe",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4767.903340466848,
|
|
"y": 351.08887464270686,
|
|
"strokeColor": "#f08c00",
|
|
"backgroundColor": "transparent",
|
|
"width": 115.02481571687895,
|
|
"height": 86.01507226422996,
|
|
"seed": 1451601330,
|
|
"groupIds": [
|
|
"fDmVuJgENTROQzRMId0e1"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 2
|
|
},
|
|
"boundElements": [],
|
|
"updated": 1716394869952,
|
|
"link": null,
|
|
"locked": false,
|
|
"startBinding": {
|
|
"elementId": "MI8orVnYniUilV3AVDwpP",
|
|
"focus": 0.08571539388873507,
|
|
"gap": 2.568234184041785
|
|
},
|
|
"endBinding": {
|
|
"elementId": "uCPs1GYyztTBS_JD7zqfG",
|
|
"focus": -0.34609499627221507,
|
|
"gap": 8.910866496366907
|
|
},
|
|
"lastCommittedPoint": null,
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow",
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
-20.612811068340307,
|
|
-66.85634376992101
|
|
],
|
|
[
|
|
-115.02481571687895,
|
|
-86.01507226422996
|
|
]
|
|
]
|
|
},
|
|
{
|
|
"type": "arrow",
|
|
"version": 639,
|
|
"versionNonce": 1456933334,
|
|
"index": "b31",
|
|
"isDeleted": false,
|
|
"id": "TB6ah1OuanyL7ebc5Bky0",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4647.00613221507,
|
|
"y": 773.3016983684811,
|
|
"strokeColor": "#e03131",
|
|
"backgroundColor": "transparent",
|
|
"width": 130.93793667239424,
|
|
"height": 335.932031243466,
|
|
"seed": 252312750,
|
|
"groupIds": [
|
|
"fDmVuJgENTROQzRMId0e1"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 2
|
|
},
|
|
"boundElements": [
|
|
{
|
|
"type": "text",
|
|
"id": "1d32VooHkT-mEceMP1Yg6"
|
|
}
|
|
],
|
|
"updated": 1716394869952,
|
|
"link": null,
|
|
"locked": false,
|
|
"startBinding": {
|
|
"elementId": "Z-EWgNEZlnWAAYpj8iW7m",
|
|
"focus": 0.5378436345312664,
|
|
"gap": 3.038473961467389
|
|
},
|
|
"endBinding": {
|
|
"elementId": "MI8orVnYniUilV3AVDwpP",
|
|
"focus": -0.06999752882082236,
|
|
"gap": 6.466376593146151
|
|
},
|
|
"lastCommittedPoint": null,
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow",
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
129.1953929213796,
|
|
-56.761612610833595
|
|
],
|
|
[
|
|
130.93793667239424,
|
|
-335.932031243466
|
|
]
|
|
]
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 209,
|
|
"versionNonce": 1796498826,
|
|
"index": "b31V",
|
|
"isDeleted": false,
|
|
"id": "1d32VooHkT-mEceMP1Yg6",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4752.291551991918,
|
|
"y": 704.0400857576475,
|
|
"strokeColor": "#e03131",
|
|
"backgroundColor": "transparent",
|
|
"width": 47.8199462890625,
|
|
"height": 25,
|
|
"seed": 580456690,
|
|
"groupIds": [
|
|
"fDmVuJgENTROQzRMId0e1"
|
|
],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": [],
|
|
"updated": 1716394869748,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "error",
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": "TB6ah1OuanyL7ebc5Bky0",
|
|
"originalText": "error",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "arrow",
|
|
"version": 588,
|
|
"versionNonce": 536022102,
|
|
"index": "b32",
|
|
"isDeleted": false,
|
|
"id": "9l0YkIPvDAM9l9fSJGXMo",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4551.238814247469,
|
|
"y": 306.3674123609332,
|
|
"strokeColor": "#f08c00",
|
|
"backgroundColor": "transparent",
|
|
"width": 0,
|
|
"height": 43.532041085028084,
|
|
"seed": 1094227122,
|
|
"groupIds": [
|
|
"fDmVuJgENTROQzRMId0e1"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 2
|
|
},
|
|
"boundElements": [],
|
|
"updated": 1716394869952,
|
|
"link": null,
|
|
"locked": false,
|
|
"startBinding": {
|
|
"elementId": "uCPs1GYyztTBS_JD7zqfG",
|
|
"focus": 0.060847836369500086,
|
|
"gap": 2.7103896952351647
|
|
},
|
|
"endBinding": {
|
|
"elementId": "najA6H3ThhuBgmGRvzVp-",
|
|
"focus": -0.06084783636950007,
|
|
"gap": 3.7886929742856523
|
|
},
|
|
"lastCommittedPoint": null,
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow",
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
0,
|
|
43.532041085028084
|
|
]
|
|
]
|
|
},
|
|
{
|
|
"type": "arrow",
|
|
"version": 585,
|
|
"versionNonce": 1724935894,
|
|
"index": "b33",
|
|
"isDeleted": false,
|
|
"id": "d6wyQQxY3xGpKrb7p46Xu",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4556.657594927644,
|
|
"y": 433.0181353872931,
|
|
"strokeColor": "#f08c00",
|
|
"backgroundColor": "transparent",
|
|
"width": 0.7353782825011876,
|
|
"height": 44.955948910892744,
|
|
"seed": 812050034,
|
|
"groupIds": [
|
|
"fDmVuJgENTROQzRMId0e1"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 2
|
|
},
|
|
"boundElements": [],
|
|
"updated": 1716394869952,
|
|
"link": null,
|
|
"locked": false,
|
|
"startBinding": {
|
|
"elementId": "najA6H3ThhuBgmGRvzVp-",
|
|
"focus": -0.008699685286076503,
|
|
"gap": 2.0838072619258696
|
|
},
|
|
"endBinding": {
|
|
"elementId": "bJu5yiMUB64fS8gmJw2ck",
|
|
"focus": -0.008679617181564268,
|
|
"gap": 2.6083489441048187
|
|
},
|
|
"lastCommittedPoint": null,
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow",
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
-0.7353782825011876,
|
|
44.955948910892744
|
|
]
|
|
]
|
|
},
|
|
{
|
|
"type": "arrow",
|
|
"version": 592,
|
|
"versionNonce": 1922511190,
|
|
"index": "b34",
|
|
"isDeleted": false,
|
|
"id": "jOAS3-UiUAaHoGsAtfm7_",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4557.273944030272,
|
|
"y": 562.8997142432703,
|
|
"strokeColor": "#f08c00",
|
|
"backgroundColor": "transparent",
|
|
"width": 1.2006116676247984,
|
|
"height": 42.018991327797494,
|
|
"seed": 1070840818,
|
|
"groupIds": [
|
|
"fDmVuJgENTROQzRMId0e1"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 2
|
|
},
|
|
"boundElements": [],
|
|
"updated": 1716394869952,
|
|
"link": null,
|
|
"locked": false,
|
|
"startBinding": {
|
|
"elementId": "bJu5yiMUB64fS8gmJw2ck",
|
|
"focus": -0.02836270542894453,
|
|
"gap": 5.071099295859312
|
|
},
|
|
"endBinding": {
|
|
"elementId": "BbdZDzGtZVsxl8a-Z9Qwa",
|
|
"focus": -0.01869085140553585,
|
|
"gap": 2.3314681456691915
|
|
},
|
|
"lastCommittedPoint": null,
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow",
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
-1.2006116676247984,
|
|
42.018991327797494
|
|
]
|
|
]
|
|
},
|
|
{
|
|
"type": "arrow",
|
|
"version": 596,
|
|
"versionNonce": 1617908694,
|
|
"index": "b35",
|
|
"isDeleted": false,
|
|
"id": "uSonGejbMCrOXS8khtYii",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4556.6637881433035,
|
|
"y": 686.6822680557009,
|
|
"strokeColor": "#f08c00",
|
|
"backgroundColor": "transparent",
|
|
"width": 0.4418431533886178,
|
|
"height": 39.73458495265129,
|
|
"seed": 344860082,
|
|
"groupIds": [
|
|
"fDmVuJgENTROQzRMId0e1"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 2
|
|
},
|
|
"boundElements": [],
|
|
"updated": 1716394869952,
|
|
"link": null,
|
|
"locked": false,
|
|
"startBinding": {
|
|
"elementId": "BbdZDzGtZVsxl8a-Z9Qwa",
|
|
"focus": 0.003956458166100109,
|
|
"gap": 2.1859126338436
|
|
},
|
|
"endBinding": {
|
|
"elementId": "Z-EWgNEZlnWAAYpj8iW7m",
|
|
"focus": 0.01196113991698547,
|
|
"gap": 6.571881965696207
|
|
},
|
|
"lastCommittedPoint": null,
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow",
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
0.4418431533886178,
|
|
39.73458495265129
|
|
]
|
|
]
|
|
},
|
|
{
|
|
"type": "arrow",
|
|
"version": 634,
|
|
"versionNonce": 595646038,
|
|
"index": "b36",
|
|
"isDeleted": false,
|
|
"id": "4ZCpnRR-alerFjXwB9n3O",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4646.912190162411,
|
|
"y": 522.5401619309159,
|
|
"strokeColor": "#e03131",
|
|
"backgroundColor": "transparent",
|
|
"width": 103.82192975369617,
|
|
"height": 87.42912057486961,
|
|
"seed": 326815922,
|
|
"groupIds": [
|
|
"fDmVuJgENTROQzRMId0e1"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 2
|
|
},
|
|
"boundElements": [
|
|
{
|
|
"type": "text",
|
|
"id": "a_1Q0rm0JFmBuo-D-VGFM"
|
|
}
|
|
],
|
|
"updated": 1716394869952,
|
|
"link": null,
|
|
"locked": false,
|
|
"startBinding": {
|
|
"elementId": "bJu5yiMUB64fS8gmJw2ck",
|
|
"focus": 0.2776606065195226,
|
|
"gap": 3.4901301864210836
|
|
},
|
|
"endBinding": {
|
|
"elementId": "MI8orVnYniUilV3AVDwpP",
|
|
"focus": 0.08212923348043606,
|
|
"gap": 4.207750824177367
|
|
},
|
|
"lastCommittedPoint": null,
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow",
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
79.59870644622333,
|
|
-8.827754792262908
|
|
],
|
|
[
|
|
103.82192975369617,
|
|
-87.42912057486961
|
|
]
|
|
]
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 209,
|
|
"versionNonce": 428946954,
|
|
"index": "b37",
|
|
"isDeleted": false,
|
|
"id": "a_1Q0rm0JFmBuo-D-VGFM",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4702.600923464103,
|
|
"y": 501.212407138653,
|
|
"strokeColor": "#e03131",
|
|
"backgroundColor": "transparent",
|
|
"width": 47.8199462890625,
|
|
"height": 25,
|
|
"seed": 1684802030,
|
|
"groupIds": [
|
|
"fDmVuJgENTROQzRMId0e1"
|
|
],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": [],
|
|
"updated": 1716394869748,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "error",
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": "4ZCpnRR-alerFjXwB9n3O",
|
|
"originalText": "error",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "arrow",
|
|
"version": 424,
|
|
"versionNonce": 285186966,
|
|
"index": "b38",
|
|
"isDeleted": false,
|
|
"id": "qQQpaXAEBR2XX_IYGMKmV",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4553.929166354616,
|
|
"y": 811.2349166791687,
|
|
"strokeColor": "#f08c00",
|
|
"backgroundColor": "transparent",
|
|
"width": 0.923586980883556,
|
|
"height": 43.94717798273109,
|
|
"seed": 1778899630,
|
|
"groupIds": [
|
|
"fDmVuJgENTROQzRMId0e1"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 2
|
|
},
|
|
"boundElements": [],
|
|
"updated": 1716394869952,
|
|
"link": null,
|
|
"locked": false,
|
|
"startBinding": {
|
|
"elementId": "Z-EWgNEZlnWAAYpj8iW7m",
|
|
"focus": 0.03923153582848548,
|
|
"gap": 1
|
|
},
|
|
"endBinding": null,
|
|
"lastCommittedPoint": null,
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow",
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
0.923586980883556,
|
|
43.94717798273109
|
|
]
|
|
]
|
|
},
|
|
{
|
|
"type": "rectangle",
|
|
"version": 325,
|
|
"versionNonce": 246453898,
|
|
"index": "b3UtV",
|
|
"isDeleted": false,
|
|
"id": "y-_3eRxK-URPpA2LexcVb",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4676.726368523989,
|
|
"y": 1861.5399156750977,
|
|
"strokeColor": "#1971c2",
|
|
"backgroundColor": "transparent",
|
|
"width": 174.8202538141104,
|
|
"height": 77.2461817051203,
|
|
"seed": 951574894,
|
|
"groupIds": [
|
|
"BfyTELS-T85yDfGYdkPWe"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"boundElements": [
|
|
{
|
|
"id": "U1f21hvDNE8HlhOgo3M9r",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "M2KSw0bSNlnAxrim2KWiP"
|
|
},
|
|
{
|
|
"id": "W7OPlp2d-AvM5rpac8zAv",
|
|
"type": "arrow"
|
|
}
|
|
],
|
|
"updated": 1716394939184,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 327,
|
|
"versionNonce": 1664184086,
|
|
"index": "b3Uu",
|
|
"isDeleted": false,
|
|
"id": "M2KSw0bSNlnAxrim2KWiP",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4715.1365564662,
|
|
"y": 1887.663006527658,
|
|
"strokeColor": "#1971c2",
|
|
"backgroundColor": "transparent",
|
|
"width": 97.9998779296875,
|
|
"height": 25,
|
|
"seed": 943961202,
|
|
"groupIds": [
|
|
"BfyTELS-T85yDfGYdkPWe"
|
|
],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": [],
|
|
"updated": 1716394939184,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "user input",
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": "y-_3eRxK-URPpA2LexcVb",
|
|
"originalText": "user input",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "rectangle",
|
|
"version": 398,
|
|
"versionNonce": 909194570,
|
|
"index": "b3UuV",
|
|
"isDeleted": false,
|
|
"id": "FTRxwYUiseH8eFzO7c79n",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4676.726368523989,
|
|
"y": 1984.7675346499236,
|
|
"strokeColor": "#1971c2",
|
|
"backgroundColor": "transparent",
|
|
"width": 174.8202538141104,
|
|
"height": 77.2461817051203,
|
|
"seed": 643138478,
|
|
"groupIds": [
|
|
"BfyTELS-T85yDfGYdkPWe"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"boundElements": [
|
|
{
|
|
"id": "U1f21hvDNE8HlhOgo3M9r",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "oyIwK1BYTCe_aehPUBP8D",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "pFR6AqMmQUbTKW2OnOcnC"
|
|
}
|
|
],
|
|
"updated": 1716394939184,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 402,
|
|
"versionNonce": 1755257942,
|
|
"index": "b3Uv",
|
|
"isDeleted": false,
|
|
"id": "pFR6AqMmQUbTKW2OnOcnC",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4709.0465601283095,
|
|
"y": 2010.8906255024838,
|
|
"strokeColor": "#1971c2",
|
|
"backgroundColor": "transparent",
|
|
"width": 110.17987060546875,
|
|
"height": 25,
|
|
"seed": 913856050,
|
|
"groupIds": [
|
|
"BfyTELS-T85yDfGYdkPWe"
|
|
],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": [],
|
|
"updated": 1716394939184,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "submit click",
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": "FTRxwYUiseH8eFzO7c79n",
|
|
"originalText": "submit click",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "rectangle",
|
|
"version": 821,
|
|
"versionNonce": 1236270090,
|
|
"index": "b3UvV",
|
|
"isDeleted": false,
|
|
"id": "wDLgtE69XRevXG4LfbMUJ",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4680.296735777479,
|
|
"y": 2177.718306377225,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "#b2f2bb",
|
|
"width": 174.8202538141104,
|
|
"height": 77.2461817051203,
|
|
"seed": 228375150,
|
|
"groupIds": [
|
|
"BfyTELS-T85yDfGYdkPWe"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"boundElements": [
|
|
{
|
|
"type": "text",
|
|
"id": "TBsUieizlMC-hE76-ugEJ"
|
|
},
|
|
{
|
|
"id": "XmPJCuD1TpC5ZIQeBl1WS",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "83MBUKRVQOyNqGUw7n3Xr",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "oyIwK1BYTCe_aehPUBP8D",
|
|
"type": "arrow"
|
|
}
|
|
],
|
|
"updated": 1716394939184,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 864,
|
|
"versionNonce": 1717903766,
|
|
"index": "b3Uw",
|
|
"isDeleted": false,
|
|
"id": "TBsUieizlMC-hE76-ugEJ",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4720.576918836878,
|
|
"y": 2191.3413972297853,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "transparent",
|
|
"width": 94.2598876953125,
|
|
"height": 50,
|
|
"seed": 863300466,
|
|
"groupIds": [
|
|
"BfyTELS-T85yDfGYdkPWe"
|
|
],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": [],
|
|
"updated": 1716394939184,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "backend \nvalidation",
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": "wDLgtE69XRevXG4LfbMUJ",
|
|
"originalText": "backend validation",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "rectangle",
|
|
"version": 876,
|
|
"versionNonce": 1999104714,
|
|
"index": "b3Ux",
|
|
"isDeleted": false,
|
|
"id": "bIvAkQZ-ZnebJl8aG4IRV",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4683.5098144709045,
|
|
"y": 2341.5558459174517,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "transparent",
|
|
"width": 174.8202538141104,
|
|
"height": 77.2461817051203,
|
|
"seed": 456604846,
|
|
"groupIds": [
|
|
"BfyTELS-T85yDfGYdkPWe"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"boundElements": [
|
|
{
|
|
"id": "Hl7BvNPztwxuSiNF8zQqz",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "6xLGhcuY5tlLtCw5-7Osp"
|
|
},
|
|
{
|
|
"id": "XmPJCuD1TpC5ZIQeBl1WS",
|
|
"type": "arrow"
|
|
}
|
|
],
|
|
"updated": 1716394939184,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 931,
|
|
"versionNonce": 1605926614,
|
|
"index": "b3UxV",
|
|
"isDeleted": false,
|
|
"id": "6xLGhcuY5tlLtCw5-7Osp",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4749.549961519561,
|
|
"y": 2367.6789367700117,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "transparent",
|
|
"width": 42.739959716796875,
|
|
"height": 25,
|
|
"seed": 1147841842,
|
|
"groupIds": [
|
|
"BfyTELS-T85yDfGYdkPWe"
|
|
],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": [],
|
|
"updated": 1716394939184,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "done",
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": "bIvAkQZ-ZnebJl8aG4IRV",
|
|
"originalText": "done",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "rectangle",
|
|
"version": 1054,
|
|
"versionNonce": 1966342538,
|
|
"index": "b3Uy",
|
|
"isDeleted": false,
|
|
"id": "4evz3r3Ql1pjaefLCfI9n",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4977.501658281037,
|
|
"y": 2173.4677080302204,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "#ffc9c9",
|
|
"width": 174.8202538141104,
|
|
"height": 85,
|
|
"seed": 247953134,
|
|
"groupIds": [
|
|
"BfyTELS-T85yDfGYdkPWe"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"boundElements": [
|
|
{
|
|
"type": "text",
|
|
"id": "9qhl-GcIYwsWqR__RZxd0"
|
|
},
|
|
{
|
|
"id": "W7OPlp2d-AvM5rpac8zAv",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "83MBUKRVQOyNqGUw7n3Xr",
|
|
"type": "arrow"
|
|
}
|
|
],
|
|
"updated": 1716394939184,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 1154,
|
|
"versionNonce": 690893846,
|
|
"index": "b3Uz",
|
|
"isDeleted": false,
|
|
"id": "9qhl-GcIYwsWqR__RZxd0",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4986.131877961529,
|
|
"y": 2190.9677080302204,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "transparent",
|
|
"width": 157.559814453125,
|
|
"height": 50,
|
|
"seed": 1019361010,
|
|
"groupIds": [
|
|
"BfyTELS-T85yDfGYdkPWe"
|
|
],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": [],
|
|
"updated": 1716394939184,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "render \ninvalidated form",
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": "4evz3r3Ql1pjaefLCfI9n",
|
|
"originalText": "render invalidated form",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "arrow",
|
|
"version": 1848,
|
|
"versionNonce": 1863270474,
|
|
"index": "b3UzG",
|
|
"isDeleted": false,
|
|
"id": "W7OPlp2d-AvM5rpac8zAv",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 5054.4812784461055,
|
|
"y": 2170.8994738461774,
|
|
"strokeColor": "#f08c00",
|
|
"backgroundColor": "transparent",
|
|
"width": 194.0237896116396,
|
|
"height": 273.71127601045623,
|
|
"seed": 282487086,
|
|
"groupIds": [
|
|
"BfyTELS-T85yDfGYdkPWe"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 2
|
|
},
|
|
"boundElements": [
|
|
{
|
|
"type": "text",
|
|
"id": "RP73FkJpn-4ZiPDvtssUw"
|
|
}
|
|
],
|
|
"updated": 1716394939184,
|
|
"link": null,
|
|
"locked": false,
|
|
"startBinding": {
|
|
"elementId": "4evz3r3Ql1pjaefLCfI9n",
|
|
"focus": 0.06010320448976081,
|
|
"gap": 2.5682341840429217
|
|
},
|
|
"endBinding": {
|
|
"elementId": "y-_3eRxK-URPpA2LexcVb",
|
|
"focus": -0.6594610686017963,
|
|
"gap": 8.910866496366907
|
|
},
|
|
"lastCommittedPoint": null,
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow",
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
-75.55773819252136,
|
|
-204.8088784723136
|
|
],
|
|
[
|
|
-194.0237896116396,
|
|
-273.71127601045623
|
|
]
|
|
]
|
|
},
|
|
{
|
|
"id": "RP73FkJpn-4ZiPDvtssUw",
|
|
"type": "text",
|
|
"x": 4896.581013116319,
|
|
"y": 1931.2224187491547,
|
|
"width": 121.03985595703125,
|
|
"height": 25,
|
|
"angle": 0,
|
|
"strokeColor": "#f08c00",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"BfyTELS-T85yDfGYdkPWe"
|
|
],
|
|
"frameId": null,
|
|
"index": "b3UzV",
|
|
"roundness": null,
|
|
"seed": 753552266,
|
|
"version": 21,
|
|
"versionNonce": 1018904918,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"updated": 1716394939184,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "replace form",
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": "W7OPlp2d-AvM5rpac8zAv",
|
|
"originalText": "replace form",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "arrow",
|
|
"version": 854,
|
|
"versionNonce": 2041948746,
|
|
"index": "b3V",
|
|
"isDeleted": false,
|
|
"id": "U1f21hvDNE8HlhOgo3M9r",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4758.817778331966,
|
|
"y": 1941.4964870754532,
|
|
"strokeColor": "#f08c00",
|
|
"backgroundColor": "transparent",
|
|
"width": 0,
|
|
"height": 39.48235460018486,
|
|
"seed": 1020437106,
|
|
"groupIds": [
|
|
"BfyTELS-T85yDfGYdkPWe"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 2
|
|
},
|
|
"boundElements": [],
|
|
"updated": 1716394939184,
|
|
"link": null,
|
|
"locked": false,
|
|
"startBinding": {
|
|
"elementId": "y-_3eRxK-URPpA2LexcVb",
|
|
"focus": 0.060847836369500086,
|
|
"gap": 2.710389695235108
|
|
},
|
|
"endBinding": {
|
|
"elementId": "FTRxwYUiseH8eFzO7c79n",
|
|
"focus": -0.06084783636950007,
|
|
"gap": 3.7886929742855955
|
|
},
|
|
"lastCommittedPoint": null,
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow",
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
0,
|
|
39.48235460018486
|
|
]
|
|
]
|
|
},
|
|
{
|
|
"type": "arrow",
|
|
"version": 926,
|
|
"versionNonce": 1703442262,
|
|
"index": "b3VG",
|
|
"isDeleted": false,
|
|
"id": "oyIwK1BYTCe_aehPUBP8D",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4764.237906558734,
|
|
"y": 2064.216885300866,
|
|
"strokeColor": "#f08c00",
|
|
"backgroundColor": "transparent",
|
|
"width": 3.4869114656676174,
|
|
"height": 105.92635953409035,
|
|
"seed": 687109550,
|
|
"groupIds": [
|
|
"BfyTELS-T85yDfGYdkPWe"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 2
|
|
},
|
|
"boundElements": [
|
|
{
|
|
"type": "text",
|
|
"id": "iGOvdxQTxUm56VxkoY3sG"
|
|
}
|
|
],
|
|
"updated": 1716394939184,
|
|
"link": null,
|
|
"locked": false,
|
|
"startBinding": {
|
|
"elementId": "FTRxwYUiseH8eFzO7c79n",
|
|
"focus": 0.014011015478077883,
|
|
"gap": 2.203168945822199
|
|
},
|
|
"endBinding": {
|
|
"elementId": "wDLgtE69XRevXG4LfbMUJ",
|
|
"focus": 0.017351055051373635,
|
|
"gap": 7.575061542268259
|
|
},
|
|
"lastCommittedPoint": null,
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow",
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
3.4869114656676174,
|
|
105.92635953409035
|
|
]
|
|
]
|
|
},
|
|
{
|
|
"id": "iGOvdxQTxUm56VxkoY3sG",
|
|
"type": "text",
|
|
"x": 4704.0714272940095,
|
|
"y": 2104.6800650679115,
|
|
"width": 123.81986999511719,
|
|
"height": 25,
|
|
"angle": 0,
|
|
"strokeColor": "#f08c00",
|
|
"backgroundColor": "#ffc9c9",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"groupIds": [
|
|
"BfyTELS-T85yDfGYdkPWe"
|
|
],
|
|
"frameId": null,
|
|
"index": "b3VV",
|
|
"roundness": null,
|
|
"seed": 1763248970,
|
|
"version": 117,
|
|
"versionNonce": 1860030730,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"updated": 1716394939184,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "htmx handler",
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": "oyIwK1BYTCe_aehPUBP8D",
|
|
"originalText": "htmx handler",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"type": "arrow",
|
|
"version": 1504,
|
|
"versionNonce": 1399528598,
|
|
"index": "b3W",
|
|
"isDeleted": false,
|
|
"id": "XmPJCuD1TpC5ZIQeBl1WS",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4770.643175499358,
|
|
"y": 2255.9644880823453,
|
|
"strokeColor": "#f08c00",
|
|
"backgroundColor": "transparent",
|
|
"width": 0.7813465895760601,
|
|
"height": 83.85965000508986,
|
|
"seed": 755474354,
|
|
"groupIds": [
|
|
"BfyTELS-T85yDfGYdkPWe"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 2
|
|
},
|
|
"boundElements": [],
|
|
"updated": 1716394939184,
|
|
"link": null,
|
|
"locked": false,
|
|
"startBinding": {
|
|
"elementId": "wDLgtE69XRevXG4LfbMUJ",
|
|
"focus": -0.037660862599576135,
|
|
"gap": 1.0000000000002274
|
|
},
|
|
"endBinding": {
|
|
"elementId": "bIvAkQZ-ZnebJl8aG4IRV",
|
|
"focus": -0.016339420168236304,
|
|
"gap": 1.7317078300168305
|
|
},
|
|
"lastCommittedPoint": null,
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow",
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
-0.7813465895760601,
|
|
83.85965000508986
|
|
]
|
|
]
|
|
},
|
|
{
|
|
"type": "arrow",
|
|
"version": 1054,
|
|
"versionNonce": 1104355274,
|
|
"index": "b3X",
|
|
"isDeleted": false,
|
|
"id": "83MBUKRVQOyNqGUw7n3Xr",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4856.116989591589,
|
|
"y": 2214.681412844045,
|
|
"strokeColor": "#e03131",
|
|
"backgroundColor": "#a5d8ff",
|
|
"width": 116.57894672803377,
|
|
"height": 0.3253708969054969,
|
|
"seed": 2037657006,
|
|
"groupIds": [
|
|
"BfyTELS-T85yDfGYdkPWe"
|
|
],
|
|
"frameId": null,
|
|
"roundness": {
|
|
"type": 2
|
|
},
|
|
"boundElements": [
|
|
{
|
|
"type": "text",
|
|
"id": "nc_-Rg7v4BZ_5PbDNoSCT"
|
|
}
|
|
],
|
|
"updated": 1716394939184,
|
|
"link": null,
|
|
"locked": false,
|
|
"startBinding": {
|
|
"elementId": "wDLgtE69XRevXG4LfbMUJ",
|
|
"focus": -0.03636068009299256,
|
|
"gap": 1
|
|
},
|
|
"endBinding": {
|
|
"elementId": "4evz3r3Ql1pjaefLCfI9n",
|
|
"focus": 0.043726405536107314,
|
|
"gap": 4.805721961413838
|
|
},
|
|
"lastCommittedPoint": null,
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow",
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
116.57894672803377,
|
|
-0.3253708969054969
|
|
]
|
|
]
|
|
},
|
|
{
|
|
"type": "text",
|
|
"version": 127,
|
|
"versionNonce": 1346836950,
|
|
"index": "b3Y",
|
|
"isDeleted": false,
|
|
"id": "nc_-Rg7v4BZ_5PbDNoSCT",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"angle": 0,
|
|
"x": 4890.496489811075,
|
|
"y": 2287.2479592949803,
|
|
"strokeColor": "#e03131",
|
|
"backgroundColor": "#a5d8ff",
|
|
"width": 47.8199462890625,
|
|
"height": 25,
|
|
"seed": 1014279854,
|
|
"groupIds": [
|
|
"BfyTELS-T85yDfGYdkPWe"
|
|
],
|
|
"frameId": null,
|
|
"roundness": null,
|
|
"boundElements": [],
|
|
"updated": 1716394939184,
|
|
"link": null,
|
|
"locked": false,
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"text": "error",
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": "83MBUKRVQOyNqGUw7n3Xr",
|
|
"originalText": "error",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"id": "aXNBUMvq4Fwfts3jg_-W2",
|
|
"type": "arrow",
|
|
"x": 3768.0687145558504,
|
|
"y": 2344.1592373589056,
|
|
"width": 3.273339925846358,
|
|
"height": 172.9441024954158,
|
|
"angle": 0,
|
|
"strokeColor": "#e03131",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"index": "b3Z",
|
|
"roundness": {
|
|
"type": 2
|
|
},
|
|
"seed": 1726524630,
|
|
"version": 42,
|
|
"versionNonce": 976871766,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"updated": 1716394786162,
|
|
"link": null,
|
|
"locked": false,
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
3.273339925846358,
|
|
-172.9441024954158
|
|
]
|
|
],
|
|
"lastCommittedPoint": null,
|
|
"startBinding": {
|
|
"elementId": "IM6UFGCuy3loiBad98_IQ",
|
|
"focus": -0.018076739786556485,
|
|
"gap": 4.9239396182372275
|
|
},
|
|
"endBinding": {
|
|
"elementId": "Bhx_mN_T2BbdYljDqNbOJ",
|
|
"focus": -0.037772795776884346,
|
|
"gap": 18.639771350667615
|
|
},
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow"
|
|
},
|
|
{
|
|
"id": "-_-XnhdaF6mehw1Y9k2tH",
|
|
"type": "text",
|
|
"x": 3526.3833706000787,
|
|
"y": 2445.634356745732,
|
|
"width": 194.27976989746094,
|
|
"height": 25,
|
|
"angle": 0,
|
|
"strokeColor": "#e03131",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"index": "b3a",
|
|
"roundness": null,
|
|
"seed": 1816888918,
|
|
"version": 46,
|
|
"versionNonce": 775377034,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"updated": 1716394819612,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "Some error message",
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "top",
|
|
"containerId": null,
|
|
"originalText": "Some error message",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"id": "ruW70J7obzj009i06sFW0",
|
|
"type": "text",
|
|
"x": 3862.085646395086,
|
|
"y": 2443.0863455801295,
|
|
"width": 194.27976989746094,
|
|
"height": 25,
|
|
"angle": 0,
|
|
"strokeColor": "#e03131",
|
|
"backgroundColor": "transparent",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"index": "b3b",
|
|
"roundness": null,
|
|
"seed": 1296843350,
|
|
"version": 107,
|
|
"versionNonce": 1894437526,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"updated": 1716394824146,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "Some error message",
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "top",
|
|
"containerId": null,
|
|
"originalText": "Some error message",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"id": "4Ok-2QqbGyROToxUVCmPd",
|
|
"type": "rectangle",
|
|
"x": 908.3988313430973,
|
|
"y": 2320.7459949315084,
|
|
"width": 275.3725517984447,
|
|
"height": 80.5114764117925,
|
|
"angle": 0,
|
|
"strokeColor": "#f08c00",
|
|
"backgroundColor": "#ffec99",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"index": "b3d",
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"seed": 1078559754,
|
|
"version": 182,
|
|
"versionNonce": 180953174,
|
|
"isDeleted": false,
|
|
"boundElements": [
|
|
{
|
|
"type": "text",
|
|
"id": "14I5A2_qEXO6wv3f9gjfE"
|
|
},
|
|
{
|
|
"id": "63cUQS44cgcSk5YVJzBf5",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "Swve9XYJEHh4VtxL-u24y",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "oxCuQjGCeDgwra8NZ68As",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "m3dXywUzKAuYu3X2KvsER",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "TKrKTzBlVIGbRuSzTRHcS",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "HVuej59TnwPd1VxHTuGIS",
|
|
"type": "arrow"
|
|
}
|
|
],
|
|
"updated": 1716395451948,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "14I5A2_qEXO6wv3f9gjfE",
|
|
"type": "text",
|
|
"x": 1023.5451292149759,
|
|
"y": 2348.5017331374047,
|
|
"width": 45.0799560546875,
|
|
"height": 25,
|
|
"angle": 0,
|
|
"strokeColor": "#f08c00",
|
|
"backgroundColor": "#ffec99",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"index": "b3dV",
|
|
"roundness": null,
|
|
"seed": 1648118922,
|
|
"version": 24,
|
|
"versionNonce": 40843210,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"updated": 1716395312708,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "htmx",
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": "4Ok-2QqbGyROToxUVCmPd",
|
|
"originalText": "htmx",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"id": "bQMGoWkTfAx0PMrVZMImJ",
|
|
"type": "rectangle",
|
|
"x": 922.4007885354642,
|
|
"y": 2087.9627933924753,
|
|
"width": 75.26072020908624,
|
|
"height": 95.6803375554169,
|
|
"angle": 0,
|
|
"strokeColor": "#1971c2",
|
|
"backgroundColor": "#ffec99",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"index": "b3e",
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"seed": 1518790410,
|
|
"version": 105,
|
|
"versionNonce": 1075747670,
|
|
"isDeleted": false,
|
|
"boundElements": [
|
|
{
|
|
"id": "63cUQS44cgcSk5YVJzBf5",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "Swve9XYJEHh4VtxL-u24y",
|
|
"type": "arrow"
|
|
}
|
|
],
|
|
"updated": 1716395320225,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "1rlN1uXZkBzKNoXU4aWN6",
|
|
"type": "rectangle",
|
|
"x": 1022.1649783423293,
|
|
"y": 2086.79597846349,
|
|
"width": 71.76027542213069,
|
|
"height": 93.9300706508034,
|
|
"angle": 0,
|
|
"strokeColor": "#1971c2",
|
|
"backgroundColor": "#ffec99",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"index": "b3f",
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"seed": 1368797206,
|
|
"version": 127,
|
|
"versionNonce": 1738882262,
|
|
"isDeleted": false,
|
|
"boundElements": [
|
|
{
|
|
"id": "oxCuQjGCeDgwra8NZ68As",
|
|
"type": "arrow"
|
|
}
|
|
],
|
|
"updated": 1716395348218,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "PFPY-P_eNdsMLP-FNnjJv",
|
|
"type": "rectangle",
|
|
"x": 1107.4256985514155,
|
|
"y": 2086.2945105692147,
|
|
"width": 71.76027542213069,
|
|
"height": 48.42357624220131,
|
|
"angle": 0,
|
|
"strokeColor": "#1971c2",
|
|
"backgroundColor": "#ffec99",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"index": "b3fV",
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"seed": 1833619722,
|
|
"version": 186,
|
|
"versionNonce": 1512469654,
|
|
"isDeleted": false,
|
|
"boundElements": [
|
|
{
|
|
"id": "m3dXywUzKAuYu3X2KvsER",
|
|
"type": "arrow"
|
|
}
|
|
],
|
|
"updated": 1716395358019,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "mlH1m8bpSE4LuJyUkUjQk",
|
|
"type": "text",
|
|
"x": 920.6505661419866,
|
|
"y": 2053.5412188537775,
|
|
"width": 45.439971923828125,
|
|
"height": 25,
|
|
"angle": 0,
|
|
"strokeColor": "#1971c2",
|
|
"backgroundColor": "#ffec99",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"index": "b3g",
|
|
"roundness": null,
|
|
"seed": 450741514,
|
|
"version": 45,
|
|
"versionNonce": 807707530,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"updated": 1716395202487,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "DOM",
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"textAlign": "left",
|
|
"verticalAlign": "top",
|
|
"containerId": null,
|
|
"originalText": "DOM",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"id": "63cUQS44cgcSk5YVJzBf5",
|
|
"type": "arrow",
|
|
"x": 929.8830621622104,
|
|
"y": 2190.2859758587806,
|
|
"width": 4.213651770211754,
|
|
"height": 127.5428660213106,
|
|
"angle": 0,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "#ffec99",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"index": "b3h",
|
|
"roundness": {
|
|
"type": 2
|
|
},
|
|
"seed": 601871766,
|
|
"version": 158,
|
|
"versionNonce": 961493654,
|
|
"isDeleted": false,
|
|
"boundElements": [
|
|
{
|
|
"type": "text",
|
|
"id": "FgnflL4Uh7-m2R5rQJLg6"
|
|
}
|
|
],
|
|
"updated": 1716395389349,
|
|
"link": null,
|
|
"locked": false,
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
-4.213651770211754,
|
|
127.5428660213106
|
|
]
|
|
],
|
|
"lastCommittedPoint": null,
|
|
"startBinding": {
|
|
"elementId": "bQMGoWkTfAx0PMrVZMImJ",
|
|
"focus": 0.7229660756133709,
|
|
"gap": 6.642844910888698
|
|
},
|
|
"endBinding": {
|
|
"elementId": "4Ok-2QqbGyROToxUVCmPd",
|
|
"focus": -0.8764589784496143,
|
|
"gap": 2.9171530514172446
|
|
},
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow"
|
|
},
|
|
{
|
|
"id": "FgnflL4Uh7-m2R5rQJLg6",
|
|
"type": "text",
|
|
"x": 922.5587488024204,
|
|
"y": 2225.400817443928,
|
|
"width": 63.85992431640625,
|
|
"height": 25,
|
|
"angle": 0,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "#ffec99",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"index": "b3i",
|
|
"roundness": null,
|
|
"seed": 383908694,
|
|
"version": 10,
|
|
"versionNonce": 1251631958,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"updated": 1716395368168,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "trigger",
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": "63cUQS44cgcSk5YVJzBf5",
|
|
"originalText": "trigger",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"id": "Swve9XYJEHh4VtxL-u24y",
|
|
"type": "arrow",
|
|
"x": 1010.4966955190689,
|
|
"y": 2316.6620269511063,
|
|
"width": 33.54042984641842,
|
|
"height": 130.00931066049543,
|
|
"angle": 0,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "#ffec99",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"index": "b3j",
|
|
"roundness": {
|
|
"type": 2
|
|
},
|
|
"seed": 1301665558,
|
|
"version": 82,
|
|
"versionNonce": 2010325590,
|
|
"isDeleted": false,
|
|
"boundElements": [
|
|
{
|
|
"type": "text",
|
|
"id": "W8IMt6_VWChk-CXOQsU4G"
|
|
}
|
|
],
|
|
"updated": 1716395396932,
|
|
"link": null,
|
|
"locked": false,
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
-33.54042984641842,
|
|
-130.00931066049543
|
|
]
|
|
],
|
|
"lastCommittedPoint": null,
|
|
"startBinding": {
|
|
"elementId": "4Ok-2QqbGyROToxUVCmPd",
|
|
"focus": -0.16309294108751654,
|
|
"gap": 4.083967980402122
|
|
},
|
|
"endBinding": {
|
|
"elementId": "bQMGoWkTfAx0PMrVZMImJ",
|
|
"focus": -0.07617508956058715,
|
|
"gap": 3.0095853427189923
|
|
},
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow"
|
|
},
|
|
{
|
|
"id": "W8IMt6_VWChk-CXOQsU4G",
|
|
"type": "text",
|
|
"x": 962.2964378310149,
|
|
"y": 2240.569634076417,
|
|
"width": 68.97991943359375,
|
|
"height": 25,
|
|
"angle": 0,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "#ffec99",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"index": "b3k",
|
|
"roundness": null,
|
|
"seed": 245644758,
|
|
"version": 12,
|
|
"versionNonce": 1845156630,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"updated": 1716395373775,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "replace",
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": "Swve9XYJEHh4VtxL-u24y",
|
|
"originalText": "replace",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"id": "oxCuQjGCeDgwra8NZ68As",
|
|
"type": "arrow",
|
|
"x": 1060.2198124491963,
|
|
"y": 2187.1435668326203,
|
|
"width": 30.969325377887117,
|
|
"height": 127.09222882689619,
|
|
"angle": 0,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "#ffec99",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"index": "b3l",
|
|
"roundness": {
|
|
"type": 2
|
|
},
|
|
"seed": 501040406,
|
|
"version": 79,
|
|
"versionNonce": 785193366,
|
|
"isDeleted": false,
|
|
"boundElements": [
|
|
{
|
|
"type": "text",
|
|
"id": "nqloejGXK9jDuItAEqIny"
|
|
}
|
|
],
|
|
"updated": 1716395403152,
|
|
"link": null,
|
|
"locked": false,
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
30.969325377887117,
|
|
127.09222882689619
|
|
]
|
|
],
|
|
"lastCommittedPoint": null,
|
|
"startBinding": {
|
|
"elementId": "1rlN1uXZkBzKNoXU4aWN6",
|
|
"focus": 0.22891685419054006,
|
|
"gap": 6.41751771832719
|
|
},
|
|
"endBinding": {
|
|
"elementId": "4Ok-2QqbGyROToxUVCmPd",
|
|
"focus": 0.383060608729735,
|
|
"gap": 6.510199271991951
|
|
},
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow"
|
|
},
|
|
{
|
|
"id": "nqloejGXK9jDuItAEqIny",
|
|
"type": "text",
|
|
"x": 1032.241021294636,
|
|
"y": 2236.7774187905106,
|
|
"width": 63.85992431640625,
|
|
"height": 25,
|
|
"angle": 0,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "#ffec99",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"index": "b3m",
|
|
"roundness": null,
|
|
"seed": 23929302,
|
|
"version": 10,
|
|
"versionNonce": 794495062,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"updated": 1716395373775,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "trigger",
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": "oxCuQjGCeDgwra8NZ68As",
|
|
"originalText": "trigger",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"id": "m3dXywUzKAuYu3X2KvsER",
|
|
"type": "arrow",
|
|
"x": 1119.5955382912236,
|
|
"y": 2316.0786194866137,
|
|
"width": 24.503469597778803,
|
|
"height": 175.02491001595126,
|
|
"angle": 0,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "#ffec99",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"index": "b3n",
|
|
"roundness": {
|
|
"type": 2
|
|
},
|
|
"seed": 412398486,
|
|
"version": 55,
|
|
"versionNonce": 1308151818,
|
|
"isDeleted": false,
|
|
"boundElements": [
|
|
{
|
|
"type": "text",
|
|
"id": "C_LAWtwtUaBNPP84grvC2"
|
|
}
|
|
],
|
|
"updated": 1716395373775,
|
|
"link": null,
|
|
"locked": false,
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
24.503469597778803,
|
|
-175.02491001595126
|
|
]
|
|
],
|
|
"lastCommittedPoint": null,
|
|
"startBinding": {
|
|
"elementId": "4Ok-2QqbGyROToxUVCmPd",
|
|
"focus": 0.4690219537767485,
|
|
"gap": 4.6673754448947875
|
|
},
|
|
"endBinding": {
|
|
"elementId": "PFPY-P_eNdsMLP-FNnjJv",
|
|
"focus": -0.12910195339224154,
|
|
"gap": 6.335622659246383
|
|
},
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow"
|
|
},
|
|
{
|
|
"id": "C_LAWtwtUaBNPP84grvC2",
|
|
"type": "text",
|
|
"x": 1097.3573133733162,
|
|
"y": 2216.066164478638,
|
|
"width": 68.97991943359375,
|
|
"height": 25,
|
|
"angle": 0,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "#ffec99",
|
|
"fillStyle": "hachure",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"index": "b3o",
|
|
"roundness": null,
|
|
"seed": 1157023510,
|
|
"version": 10,
|
|
"versionNonce": 1187220886,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"updated": 1716395373775,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "replace",
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": "m3dXywUzKAuYu3X2KvsER",
|
|
"originalText": "replace",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"id": "1vxEUeboFuCFdcL8MuKXL",
|
|
"type": "rectangle",
|
|
"x": 1472.83032894996,
|
|
"y": 2182.830991735306,
|
|
"width": 212.31069115213222,
|
|
"height": 96.97559472020976,
|
|
"angle": 0,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "#b2f2bb",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"index": "b3p",
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"seed": 18623126,
|
|
"version": 176,
|
|
"versionNonce": 479191946,
|
|
"isDeleted": false,
|
|
"boundElements": [
|
|
{
|
|
"type": "text",
|
|
"id": "ZxPLaEHDvQMiN_SWaMJVG"
|
|
},
|
|
{
|
|
"id": "TKrKTzBlVIGbRuSzTRHcS",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "aNgiHQnqoGW8IJmBj4otB",
|
|
"type": "arrow"
|
|
}
|
|
],
|
|
"updated": 1716395576445,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "ZxPLaEHDvQMiN_SWaMJVG",
|
|
"type": "text",
|
|
"x": 1505.1057535665534,
|
|
"y": 2193.8187890954105,
|
|
"width": 147.7598419189453,
|
|
"height": 75,
|
|
"angle": 0,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "#b2f2bb",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"index": "b3q",
|
|
"roundness": null,
|
|
"seed": 2026973526,
|
|
"version": 127,
|
|
"versionNonce": 1151263306,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"updated": 1716395576445,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "handle \nGET/POST/... \nrequests",
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": "1vxEUeboFuCFdcL8MuKXL",
|
|
"originalText": "handle GET/POST/... requests",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"id": "nUcCmIuy_nygWiTzlRQXi",
|
|
"type": "rectangle",
|
|
"x": 1476.2397827959496,
|
|
"y": 2370.0416708715347,
|
|
"width": 212.31069115213222,
|
|
"height": 85,
|
|
"angle": 0,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "#b2f2bb",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"index": "b3r",
|
|
"roundness": {
|
|
"type": 3
|
|
},
|
|
"seed": 710069770,
|
|
"version": 265,
|
|
"versionNonce": 31502678,
|
|
"isDeleted": false,
|
|
"boundElements": [
|
|
{
|
|
"id": "TKrKTzBlVIGbRuSzTRHcS",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "8BzXZMEZHIo1w7w52talO"
|
|
},
|
|
{
|
|
"id": "aNgiHQnqoGW8IJmBj4otB",
|
|
"type": "arrow"
|
|
},
|
|
{
|
|
"id": "HVuej59TnwPd1VxHTuGIS",
|
|
"type": "arrow"
|
|
}
|
|
],
|
|
"updated": 1716395581721,
|
|
"link": null,
|
|
"locked": false
|
|
},
|
|
{
|
|
"id": "8BzXZMEZHIo1w7w52talO",
|
|
"type": "text",
|
|
"x": 1498.1952153471134,
|
|
"y": 2387.5416708715347,
|
|
"width": 168.3998260498047,
|
|
"height": 50,
|
|
"angle": 0,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "#b2f2bb",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"index": "b3s",
|
|
"roundness": null,
|
|
"seed": 1938845590,
|
|
"version": 199,
|
|
"versionNonce": 1927494858,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"updated": 1716395512014,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "render HTML as \nresponse",
|
|
"fontSize": 20,
|
|
"fontFamily": 1,
|
|
"textAlign": "center",
|
|
"verticalAlign": "middle",
|
|
"containerId": "nUcCmIuy_nygWiTzlRQXi",
|
|
"originalText": "render HTML as response",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
},
|
|
{
|
|
"id": "aNgiHQnqoGW8IJmBj4otB",
|
|
"type": "arrow",
|
|
"x": 1578.4899574101837,
|
|
"y": 2281.218866868965,
|
|
"width": 0.8518779316223117,
|
|
"height": 87.82280400256968,
|
|
"angle": 0,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "#b2f2bb",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"index": "b3t",
|
|
"roundness": {
|
|
"type": 2
|
|
},
|
|
"seed": 780091926,
|
|
"version": 135,
|
|
"versionNonce": 113143114,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"updated": 1716395576445,
|
|
"link": null,
|
|
"locked": false,
|
|
"points": [
|
|
[
|
|
0,
|
|
0
|
|
],
|
|
[
|
|
-0.8518779316223117,
|
|
87.82280400256968
|
|
]
|
|
],
|
|
"lastCommittedPoint": null,
|
|
"startBinding": {
|
|
"elementId": "1vxEUeboFuCFdcL8MuKXL",
|
|
"focus": 0.00012173736972586099,
|
|
"gap": 1.4122804134497073
|
|
},
|
|
"endBinding": {
|
|
"elementId": "nUcCmIuy_nygWiTzlRQXi",
|
|
"focus": -0.048598237803905556,
|
|
"gap": 1
|
|
},
|
|
"startArrowhead": null,
|
|
"endArrowhead": "arrow"
|
|
},
|
|
{
|
|
"id": "JzHM7MuY5SQTdAS1xXwSa",
|
|
"type": "text",
|
|
"x": 1531.2798619402975,
|
|
"y": 1898.5589284897192,
|
|
"width": 104.91644287109375,
|
|
"height": 105,
|
|
"angle": 0,
|
|
"strokeColor": "#2f9e44",
|
|
"backgroundColor": "#b2f2bb",
|
|
"fillStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"strokeStyle": "solid",
|
|
"roughness": 2,
|
|
"opacity": 100,
|
|
"groupIds": [],
|
|
"frameId": null,
|
|
"index": "b3u",
|
|
"roundness": null,
|
|
"seed": 228826134,
|
|
"version": 90,
|
|
"versionNonce": 1273821654,
|
|
"isDeleted": false,
|
|
"boundElements": null,
|
|
"updated": 1716395571210,
|
|
"link": null,
|
|
"locked": false,
|
|
"text": "server\n/\nbackend",
|
|
"fontSize": 28,
|
|
"fontFamily": 1,
|
|
"textAlign": "center",
|
|
"verticalAlign": "top",
|
|
"containerId": null,
|
|
"originalText": "server\n/\nbackend",
|
|
"autoResize": true,
|
|
"lineHeight": 1.25
|
|
}
|
|
],
|
|
"appState": {
|
|
"gridSize": null,
|
|
"viewBackgroundColor": "#ffffff"
|
|
},
|
|
"files": {}
|
|
} |