@readme/markdown 11.1.0 → 11.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/Code/index.tsx +4 -3
- package/components/CodeTabs/index.tsx +5 -2
- package/dist/10.node.js +419 -207
- package/dist/10.node.js.map +1 -1
- package/dist/101.node.js +23 -0
- package/dist/101.node.js.map +1 -0
- package/dist/109.node.js +63 -0
- package/dist/109.node.js.map +1 -0
- package/dist/197.node.js +63 -0
- package/dist/197.node.js.map +1 -0
- package/dist/213.node.js +23 -0
- package/dist/213.node.js.map +1 -0
- package/dist/{580.node.js → 259.node.js} +98 -79
- package/dist/259.node.js.map +1 -0
- package/dist/339.node.js +4 -4
- package/dist/{912.node.js → 356.node.js} +154 -150
- package/dist/356.node.js.map +1 -0
- package/dist/357.node.js +1352 -0
- package/dist/357.node.js.map +1 -0
- package/dist/387.node.js +23 -0
- package/dist/387.node.js.map +1 -0
- package/dist/398.node.js +63 -0
- package/dist/398.node.js.map +1 -0
- package/dist/{805.node.js → 405.node.js} +110 -91
- package/dist/405.node.js.map +1 -0
- package/dist/{23.node.js → 434.node.js} +178 -118
- package/dist/434.node.js.map +1 -0
- package/dist/{550.node.js → 470.node.js} +105 -80
- package/dist/470.node.js.map +1 -0
- package/dist/{870.node.js → 474.node.js} +84 -77
- package/dist/474.node.js.map +1 -0
- package/dist/{649.node.js → 483.node.js} +70 -67
- package/dist/483.node.js.map +1 -0
- package/dist/486.node.js +23865 -25247
- package/dist/486.node.js.map +1 -1
- package/dist/{982.node.js → 524.node.js} +124 -88
- package/dist/524.node.js.map +1 -0
- package/dist/53.node.js +506 -0
- package/dist/53.node.js.map +1 -0
- package/dist/{898.node.js → 561.node.js} +54 -52
- package/dist/561.node.js.map +1 -0
- package/dist/579.node.js +23 -0
- package/dist/579.node.js.map +1 -0
- package/dist/{881.node.js → 680.node.js} +202 -142
- package/dist/680.node.js.map +1 -0
- package/dist/{915.node.js → 7.node.js} +265 -1210
- package/dist/7.node.js.map +1 -0
- package/dist/{188.node.js → 705.node.js} +135 -132
- package/dist/705.node.js.map +1 -0
- package/dist/713.node.js +23 -0
- package/dist/713.node.js.map +1 -0
- package/dist/{135.node.js → 720.node.js} +230 -138
- package/dist/720.node.js.map +1 -0
- package/dist/{364.node.js → 763.node.js} +488 -432
- package/dist/763.node.js.map +1 -0
- package/dist/{572.node.js → 828.node.js} +229 -185
- package/dist/828.node.js.map +1 -0
- package/dist/{311.node.js → 834.node.js} +106 -104
- package/dist/834.node.js.map +1 -0
- package/dist/{359.node.js → 863.node.js} +290 -236
- package/dist/863.node.js.map +1 -0
- package/dist/872.node.js +630 -0
- package/dist/872.node.js.map +1 -0
- package/dist/879.node.js +61 -0
- package/dist/879.node.js.map +1 -0
- package/dist/{371.node.js → 880.node.js} +401 -400
- package/dist/880.node.js.map +1 -0
- package/dist/{214.node.js → 894.node.js} +116 -114
- package/dist/894.node.js.map +1 -0
- package/dist/{890.node.js → 90.node.js} +134 -129
- package/dist/90.node.js.map +1 -0
- package/dist/{855.node.js → 901.node.js} +510 -522
- package/dist/901.node.js.map +1 -0
- package/dist/903.node.js +23 -0
- package/dist/903.node.js.map +1 -0
- package/dist/{38.node.js → 929.node.js} +920 -442
- package/dist/929.node.js.map +1 -0
- package/dist/941.node.js +23 -0
- package/dist/941.node.js.map +1 -0
- package/dist/995.node.js +2 -2
- package/dist/hooks/useHydrated/index.d.ts +6 -0
- package/dist/main.js +28 -10
- package/dist/main.node.js +34 -8
- package/dist/main.node.js.map +1 -1
- package/package.json +2 -2
- package/dist/122.node.js +0 -23
- package/dist/122.node.js.map +0 -1
- package/dist/135.node.js.map +0 -1
- package/dist/136.node.js +0 -23
- package/dist/136.node.js.map +0 -1
- package/dist/188.node.js.map +0 -1
- package/dist/214.node.js.map +0 -1
- package/dist/23.node.js.map +0 -1
- package/dist/311.node.js.map +0 -1
- package/dist/354.node.js +0 -23
- package/dist/354.node.js.map +0 -1
- package/dist/359.node.js.map +0 -1
- package/dist/364.node.js.map +0 -1
- package/dist/371.node.js.map +0 -1
- package/dist/38.node.js.map +0 -1
- package/dist/391.node.js +0 -522
- package/dist/391.node.js.map +0 -1
- package/dist/462.node.js +0 -23
- package/dist/462.node.js.map +0 -1
- package/dist/48.node.js +0 -57
- package/dist/48.node.js.map +0 -1
- package/dist/537.node.js +0 -59
- package/dist/537.node.js.map +0 -1
- package/dist/550.node.js.map +0 -1
- package/dist/572.node.js.map +0 -1
- package/dist/580.node.js.map +0 -1
- package/dist/649.node.js.map +0 -1
- package/dist/740.node.js +0 -23
- package/dist/740.node.js.map +0 -1
- package/dist/741.node.js +0 -23
- package/dist/741.node.js.map +0 -1
- package/dist/779.node.js +0 -57
- package/dist/779.node.js.map +0 -1
- package/dist/805.node.js.map +0 -1
- package/dist/855.node.js.map +0 -1
- package/dist/870.node.js.map +0 -1
- package/dist/874.node.js +0 -57
- package/dist/874.node.js.map +0 -1
- package/dist/881.node.js.map +0 -1
- package/dist/890.node.js.map +0 -1
- package/dist/898.node.js.map +0 -1
- package/dist/912.node.js.map +0 -1
- package/dist/915.node.js.map +0 -1
- package/dist/982.node.js.map +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
exports.id =
|
|
2
|
-
exports.ids = [
|
|
1
|
+
exports.id = 880;
|
|
2
|
+
exports.ids = [880];
|
|
3
3
|
exports.modules = {
|
|
4
4
|
|
|
5
5
|
/***/ 6527:
|
|
@@ -9998,26 +9998,24 @@ module.exports = Emitter;
|
|
|
9998
9998
|
|
|
9999
9999
|
/***/ }),
|
|
10000
10000
|
|
|
10001
|
-
/***/
|
|
10001
|
+
/***/ 5880:
|
|
10002
10002
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
10003
10003
|
|
|
10004
10004
|
"use strict";
|
|
10005
10005
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
10006
10006
|
/* harmony export */ diagram: () => (/* binding */ diagram)
|
|
10007
10007
|
/* harmony export */ });
|
|
10008
|
-
/* harmony import */ var
|
|
10009
|
-
/* harmony import */ var
|
|
10010
|
-
/* harmony import */ var
|
|
10011
|
-
/* harmony import */ var
|
|
10012
|
-
/* harmony import */ var
|
|
10013
|
-
/* harmony import */ var
|
|
10014
|
-
/* harmony import */ var
|
|
10015
|
-
/* harmony import */ var
|
|
10016
|
-
/* harmony import */ var
|
|
10017
|
-
/* harmony import */ var
|
|
10018
|
-
/* harmony import */ var
|
|
10019
|
-
/* harmony import */ var d3__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(8066);
|
|
10020
|
-
|
|
10008
|
+
/* harmony import */ var _chunk_EXTU4WIE_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9479);
|
|
10009
|
+
/* harmony import */ var _chunk_JA3XYJ7Z_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5866);
|
|
10010
|
+
/* harmony import */ var _chunk_4BX2VUAB_mjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5054);
|
|
10011
|
+
/* harmony import */ var _chunk_S3R3BYOJ_mjs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(9131);
|
|
10012
|
+
/* harmony import */ var _chunk_ABZYJK2D_mjs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(6399);
|
|
10013
|
+
/* harmony import */ var _chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(416);
|
|
10014
|
+
/* harmony import */ var _mermaid_js_parser__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(4010);
|
|
10015
|
+
/* harmony import */ var cytoscape__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(8786);
|
|
10016
|
+
/* harmony import */ var cytoscape_fcose__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(6527);
|
|
10017
|
+
/* harmony import */ var cytoscape_fcose__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(cytoscape_fcose__WEBPACK_IMPORTED_MODULE_8__);
|
|
10018
|
+
/* harmony import */ var d3__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(796);
|
|
10021
10019
|
|
|
10022
10020
|
|
|
10023
10021
|
|
|
@@ -10036,56 +10034,56 @@ var ArchitectureDirectionName = {
|
|
|
10036
10034
|
B: "bottom"
|
|
10037
10035
|
};
|
|
10038
10036
|
var ArchitectureDirectionArrow = {
|
|
10039
|
-
L: /* @__PURE__ */ (0,
|
|
10040
|
-
R: /* @__PURE__ */ (0,
|
|
10041
|
-
T: /* @__PURE__ */ (0,
|
|
10042
|
-
B: /* @__PURE__ */ (0,
|
|
10037
|
+
L: /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .__name */ .K2)((scale) => `${scale},${scale / 2} 0,${scale} 0,0`, "L"),
|
|
10038
|
+
R: /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .__name */ .K2)((scale) => `0,${scale / 2} ${scale},0 ${scale},${scale}`, "R"),
|
|
10039
|
+
T: /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .__name */ .K2)((scale) => `0,0 ${scale},0 ${scale / 2},${scale}`, "T"),
|
|
10040
|
+
B: /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .__name */ .K2)((scale) => `${scale / 2},0 ${scale},${scale} 0,${scale}`, "B")
|
|
10043
10041
|
};
|
|
10044
10042
|
var ArchitectureDirectionArrowShift = {
|
|
10045
|
-
L: /* @__PURE__ */ (0,
|
|
10046
|
-
R: /* @__PURE__ */ (0,
|
|
10047
|
-
T: /* @__PURE__ */ (0,
|
|
10048
|
-
B: /* @__PURE__ */ (0,
|
|
10043
|
+
L: /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .__name */ .K2)((orig, arrowSize) => orig - arrowSize + 2, "L"),
|
|
10044
|
+
R: /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .__name */ .K2)((orig, _arrowSize) => orig - 2, "R"),
|
|
10045
|
+
T: /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .__name */ .K2)((orig, arrowSize) => orig - arrowSize + 2, "T"),
|
|
10046
|
+
B: /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .__name */ .K2)((orig, _arrowSize) => orig - 2, "B")
|
|
10049
10047
|
};
|
|
10050
|
-
var getOppositeArchitectureDirection = /* @__PURE__ */ (0,
|
|
10048
|
+
var getOppositeArchitectureDirection = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .__name */ .K2)(function(x) {
|
|
10051
10049
|
if (isArchitectureDirectionX(x)) {
|
|
10052
10050
|
return x === "L" ? "R" : "L";
|
|
10053
10051
|
} else {
|
|
10054
10052
|
return x === "T" ? "B" : "T";
|
|
10055
10053
|
}
|
|
10056
10054
|
}, "getOppositeArchitectureDirection");
|
|
10057
|
-
var isArchitectureDirection = /* @__PURE__ */ (0,
|
|
10055
|
+
var isArchitectureDirection = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .__name */ .K2)(function(x) {
|
|
10058
10056
|
const temp = x;
|
|
10059
10057
|
return temp === "L" || temp === "R" || temp === "T" || temp === "B";
|
|
10060
10058
|
}, "isArchitectureDirection");
|
|
10061
|
-
var isArchitectureDirectionX = /* @__PURE__ */ (0,
|
|
10059
|
+
var isArchitectureDirectionX = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .__name */ .K2)(function(x) {
|
|
10062
10060
|
const temp = x;
|
|
10063
10061
|
return temp === "L" || temp === "R";
|
|
10064
10062
|
}, "isArchitectureDirectionX");
|
|
10065
|
-
var isArchitectureDirectionY = /* @__PURE__ */ (0,
|
|
10063
|
+
var isArchitectureDirectionY = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .__name */ .K2)(function(x) {
|
|
10066
10064
|
const temp = x;
|
|
10067
10065
|
return temp === "T" || temp === "B";
|
|
10068
10066
|
}, "isArchitectureDirectionY");
|
|
10069
|
-
var isArchitectureDirectionXY = /* @__PURE__ */ (0,
|
|
10067
|
+
var isArchitectureDirectionXY = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .__name */ .K2)(function(a, b) {
|
|
10070
10068
|
const aX_bY = isArchitectureDirectionX(a) && isArchitectureDirectionY(b);
|
|
10071
10069
|
const aY_bX = isArchitectureDirectionY(a) && isArchitectureDirectionX(b);
|
|
10072
10070
|
return aX_bY || aY_bX;
|
|
10073
10071
|
}, "isArchitectureDirectionXY");
|
|
10074
|
-
var isArchitecturePairXY = /* @__PURE__ */ (0,
|
|
10072
|
+
var isArchitecturePairXY = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .__name */ .K2)(function(pair) {
|
|
10075
10073
|
const lhs = pair[0];
|
|
10076
10074
|
const rhs = pair[1];
|
|
10077
10075
|
const aX_bY = isArchitectureDirectionX(lhs) && isArchitectureDirectionY(rhs);
|
|
10078
10076
|
const aY_bX = isArchitectureDirectionY(lhs) && isArchitectureDirectionX(rhs);
|
|
10079
10077
|
return aX_bY || aY_bX;
|
|
10080
10078
|
}, "isArchitecturePairXY");
|
|
10081
|
-
var isValidArchitectureDirectionPair = /* @__PURE__ */ (0,
|
|
10079
|
+
var isValidArchitectureDirectionPair = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .__name */ .K2)(function(x) {
|
|
10082
10080
|
return x !== "LL" && x !== "RR" && x !== "TT" && x !== "BB";
|
|
10083
10081
|
}, "isValidArchitectureDirectionPair");
|
|
10084
|
-
var getArchitectureDirectionPair = /* @__PURE__ */ (0,
|
|
10082
|
+
var getArchitectureDirectionPair = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .__name */ .K2)(function(sourceDir, targetDir) {
|
|
10085
10083
|
const pair = `${sourceDir}${targetDir}`;
|
|
10086
10084
|
return isValidArchitectureDirectionPair(pair) ? pair : void 0;
|
|
10087
10085
|
}, "getArchitectureDirectionPair");
|
|
10088
|
-
var shiftPositionByArchitectureDirectionPair = /* @__PURE__ */ (0,
|
|
10086
|
+
var shiftPositionByArchitectureDirectionPair = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .__name */ .K2)(function([x, y], pair) {
|
|
10089
10087
|
const lhs = pair[0];
|
|
10090
10088
|
const rhs = pair[1];
|
|
10091
10089
|
if (isArchitectureDirectionX(lhs)) {
|
|
@@ -10102,7 +10100,7 @@ var shiftPositionByArchitectureDirectionPair = /* @__PURE__ */ (0,_chunk_YTJNT7D
|
|
|
10102
10100
|
}
|
|
10103
10101
|
}
|
|
10104
10102
|
}, "shiftPositionByArchitectureDirectionPair");
|
|
10105
|
-
var getArchitectureDirectionXYFactors = /* @__PURE__ */ (0,
|
|
10103
|
+
var getArchitectureDirectionXYFactors = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .__name */ .K2)(function(pair) {
|
|
10106
10104
|
if (pair === "LT" || pair === "TL") {
|
|
10107
10105
|
return [1, 1];
|
|
10108
10106
|
} else if (pair === "BL" || pair === "LB") {
|
|
@@ -10113,7 +10111,7 @@ var getArchitectureDirectionXYFactors = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__
|
|
|
10113
10111
|
return [-1, 1];
|
|
10114
10112
|
}
|
|
10115
10113
|
}, "getArchitectureDirectionXYFactors");
|
|
10116
|
-
var getArchitectureDirectionAlignment = /* @__PURE__ */ (0,
|
|
10114
|
+
var getArchitectureDirectionAlignment = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .__name */ .K2)(function(a, b) {
|
|
10117
10115
|
if (isArchitectureDirectionXY(a, b)) {
|
|
10118
10116
|
return "bend";
|
|
10119
10117
|
} else if (isArchitectureDirectionX(a)) {
|
|
@@ -10121,301 +10119,322 @@ var getArchitectureDirectionAlignment = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__
|
|
|
10121
10119
|
}
|
|
10122
10120
|
return "vertical";
|
|
10123
10121
|
}, "getArchitectureDirectionAlignment");
|
|
10124
|
-
var isArchitectureService = /* @__PURE__ */ (0,
|
|
10122
|
+
var isArchitectureService = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .__name */ .K2)(function(x) {
|
|
10125
10123
|
const temp = x;
|
|
10126
10124
|
return temp.type === "service";
|
|
10127
10125
|
}, "isArchitectureService");
|
|
10128
|
-
var isArchitectureJunction = /* @__PURE__ */ (0,
|
|
10126
|
+
var isArchitectureJunction = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .__name */ .K2)(function(x) {
|
|
10129
10127
|
const temp = x;
|
|
10130
10128
|
return temp.type === "junction";
|
|
10131
10129
|
}, "isArchitectureJunction");
|
|
10132
|
-
var edgeData = /* @__PURE__ */ (0,
|
|
10130
|
+
var edgeData = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .__name */ .K2)((edge) => {
|
|
10133
10131
|
return edge.data();
|
|
10134
10132
|
}, "edgeData");
|
|
10135
|
-
var nodeData = /* @__PURE__ */ (0,
|
|
10133
|
+
var nodeData = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .__name */ .K2)((node) => {
|
|
10136
10134
|
return node.data();
|
|
10137
10135
|
}, "nodeData");
|
|
10138
10136
|
|
|
10139
10137
|
// src/diagrams/architecture/architectureDb.ts
|
|
10140
|
-
var DEFAULT_ARCHITECTURE_CONFIG =
|
|
10141
|
-
var
|
|
10142
|
-
|
|
10143
|
-
|
|
10144
|
-
|
|
10145
|
-
|
|
10146
|
-
|
|
10147
|
-
|
|
10148
|
-
|
|
10149
|
-
|
|
10150
|
-
|
|
10151
|
-
|
|
10152
|
-
|
|
10153
|
-
|
|
10154
|
-
|
|
10155
|
-
id,
|
|
10156
|
-
icon,
|
|
10157
|
-
in: parent,
|
|
10158
|
-
title,
|
|
10159
|
-
iconText
|
|
10160
|
-
}) {
|
|
10161
|
-
if (state.records.registeredIds[id] !== void 0) {
|
|
10162
|
-
throw new Error(
|
|
10163
|
-
`The service id [${id}] is already in use by another ${state.records.registeredIds[id]}`
|
|
10164
|
-
);
|
|
10165
|
-
}
|
|
10166
|
-
if (parent !== void 0) {
|
|
10167
|
-
if (id === parent) {
|
|
10168
|
-
throw new Error(`The service [${id}] cannot be placed within itself`);
|
|
10169
|
-
}
|
|
10170
|
-
if (state.records.registeredIds[parent] === void 0) {
|
|
10171
|
-
throw new Error(
|
|
10172
|
-
`The service [${id}]'s parent does not exist. Please make sure the parent is created before this service`
|
|
10173
|
-
);
|
|
10174
|
-
}
|
|
10175
|
-
if (state.records.registeredIds[parent] === "node") {
|
|
10176
|
-
throw new Error(`The service [${id}]'s parent is not a group`);
|
|
10177
|
-
}
|
|
10138
|
+
var DEFAULT_ARCHITECTURE_CONFIG = _chunk_ABZYJK2D_mjs__WEBPACK_IMPORTED_MODULE_4__/* .defaultConfig_default */ .UI.architecture;
|
|
10139
|
+
var ArchitectureDB = class {
|
|
10140
|
+
constructor() {
|
|
10141
|
+
this.nodes = {};
|
|
10142
|
+
this.groups = {};
|
|
10143
|
+
this.edges = [];
|
|
10144
|
+
this.registeredIds = {};
|
|
10145
|
+
this.elements = {};
|
|
10146
|
+
this.setAccTitle = _chunk_ABZYJK2D_mjs__WEBPACK_IMPORTED_MODULE_4__/* .setAccTitle */ .SV;
|
|
10147
|
+
this.getAccTitle = _chunk_ABZYJK2D_mjs__WEBPACK_IMPORTED_MODULE_4__/* .getAccTitle */ .iN;
|
|
10148
|
+
this.setDiagramTitle = _chunk_ABZYJK2D_mjs__WEBPACK_IMPORTED_MODULE_4__/* .setDiagramTitle */ .ke;
|
|
10149
|
+
this.getDiagramTitle = _chunk_ABZYJK2D_mjs__WEBPACK_IMPORTED_MODULE_4__/* .getDiagramTitle */ .ab;
|
|
10150
|
+
this.getAccDescription = _chunk_ABZYJK2D_mjs__WEBPACK_IMPORTED_MODULE_4__/* .getAccDescription */ .m7;
|
|
10151
|
+
this.setAccDescription = _chunk_ABZYJK2D_mjs__WEBPACK_IMPORTED_MODULE_4__/* .setAccDescription */ .EI;
|
|
10152
|
+
this.clear();
|
|
10178
10153
|
}
|
|
10179
|
-
|
|
10180
|
-
|
|
10154
|
+
static {
|
|
10155
|
+
(0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .__name */ .K2)(this, "ArchitectureDB");
|
|
10156
|
+
}
|
|
10157
|
+
clear() {
|
|
10158
|
+
this.nodes = {};
|
|
10159
|
+
this.groups = {};
|
|
10160
|
+
this.edges = [];
|
|
10161
|
+
this.registeredIds = {};
|
|
10162
|
+
this.dataStructures = void 0;
|
|
10163
|
+
this.elements = {};
|
|
10164
|
+
(0,_chunk_ABZYJK2D_mjs__WEBPACK_IMPORTED_MODULE_4__/* .clear */ .IU)();
|
|
10165
|
+
}
|
|
10166
|
+
addService({
|
|
10181
10167
|
id,
|
|
10182
|
-
type: "service",
|
|
10183
10168
|
icon,
|
|
10184
|
-
|
|
10169
|
+
in: parent,
|
|
10185
10170
|
title,
|
|
10186
|
-
|
|
10187
|
-
|
|
10188
|
-
|
|
10189
|
-
}, "addService");
|
|
10190
|
-
var getServices = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(() => Object.values(state.records.nodes).filter(isArchitectureService), "getServices");
|
|
10191
|
-
var addJunction = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(function({ id, in: parent }) {
|
|
10192
|
-
state.records.registeredIds[id] = "node";
|
|
10193
|
-
state.records.nodes[id] = {
|
|
10194
|
-
id,
|
|
10195
|
-
type: "junction",
|
|
10196
|
-
edges: [],
|
|
10197
|
-
in: parent
|
|
10198
|
-
};
|
|
10199
|
-
}, "addJunction");
|
|
10200
|
-
var getJunctions = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(() => Object.values(state.records.nodes).filter(isArchitectureJunction), "getJunctions");
|
|
10201
|
-
var getNodes = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(() => Object.values(state.records.nodes), "getNodes");
|
|
10202
|
-
var getNode = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)((id) => state.records.nodes[id], "getNode");
|
|
10203
|
-
var addGroup = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(function({ id, icon, in: parent, title }) {
|
|
10204
|
-
if (state.records.registeredIds[id] !== void 0) {
|
|
10205
|
-
throw new Error(
|
|
10206
|
-
`The group id [${id}] is already in use by another ${state.records.registeredIds[id]}`
|
|
10207
|
-
);
|
|
10208
|
-
}
|
|
10209
|
-
if (parent !== void 0) {
|
|
10210
|
-
if (id === parent) {
|
|
10211
|
-
throw new Error(`The group [${id}] cannot be placed within itself`);
|
|
10212
|
-
}
|
|
10213
|
-
if (state.records.registeredIds[parent] === void 0) {
|
|
10171
|
+
iconText
|
|
10172
|
+
}) {
|
|
10173
|
+
if (this.registeredIds[id] !== void 0) {
|
|
10214
10174
|
throw new Error(
|
|
10215
|
-
`The
|
|
10175
|
+
`The service id [${id}] is already in use by another ${this.registeredIds[id]}`
|
|
10216
10176
|
);
|
|
10217
10177
|
}
|
|
10218
|
-
if (
|
|
10219
|
-
|
|
10178
|
+
if (parent !== void 0) {
|
|
10179
|
+
if (id === parent) {
|
|
10180
|
+
throw new Error(`The service [${id}] cannot be placed within itself`);
|
|
10181
|
+
}
|
|
10182
|
+
if (this.registeredIds[parent] === void 0) {
|
|
10183
|
+
throw new Error(
|
|
10184
|
+
`The service [${id}]'s parent does not exist. Please make sure the parent is created before this service`
|
|
10185
|
+
);
|
|
10186
|
+
}
|
|
10187
|
+
if (this.registeredIds[parent] === "node") {
|
|
10188
|
+
throw new Error(`The service [${id}]'s parent is not a group`);
|
|
10189
|
+
}
|
|
10220
10190
|
}
|
|
10191
|
+
this.registeredIds[id] = "node";
|
|
10192
|
+
this.nodes[id] = {
|
|
10193
|
+
id,
|
|
10194
|
+
type: "service",
|
|
10195
|
+
icon,
|
|
10196
|
+
iconText,
|
|
10197
|
+
title,
|
|
10198
|
+
edges: [],
|
|
10199
|
+
in: parent
|
|
10200
|
+
};
|
|
10221
10201
|
}
|
|
10222
|
-
|
|
10223
|
-
|
|
10224
|
-
id,
|
|
10225
|
-
icon,
|
|
10226
|
-
title,
|
|
10227
|
-
in: parent
|
|
10228
|
-
};
|
|
10229
|
-
}, "addGroup");
|
|
10230
|
-
var getGroups = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(() => {
|
|
10231
|
-
return Object.values(state.records.groups);
|
|
10232
|
-
}, "getGroups");
|
|
10233
|
-
var addEdge = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(function({
|
|
10234
|
-
lhsId,
|
|
10235
|
-
rhsId,
|
|
10236
|
-
lhsDir,
|
|
10237
|
-
rhsDir,
|
|
10238
|
-
lhsInto,
|
|
10239
|
-
rhsInto,
|
|
10240
|
-
lhsGroup,
|
|
10241
|
-
rhsGroup,
|
|
10242
|
-
title
|
|
10243
|
-
}) {
|
|
10244
|
-
if (!isArchitectureDirection(lhsDir)) {
|
|
10245
|
-
throw new Error(
|
|
10246
|
-
`Invalid direction given for left hand side of edge ${lhsId}--${rhsId}. Expected (L,R,T,B) got ${lhsDir}`
|
|
10247
|
-
);
|
|
10202
|
+
getServices() {
|
|
10203
|
+
return Object.values(this.nodes).filter(isArchitectureService);
|
|
10248
10204
|
}
|
|
10249
|
-
|
|
10250
|
-
|
|
10251
|
-
|
|
10252
|
-
|
|
10205
|
+
addJunction({ id, in: parent }) {
|
|
10206
|
+
this.registeredIds[id] = "node";
|
|
10207
|
+
this.nodes[id] = {
|
|
10208
|
+
id,
|
|
10209
|
+
type: "junction",
|
|
10210
|
+
edges: [],
|
|
10211
|
+
in: parent
|
|
10212
|
+
};
|
|
10253
10213
|
}
|
|
10254
|
-
|
|
10255
|
-
|
|
10256
|
-
`The left-hand id [${lhsId}] does not yet exist. Please create the service/group before declaring an edge to it.`
|
|
10257
|
-
);
|
|
10214
|
+
getJunctions() {
|
|
10215
|
+
return Object.values(this.nodes).filter(isArchitectureJunction);
|
|
10258
10216
|
}
|
|
10259
|
-
|
|
10260
|
-
|
|
10261
|
-
`The right-hand id [${rhsId}] does not yet exist. Please create the service/group before declaring an edge to it.`
|
|
10262
|
-
);
|
|
10217
|
+
getNodes() {
|
|
10218
|
+
return Object.values(this.nodes);
|
|
10263
10219
|
}
|
|
10264
|
-
|
|
10265
|
-
|
|
10266
|
-
if (lhsGroup && lhsGroupId && rhsGroupId && lhsGroupId == rhsGroupId) {
|
|
10267
|
-
throw new Error(
|
|
10268
|
-
`The left-hand id [${lhsId}] is modified to traverse the group boundary, but the edge does not pass through two groups.`
|
|
10269
|
-
);
|
|
10220
|
+
getNode(id) {
|
|
10221
|
+
return this.nodes[id] ?? null;
|
|
10270
10222
|
}
|
|
10271
|
-
|
|
10272
|
-
|
|
10273
|
-
|
|
10274
|
-
|
|
10223
|
+
addGroup({ id, icon, in: parent, title }) {
|
|
10224
|
+
if (this.registeredIds?.[id] !== void 0) {
|
|
10225
|
+
throw new Error(
|
|
10226
|
+
`The group id [${id}] is already in use by another ${this.registeredIds[id]}`
|
|
10227
|
+
);
|
|
10228
|
+
}
|
|
10229
|
+
if (parent !== void 0) {
|
|
10230
|
+
if (id === parent) {
|
|
10231
|
+
throw new Error(`The group [${id}] cannot be placed within itself`);
|
|
10232
|
+
}
|
|
10233
|
+
if (this.registeredIds?.[parent] === void 0) {
|
|
10234
|
+
throw new Error(
|
|
10235
|
+
`The group [${id}]'s parent does not exist. Please make sure the parent is created before this group`
|
|
10236
|
+
);
|
|
10237
|
+
}
|
|
10238
|
+
if (this.registeredIds?.[parent] === "node") {
|
|
10239
|
+
throw new Error(`The group [${id}]'s parent is not a group`);
|
|
10240
|
+
}
|
|
10241
|
+
}
|
|
10242
|
+
this.registeredIds[id] = "group";
|
|
10243
|
+
this.groups[id] = {
|
|
10244
|
+
id,
|
|
10245
|
+
icon,
|
|
10246
|
+
title,
|
|
10247
|
+
in: parent
|
|
10248
|
+
};
|
|
10249
|
+
}
|
|
10250
|
+
getGroups() {
|
|
10251
|
+
return Object.values(this.groups);
|
|
10275
10252
|
}
|
|
10276
|
-
|
|
10253
|
+
addEdge({
|
|
10277
10254
|
lhsId,
|
|
10278
|
-
lhsDir,
|
|
10279
|
-
lhsInto,
|
|
10280
|
-
lhsGroup,
|
|
10281
10255
|
rhsId,
|
|
10256
|
+
lhsDir,
|
|
10282
10257
|
rhsDir,
|
|
10258
|
+
lhsInto,
|
|
10283
10259
|
rhsInto,
|
|
10260
|
+
lhsGroup,
|
|
10284
10261
|
rhsGroup,
|
|
10285
10262
|
title
|
|
10286
|
-
}
|
|
10287
|
-
|
|
10288
|
-
|
|
10289
|
-
|
|
10290
|
-
|
|
10291
|
-
|
|
10292
|
-
|
|
10293
|
-
|
|
10294
|
-
|
|
10295
|
-
|
|
10296
|
-
|
|
10297
|
-
|
|
10298
|
-
|
|
10299
|
-
|
|
10300
|
-
|
|
10301
|
-
|
|
10302
|
-
|
|
10303
|
-
|
|
10304
|
-
|
|
10305
|
-
|
|
10306
|
-
|
|
10307
|
-
|
|
10308
|
-
|
|
10309
|
-
|
|
10310
|
-
|
|
10311
|
-
|
|
10312
|
-
|
|
10313
|
-
|
|
10263
|
+
}) {
|
|
10264
|
+
if (!isArchitectureDirection(lhsDir)) {
|
|
10265
|
+
throw new Error(
|
|
10266
|
+
`Invalid direction given for left hand side of edge ${lhsId}--${rhsId}. Expected (L,R,T,B) got ${String(lhsDir)}`
|
|
10267
|
+
);
|
|
10268
|
+
}
|
|
10269
|
+
if (!isArchitectureDirection(rhsDir)) {
|
|
10270
|
+
throw new Error(
|
|
10271
|
+
`Invalid direction given for right hand side of edge ${lhsId}--${rhsId}. Expected (L,R,T,B) got ${String(rhsDir)}`
|
|
10272
|
+
);
|
|
10273
|
+
}
|
|
10274
|
+
if (this.nodes[lhsId] === void 0 && this.groups[lhsId] === void 0) {
|
|
10275
|
+
throw new Error(
|
|
10276
|
+
`The left-hand id [${lhsId}] does not yet exist. Please create the service/group before declaring an edge to it.`
|
|
10277
|
+
);
|
|
10278
|
+
}
|
|
10279
|
+
if (this.nodes[rhsId] === void 0 && this.groups[rhsId] === void 0) {
|
|
10280
|
+
throw new Error(
|
|
10281
|
+
`The right-hand id [${rhsId}] does not yet exist. Please create the service/group before declaring an edge to it.`
|
|
10282
|
+
);
|
|
10283
|
+
}
|
|
10284
|
+
const lhsGroupId = this.nodes[lhsId].in;
|
|
10285
|
+
const rhsGroupId = this.nodes[rhsId].in;
|
|
10286
|
+
if (lhsGroup && lhsGroupId && rhsGroupId && lhsGroupId == rhsGroupId) {
|
|
10287
|
+
throw new Error(
|
|
10288
|
+
`The left-hand id [${lhsId}] is modified to traverse the group boundary, but the edge does not pass through two groups.`
|
|
10289
|
+
);
|
|
10290
|
+
}
|
|
10291
|
+
if (rhsGroup && lhsGroupId && rhsGroupId && lhsGroupId == rhsGroupId) {
|
|
10292
|
+
throw new Error(
|
|
10293
|
+
`The right-hand id [${rhsId}] is modified to traverse the group boundary, but the edge does not pass through two groups.`
|
|
10294
|
+
);
|
|
10295
|
+
}
|
|
10296
|
+
const edge = {
|
|
10297
|
+
lhsId,
|
|
10298
|
+
lhsDir,
|
|
10299
|
+
lhsInto,
|
|
10300
|
+
lhsGroup,
|
|
10301
|
+
rhsId,
|
|
10302
|
+
rhsDir,
|
|
10303
|
+
rhsInto,
|
|
10304
|
+
rhsGroup,
|
|
10305
|
+
title
|
|
10306
|
+
};
|
|
10307
|
+
this.edges.push(edge);
|
|
10308
|
+
if (this.nodes[lhsId] && this.nodes[rhsId]) {
|
|
10309
|
+
this.nodes[lhsId].edges.push(this.edges[this.edges.length - 1]);
|
|
10310
|
+
this.nodes[rhsId].edges.push(this.edges[this.edges.length - 1]);
|
|
10311
|
+
}
|
|
10312
|
+
}
|
|
10313
|
+
getEdges() {
|
|
10314
|
+
return this.edges;
|
|
10315
|
+
}
|
|
10316
|
+
/**
|
|
10317
|
+
* Returns the current diagram's adjacency list, spatial map, & group alignments.
|
|
10318
|
+
* If they have not been created, run the algorithms to generate them.
|
|
10319
|
+
* @returns
|
|
10320
|
+
*/
|
|
10321
|
+
getDataStructures() {
|
|
10322
|
+
if (this.dataStructures === void 0) {
|
|
10323
|
+
const groupAlignments = {};
|
|
10324
|
+
const adjList = Object.entries(this.nodes).reduce((prevOuter, [id, service]) => {
|
|
10325
|
+
prevOuter[id] = service.edges.reduce((prevInner, edge) => {
|
|
10326
|
+
const lhsGroupId = this.getNode(edge.lhsId)?.in;
|
|
10327
|
+
const rhsGroupId = this.getNode(edge.rhsId)?.in;
|
|
10328
|
+
if (lhsGroupId && rhsGroupId && lhsGroupId !== rhsGroupId) {
|
|
10329
|
+
const alignment = getArchitectureDirectionAlignment(edge.lhsDir, edge.rhsDir);
|
|
10330
|
+
if (alignment !== "bend") {
|
|
10331
|
+
groupAlignments[lhsGroupId] ??= {};
|
|
10332
|
+
groupAlignments[lhsGroupId][rhsGroupId] = alignment;
|
|
10333
|
+
groupAlignments[rhsGroupId] ??= {};
|
|
10334
|
+
groupAlignments[rhsGroupId][lhsGroupId] = alignment;
|
|
10335
|
+
}
|
|
10314
10336
|
}
|
|
10315
|
-
|
|
10316
|
-
|
|
10317
|
-
|
|
10318
|
-
|
|
10337
|
+
if (edge.lhsId === id) {
|
|
10338
|
+
const pair = getArchitectureDirectionPair(edge.lhsDir, edge.rhsDir);
|
|
10339
|
+
if (pair) {
|
|
10340
|
+
prevInner[pair] = edge.rhsId;
|
|
10341
|
+
}
|
|
10342
|
+
} else {
|
|
10343
|
+
const pair = getArchitectureDirectionPair(edge.rhsDir, edge.lhsDir);
|
|
10344
|
+
if (pair) {
|
|
10345
|
+
prevInner[pair] = edge.lhsId;
|
|
10346
|
+
}
|
|
10319
10347
|
}
|
|
10320
|
-
|
|
10321
|
-
|
|
10348
|
+
return prevInner;
|
|
10349
|
+
}, {});
|
|
10350
|
+
return prevOuter;
|
|
10322
10351
|
}, {});
|
|
10323
|
-
|
|
10324
|
-
|
|
10325
|
-
|
|
10326
|
-
|
|
10327
|
-
|
|
10328
|
-
|
|
10329
|
-
{
|
|
10330
|
-
|
|
10331
|
-
|
|
10332
|
-
|
|
10333
|
-
|
|
10334
|
-
|
|
10335
|
-
|
|
10336
|
-
|
|
10337
|
-
|
|
10338
|
-
|
|
10339
|
-
|
|
10340
|
-
|
|
10341
|
-
|
|
10342
|
-
|
|
10343
|
-
|
|
10344
|
-
|
|
10345
|
-
|
|
10346
|
-
|
|
10347
|
-
|
|
10348
|
-
|
|
10349
|
-
});
|
|
10352
|
+
const firstId = Object.keys(adjList)[0];
|
|
10353
|
+
const visited = { [firstId]: 1 };
|
|
10354
|
+
const notVisited = Object.keys(adjList).reduce(
|
|
10355
|
+
(prev, id) => id === firstId ? prev : { ...prev, [id]: 1 },
|
|
10356
|
+
{}
|
|
10357
|
+
);
|
|
10358
|
+
const BFS = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .__name */ .K2)((startingId) => {
|
|
10359
|
+
const spatialMap = { [startingId]: [0, 0] };
|
|
10360
|
+
const queue = [startingId];
|
|
10361
|
+
while (queue.length > 0) {
|
|
10362
|
+
const id = queue.shift();
|
|
10363
|
+
if (id) {
|
|
10364
|
+
visited[id] = 1;
|
|
10365
|
+
delete notVisited[id];
|
|
10366
|
+
const adj = adjList[id];
|
|
10367
|
+
const [posX, posY] = spatialMap[id];
|
|
10368
|
+
Object.entries(adj).forEach(([dir, rhsId]) => {
|
|
10369
|
+
if (!visited[rhsId]) {
|
|
10370
|
+
spatialMap[rhsId] = shiftPositionByArchitectureDirectionPair(
|
|
10371
|
+
[posX, posY],
|
|
10372
|
+
dir
|
|
10373
|
+
);
|
|
10374
|
+
queue.push(rhsId);
|
|
10375
|
+
}
|
|
10376
|
+
});
|
|
10377
|
+
}
|
|
10350
10378
|
}
|
|
10379
|
+
return spatialMap;
|
|
10380
|
+
}, "BFS");
|
|
10381
|
+
const spatialMaps = [BFS(firstId)];
|
|
10382
|
+
while (Object.keys(notVisited).length > 0) {
|
|
10383
|
+
spatialMaps.push(BFS(Object.keys(notVisited)[0]));
|
|
10351
10384
|
}
|
|
10352
|
-
|
|
10353
|
-
|
|
10354
|
-
|
|
10355
|
-
|
|
10356
|
-
|
|
10385
|
+
this.dataStructures = {
|
|
10386
|
+
adjList,
|
|
10387
|
+
spatialMaps,
|
|
10388
|
+
groupAlignments
|
|
10389
|
+
};
|
|
10357
10390
|
}
|
|
10358
|
-
|
|
10359
|
-
adjList,
|
|
10360
|
-
spatialMaps,
|
|
10361
|
-
groupAlignments
|
|
10362
|
-
};
|
|
10391
|
+
return this.dataStructures;
|
|
10363
10392
|
}
|
|
10364
|
-
|
|
10365
|
-
|
|
10366
|
-
|
|
10367
|
-
|
|
10368
|
-
|
|
10369
|
-
|
|
10370
|
-
|
|
10371
|
-
|
|
10372
|
-
|
|
10373
|
-
|
|
10374
|
-
|
|
10375
|
-
|
|
10376
|
-
|
|
10377
|
-
|
|
10378
|
-
|
|
10379
|
-
|
|
10380
|
-
addJunction,
|
|
10381
|
-
getJunctions,
|
|
10382
|
-
getNodes,
|
|
10383
|
-
getNode,
|
|
10384
|
-
addGroup,
|
|
10385
|
-
getGroups,
|
|
10386
|
-
addEdge,
|
|
10387
|
-
getEdges,
|
|
10388
|
-
setElementForId,
|
|
10389
|
-
getElementById,
|
|
10390
|
-
getDataStructures
|
|
10391
|
-
};
|
|
10392
|
-
function getConfigField(field) {
|
|
10393
|
-
const arch = (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .getConfig2 */ .D7)().architecture;
|
|
10394
|
-
if (arch?.[field]) {
|
|
10395
|
-
return arch[field];
|
|
10396
|
-
}
|
|
10397
|
-
return DEFAULT_ARCHITECTURE_CONFIG[field];
|
|
10398
|
-
}
|
|
10399
|
-
(0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_6__/* .__name */ .K2)(getConfigField, "getConfigField");
|
|
10393
|
+
setElementForId(id, element) {
|
|
10394
|
+
this.elements[id] = element;
|
|
10395
|
+
}
|
|
10396
|
+
getElementById(id) {
|
|
10397
|
+
return this.elements[id];
|
|
10398
|
+
}
|
|
10399
|
+
getConfig() {
|
|
10400
|
+
return (0,_chunk_S3R3BYOJ_mjs__WEBPACK_IMPORTED_MODULE_3__/* .cleanAndMerge */ .$t)({
|
|
10401
|
+
...DEFAULT_ARCHITECTURE_CONFIG,
|
|
10402
|
+
...(0,_chunk_ABZYJK2D_mjs__WEBPACK_IMPORTED_MODULE_4__/* .getConfig */ .zj)().architecture
|
|
10403
|
+
});
|
|
10404
|
+
}
|
|
10405
|
+
getConfigField(field) {
|
|
10406
|
+
return this.getConfig()[field];
|
|
10407
|
+
}
|
|
10408
|
+
};
|
|
10400
10409
|
|
|
10401
10410
|
// src/diagrams/architecture/architectureParser.ts
|
|
10402
|
-
var populateDb = /* @__PURE__ */ (0,
|
|
10403
|
-
(0,
|
|
10404
|
-
ast.groups.map(
|
|
10405
|
-
ast.services.map((service) =>
|
|
10406
|
-
ast.junctions.map((service) =>
|
|
10407
|
-
ast.edges.map(
|
|
10411
|
+
var populateDb = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .__name */ .K2)((ast, db) => {
|
|
10412
|
+
(0,_chunk_4BX2VUAB_mjs__WEBPACK_IMPORTED_MODULE_2__/* .populateCommonDb */ .S)(ast, db);
|
|
10413
|
+
ast.groups.map((group) => db.addGroup(group));
|
|
10414
|
+
ast.services.map((service) => db.addService({ ...service, type: "service" }));
|
|
10415
|
+
ast.junctions.map((service) => db.addJunction({ ...service, type: "junction" }));
|
|
10416
|
+
ast.edges.map((edge) => db.addEdge(edge));
|
|
10408
10417
|
}, "populateDb");
|
|
10409
10418
|
var parser = {
|
|
10410
|
-
|
|
10411
|
-
|
|
10412
|
-
|
|
10419
|
+
parser: {
|
|
10420
|
+
// @ts-expect-error - ArchitectureDB is not assignable to DiagramDB
|
|
10421
|
+
yy: void 0
|
|
10422
|
+
},
|
|
10423
|
+
parse: /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .__name */ .K2)(async (input) => {
|
|
10424
|
+
const ast = await (0,_mermaid_js_parser__WEBPACK_IMPORTED_MODULE_6__/* .parse */ .qg)("architecture", input);
|
|
10425
|
+
_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .log */ .Rm.debug(ast);
|
|
10426
|
+
const db = parser.parser?.yy;
|
|
10427
|
+
if (!(db instanceof ArchitectureDB)) {
|
|
10428
|
+
throw new Error(
|
|
10429
|
+
"parser.parser?.yy was not a ArchitectureDB. This is due to a bug within Mermaid, please report this issue at https://github.com/mermaid-js/mermaid/issues."
|
|
10430
|
+
);
|
|
10431
|
+
}
|
|
10413
10432
|
populateDb(ast, db);
|
|
10414
10433
|
}, "parse")
|
|
10415
10434
|
};
|
|
10416
10435
|
|
|
10417
10436
|
// src/diagrams/architecture/architectureStyles.ts
|
|
10418
|
-
var getStyles = /* @__PURE__ */ (0,
|
|
10437
|
+
var getStyles = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .__name */ .K2)((options) => `
|
|
10419
10438
|
.edge {
|
|
10420
10439
|
stroke-width: ${options.archEdgeWidth};
|
|
10421
10440
|
stroke: ${options.archEdgeColor};
|
|
@@ -10455,7 +10474,7 @@ var architectureStyles_default = getStyles;
|
|
|
10455
10474
|
|
|
10456
10475
|
|
|
10457
10476
|
// src/diagrams/architecture/architectureIcons.ts
|
|
10458
|
-
var wrapIcon = /* @__PURE__ */ (0,
|
|
10477
|
+
var wrapIcon = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .__name */ .K2)((icon) => {
|
|
10459
10478
|
return `<g><rect width="80" height="80" style="fill: #087ebf; stroke-width: 0px;"/>${icon}</g>`;
|
|
10460
10479
|
}, "wrapIcon");
|
|
10461
10480
|
var architectureIcons = {
|
|
@@ -10488,7 +10507,7 @@ var architectureIcons = {
|
|
|
10488
10507
|
'<path d="m65,47.5c0,2.76-2.24,5-5,5H20c-2.76,0-5-2.24-5-5,0-1.87,1.03-3.51,2.56-4.36-.04-.21-.06-.42-.06-.64,0-2.6,2.48-4.74,5.65-4.97,1.65-4.51,6.34-7.76,11.85-7.76.86,0,1.69.08,2.5.23,2.09-1.57,4.69-2.5,7.5-2.5,6.1,0,11.19,4.38,12.28,10.17,2.14.56,3.72,2.51,3.72,4.83,0,.03,0,.07-.01.1,2.29.46,4.01,2.48,4.01,4.9Z" style="fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;"/>'
|
|
10489
10508
|
)
|
|
10490
10509
|
},
|
|
10491
|
-
unknown:
|
|
10510
|
+
unknown: _chunk_JA3XYJ7Z_mjs__WEBPACK_IMPORTED_MODULE_1__/* .unknownIcon */ .Gc,
|
|
10492
10511
|
blank: {
|
|
10493
10512
|
body: wrapIcon("")
|
|
10494
10513
|
}
|
|
@@ -10496,9 +10515,9 @@ var architectureIcons = {
|
|
|
10496
10515
|
};
|
|
10497
10516
|
|
|
10498
10517
|
// src/diagrams/architecture/svgDraw.ts
|
|
10499
|
-
var drawEdges = /* @__PURE__ */ (0,
|
|
10500
|
-
const padding = getConfigField("padding");
|
|
10501
|
-
const iconSize = getConfigField("iconSize");
|
|
10518
|
+
var drawEdges = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .__name */ .K2)(async function(edgesEl, cy, db) {
|
|
10519
|
+
const padding = db.getConfigField("padding");
|
|
10520
|
+
const iconSize = db.getConfigField("iconSize");
|
|
10502
10521
|
const halfIconSize = iconSize / 2;
|
|
10503
10522
|
const arrowSize = iconSize / 6;
|
|
10504
10523
|
const halfArrowSize = arrowSize / 2;
|
|
@@ -10549,7 +10568,7 @@ var drawEdges = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_
|
|
|
10549
10568
|
}
|
|
10550
10569
|
if (edge[0]._private.rscratch) {
|
|
10551
10570
|
const g = edgesEl.insert("g");
|
|
10552
|
-
g.insert("path").attr("d", `M ${startX},${startY} L ${midX},${midY} L${endX},${endY} `).attr("class", "edge");
|
|
10571
|
+
g.insert("path").attr("d", `M ${startX},${startY} L ${midX},${midY} L${endX},${endY} `).attr("class", "edge").attr("id", (0,_chunk_S3R3BYOJ_mjs__WEBPACK_IMPORTED_MODULE_3__/* .getEdgeId */ .rY)(source, target, { prefix: "L" }));
|
|
10553
10572
|
if (sourceArrow) {
|
|
10554
10573
|
const xShift = isArchitectureDirectionX(sourceDir) ? ArchitectureDirectionArrowShift[sourceDir](startX, arrowSize) : startX - halfArrowSize;
|
|
10555
10574
|
const yShift = isArchitectureDirectionY(sourceDir) ? ArchitectureDirectionArrowShift[sourceDir](startY, arrowSize) : startY - halfArrowSize;
|
|
@@ -10571,7 +10590,7 @@ var drawEdges = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_
|
|
|
10571
10590
|
width = Math.abs(startX - endX) / 2;
|
|
10572
10591
|
}
|
|
10573
10592
|
const textElem = g.append("g");
|
|
10574
|
-
await (0,
|
|
10593
|
+
await (0,_chunk_JA3XYJ7Z_mjs__WEBPACK_IMPORTED_MODULE_1__/* .createText */ .GZ)(
|
|
10575
10594
|
textElem,
|
|
10576
10595
|
label,
|
|
10577
10596
|
{
|
|
@@ -10579,7 +10598,7 @@ var drawEdges = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_
|
|
|
10579
10598
|
width,
|
|
10580
10599
|
classes: "architecture-service-label"
|
|
10581
10600
|
},
|
|
10582
|
-
(0,
|
|
10601
|
+
(0,_chunk_ABZYJK2D_mjs__WEBPACK_IMPORTED_MODULE_4__/* .getConfig2 */ .D7)()
|
|
10583
10602
|
);
|
|
10584
10603
|
textElem.attr("dy", "1em").attr("alignment-baseline", "middle").attr("dominant-baseline", "middle").attr("text-anchor", "middle");
|
|
10585
10604
|
if (axis === "X") {
|
|
@@ -10608,25 +10627,26 @@ var drawEdges = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_
|
|
|
10608
10627
|
})
|
|
10609
10628
|
);
|
|
10610
10629
|
}, "drawEdges");
|
|
10611
|
-
var drawGroups = /* @__PURE__ */ (0,
|
|
10612
|
-
const padding = getConfigField("padding");
|
|
10630
|
+
var drawGroups = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .__name */ .K2)(async function(groupsEl, cy, db) {
|
|
10631
|
+
const padding = db.getConfigField("padding");
|
|
10613
10632
|
const groupIconSize = padding * 0.75;
|
|
10614
|
-
const fontSize = getConfigField("fontSize");
|
|
10615
|
-
const iconSize = getConfigField("iconSize");
|
|
10633
|
+
const fontSize = db.getConfigField("fontSize");
|
|
10634
|
+
const iconSize = db.getConfigField("iconSize");
|
|
10616
10635
|
const halfIconSize = iconSize / 2;
|
|
10617
10636
|
await Promise.all(
|
|
10618
10637
|
cy.nodes().map(async (node) => {
|
|
10619
10638
|
const data = nodeData(node);
|
|
10620
10639
|
if (data.type === "group") {
|
|
10621
10640
|
const { h, w, x1, y1 } = node.boundingBox();
|
|
10622
|
-
groupsEl.append("rect")
|
|
10641
|
+
const groupsNode = groupsEl.append("rect");
|
|
10642
|
+
groupsNode.attr("id", `group-${data.id}`).attr("x", x1 + halfIconSize).attr("y", y1 + halfIconSize).attr("width", w).attr("height", h).attr("class", "node-bkg");
|
|
10623
10643
|
const groupLabelContainer = groupsEl.append("g");
|
|
10624
10644
|
let shiftedX1 = x1;
|
|
10625
10645
|
let shiftedY1 = y1;
|
|
10626
10646
|
if (data.icon) {
|
|
10627
10647
|
const bkgElem = groupLabelContainer.append("g");
|
|
10628
10648
|
bkgElem.html(
|
|
10629
|
-
`<g>${await (0,
|
|
10649
|
+
`<g>${await (0,_chunk_JA3XYJ7Z_mjs__WEBPACK_IMPORTED_MODULE_1__/* .getIconSVG */ .WY)(data.icon, { height: groupIconSize, width: groupIconSize, fallbackPrefix: architectureIcons.prefix })}</g>`
|
|
10630
10650
|
);
|
|
10631
10651
|
bkgElem.attr(
|
|
10632
10652
|
"transform",
|
|
@@ -10637,7 +10657,7 @@ var drawGroups = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE
|
|
|
10637
10657
|
}
|
|
10638
10658
|
if (data.label) {
|
|
10639
10659
|
const textElem = groupLabelContainer.append("g");
|
|
10640
|
-
await (0,
|
|
10660
|
+
await (0,_chunk_JA3XYJ7Z_mjs__WEBPACK_IMPORTED_MODULE_1__/* .createText */ .GZ)(
|
|
10641
10661
|
textElem,
|
|
10642
10662
|
data.label,
|
|
10643
10663
|
{
|
|
@@ -10645,7 +10665,7 @@ var drawGroups = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE
|
|
|
10645
10665
|
width: w,
|
|
10646
10666
|
classes: "architecture-service-label"
|
|
10647
10667
|
},
|
|
10648
|
-
(0,
|
|
10668
|
+
(0,_chunk_ABZYJK2D_mjs__WEBPACK_IMPORTED_MODULE_4__/* .getConfig2 */ .D7)()
|
|
10649
10669
|
);
|
|
10650
10670
|
textElem.attr("dy", "1em").attr("alignment-baseline", "middle").attr("dominant-baseline", "start").attr("text-anchor", "start");
|
|
10651
10671
|
textElem.attr(
|
|
@@ -10653,17 +10673,19 @@ var drawGroups = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE
|
|
|
10653
10673
|
"translate(" + (shiftedX1 + halfIconSize + 4) + ", " + (shiftedY1 + halfIconSize + 2) + ")"
|
|
10654
10674
|
);
|
|
10655
10675
|
}
|
|
10676
|
+
db.setElementForId(data.id, groupsNode);
|
|
10656
10677
|
}
|
|
10657
10678
|
})
|
|
10658
10679
|
);
|
|
10659
10680
|
}, "drawGroups");
|
|
10660
|
-
var drawServices = /* @__PURE__ */ (0,
|
|
10681
|
+
var drawServices = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .__name */ .K2)(async function(db, elem, services) {
|
|
10682
|
+
const config = (0,_chunk_ABZYJK2D_mjs__WEBPACK_IMPORTED_MODULE_4__/* .getConfig2 */ .D7)();
|
|
10661
10683
|
for (const service of services) {
|
|
10662
10684
|
const serviceElem = elem.append("g");
|
|
10663
|
-
const iconSize = getConfigField("iconSize");
|
|
10685
|
+
const iconSize = db.getConfigField("iconSize");
|
|
10664
10686
|
if (service.title) {
|
|
10665
10687
|
const textElem = serviceElem.append("g");
|
|
10666
|
-
await (0,
|
|
10688
|
+
await (0,_chunk_JA3XYJ7Z_mjs__WEBPACK_IMPORTED_MODULE_1__/* .createText */ .GZ)(
|
|
10667
10689
|
textElem,
|
|
10668
10690
|
service.title,
|
|
10669
10691
|
{
|
|
@@ -10671,7 +10693,7 @@ var drawServices = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODU
|
|
|
10671
10693
|
width: iconSize * 1.5,
|
|
10672
10694
|
classes: "architecture-service-label"
|
|
10673
10695
|
},
|
|
10674
|
-
|
|
10696
|
+
config
|
|
10675
10697
|
);
|
|
10676
10698
|
textElem.attr("dy", "1em").attr("alignment-baseline", "middle").attr("dominant-baseline", "middle").attr("text-anchor", "middle");
|
|
10677
10699
|
textElem.attr("transform", "translate(" + iconSize / 2 + ", " + iconSize + ")");
|
|
@@ -10679,15 +10701,15 @@ var drawServices = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODU
|
|
|
10679
10701
|
const bkgElem = serviceElem.append("g");
|
|
10680
10702
|
if (service.icon) {
|
|
10681
10703
|
bkgElem.html(
|
|
10682
|
-
`<g>${await (0,
|
|
10704
|
+
`<g>${await (0,_chunk_JA3XYJ7Z_mjs__WEBPACK_IMPORTED_MODULE_1__/* .getIconSVG */ .WY)(service.icon, { height: iconSize, width: iconSize, fallbackPrefix: architectureIcons.prefix })}</g>`
|
|
10683
10705
|
);
|
|
10684
10706
|
} else if (service.iconText) {
|
|
10685
10707
|
bkgElem.html(
|
|
10686
|
-
`<g>${await (0,
|
|
10708
|
+
`<g>${await (0,_chunk_JA3XYJ7Z_mjs__WEBPACK_IMPORTED_MODULE_1__/* .getIconSVG */ .WY)("blank", { height: iconSize, width: iconSize, fallbackPrefix: architectureIcons.prefix })}</g>`
|
|
10687
10709
|
);
|
|
10688
10710
|
const textElemContainer = bkgElem.append("g");
|
|
10689
10711
|
const fo = textElemContainer.append("foreignObject").attr("width", iconSize).attr("height", iconSize);
|
|
10690
|
-
const divElem = fo.append("div").attr("class", "node-icon-text").attr("style", `height: ${iconSize}px;`).append("div").html(service.iconText);
|
|
10712
|
+
const divElem = fo.append("div").attr("class", "node-icon-text").attr("style", `height: ${iconSize}px;`).append("div").html((0,_chunk_ABZYJK2D_mjs__WEBPACK_IMPORTED_MODULE_4__/* .sanitizeText */ .jZ)(service.iconText, config));
|
|
10691
10713
|
const fontSize = parseInt(
|
|
10692
10714
|
window.getComputedStyle(divElem.node(), null).getPropertyValue("font-size").replace(/\D/g, "")
|
|
10693
10715
|
) ?? 16;
|
|
@@ -10698,37 +10720,37 @@ var drawServices = /* @__PURE__ */ (0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODU
|
|
|
10698
10720
|
`M0 ${iconSize} v${-iconSize} q0,-5 5,-5 h${iconSize} q5,0 5,5 v${iconSize} H0 Z`
|
|
10699
10721
|
);
|
|
10700
10722
|
}
|
|
10701
|
-
serviceElem.attr("class", "architecture-service");
|
|
10702
|
-
const { width, height } = serviceElem.
|
|
10723
|
+
serviceElem.attr("id", `service-${service.id}`).attr("class", "architecture-service");
|
|
10724
|
+
const { width, height } = serviceElem.node().getBBox();
|
|
10703
10725
|
service.width = width;
|
|
10704
10726
|
service.height = height;
|
|
10705
|
-
|
|
10727
|
+
db.setElementForId(service.id, serviceElem);
|
|
10706
10728
|
}
|
|
10707
10729
|
return 0;
|
|
10708
10730
|
}, "drawServices");
|
|
10709
|
-
var drawJunctions = /* @__PURE__ */ (0,
|
|
10731
|
+
var drawJunctions = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .__name */ .K2)(function(db, elem, junctions) {
|
|
10710
10732
|
junctions.forEach((junction) => {
|
|
10711
10733
|
const junctionElem = elem.append("g");
|
|
10712
|
-
const iconSize = getConfigField("iconSize");
|
|
10734
|
+
const iconSize = db.getConfigField("iconSize");
|
|
10713
10735
|
const bkgElem = junctionElem.append("g");
|
|
10714
10736
|
bkgElem.append("rect").attr("id", "node-" + junction.id).attr("fill-opacity", "0").attr("width", iconSize).attr("height", iconSize);
|
|
10715
10737
|
junctionElem.attr("class", "architecture-junction");
|
|
10716
10738
|
const { width, height } = junctionElem._groups[0][0].getBBox();
|
|
10717
10739
|
junctionElem.width = width;
|
|
10718
10740
|
junctionElem.height = height;
|
|
10719
|
-
|
|
10741
|
+
db.setElementForId(junction.id, junctionElem);
|
|
10720
10742
|
});
|
|
10721
10743
|
}, "drawJunctions");
|
|
10722
10744
|
|
|
10723
10745
|
// src/diagrams/architecture/architectureRenderer.ts
|
|
10724
|
-
(0,
|
|
10746
|
+
(0,_chunk_JA3XYJ7Z_mjs__WEBPACK_IMPORTED_MODULE_1__/* .registerIconPacks */ .pC)([
|
|
10725
10747
|
{
|
|
10726
10748
|
name: architectureIcons.prefix,
|
|
10727
10749
|
icons: architectureIcons
|
|
10728
10750
|
}
|
|
10729
10751
|
]);
|
|
10730
|
-
|
|
10731
|
-
function addServices(services, cy) {
|
|
10752
|
+
cytoscape__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A.use((cytoscape_fcose__WEBPACK_IMPORTED_MODULE_8___default()));
|
|
10753
|
+
function addServices(services, cy, db) {
|
|
10732
10754
|
services.forEach((service) => {
|
|
10733
10755
|
cy.add({
|
|
10734
10756
|
group: "nodes",
|
|
@@ -10738,15 +10760,15 @@ function addServices(services, cy) {
|
|
|
10738
10760
|
icon: service.icon,
|
|
10739
10761
|
label: service.title,
|
|
10740
10762
|
parent: service.in,
|
|
10741
|
-
width: getConfigField("iconSize"),
|
|
10742
|
-
height: getConfigField("iconSize")
|
|
10763
|
+
width: db.getConfigField("iconSize"),
|
|
10764
|
+
height: db.getConfigField("iconSize")
|
|
10743
10765
|
},
|
|
10744
10766
|
classes: "node-service"
|
|
10745
10767
|
});
|
|
10746
10768
|
});
|
|
10747
10769
|
}
|
|
10748
|
-
(0,
|
|
10749
|
-
function addJunctions(junctions, cy) {
|
|
10770
|
+
(0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .__name */ .K2)(addServices, "addServices");
|
|
10771
|
+
function addJunctions(junctions, cy, db) {
|
|
10750
10772
|
junctions.forEach((junction) => {
|
|
10751
10773
|
cy.add({
|
|
10752
10774
|
group: "nodes",
|
|
@@ -10754,15 +10776,15 @@ function addJunctions(junctions, cy) {
|
|
|
10754
10776
|
type: "junction",
|
|
10755
10777
|
id: junction.id,
|
|
10756
10778
|
parent: junction.in,
|
|
10757
|
-
width: getConfigField("iconSize"),
|
|
10758
|
-
height: getConfigField("iconSize")
|
|
10779
|
+
width: db.getConfigField("iconSize"),
|
|
10780
|
+
height: db.getConfigField("iconSize")
|
|
10759
10781
|
},
|
|
10760
10782
|
classes: "node-junction"
|
|
10761
10783
|
});
|
|
10762
10784
|
});
|
|
10763
10785
|
}
|
|
10764
|
-
(0,
|
|
10765
|
-
function positionNodes(
|
|
10786
|
+
(0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .__name */ .K2)(addJunctions, "addJunctions");
|
|
10787
|
+
function positionNodes(db, cy) {
|
|
10766
10788
|
cy.nodes().map((node) => {
|
|
10767
10789
|
const data = nodeData(node);
|
|
10768
10790
|
if (data.type === "group") {
|
|
@@ -10770,11 +10792,11 @@ function positionNodes(db2, cy) {
|
|
|
10770
10792
|
}
|
|
10771
10793
|
data.x = node.position().x;
|
|
10772
10794
|
data.y = node.position().y;
|
|
10773
|
-
const nodeElem =
|
|
10795
|
+
const nodeElem = db.getElementById(data.id);
|
|
10774
10796
|
nodeElem.attr("transform", "translate(" + (data.x || 0) + "," + (data.y || 0) + ")");
|
|
10775
10797
|
});
|
|
10776
10798
|
}
|
|
10777
|
-
(0,
|
|
10799
|
+
(0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .__name */ .K2)(positionNodes, "positionNodes");
|
|
10778
10800
|
function addGroups(groups, cy) {
|
|
10779
10801
|
groups.forEach((group) => {
|
|
10780
10802
|
cy.add({
|
|
@@ -10790,7 +10812,7 @@ function addGroups(groups, cy) {
|
|
|
10790
10812
|
});
|
|
10791
10813
|
});
|
|
10792
10814
|
}
|
|
10793
|
-
(0,
|
|
10815
|
+
(0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .__name */ .K2)(addGroups, "addGroups");
|
|
10794
10816
|
function addEdges(edges, cy) {
|
|
10795
10817
|
edges.forEach((parsedEdge) => {
|
|
10796
10818
|
const { lhsId, rhsId, lhsInto, lhsGroup, rhsInto, lhsDir, rhsDir, rhsGroup, title } = parsedEdge;
|
|
@@ -10816,9 +10838,9 @@ function addEdges(edges, cy) {
|
|
|
10816
10838
|
});
|
|
10817
10839
|
});
|
|
10818
10840
|
}
|
|
10819
|
-
(0,
|
|
10820
|
-
function getAlignments(
|
|
10821
|
-
const flattenAlignments = /* @__PURE__ */ (0,
|
|
10841
|
+
(0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .__name */ .K2)(addEdges, "addEdges");
|
|
10842
|
+
function getAlignments(db, spatialMaps, groupAlignments) {
|
|
10843
|
+
const flattenAlignments = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .__name */ .K2)((alignmentObj, alignmentDir) => {
|
|
10822
10844
|
return Object.entries(alignmentObj).reduce(
|
|
10823
10845
|
(prev, [dir, alignments2]) => {
|
|
10824
10846
|
let cnt = 0;
|
|
@@ -10855,7 +10877,7 @@ function getAlignments(db2, spatialMaps, groupAlignments) {
|
|
|
10855
10877
|
const horizontalAlignments = {};
|
|
10856
10878
|
const verticalAlignments = {};
|
|
10857
10879
|
Object.entries(spatialMap).forEach(([id, [x, y]]) => {
|
|
10858
|
-
const nodeGroup =
|
|
10880
|
+
const nodeGroup = db.getNode(id)?.in ?? "default";
|
|
10859
10881
|
horizontalAlignments[y] ??= {};
|
|
10860
10882
|
horizontalAlignments[y][nodeGroup] ??= [];
|
|
10861
10883
|
horizontalAlignments[y][nodeGroup].push(id);
|
|
@@ -10886,11 +10908,11 @@ function getAlignments(db2, spatialMaps, groupAlignments) {
|
|
|
10886
10908
|
vertical
|
|
10887
10909
|
};
|
|
10888
10910
|
}
|
|
10889
|
-
(0,
|
|
10890
|
-
function getRelativeConstraints(spatialMaps) {
|
|
10911
|
+
(0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .__name */ .K2)(getAlignments, "getAlignments");
|
|
10912
|
+
function getRelativeConstraints(spatialMaps, db) {
|
|
10891
10913
|
const relativeConstraints = [];
|
|
10892
|
-
const posToStr = /* @__PURE__ */ (0,
|
|
10893
|
-
const strToPos = /* @__PURE__ */ (0,
|
|
10914
|
+
const posToStr = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .__name */ .K2)((pos) => `${pos[0]},${pos[1]}`, "posToStr");
|
|
10915
|
+
const strToPos = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .__name */ .K2)((pos) => pos.split(",").map((p) => parseInt(p)), "strToPos");
|
|
10894
10916
|
spatialMaps.forEach((spatialMap) => {
|
|
10895
10917
|
const invSpatialMap = Object.fromEntries(
|
|
10896
10918
|
Object.entries(spatialMap).map(([id, pos]) => [posToStr(pos), id])
|
|
@@ -10918,7 +10940,7 @@ function getRelativeConstraints(spatialMaps) {
|
|
|
10918
10940
|
relativeConstraints.push({
|
|
10919
10941
|
[ArchitectureDirectionName[dir]]: newId,
|
|
10920
10942
|
[ArchitectureDirectionName[getOppositeArchitectureDirection(dir)]]: currId,
|
|
10921
|
-
gap: 1.5 * getConfigField("iconSize")
|
|
10943
|
+
gap: 1.5 * db.getConfigField("iconSize")
|
|
10922
10944
|
});
|
|
10923
10945
|
}
|
|
10924
10946
|
});
|
|
@@ -10928,11 +10950,11 @@ function getRelativeConstraints(spatialMaps) {
|
|
|
10928
10950
|
});
|
|
10929
10951
|
return relativeConstraints;
|
|
10930
10952
|
}
|
|
10931
|
-
(0,
|
|
10932
|
-
function layoutArchitecture(services, junctions, groups, edges,
|
|
10953
|
+
(0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .__name */ .K2)(getRelativeConstraints, "getRelativeConstraints");
|
|
10954
|
+
function layoutArchitecture(services, junctions, groups, edges, db, { spatialMaps, groupAlignments }) {
|
|
10933
10955
|
return new Promise((resolve) => {
|
|
10934
|
-
const renderEl = (0,
|
|
10935
|
-
const cy = (0,
|
|
10956
|
+
const renderEl = (0,d3__WEBPACK_IMPORTED_MODULE_9__/* .select */ .Ltv)("body").append("div").attr("id", "cy").attr("style", "display:none");
|
|
10957
|
+
const cy = (0,cytoscape__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A)({
|
|
10936
10958
|
container: document.getElementById("cy"),
|
|
10937
10959
|
style: [
|
|
10938
10960
|
{
|
|
@@ -10968,7 +10990,7 @@ function layoutArchitecture(services, junctions, groups, edges, db2, { spatialMa
|
|
|
10968
10990
|
style: {
|
|
10969
10991
|
"text-valign": "bottom",
|
|
10970
10992
|
"text-halign": "center",
|
|
10971
|
-
"font-size": `${getConfigField("fontSize")}px`
|
|
10993
|
+
"font-size": `${db.getConfigField("fontSize")}px`
|
|
10972
10994
|
}
|
|
10973
10995
|
},
|
|
10974
10996
|
{
|
|
@@ -10990,18 +11012,27 @@ function layoutArchitecture(services, junctions, groups, edges, db2, { spatialMa
|
|
|
10990
11012
|
selector: ".node-group",
|
|
10991
11013
|
style: {
|
|
10992
11014
|
// @ts-ignore Incorrect library types
|
|
10993
|
-
padding: `${getConfigField("padding")}px`
|
|
11015
|
+
padding: `${db.getConfigField("padding")}px`
|
|
10994
11016
|
}
|
|
10995
11017
|
}
|
|
10996
|
-
]
|
|
11018
|
+
],
|
|
11019
|
+
layout: {
|
|
11020
|
+
name: "grid",
|
|
11021
|
+
boundingBox: {
|
|
11022
|
+
x1: 0,
|
|
11023
|
+
x2: 100,
|
|
11024
|
+
y1: 0,
|
|
11025
|
+
y2: 100
|
|
11026
|
+
}
|
|
11027
|
+
}
|
|
10997
11028
|
});
|
|
10998
11029
|
renderEl.remove();
|
|
10999
11030
|
addGroups(groups, cy);
|
|
11000
|
-
addServices(services, cy);
|
|
11001
|
-
addJunctions(junctions, cy);
|
|
11031
|
+
addServices(services, cy, db);
|
|
11032
|
+
addJunctions(junctions, cy, db);
|
|
11002
11033
|
addEdges(edges, cy);
|
|
11003
|
-
const alignmentConstraint = getAlignments(
|
|
11004
|
-
const relativePlacementConstraint = getRelativeConstraints(spatialMaps);
|
|
11034
|
+
const alignmentConstraint = getAlignments(db, spatialMaps, groupAlignments);
|
|
11035
|
+
const relativePlacementConstraint = getRelativeConstraints(spatialMaps, db);
|
|
11005
11036
|
const layout = cy.layout({
|
|
11006
11037
|
name: "fcose",
|
|
11007
11038
|
quality: "proof",
|
|
@@ -11014,7 +11045,7 @@ function layoutArchitecture(services, junctions, groups, edges, db2, { spatialMa
|
|
|
11014
11045
|
const [nodeA, nodeB] = edge.connectedNodes();
|
|
11015
11046
|
const { parent: parentA } = nodeData(nodeA);
|
|
11016
11047
|
const { parent: parentB } = nodeData(nodeB);
|
|
11017
|
-
const elasticity = parentA === parentB ? 1.5 * getConfigField("iconSize") : 0.5 * getConfigField("iconSize");
|
|
11048
|
+
const elasticity = parentA === parentB ? 1.5 * db.getConfigField("iconSize") : 0.5 * db.getConfigField("iconSize");
|
|
11018
11049
|
return elasticity;
|
|
11019
11050
|
},
|
|
11020
11051
|
edgeElasticity(edge) {
|
|
@@ -11061,7 +11092,7 @@ function layoutArchitecture(services, junctions, groups, edges, db2, { spatialMa
|
|
|
11061
11092
|
weights: W
|
|
11062
11093
|
};
|
|
11063
11094
|
}
|
|
11064
|
-
(0,
|
|
11095
|
+
(0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .__name */ .K2)(getSegmentWeights, "getSegmentWeights");
|
|
11065
11096
|
cy.startBatch();
|
|
11066
11097
|
for (const edge of Object.values(cy.edges())) {
|
|
11067
11098
|
if (edge.data?.()) {
|
|
@@ -11083,40 +11114,42 @@ function layoutArchitecture(services, junctions, groups, edges, db2, { spatialMa
|
|
|
11083
11114
|
});
|
|
11084
11115
|
layout.run();
|
|
11085
11116
|
cy.ready((e) => {
|
|
11086
|
-
|
|
11117
|
+
_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .log */ .Rm.info("Ready", e);
|
|
11087
11118
|
resolve(cy);
|
|
11088
11119
|
});
|
|
11089
11120
|
});
|
|
11090
11121
|
}
|
|
11091
|
-
(0,
|
|
11092
|
-
var draw = /* @__PURE__ */ (0,
|
|
11093
|
-
const
|
|
11094
|
-
const services =
|
|
11095
|
-
const junctions =
|
|
11096
|
-
const groups =
|
|
11097
|
-
const edges =
|
|
11098
|
-
const ds =
|
|
11099
|
-
const svg = (0,
|
|
11122
|
+
(0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .__name */ .K2)(layoutArchitecture, "layoutArchitecture");
|
|
11123
|
+
var draw = /* @__PURE__ */ (0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_5__/* .__name */ .K2)(async (text, id, _version, diagObj) => {
|
|
11124
|
+
const db = diagObj.db;
|
|
11125
|
+
const services = db.getServices();
|
|
11126
|
+
const junctions = db.getJunctions();
|
|
11127
|
+
const groups = db.getGroups();
|
|
11128
|
+
const edges = db.getEdges();
|
|
11129
|
+
const ds = db.getDataStructures();
|
|
11130
|
+
const svg = (0,_chunk_EXTU4WIE_mjs__WEBPACK_IMPORTED_MODULE_0__/* .selectSvgElement */ .D)(id);
|
|
11100
11131
|
const edgesElem = svg.append("g");
|
|
11101
11132
|
edgesElem.attr("class", "architecture-edges");
|
|
11102
11133
|
const servicesElem = svg.append("g");
|
|
11103
11134
|
servicesElem.attr("class", "architecture-services");
|
|
11104
11135
|
const groupElem = svg.append("g");
|
|
11105
11136
|
groupElem.attr("class", "architecture-groups");
|
|
11106
|
-
await drawServices(
|
|
11107
|
-
drawJunctions(
|
|
11108
|
-
const cy = await layoutArchitecture(services, junctions, groups, edges,
|
|
11109
|
-
await drawEdges(edgesElem, cy);
|
|
11110
|
-
await drawGroups(groupElem, cy);
|
|
11111
|
-
positionNodes(
|
|
11112
|
-
(0,
|
|
11137
|
+
await drawServices(db, servicesElem, services);
|
|
11138
|
+
drawJunctions(db, servicesElem, junctions);
|
|
11139
|
+
const cy = await layoutArchitecture(services, junctions, groups, edges, db, ds);
|
|
11140
|
+
await drawEdges(edgesElem, cy, db);
|
|
11141
|
+
await drawGroups(groupElem, cy, db);
|
|
11142
|
+
positionNodes(db, cy);
|
|
11143
|
+
(0,_chunk_ABZYJK2D_mjs__WEBPACK_IMPORTED_MODULE_4__/* .setupGraphViewbox */ .ot)(void 0, svg, db.getConfigField("padding"), db.getConfigField("useMaxWidth"));
|
|
11113
11144
|
}, "draw");
|
|
11114
11145
|
var renderer = { draw };
|
|
11115
11146
|
|
|
11116
11147
|
// src/diagrams/architecture/architectureDiagram.ts
|
|
11117
11148
|
var diagram = {
|
|
11118
11149
|
parser,
|
|
11119
|
-
db
|
|
11150
|
+
get db() {
|
|
11151
|
+
return new ArchitectureDB();
|
|
11152
|
+
},
|
|
11120
11153
|
renderer,
|
|
11121
11154
|
styles: architectureStyles_default
|
|
11122
11155
|
};
|
|
@@ -11125,14 +11158,14 @@ var diagram = {
|
|
|
11125
11158
|
|
|
11126
11159
|
/***/ }),
|
|
11127
11160
|
|
|
11128
|
-
/***/
|
|
11161
|
+
/***/ 5054:
|
|
11129
11162
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
11130
11163
|
|
|
11131
11164
|
"use strict";
|
|
11132
11165
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
11133
11166
|
/* harmony export */ S: () => (/* binding */ populateCommonDb)
|
|
11134
11167
|
/* harmony export */ });
|
|
11135
|
-
/* harmony import */ var
|
|
11168
|
+
/* harmony import */ var _chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(416);
|
|
11136
11169
|
|
|
11137
11170
|
|
|
11138
11171
|
// src/diagrams/common/populateCommonDb.ts
|
|
@@ -11147,39 +11180,7 @@ function populateCommonDb(ast, db) {
|
|
|
11147
11180
|
db.setDiagramTitle?.(ast.title);
|
|
11148
11181
|
}
|
|
11149
11182
|
}
|
|
11150
|
-
(0,
|
|
11151
|
-
|
|
11152
|
-
|
|
11153
|
-
|
|
11154
|
-
|
|
11155
|
-
/***/ }),
|
|
11156
|
-
|
|
11157
|
-
/***/ 3249:
|
|
11158
|
-
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
11159
|
-
|
|
11160
|
-
"use strict";
|
|
11161
|
-
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
11162
|
-
/* harmony export */ m: () => (/* binding */ ImperativeState)
|
|
11163
|
-
/* harmony export */ });
|
|
11164
|
-
/* harmony import */ var _chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3804);
|
|
11165
|
-
|
|
11166
|
-
|
|
11167
|
-
// src/utils/imperativeState.ts
|
|
11168
|
-
var ImperativeState = class {
|
|
11169
|
-
/**
|
|
11170
|
-
* @param init - Function that creates the default state.
|
|
11171
|
-
*/
|
|
11172
|
-
constructor(init) {
|
|
11173
|
-
this.init = init;
|
|
11174
|
-
this.records = this.init();
|
|
11175
|
-
}
|
|
11176
|
-
static {
|
|
11177
|
-
(0,_chunk_YTJNT7DU_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(this, "ImperativeState");
|
|
11178
|
-
}
|
|
11179
|
-
reset() {
|
|
11180
|
-
this.records = this.init();
|
|
11181
|
-
}
|
|
11182
|
-
};
|
|
11183
|
+
(0,_chunk_AGHRB4JF_mjs__WEBPACK_IMPORTED_MODULE_0__/* .__name */ .K2)(populateCommonDb, "populateCommonDb");
|
|
11183
11184
|
|
|
11184
11185
|
|
|
11185
11186
|
|
|
@@ -11188,4 +11189,4 @@ var ImperativeState = class {
|
|
|
11188
11189
|
|
|
11189
11190
|
};
|
|
11190
11191
|
;
|
|
11191
|
-
//# sourceMappingURL=
|
|
11192
|
+
//# sourceMappingURL=880.node.js.map
|