@webskill/sdk 0.20.0 → 0.22.0

package/dist/diagram-ATOU4E4O-P1olqwIs.js

@@ -0,0 +1,553 @@
+import { T as isEmResetFrame } from "./chunk-FOHPRMQF-Dkbp819z.js";
+import { n as parse } from "./mermaid-parser.core-pYR5siSx.js";
+import { n as __name } from "./chunk-Y2CYZVJY-U3QOMqrW.js";
+import { m as log, p as select_default } from "./src-NkhI3UMl.js";
+import { H as setAccDescription, U as setAccTitle, X as setupGraphViewbox2, a as clear, b as getConfig, f as defaultConfig_default, q as setDiagramTitle, v as getAccDescription, w as getDiagramTitle, x as getConfig2, y as getAccTitle, z as sanitizeText } from "./chunk-O7XYJQB3-B6K0KOSL.js";
+import { _ as wrapLabel, i as cleanAndMerge, t as calculateTextDimensions } from "./chunk-ZIGJFQKS-DqEFBuHR.js";
+import { t as populateCommonDb } from "./chunk-JWPE2WC7-D1rC79GS.js";
+
+//#region ../../node_modules/.pnpm/mermaid@12.0.0/node_modules/mermaid/dist/chunks/mermaid.core/diagram-ATOU4E4O.mjs
+var PositionFrameKind = "position frame";
+var FramePositionedKind = "frame positioned";
+var PositionRelationKind = "position relation";
+var RelationPositionedKind = "relation positioned";
+var setOptions = /* @__PURE__ */ __name(function(_rawOptString) {
+	log.debug("options str", _rawOptString);
+}, "setOptions");
+var getOptions = /* @__PURE__ */ __name(function() {
+	return {};
+}, "getOptions");
+var clear2 = /* @__PURE__ */ __name(function() {
+	reset();
+	clear();
+}, "clear");
+function reset() {
+	store = {};
+}
+__name(reset, "reset");
+var DEFAULT_EVENTMODELING_CONFIG = defaultConfig_default.eventmodeling;
+var getConfig3 = /* @__PURE__ */ __name(() => {
+	return cleanAndMerge({
+		...DEFAULT_EVENTMODELING_CONFIG,
+		...getConfig().eventmodeling
+	});
+}, "getConfig");
+var store = {};
+function getState() {
+	let state = initial;
+	const { ast } = store;
+	const diagramProps2 = getDiagramProps();
+	if (!ast) throw new Error("No data for EventModel");
+	ast.frames.forEach((frame, index) => {
+		const textProps = calculateTextProps(frame, ast.dataEntities, diagramProps2);
+		state = dispatch(state, {
+			$kind: PositionFrameKind,
+			index,
+			frame,
+			textProps
+		});
+		let sourceFrames = void 0;
+		if (hasSourceFrame(frame)) {
+			log.debug(`source frame`, frame.sourceFrames);
+			sourceFrames = ast.frames.filter((currentFrame) => {
+				return frame.sourceFrames.some((sf) => sf.$refText === currentFrame.name);
+			});
+			sourceFrames.forEach((sourceFrame) => {
+				state = dispatch(state, {
+					$kind: PositionRelationKind,
+					index,
+					frame,
+					sourceFrame
+				});
+			});
+		} else state = dispatch(state, {
+			$kind: PositionRelationKind,
+			index,
+			frame
+		});
+	});
+	state = {
+		...state,
+		sortedSwimlanesArray: sortedSwimlanesArray(state.swimlanes)
+	};
+	return state;
+}
+__name(getState, "getState");
+function setAst(ast) {
+	store.ast = ast;
+}
+__name(setAst, "setAst");
+var diagramProps = {
+	swimlaneMinHeight: 70,
+	swimlanePadding: 15,
+	swimlaneGap: 10,
+	boxPadding: 10,
+	boxOverlap: 90,
+	boxDefaultY: 0,
+	boxMinWidth: 80,
+	boxMaxWidth: 450,
+	boxMinHeight: 80,
+	boxMaxHeight: 750,
+	contentStartX: 250,
+	textMaxWidth: 430,
+	boxTextFontWeight: "bold",
+	boxTextPadding: 10,
+	swimlaneTextFontWeight: "bold",
+	labelUiAutomation: "UI/Automation",
+	labelUiAutomationPrefix: "UI/A: ",
+	labelCommandReadModel: "Command/Read Model",
+	labelCommandReadModelPrefix: "C/RM: ",
+	labelEvents: "Events",
+	labelEventsPrefix: "Stream: "
+};
+function getDiagramProps() {
+	return diagramProps;
+}
+__name(getDiagramProps, "getDiagramProps");
+var initial = {
+	boxes: [],
+	swimlanes: {},
+	relations: [],
+	maxR: 0,
+	sortedSwimlanesArray: []
+};
+function extractNamespace(entityIdentifier) {
+	const spl = entityIdentifier.split(".");
+	if (spl.length === 2) return spl[0];
+}
+__name(extractNamespace, "extractNamespace");
+function extractName(entityIdentifier) {
+	const spl = entityIdentifier.split(".");
+	if (spl.length === 2) return spl[1];
+	return entityIdentifier;
+}
+__name(extractName, "extractName");
+function findSwimlaneByNamespace(swimlanes, namespace) {
+	if (!namespace || namespace.length === 0) return;
+	return Object.values(swimlanes).find((swimlane) => swimlane.namespace === namespace);
+}
+__name(findSwimlaneByNamespace, "findSwimlaneByNamespace");
+function findNextAvailableIndex(swimlanes, boundaryMin, boundaryMax) {
+	return Math.max(boundaryMin, ...Object.keys(swimlanes).filter((key) => {
+		const index = Number.parseInt(key);
+		return index > boundaryMin && index < boundaryMax;
+	}).map((key) => Number.parseInt(key))) + 1;
+}
+__name(findNextAvailableIndex, "findNextAvailableIndex");
+function calculateSwimlaneProps(frame, swimlanes) {
+	const namespace = extractNamespace(frame.entityIdentifier);
+	const sw = findSwimlaneByNamespace(swimlanes, namespace);
+	switch (frame.modelEntityType) {
+		case "ui":
+		case "pcr":
+		case "processor":
+			if (sw) return {
+				index: sw.index,
+				label: sw.namespace || diagramProps.labelUiAutomation
+			};
+			else if (namespace) return {
+				index: findNextAvailableIndex(swimlanes, 0, 100),
+				label: diagramProps.labelUiAutomationPrefix + namespace
+			};
+			return {
+				index: 0,
+				label: diagramProps.labelUiAutomation
+			};
+		case "rmo":
+		case "readmodel":
+		case "cmd":
+		case "command":
+			if (sw) return {
+				index: sw.index,
+				label: sw.namespace || diagramProps.labelCommandReadModel
+			};
+			else if (namespace) return {
+				index: findNextAvailableIndex(swimlanes, 100, 200),
+				label: diagramProps.labelCommandReadModelPrefix + namespace
+			};
+			return {
+				index: 100,
+				label: diagramProps.labelCommandReadModel
+			};
+		default:
+			if (sw) return {
+				index: sw.index,
+				label: sw.namespace || diagramProps.labelEvents
+			};
+			else if (namespace) return {
+				index: findNextAvailableIndex(swimlanes, 200, 300),
+				label: diagramProps.labelEventsPrefix + namespace
+			};
+			return {
+				index: 200,
+				label: diagramProps.labelEvents
+			};
+	}
+}
+__name(calculateSwimlaneProps, "calculateSwimlaneProps");
+function calculateEntityVisualProps(frame) {
+	const { themeVariables } = getConfig();
+	switch (frame.modelEntityType) {
+		case "ui": return {
+			fill: themeVariables.emUiFill ?? "white",
+			stroke: themeVariables.emUiStroke ?? "#dbdada"
+		};
+		case "pcr":
+		case "processor": return {
+			fill: themeVariables.emProcessorFill ?? "#edb3f6",
+			stroke: themeVariables.emProcessorStroke ?? "#b88cbf"
+		};
+		case "rmo":
+		case "readmodel": return {
+			fill: themeVariables.emReadModelFill ?? "#d3f1a2",
+			stroke: themeVariables.emReadModelStroke ?? "#a3b732"
+		};
+		case "cmd":
+		case "command": return {
+			fill: themeVariables.emCommandFill ?? "#bcd6fe",
+			stroke: themeVariables.emCommandStroke ?? "#679ac3"
+		};
+		case "evt":
+		case "event": return {
+			fill: themeVariables.emEventFill ?? "#ffb778",
+			stroke: themeVariables.emEventStroke ?? "#c19a0f"
+		};
+		default: return {
+			fill: "red",
+			stroke: "black"
+		};
+	}
+}
+__name(calculateEntityVisualProps, "calculateEntityVisualProps");
+function calculateTextProps(frame, dataEntities, diagramProps2) {
+	const config = getConfig();
+	const name = sanitizeText(extractName(frame.entityIdentifier) ?? "", config);
+	let toHtml;
+	const wrapLabelConfig = {
+		fontSize: 16,
+		fontWeight: 700,
+		fontFamily: "\"trebuchet ms\", verdana, arial, sans-serif",
+		joinWith: "<br/>"
+	};
+	let content = `<b>${wrapLabel(name, diagramProps2.textMaxWidth, wrapLabelConfig)}</b>`;
+	if (frame.dataInlineValue) {
+		toHtml = frame.dataInlineValue;
+		toHtml = toHtml.substring(toHtml.indexOf("{") + 1);
+		toHtml = toHtml.substring(0, toHtml.lastIndexOf("}") - 1);
+		toHtml = sanitizeText(toHtml, config);
+		toHtml = wrapLabel(toHtml, diagramProps2.textMaxWidth, wrapLabelConfig);
+		toHtml = toHtml.replaceAll(" ", "&nbsp;");
+	}
+	if (frame.dataReference) {
+		const dataEntity = dataEntities.find((dataEntity2) => dataEntity2.name === frame.dataReference?.$refText);
+		if (dataEntity) {
+			toHtml = dataEntity.dataBlockValue;
+			toHtml = toHtml.substring(toHtml.indexOf("{\n") + 2);
+			toHtml = toHtml.substring(0, toHtml.lastIndexOf("}") - 1);
+			toHtml = sanitizeText(toHtml, config);
+			toHtml = wrapLabel(toHtml, diagramProps2.textMaxWidth, wrapLabelConfig);
+			toHtml = toHtml.replaceAll(" ", "&nbsp;");
+			toHtml += `<br/>`;
+		}
+	}
+	const hasRenderedData = toHtml !== void 0;
+	if (hasRenderedData) content += `<br/><br/><code style="text-align: left; display: block;max-width:${diagramProps2.textMaxWidth}px">${toHtml}</code>`;
+	const textDimensionConfig = {
+		fontSize: wrapLabelConfig.fontSize,
+		fontWeight: wrapLabelConfig.fontWeight,
+		fontFamily: wrapLabelConfig.fontFamily
+	};
+	const dimensions = calculateTextDimensions(content, textDimensionConfig);
+	const calculatedWidthFix = hasRenderedData ? dimensions.width / 3 : dimensions.width;
+	const props = {
+		content,
+		width: calculatedWidthFix,
+		height: dimensions.height
+	};
+	log.debug(`[${frame.name}] ${frame.entityIdentifier} text`, props);
+	return props;
+}
+__name(calculateTextProps, "calculateTextProps");
+function decidePositionFrame(state, _command) {
+	const command = _command;
+	const visual = calculateEntityVisualProps(command.frame);
+	const dimension = {
+		width: command.textProps.width + 2 * diagramProps.boxTextPadding,
+		height: command.textProps.height + 2 * diagramProps.boxTextPadding
+	};
+	return [{
+		$kind: FramePositionedKind,
+		frame: command.frame,
+		index: command.index,
+		visual,
+		dimension,
+		textProps: command.textProps
+	}];
+}
+__name(decidePositionFrame, "decidePositionFrame");
+function calculateX(swimlane, previousSwimlane, lastBox) {
+	if (previousSwimlane === void 0) return diagramProps.contentStartX;
+	if (previousSwimlane.index === swimlane.index && swimlane.r) return swimlane.r + diagramProps.boxPadding;
+	if (lastBox === void 0) return diagramProps.contentStartX;
+	return lastBox.r - diagramProps.boxOverlap + diagramProps.boxPadding;
+}
+__name(calculateX, "calculateX");
+function calculateMaxRight(swimlanes, swimlaneR) {
+	const rs = [...swimlanes.map((s) => s.r), swimlaneR];
+	return Math.max(...rs);
+}
+__name(calculateMaxRight, "calculateMaxRight");
+function sortedSwimlanesArray(swimlanes) {
+	return Object.values(swimlanes).sort((a, b) => a.index - b.index);
+}
+__name(sortedSwimlanesArray, "sortedSwimlanesArray");
+function evolveFramePositioned(state, _event) {
+	const event = _event;
+	const swimlaneProps = calculateSwimlaneProps(event.frame, state.swimlanes);
+	let swimlane;
+	if (swimlaneProps.index in state.swimlanes) swimlane = state.swimlanes[swimlaneProps.index];
+	else swimlane = {
+		index: swimlaneProps.index,
+		label: swimlaneProps.label,
+		r: 0,
+		y: swimlaneProps.index * diagramProps.swimlaneMinHeight + diagramProps.swimlaneGap,
+		height: diagramProps.swimlaneMinHeight,
+		maxHeight: diagramProps.swimlaneMinHeight
+	};
+	const lastBox = state.boxes.length > 0 ? state.boxes[state.boxes.length - 1] : void 0;
+	const previousSwimlane = state.previousSwimlaneNumber !== void 0 ? state.swimlanes[state.previousSwimlaneNumber] : void 0;
+	const dimension = {
+		width: Math.max(diagramProps.boxMinWidth, Math.min(diagramProps.boxMaxWidth, event.dimension.width)) + 2 * diagramProps.boxPadding,
+		height: Math.max(diagramProps.boxMinHeight, Math.min(diagramProps.boxMaxHeight, event.dimension.height)) + 2 * diagramProps.boxPadding
+	};
+	const x = calculateX(swimlane, previousSwimlane, lastBox);
+	const r = x + dimension.width + diagramProps.boxPadding;
+	const maxR = calculateMaxRight(Object.values(state.swimlanes), r);
+	swimlane.r = x + dimension.width;
+	swimlane.maxHeight = Math.max(swimlane.maxHeight, dimension.height);
+	swimlane.height = Math.max(diagramProps.swimlaneMinHeight, swimlane.maxHeight) + 2 * diagramProps.swimlanePadding;
+	const box = {
+		x,
+		y: diagramProps.swimlanePadding + swimlane.y,
+		r,
+		dimension,
+		leftSibling: false,
+		swimlane,
+		visual: event.visual,
+		text: event.textProps.content,
+		frame: event.frame,
+		index: event.index
+	};
+	const newState = {
+		...state,
+		boxes: [...state.boxes, box],
+		swimlanes: {
+			...state.swimlanes,
+			[`${swimlane.index}`]: swimlane
+		},
+		previousSwimlaneNumber: swimlaneProps.index,
+		previousFrame: event.frame,
+		maxR
+	};
+	const swimlanes = sortedSwimlanesArray(newState.swimlanes);
+	if (swimlanes.length > 0) swimlanes[0].y = 0;
+	for (let i = 1; i < swimlanes.length; i++) {
+		const sw = swimlanes[i];
+		const prevSw = swimlanes[i - 1];
+		sw.y = prevSw.y + prevSw.height + diagramProps.swimlaneGap;
+	}
+	return newState;
+}
+__name(evolveFramePositioned, "evolveFramePositioned");
+function isFirstFrame(index, frame) {
+	if (index === 0 && frame.sourceFrames.length === 0) return true;
+	return false;
+}
+__name(isFirstFrame, "isFirstFrame");
+function hasSourceFrame(frame) {
+	return frame.sourceFrames !== void 0 && frame.sourceFrames !== null && frame.sourceFrames.length > 0;
+}
+__name(hasSourceFrame, "hasSourceFrame");
+function findBoxByFrame(boxes, frame) {
+	if (frame === void 0 || frame === null) return;
+	return boxes.find((box) => box.frame.name === frame.name);
+}
+__name(findBoxByFrame, "findBoxByFrame");
+function findBoxByLineIndex(boxes, targetSwimlane, lineIndex) {
+	if (lineIndex < 0) return;
+	for (let i = lineIndex; i >= 0; i--) {
+		const box = boxes[i];
+		if (box.swimlane.index !== targetSwimlane) return box;
+	}
+}
+__name(findBoxByLineIndex, "findBoxByLineIndex");
+function decidePositionRelation(state, _command) {
+	const command = _command;
+	if (isEmResetFrame(command.frame) || isFirstFrame(command.index, command.frame)) return [];
+	const targetBox = findBoxByFrame(state.boxes, command.frame);
+	if (targetBox === void 0) throw new Error(`Target box not found for frame ${command.frame.name}`);
+	let sourceBox;
+	if (command.sourceFrame) sourceBox = findBoxByFrame(state.boxes, command.sourceFrame);
+	else sourceBox = findBoxByLineIndex(state.boxes, targetBox.swimlane.index, command.index - 1);
+	if (sourceBox === void 0) return [];
+	return [{
+		$kind: RelationPositionedKind,
+		frame: command.frame,
+		index: command.index,
+		sourceBox,
+		targetBox
+	}];
+}
+__name(decidePositionRelation, "decidePositionRelation");
+function evolveRelationPositioned(state, _event) {
+	const event = _event;
+	const relation = {
+		visual: {
+			fill: "none",
+			stroke: "#000"
+		},
+		source: {
+			x: event.sourceBox.x,
+			y: event.sourceBox.y
+		},
+		target: {
+			x: event.targetBox.x,
+			y: event.targetBox.y
+		},
+		sourceBox: event.sourceBox,
+		targetBox: event.targetBox
+	};
+	return {
+		...state,
+		relations: [...state.relations, relation]
+	};
+}
+__name(evolveRelationPositioned, "evolveRelationPositioned");
+var deciders = {
+	[PositionFrameKind]: decidePositionFrame,
+	[PositionRelationKind]: decidePositionRelation
+};
+var evolvers = {
+	[FramePositionedKind]: evolveFramePositioned,
+	[RelationPositionedKind]: evolveRelationPositioned
+};
+function decide(state, command) {
+	const fn = deciders[command.$kind];
+	if (fn === void 0 || fn === null) return [];
+	const events = fn(state, command);
+	log.debug(`decided events`, events);
+	return events;
+}
+__name(decide, "decide");
+function evolve(state, events) {
+	const newState = events.reduce((previousState, event) => {
+		const fn = evolvers[event.$kind];
+		if (fn === void 0 || fn === null) return previousState;
+		return fn(previousState, event);
+	}, state);
+	log.debug(`evolve events`, {
+		state,
+		newState,
+		events
+	});
+	return newState;
+}
+__name(evolve, "evolve");
+function dispatch(state, command) {
+	return evolve(state, decide(state, command));
+}
+__name(dispatch, "dispatch");
+var db = {
+	getConfig: getConfig3,
+	setOptions,
+	getOptions,
+	clear: clear2,
+	setAccTitle,
+	getAccTitle,
+	getAccDescription,
+	setAccDescription,
+	setDiagramTitle,
+	getDiagramTitle,
+	setAst,
+	getDiagramProps,
+	getState
+};
+var parser = { parse: /* @__PURE__ */ __name(async (input) => {
+	const ast = await parse("eventmodeling", input);
+	log.debug(ast);
+	db.setAst(ast);
+	populateCommonDb(ast, db);
+}, "parse") };
+var DEFAULT_EVENTMODELING_CONFIG2 = getConfig2()?.eventmodeling;
+function renderD3Box(diagram2, diagramProps2) {
+	return (box) => {
+		const y = box.swimlane.y + diagramProps2.swimlanePadding;
+		const g = diagram2.append("g").attr("class", "em-box");
+		g.append("rect").attr("x", box.x).attr("y", y).attr("rx", "3").attr("width", box.dimension.width).attr("height", box.dimension.height).attr("stroke", box.visual.stroke).attr("fill", box.visual.fill);
+		g.append("foreignObject").attr("x", box.x + diagramProps2.boxPadding).attr("y", y + 10).attr("width", box.dimension.width - 2 * diagramProps2.boxPadding).attr("height", box.dimension.height - 2 * diagramProps2.boxPadding).append("xhtml:div").style("display", "table").style("height", "100%").style("width", "100%").append("span").style("display", "table-cell").style("text-align", "center").style("vertical-align", "middle").html(box.text);
+	};
+}
+__name(renderD3Box, "renderD3Box");
+function dirUpwards(sourceY, targetY) {
+	return sourceY > targetY;
+}
+__name(dirUpwards, "dirUpwards");
+function renderD3Relation(diagram2, diagramProps2, arrowheadId, themeVariables) {
+	return (relation) => {
+		const sourceBoxY = relation.sourceBox.swimlane.y + diagramProps2.swimlanePadding;
+		const targetBoxY = relation.targetBox.swimlane.y + diagramProps2.swimlanePadding;
+		const upwards = dirUpwards(sourceBoxY, targetBoxY);
+		const sourceX = relation.sourceBox.x + relation.sourceBox.dimension.width * 2 / 3;
+		const targetX = relation.targetBox.x + relation.targetBox.dimension.width / 3;
+		let sourceY;
+		let targetY;
+		log.debug(`rendering relation up=${upwards} for `, {
+			sourceBox: relation.sourceBox,
+			targetBox: relation.targetBox
+		});
+		if (upwards) {
+			sourceY = sourceBoxY;
+			targetY = targetBoxY + relation.targetBox.dimension.height;
+		} else {
+			sourceY = sourceBoxY + relation.sourceBox.dimension.height;
+			targetY = targetBoxY;
+		}
+		const relationStroke = themeVariables.emRelationStroke ?? relation.visual.stroke;
+		diagram2.append("path").attr("class", "em-relation").attr("fill", relation.visual.fill).attr("stroke", relationStroke).attr("stroke-width", "1").attr("marker-end", `url(#${arrowheadId})`).attr("d", `M${sourceX} ${sourceY} L${targetX} ${targetY}`);
+	};
+}
+__name(renderD3Relation, "renderD3Relation");
+function renderD3Swimlane(diagram2, maxR, diagramProps2, themeVariables) {
+	return (swimlane) => {
+		const g = diagram2.append("g").attr("class", "em-swimlane");
+		const oddBackground = themeVariables.emSwimlaneBackgroundOdd ?? "rgb(250,250,250)";
+		const backgroundStroke = themeVariables.emSwimlaneBackgroundStroke ?? "rgb(240,240,240)";
+		g.append("rect").attr("x", 0).attr("y", swimlane.y).attr("rx", "3").attr("width", maxR + diagramProps2.swimlanePadding).attr("height", swimlane.height).attr("fill", oddBackground).attr("stroke", backgroundStroke);
+		g.append("text").attr("font-weight", diagramProps2.swimlaneTextFontWeight).attr("x", 30).attr("y", swimlane.y + 30).text(swimlane.label);
+	};
+}
+__name(renderD3Swimlane, "renderD3Swimlane");
+var diagram = {
+	parser,
+	db,
+	renderer: { draw: /* @__PURE__ */ __name(function(txt, id, ver, diagObj) {
+		log.debug("in eventmodeling renderer", txt + "\n", "id:", id, ver);
+		if (!DEFAULT_EVENTMODELING_CONFIG2) throw new Error("EventModeling config not found");
+		const db2 = diagObj.db;
+		const { themeVariables, eventmodeling: config } = getConfig2();
+		const diagram2 = select_default(`[id="${id}"]`);
+		const diagramProps2 = db2.getDiagramProps();
+		const state = db2.getState();
+		const arrowheadId = `em-arrowhead-${id}`;
+		const arrowheadColor = themeVariables.emArrowhead ?? "#000000";
+		state.sortedSwimlanesArray.forEach(renderD3Swimlane(diagram2, state.maxR, diagramProps2, themeVariables));
+		state.boxes.forEach(renderD3Box(diagram2, diagramProps2));
+		state.relations.forEach(renderD3Relation(diagram2, diagramProps2, arrowheadId, themeVariables));
+		diagram2.append("defs").append("marker").attr("id", arrowheadId).attr("markerWidth", "10").attr("markerHeight", "7").attr("refX", "10").attr("refY", "3.5").attr("orient", "auto").append("polygon").attr("points", "0 0, 10 3.5, 0 7").attr("fill", arrowheadColor);
+		setupGraphViewbox2(void 0, diagram2, config?.padding ?? 30, config?.useMaxWidth);
+	}, "draw") },
+	styles: /* @__PURE__ */ __name((_options) => ``, "getStyles")
+};
+
+//#endregion
+export { diagram };