dependency-cruiser 17.3.2 → 17.3.3-beta-2

package/src/report/dot-webpage/svg-in-html-snippets/script.cjs

@@ -1,83 +1,83 @@
 var gMode = new Mode();
 
 var title2ElementMap = (function makeElementMap() {
-  /** @type {NodeListOf<SVGGElement>} */
-  var nodes = document.querySelectorAll(".node");
-  /** @type {NodeListOf<SVGGElement>} */
-  var edges = document.querySelectorAll(".edge");
-  return new Title2ElementMap(edges, nodes);
+	/** @type {NodeListOf<SVGGElement>} */
+	var nodes = document.querySelectorAll(".node");
+	/** @type {NodeListOf<SVGGElement>} */
+	var edges = document.querySelectorAll(".edge");
+	return new Title2ElementMap(edges, nodes);
 })();
 
 function getHoverHandler(pTitle2ElementMap) {
-  /** @type {string} */
-  var currentHighlightedTitle = "";
-
-  /** @param {MouseEvent} pMouseEvent */
-  return function hoverHighlightHandler(pMouseEvent) {
-    var closestNodeOrEdge = pMouseEvent.target.closest(".edge, .node");
-    var closestTitleText = getTitleText(closestNodeOrEdge);
-
-    if (
-      currentHighlightedTitle !== closestTitleText &&
-      gMode.get() === gMode.HOVER
-    ) {
-      resetNodesAndEdges();
-      addHighlight(closestNodeOrEdge);
-      pTitle2ElementMap.get(closestTitleText).forEach(addHighlight);
-      currentHighlightedTitle = closestTitleText;
-    }
-  };
+	/** @type {string} */
+	var currentHighlightedTitle = "";
+
+	/** @param {MouseEvent} pMouseEvent */
+	return function hoverHighlightHandler(pMouseEvent) {
+		var closestNodeOrEdge = pMouseEvent.target.closest(".edge, .node");
+		var closestTitleText = getTitleText(closestNodeOrEdge);
+
+		if (
+			currentHighlightedTitle !== closestTitleText &&
+			gMode.get() === gMode.HOVER
+		) {
+			resetNodesAndEdges();
+			addHighlight(closestNodeOrEdge);
+			pTitle2ElementMap.get(closestTitleText).forEach(addHighlight);
+			currentHighlightedTitle = closestTitleText;
+		}
+	};
 }
 
 function getSelectHandler(pTitle2ElementMap) {
-  /** @type {string} */
-  var currentHighlightedTitle = "";
-
-  /** @param {MouseEvent} pMouseEvent */
-  return function selectHighlightHandler(pMouseEvent) {
-    pMouseEvent.preventDefault();
-
-    var closestNodeOrEdge = pMouseEvent.target.closest(".edge, .node");
-    var closestTitleText = getTitleText(closestNodeOrEdge);
-
-    if (closestNodeOrEdge) {
-      gMode.setToSelect();
-    } else {
-      gMode.setToHover();
-    }
-    if (currentHighlightedTitle !== closestTitleText) {
-      resetNodesAndEdges();
-      addHighlight(closestNodeOrEdge);
-      pTitle2ElementMap.get(closestTitleText).forEach(addHighlight);
-      currentHighlightedTitle = closestTitleText;
-    }
-  };
+	/** @type {string} */
+	var currentHighlightedTitle = "";
+
+	/** @param {MouseEvent} pMouseEvent */
+	return function selectHighlightHandler(pMouseEvent) {
+		pMouseEvent.preventDefault();
+
+		var closestNodeOrEdge = pMouseEvent.target.closest(".edge, .node");
+		var closestTitleText = getTitleText(closestNodeOrEdge);
+
+		if (closestNodeOrEdge) {
+			gMode.setToSelect();
+		} else {
+			gMode.setToHover();
+		}
+		if (currentHighlightedTitle !== closestTitleText) {
+			resetNodesAndEdges();
+			addHighlight(closestNodeOrEdge);
+			pTitle2ElementMap.get(closestTitleText).forEach(addHighlight);
+			currentHighlightedTitle = closestTitleText;
+		}
+	};
 }
 function Mode() {
-  var HOVER = 1;
-  var SELECT = 2;
-
-  function setToHover() {
-    this._mode = HOVER;
-  }
-  function setToSelect() {
-    this._mode = SELECT;
-  }
-
-  /**
-   * @returns {number}
-   */
-  function get() {
-    return this._mode || HOVER;
-  }
-
-  return {
-    HOVER: HOVER,
-    SELECT: SELECT,
-    setToHover: setToHover,
-    setToSelect: setToSelect,
-    get: get,
-  };
+	var HOVER = 1;
+	var SELECT = 2;
+
+	function setToHover() {
+		this._mode = HOVER;
+	}
+	function setToSelect() {
+		this._mode = SELECT;
+	}
+
+	/**
+	 * @returns {number}
+	 */
+	function get() {
+		return this._mode || HOVER;
+	}
+
+	return {
+		HOVER: HOVER,
+		SELECT: SELECT,
+		setToHover: setToHover,
+		setToSelect: setToSelect,
+		get: get,
+	};
 }
 
 /**
@@ -87,76 +87,76 @@ function Mode() {
  * @return {{get: (pTitleText:string) => SVGGElement[]}}
  */
 function Title2ElementMap(pEdges, pNodes) {
-  /* {{[key: string]: SVGGElement[]}} */
-  var elementMap = buildMap(pEdges, pNodes);
-
-  /**
-   * @param {NodeListOf<SVGGElement>} pEdges
-   * @param {NodeListOf<SVGGElement>} pNodes
-   * @return {{[key: string]: SVGGElement[]}}
-   */
-  function buildMap(pEdges, pNodes) {
-    var title2NodeMap = buildTitle2NodeMap(pNodes);
-
-    return nodeListToArray(pEdges).reduce(addEdgeToMap(title2NodeMap), {});
-  }
-  /**
-   * @param {NodeListOf<SVGGElement>} pNodes
-   * @return {{[key: string]: SVGGElement}}
-   */
-  function buildTitle2NodeMap(pNodes) {
-    return nodeListToArray(pNodes).reduce(addNodeToMap, {});
-  }
-
-  function addNodeToMap(pMap, pNode) {
-    var titleText = getTitleText(pNode);
-
-    if (titleText) {
-      pMap[titleText] = pNode;
-    }
-    return pMap;
-  }
-
-  function addEdgeToMap(pNodeMap) {
-    return function (pEdgeMap, pEdge) {
-      /** @type {string} */
-      var titleText = getTitleText(pEdge);
-
-      if (titleText) {
-        var edge = pryEdgeFromTitle(titleText);
-
-        pEdgeMap[titleText] = [pNodeMap[edge.from], pNodeMap[edge.to]];
-        (pEdgeMap[edge.from] || (pEdgeMap[edge.from] = [])).push(pEdge);
-        (pEdgeMap[edge.to] || (pEdgeMap[edge.to] = [])).push(pEdge);
-      }
-      return pEdgeMap;
-    };
-  }
-
-  /**
-   *
-   * @param {string} pString
-   * @return {{from?: string; to?:string;}}
-   */
-  function pryEdgeFromTitle(pString) {
-    var nodeNames = pString.split(/\s*->\s*/);
-
-    return {
-      from: nodeNames.shift(),
-      to: nodeNames.shift(),
-    };
-  }
-  /**
-   *
-   * @param {string} pTitleText
-   * @return {SVGGElement[]}
-   */
-  function get(pTitleText) {
-    return (pTitleText && elementMap[pTitleText]) || [];
-  }
-  return {
-    get: get,
-  };
+	/* {{[key: string]: SVGGElement[]}} */
+	var elementMap = buildMap(pEdges, pNodes);
+
+	/**
+	 * @param {NodeListOf<SVGGElement>} pEdges
+	 * @param {NodeListOf<SVGGElement>} pNodes
+	 * @return {{[key: string]: SVGGElement[]}}
+	 */
+	function buildMap(pEdges, pNodes) {
+		var title2NodeMap = buildTitle2NodeMap(pNodes);
+
+		return nodeListToArray(pEdges).reduce(addEdgeToMap(title2NodeMap), {});
+	}
+	/**
+	 * @param {NodeListOf<SVGGElement>} pNodes
+	 * @return {{[key: string]: SVGGElement}}
+	 */
+	function buildTitle2NodeMap(pNodes) {
+		return nodeListToArray(pNodes).reduce(addNodeToMap, {});
+	}
+
+	function addNodeToMap(pMap, pNode) {
+		var titleText = getTitleText(pNode);
+
+		if (titleText) {
+			pMap[titleText] = pNode;
+		}
+		return pMap;
+	}
+
+	function addEdgeToMap(pNodeMap) {
+		return function (pEdgeMap, pEdge) {
+			/** @type {string} */
+			var titleText = getTitleText(pEdge);
+
+			if (titleText) {
+				var edge = pryEdgeFromTitle(titleText);
+
+				pEdgeMap[titleText] = [pNodeMap[edge.from], pNodeMap[edge.to]];
+				(pEdgeMap[edge.from] || (pEdgeMap[edge.from] = [])).push(pEdge);
+				(pEdgeMap[edge.to] || (pEdgeMap[edge.to] = [])).push(pEdge);
+			}
+			return pEdgeMap;
+		};
+	}
+
+	/**
+	 *
+	 * @param {string} pString
+	 * @return {{from?: string; to?:string;}}
+	 */
+	function pryEdgeFromTitle(pString) {
+		var nodeNames = pString.split(/\s*->\s*/);
+
+		return {
+			from: nodeNames.shift(),
+			to: nodeNames.shift(),
+		};
+	}
+	/**
+	 *
+	 * @param {string} pTitleText
+	 * @return {SVGGElement[]}
+	 */
+	function get(pTitleText) {
+		return (pTitleText && elementMap[pTitleText]) || [];
+	}
+	return {
+		get: get,
+	};
 }
 
 /**
@@ -164,15 +164,15 @@ function Title2ElementMap(pEdges, pNodes) {
  * @return {string?}
  */
 function getTitleText(pGElement) {
-  /** @type {SVGTitleElement} */
-  var title = pGElement && pGElement.querySelector("title");
-  /** @type {string} */
-  var titleText = title && title.textContent;
-
-  if (titleText) {
-    titleText = titleText.trim();
-  }
-  return titleText;
+	/** @type {SVGTitleElement} */
+	var title = pGElement && pGElement.querySelector("title");
+	/** @type {string} */
+	var titleText = title && title.textContent;
+
+	if (titleText) {
+		titleText = titleText.trim();
+	}
+	return titleText;
 }
 
 /**
@@ -180,71 +180,71 @@ function getTitleText(pGElement) {
  * @return {Element[]}
  */
 function nodeListToArray(pNodeList) {
-  var lReturnValue = [];
+	var lReturnValue = [];
 
-  pNodeList.forEach(function (pElement) {
-    lReturnValue.push(pElement);
-  });
+	pNodeList.forEach(function (pElement) {
+		lReturnValue.push(pElement);
+	});
 
-  return lReturnValue;
+	return lReturnValue;
 }
 
 function resetNodesAndEdges() {
-  nodeListToArray(document.querySelectorAll(".current")).forEach(
-    removeHighlight,
-  );
+	nodeListToArray(document.querySelectorAll(".current")).forEach(
+		removeHighlight,
+	);
 }
 
 /**
  * @param {SVGGElement} pGElement
  */
 function removeHighlight(pGElement) {
-  if (pGElement && pGElement.classList) {
-    pGElement.classList.remove("current");
-  }
+	if (pGElement && pGElement.classList) {
+		pGElement.classList.remove("current");
+	}
 }
 
 /**
  * @param {SVGGElement} pGroup
  */
 function addHighlight(pGroup) {
-  if (pGroup && pGroup.classList) {
-    pGroup.classList.add("current");
-  }
+	if (pGroup && pGroup.classList) {
+		pGroup.classList.add("current");
+	}
 }
 
 var gHints = {
-  HIDDEN: 1,
-  SHOWN: 2,
-  state: 1, // === HIDDEN
-  show: function () {
-    document.getElementById("hints").removeAttribute("style");
-    gHints.state = gHints.SHOWN;
-  },
-  hide: function () {
-    document.getElementById("hints").style = "display:none";
-    gHints.state = gHints.HIDDEN;
-  },
-  toggle: function () {
-    if ((gHints.state || gHints.HIDDEN) === gHints.HIDDEN) {
-      gHints.show();
-    } else {
-      gHints.hide();
-    }
-  },
+	HIDDEN: 1,
+	SHOWN: 2,
+	state: 1, // === HIDDEN
+	show: function () {
+		document.getElementById("hints").removeAttribute("style");
+		gHints.state = gHints.SHOWN;
+	},
+	hide: function () {
+		document.getElementById("hints").style = "display:none";
+		gHints.state = gHints.HIDDEN;
+	},
+	toggle: function () {
+		if ((gHints.state || gHints.HIDDEN) === gHints.HIDDEN) {
+			gHints.show();
+		} else {
+			gHints.hide();
+		}
+	},
 };
 
 /** @param {KeyboardEvent} pKeyboardEvent */
 function keyboardEventHandler(pKeyboardEvent) {
-  if (pKeyboardEvent.key === "Escape") {
-    resetNodesAndEdges();
-    gMode.setToHover();
-    gHints.hide();
-  }
-  if (pKeyboardEvent.key === "F1") {
-    pKeyboardEvent.preventDefault();
-    gHints.toggle();
-  }
+	if (pKeyboardEvent.key === "Escape") {
+		resetNodesAndEdges();
+		gMode.setToHover();
+		gHints.hide();
+	}
+	if (pKeyboardEvent.key === "F1") {
+		pKeyboardEvent.preventDefault();
+		gHints.toggle();
+	}
 }
 
 document.addEventListener("contextmenu", getSelectHandler(title2ElementMap));
@@ -253,34 +253,32 @@ document.addEventListener("keydown", keyboardEventHandler);
 document.getElementById("close-hints").addEventListener("click", gHints.hide);
 document.getElementById("button_help").addEventListener("click", gHints.toggle);
 document.querySelector("svg").insertAdjacentHTML(
-  "afterbegin",
-  `<linearGradient id="edgeGradient">
+	"afterbegin",
+	`<linearGradient id="edgeGradient">
       <stop offset="0%" stop-color="fuchsia"/>
       <stop offset="100%" stop-color="purple"/>
    </linearGradient>
   `,
 );
 
-// Add a small increment to the last value of the path to make gradients on
-// horizontal paths work. Without them all browsers I tested with (firefox,
-// chrome) do not render the gradient, but instead make the line transparent
-// (or the color of the background, I haven't looked into it that deeply,
-// but for the hack it doesn't matter which).
+// Slightly nudge the last numeric path value (+0.001) so SVG stroke
+// gradients render correctly on horizontal paths. Without them,
+// they don't render at all (firefox, chrome).
 function skewLineABit(lDrawingInstructions) {
-  var lLastValue = lDrawingInstructions.match(/(\d+\.?\d*)$/)[0];
-  // Smaller values than .001 _should_ work as well, but don't in all
-  // cases. Even this value is so small that it is not visible to the
-  // human eye (tested with the two I have at my disposal).
-  var lIncrement = 0.001;
-  var lNewLastValue = parseFloat(lLastValue) + lIncrement;
-
-  return lDrawingInstructions.replace(lLastValue, lNewLastValue);
+	var lLastValue = lDrawingInstructions.match(/(\d+\.?\d*)$/)[0];
+	// Smaller values than .001 _should_ work, but don't always.
+	// Even this value is so small that it is not visible to the
+	// human eye (tested with the two I have at my disposal).
+	var lIncrement = 0.001;
+	var lNewLastValue = parseFloat(lLastValue) + lIncrement;
+
+	return lDrawingInstructions.replace(lLastValue, lNewLastValue);
 }
 
 nodeListToArray(document.querySelectorAll("path"))
-  .filter(function (pElement) {
-    return pElement.parentElement.classList.contains("edge");
-  })
-  .forEach(function (pElement) {
-    pElement.attributes.d.value = skewLineABit(pElement.attributes.d.value);
-  });
+	.filter(function (pElement) {
+		return pElement.parentElement.classList.contains("edge");
+	})
+	.forEach(function (pElement) {
+		pElement.attributes.d.value = skewLineABit(pElement.attributes.d.value);
+	});

package/src/report/dot-webpage/svg-in-html-snippets/style.css

@@ -4,8 +4,8 @@
 .node:active polygon,
 .node:hover polygon,
 .node.current polygon {
-  stroke: fuchsia;
-  stroke-width: 2;
+	stroke: fuchsia;
+	stroke-width: 2;
 }
 
 .edge:active path,
@@ -14,88 +14,88 @@
 .edge:active ellipse,
 .edge:hover ellipse,
 .edge.current ellipse {
-  stroke: url(#edgeGradient);
-  stroke-width: 3;
-  stroke-opacity: 1;
+	stroke: url(#edgeGradient);
+	stroke-width: 3;
+	stroke-opacity: 1;
 }
 
 .edge:active polygon,
 .edge:hover polygon,
 .edge.current polygon {
-  stroke: fuchsia;
-  stroke-width: 3;
-  fill: fuchsia;
-  stroke-opacity: 1;
-  fill-opacity: 1;
+	stroke: fuchsia;
+	stroke-width: 3;
+	fill: fuchsia;
+	stroke-opacity: 1;
+	fill-opacity: 1;
 }
 
 .edge:active text,
 .edge:hover text {
-  fill: fuchsia;
+	fill: fuchsia;
 }
 
 .cluster path {
-  stroke-width: 3;
+	stroke-width: 3;
 }
 
 .cluster:active path,
 .cluster:hover path {
-  fill: #ffff0011;
+	fill: #ffff0011;
 }
 
 div.hint {
-  background-color: #000000aa;
-  color: white;
-  font-family: Arial, Helvetica, sans-serif;
-  border-radius: 1rem;
-  position: fixed;
-  top: calc(50% - 4em);
-  right: calc(50% - 10em);
-  border: none;
-  padding: 1em 3em 1em 1em;
+	background-color: #000000aa;
+	color: white;
+	font-family: Arial, Helvetica, sans-serif;
+	border-radius: 1rem;
+	position: fixed;
+	top: calc(50% - 4em);
+	right: calc(50% - 10em);
+	border: none;
+	padding: 1em 3em 1em 1em;
 }
 
 .hint button {
-  position: absolute;
-  font-weight: bolder;
-  right: 0.6em;
-  top: 0.6em;
-  color: inherit;
-  background-color: inherit;
-  border: 1px solid currentColor;
-  border-radius: 1em;
-  margin-left: 0.6em;
+	position: absolute;
+	font-weight: bolder;
+	right: 0.6em;
+	top: 0.6em;
+	color: inherit;
+	background-color: inherit;
+	border: 1px solid currentColor;
+	border-radius: 1em;
+	margin-left: 0.6em;
 }
 
 .hint a {
-  color: inherit;
+	color: inherit;
 }
 
 #button_help {
-  color: white;
-  background-color: #00000011;
-  border-radius: 1em;
-  position: fixed;
-  top: 1em;
-  right: 1em;
-  font-size: 24pt;
-  font-weight: bolder;
-  width: 2em;
-  height: 2em;
-  border: none;
+	color: white;
+	background-color: #00000011;
+	border-radius: 1em;
+	position: fixed;
+	top: 1em;
+	right: 1em;
+	font-size: 24pt;
+	font-weight: bolder;
+	width: 2em;
+	height: 2em;
+	border: none;
 }
 
 #button_help:hover {
-  cursor: pointer;
-  background-color: #00000077;
+	cursor: pointer;
+	background-color: #00000077;
 }
 
 @media print {
-  #button_help {
-    display: none;
-  }
+	#button_help {
+		display: none;
+	}
 
-  div.hint {
-    display: none;
-  }
+	div.hint {
+		display: none;
+	}
 }

package/src/report/dot-webpage/wrap-in-html.mjs

@@ -2,10 +2,10 @@ import { readFileSync } from "node:fs";
 import { fileURLToPath } from "node:url";
 
 const STYLESHEET_FILE = fileURLToPath(
-  new URL("svg-in-html-snippets/style.css", import.meta.url),
+	new URL("svg-in-html-snippets/style.css", import.meta.url),
 );
 const SCRIPT_FILE = fileURLToPath(
-  new URL("svg-in-html-snippets/script.cjs", import.meta.url),
+	new URL("svg-in-html-snippets/script.cjs", import.meta.url),
 );
 
 /**
@@ -13,7 +13,7 @@ const SCRIPT_FILE = fileURLToPath(
  * @returns {string}
  */
 export function getHeader(pStylesheet) {
-  return `<!doctype html>
+	return `<!doctype html>
 <html lang="en" dir="ltr">
   <head>
     <meta charset="utf-8" />
@@ -41,7 +41,7 @@ export function getHeader(pStylesheet) {
  * @returns {string}
  */
 export function getFooter(pScript) {
-  return `    <script>
+	return `    <script>
       ${pScript}
     </script>
   </body>
@@ -55,8 +55,8 @@ export function getFooter(pScript) {
  * @returns {string}
  */
 export function wrapInHTML(pSVG) {
-  const lStylesheet = readFileSync(STYLESHEET_FILE, "utf8");
-  const lScript = readFileSync(SCRIPT_FILE, "utf8");
+	const lStylesheet = readFileSync(STYLESHEET_FILE, "utf8");
+	const lScript = readFileSync(SCRIPT_FILE, "utf8");
 
-  return getHeader(lStylesheet) + pSVG + getFooter(lScript);
+	return getHeader(lStylesheet) + pSVG + getFooter(lScript);
 }