codecharta-visualization 1.113.0 → 1.115.0

package/app/codeCharta/util/algorithm/treeMapLayout/__snapshots__/treeMapHelper.spec.ts.snap

@@ -1,12 +1,12 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`TreeMapHelper build node deltas 1`] = `
-Object {
-  "attributes": Object {
+{
+  "attributes": {
     "theHeight": 100,
   },
   "color": "#666666",
-  "deltas": Object {
+  "deltas": {
     "theHeight": 33,
   },
   "depth": 1,
@@ -41,8 +41,8 @@ Object {
 `;
 
 exports[`TreeMapHelper build node invertHeight 1`] = `
-Object {
-  "attributes": Object {
+{
+  "attributes": {
     "theHeight": 100,
   },
   "color": "#666666",
@@ -79,8 +79,8 @@ Object {
 `;
 
 exports[`TreeMapHelper build node minimal 1`] = `
-Object {
-  "attributes": Object {
+{
+  "attributes": {
     "theHeight": 100,
   },
   "color": "#666666",
@@ -117,8 +117,8 @@ Object {
 `;
 
 exports[`TreeMapHelper build node should set lowest possible height caused by other visible edge pairs 1`] = `
-Object {
-  "attributes": Object {
+{
+  "attributes": {
     "theHeight": 100,
   },
   "color": "#666666",

package/app/codeCharta/util/algorithm/treeMapLayout/treeMapGenerator.spec.ts

@@ -1,5 +1,4 @@
 import { NodeMetricData, State, CodeMapNode, Node, NameDataPair } from "../../../codeCharta.model"
-
 import {
 	METRIC_DATA,
 	TEST_FILE_WITH_PATHS,
@@ -110,6 +109,18 @@ describe("treeMapGenerator", () => {
 
 			expect(nodes).toMatchSnapshot()
 		})
+
+		it("should disable floor labels if option is toggled and change size", () => {
+			const nodesWithFloorLabels: Node[] = SquarifiedLayoutGenerator.createTreemapNodes(map, state, metricData, isDeltaState)
+			state.appSettings.enableFloorLabels = false
+			const nodes: Node[] = SquarifiedLayoutGenerator.createTreemapNodes(map, state, metricData, isDeltaState)
+
+			for (const [index, nodesWithFloorLabel] of nodesWithFloorLabels.entries()) {
+				expect(nodesWithFloorLabel.name).toEqual(nodes[index].name)
+				expect(nodesWithFloorLabel.width).not.toEqual(nodes[index].width)
+			}
+			expect(nodes).toMatchSnapshot()
+		})
 	})
 
 	describe("CodeMap value calculation", () => {
@@ -145,7 +156,7 @@ describe("treeMapGenerator", () => {
 			expect(nodes[0].attributes["a"]).toBe(100)
 		})
 
-		it("attribute do not exists, no children", () => {
+		it("attribute does not exists, no children", () => {
 			map.children = []
 
 			const nodes: Node[] = SquarifiedLayoutGenerator.createTreemapNodes(map, state, metricData, isDeltaState)
@@ -153,7 +164,7 @@ describe("treeMapGenerator", () => {
 			expect(nodes[0].attributes["b"]).toBe(undefined)
 		})
 
-		it("attribute do not exists, multiple children with non existant attributes", () => {
+		it("attribute do not exists, multiple children with non existent attributes", () => {
 			state.dynamicSettings.heightMetric = "b"
 			state.dynamicSettings.areaMetric = "b"
 			metricData = [

package/app/codeCharta/util/algorithm/treeMapLayout/treeMapGenerator.ts

@@ -8,6 +8,8 @@ export type SquarifiedTreeMap = { treeMap: HierarchyRectangularNode<CodeMapNode>
 const PADDING_SCALING_FACTOR = 0.4
 const DEFAULT_PADDING_FLOOR_LABEL_FROM_LEVEL_1 = 120
 const DEFAULT_PADDING_FLOOR_LABEL_FROM_LEVEL_2 = 95
+const DEFAULT_ROOT_FLOOR_LABEL_SCALING = 0.035
+const DEFAULT_SUB_FLOOR_LABEL_SCALING = 0.028
 
 export function createTreemapNodes(map: CodeMapNode, state: State, metricData: NodeMetricData[], isDeltaState: boolean): Node[] {
 	const mapSizeResolutionScaling = getMapResolutionScaleFactor(state.files)
@@ -156,7 +158,10 @@ function scaleRoot(root: Node, scaleLength: number, scaleWidth: number) {
 function getSquarifiedTreeMap(map: CodeMapNode, state: State, mapSizeResolutionScaling: number, maxWidth: number): SquarifiedTreeMap {
 	const hierarchyNode = hierarchy(map)
 	const nodesPerSide = getEstimatedNodesPerSide(hierarchyNode)
-	const padding = state.dynamicSettings.margin * PADDING_SCALING_FACTOR * mapSizeResolutionScaling
+	const { enableFloorLabels } = state.appSettings
+	const { margin } = state.dynamicSettings
+	const padding = margin * PADDING_SCALING_FACTOR * mapSizeResolutionScaling
+
 	let mapWidth
 	let mapHeight
 
@@ -172,7 +177,7 @@ function getSquarifiedTreeMap(map: CodeMapNode, state: State, mapSizeResolutionS
 	hierarchyNode.eachAfter(node => {
 		// Precalculate the needed paddings for the floor folder labels to be able to expand the default map size
 		// TODO fix estimation, estimation of added label space is inaccurate
-		if (!isLeaf(node)) {
+		if (!isLeaf(node) && enableFloorLabels) {
 			if (node.depth === 0) {
 				addedLabelSpace += DEFAULT_PADDING_FLOOR_LABEL_FROM_LEVEL_1
 			}
@@ -187,8 +192,8 @@ function getSquarifiedTreeMap(map: CodeMapNode, state: State, mapSizeResolutionS
 	// because the treemap algorithm is/must be executed with an initial width and height afterwards.
 	// TODO If it is wrong some buildings might be cut off.
 	// Use mapSizeResolutionScaling to scale down the pixels need for rendering of the map (width and height size)
-	const width = (mapWidth + nodesPerSide * state.dynamicSettings.margin + addedLabelSpace) * mapSizeResolutionScaling
-	const height = (mapHeight + nodesPerSide * state.dynamicSettings.margin + addedLabelSpace) * mapSizeResolutionScaling
+	const width = (mapWidth + nodesPerSide * margin + addedLabelSpace) * mapSizeResolutionScaling
+	const height = (mapHeight + nodesPerSide * margin + addedLabelSpace) * mapSizeResolutionScaling
 
 	let rootNode
 	const treeMap = treemap<CodeMapNode>()
@@ -203,15 +208,17 @@ function getSquarifiedTreeMap(map: CodeMapNode, state: State, mapSizeResolutionS
 			// TODO This will not work for FixedFolders
 			// it seems that depth property is missing in that case
 			// so the default padding will be added, which is fine though.
-			if (rootNode) {
+			if (rootNode && enableFloorLabels) {
 				// Start the labels at level 1 not 0 because the root folder should not be labeled
 				if (node.depth === 0) {
 					// Add a big padding for the first folder level (the font is bigger than in deeper levels)
-					// TODO Add constants for magic numbers
-					return Math.max((rootNode.x1 - rootNode.x0) * 0.035, DEFAULT_PADDING_FLOOR_LABEL_FROM_LEVEL_1)
+					return Math.max(
+						(rootNode.x1 - rootNode.x0) * DEFAULT_ROOT_FLOOR_LABEL_SCALING,
+						DEFAULT_PADDING_FLOOR_LABEL_FROM_LEVEL_1
+					)
 				}
 				if (node.depth > 0 && node.depth < 3) {
-					return Math.max((rootNode.x1 - rootNode.x0) * 0.028, DEFAULT_PADDING_FLOOR_LABEL_FROM_LEVEL_2)
+					return Math.max((rootNode.x1 - rootNode.x0) * DEFAULT_SUB_FLOOR_LABEL_SCALING, DEFAULT_PADDING_FLOOR_LABEL_FROM_LEVEL_2)
 				}
 			}
 

package/app/codeCharta/util/algorithm/treeMapLayout/treeMapHelper.spec.ts

@@ -1,5 +1,5 @@
 import { TreeMapHelper } from "./treeMapHelper"
-import { BlacklistType, CodeMapNode, ColorMode, EdgeVisibility, NodeType, State } from "../../../codeCharta.model"
+import { CodeMapNode, ColorMode, EdgeVisibility, NodeType, State } from "../../../codeCharta.model"
 import { CODE_MAP_BUILDING, STATE } from "../../dataMocks"
 import { HierarchyRectangularNode } from "d3-hierarchy"
 
@@ -204,7 +204,7 @@ describe("TreeMapHelper", () => {
 			})
 
 			it("should be flat if node is flattened in blacklist", () => {
-				state.fileSettings.blacklist = [{ path: "*Anode", type: BlacklistType.flatten }]
+				state.fileSettings.blacklist = [{ path: "*Anode", type: "flatten" }]
 				squaredNode.data.isFlattened = true
 
 				expect(buildNode().flat).toBeTruthy()
@@ -245,7 +245,7 @@ describe("TreeMapHelper", () => {
 				})
 
 				it("creates flat colored building", () => {
-					state.fileSettings.blacklist = [{ path: "*Anode", type: BlacklistType.flatten }]
+					state.fileSettings.blacklist = [{ path: "*Anode", type: "flatten" }]
 					squaredNode.data.isFlattened = true
 
 					expect(buildNode().color).toBe(state.appSettings.mapColors.flat)

package/app/codeCharta/util/codeMapHelper.ts

@@ -67,7 +67,7 @@ export function returnIgnore(gitignorePath: string) {
 }
 
 export function isPathHiddenOrExcluded(path: string, blacklist: Array<BlacklistItem>) {
-	return isPathBlacklisted(path, blacklist, BlacklistType.exclude) || isPathBlacklisted(path, blacklist, BlacklistType.flatten)
+	return isPathBlacklisted(path, blacklist, "exclude") || isPathBlacklisted(path, blacklist, "flatten")
 }
 
 export function isPathBlacklisted(path: string, blacklist: Array<BlacklistItem>, type: BlacklistType) {

package/app/codeCharta/util/customConfigBuilder.spec.ts

@@ -20,10 +20,15 @@ describe("CustomConfigBuilder", () => {
 		it("should return a new CustomConfig instance", () => {
 			const state: State = { ...DEFAULT_STATE, appSettings: { experimentalFeaturesEnabled: true } as AppSettings }
 
-			const customConfig = buildCustomConfigFromState("testCustomConfig", state, {
-				camera: new Vector3(1, 2, 3),
-				cameraTarget: new Vector3(4, 5, 6)
-			})
+			const customConfig = buildCustomConfigFromState(
+				"testCustomConfig",
+				state,
+				{
+					camera: new Vector3(1, 2, 3),
+					cameraTarget: new Vector3(4, 5, 6)
+				},
+				"My Custom Note"
+			)
 
 			expect(customConfig.name).toBe("testCustomConfig")
 			expect(customConfig.mapSelectionMode).toBe(CustomConfigMapSelectionMode.MULTIPLE)
@@ -49,6 +54,8 @@ describe("CustomConfigBuilder", () => {
 			expect(customConfig.camera.cameraTarget.x).toBe(4)
 			expect(customConfig.camera.cameraTarget.y).toBe(5)
 			expect(customConfig.camera.cameraTarget.z).toBe(6)
+
+			expect(customConfig.note).toBe("My Custom Note")
 		})
 	})
 })

package/app/codeCharta/util/customConfigBuilder.ts

@@ -5,12 +5,18 @@ import { visibleFilesBySelectionModeSelector } from "../ui/customConfigs/visible
 
 const CUSTOM_CONFIG_API_VERSION = "1.0.0"
 
-export function buildCustomConfigFromState(configName: string, state: State, camera: CustomConfig["camera"]): CustomConfig {
+export function buildCustomConfigFromState(
+	configName: string,
+	state: State,
+	camera: CustomConfig["camera"],
+	note: string | undefined
+): CustomConfig {
 	const { mapSelectionMode, assignedMaps } = visibleFilesBySelectionModeSelector(state)
 
 	const customConfig: CustomConfig = {
 		id: "",
 		name: configName,
+
 		creationTime: Date.now(),
 		mapSelectionMode,
 		assignedMaps,
@@ -20,7 +26,8 @@ export function buildCustomConfigFromState(configName: string, state: State, cam
 			dynamicSettings: undefined,
 			fileSettings: undefined
 		},
-		camera
+		camera,
+		...(note && { note })
 	}
 
 	// Initialize all necessary state settings with default values right here
@@ -48,7 +55,6 @@ function initializeAppSettings(target: CustomConfig) {
 		},
 		amountOfEdgePreviews: 0,
 		amountOfTopLabels: 0,
-		dynamicMargin: false,
 		edgeHeight: 0,
 		hideFlatBuildings: false,
 		invertHeight: false,
@@ -68,6 +74,7 @@ function initializeAppSettings(target: CustomConfig) {
 		maxTreeMapFiles: 0,
 		sharpnessMode: undefined,
 		isColorMetricLinkedToHeightMetric: false,
+		enableFloorLabels: true,
 		mapColors: {
 			labelColorAndAlpha: { alpha: 0, rgb: "" },
 			base: "",

package/app/codeCharta/util/customConfigHelper.spec.ts

@@ -15,6 +15,7 @@ import { FileDownloader } from "./fileDownloader"
 describe("CustomConfigHelper", () => {
 	beforeEach(() => {
 		CustomConfigHelper["customConfigs"].clear()
+		jest.resetAllMocks()
 	})
 
 	describe("addCustomConfig", () => {
@@ -27,12 +28,8 @@ describe("CustomConfigHelper", () => {
 				stateSettings: {}
 			} as CustomConfig
 
-			spyOn(JSON, "stringify")
-			JSON["stringify"] = jest.fn(() => {
-				return "customConfigStub_asJson"
-			})
-
-			spyOn(Storage.prototype, "setItem")
+			jest.spyOn(JSON, "stringify").mockImplementation(() => "customConfigStub_asJson")
+			jest.spyOn(Storage.prototype, "setItem")
 
 			CustomConfigHelper.addCustomConfig(customConfigStub)
 
@@ -68,18 +65,14 @@ describe("CustomConfigHelper", () => {
 				customConfigs: [[customConfigStub.id, customConfigStub]]
 			}
 
-			spyOn(JSON, "parse")
-			JSON["parse"] = jest.fn().mockImplementation(() => {
-				return localStorageCustomConfigs
-			})
-
-			spyOn(Storage.prototype, "getItem")
+			jest.spyOn(JSON, "parse").mockImplementation(() => localStorageCustomConfigs)
+			jest.spyOn(Storage.prototype, "getItem")
 
 			const loadedCustomConfigs = CustomConfigHelper["loadCustomConfigsFromLocalStorage"]()
 			expect(loadedCustomConfigs.size).toBe(1)
 
 			expect(localStorage.getItem).toHaveBeenCalledWith(CUSTOM_CONFIGS_LOCAL_STORAGE_ELEMENT)
-			expect(JSON.parse).toHaveBeenCalledWith(undefined, stateObjectReviver)
+			expect(JSON.parse).toHaveBeenCalledWith("customConfigStub_asJson", stateObjectReviver)
 		})
 
 		it("should load Custom Configs from local storage with version 1.0.1 and should not make any changes to them", () => {
@@ -108,13 +101,11 @@ describe("CustomConfigHelper", () => {
 			}
 
 			CustomConfigHelper["customConfigs"].clear()
-			JSON["parse"] = jest.fn().mockImplementation(() => {
-				return localStorageCustomConfigs
-			})
+			jest.spyOn(JSON, "parse").mockImplementation(() => localStorageCustomConfigs)
 
-			const spyOnGetItem = spyOn(Storage.prototype, "getItem")
-			const spyOnRemoveItem = spyOn(Storage.prototype, "removeItem")
-			const spyOnSetItem = spyOn(Storage.prototype, "setItem")
+			const spyOnGetItem = jest.spyOn(Storage.prototype, "getItem")
+			const spyOnRemoveItem = jest.spyOn(Storage.prototype, "removeItem")
+			const spyOnSetItem = jest.spyOn(Storage.prototype, "setItem")
 
 			const loadedCustomConfigs = CustomConfigHelper["loadCustomConfigsFromLocalStorage"]()
 
@@ -401,8 +392,7 @@ describe("CustomConfigHelper", () => {
 				customConfigs: exportedCustomConfigs
 			}
 
-			spyOn(JSON, "parse")
-			JSON["parse"] = jest.fn().mockReturnValue(mockedDownloadFile)
+			jest.spyOn(JSON, "parse").mockImplementation(() => mockedDownloadFile)
 
 			// Mock first config to be already existent
 			CustomConfigHelper["customConfigs"].clear()

package/app/codeCharta/util/customConfigHelper.ts

@@ -65,16 +65,15 @@ export class CustomConfigHelper {
 
 		return ccLocalStorage
 	}
-
-	static addCustomConfigs(newCustomConfigs: CustomConfig[]) {
-		for (const newCustomConfig of newCustomConfigs) {
-			CustomConfigHelper.customConfigs.set(newCustomConfig.id, newCustomConfig)
-		}
+	static addCustomConfig(newCustomConfig: CustomConfig) {
+		CustomConfigHelper.customConfigs.set(newCustomConfig.id, newCustomConfig)
 		CustomConfigHelper.setCustomConfigsToLocalStorage()
 	}
 
-	static addCustomConfig(newCustomConfig: CustomConfig) {
-		CustomConfigHelper.customConfigs.set(newCustomConfig.id, newCustomConfig)
+	static editCustomConfigNote(configId: string, configNote: string) {
+		const config = CustomConfigHelper.customConfigs.get(configId)
+		config.note = configNote
+		CustomConfigHelper.customConfigs.set(configId, config)
 		CustomConfigHelper.setCustomConfigsToLocalStorage()
 	}
 
@@ -139,7 +138,8 @@ export class CustomConfigHelper {
 				customConfigVersion: exportedConfig.customConfigVersion,
 				mapSelectionMode: exportedConfig.mapSelectionMode,
 				stateSettings: exportedConfig.stateSettings,
-				camera: exportedConfig.camera
+				camera: exportedConfig.camera,
+				...(exportedConfig.note && { note: exportedConfig.note })
 			}
 
 			CustomConfigHelper.addCustomConfig(importedCustomConfig)
@@ -215,7 +215,6 @@ export class CustomConfigHelper {
 		threeOrbitControlsService: ThreeOrbitControlsService
 	) {
 		const customConfig = this.getCustomConfigSettings(configId)
-		CustomConfigHelper.transformLegacyCameraSettingsOfCustomConfig(customConfig)
 		CustomConfigHelper.deleteUnusedKeyPropsOfCustomConfig(customConfig)
 
 		store.dispatch(setState(customConfig.stateSettings))
@@ -230,19 +229,6 @@ export class CustomConfigHelper {
 		}
 	}
 
-	// TODO [2023-01-01] remove support
-	private static transformLegacyCameraSettingsOfCustomConfig(customConfig: any) {
-		const appSettings = customConfig.stateSettings.appSettings
-		if (appSettings.camera || appSettings.cameraTarget) {
-			customConfig.camera = {
-				camera: appSettings.camera,
-				cameraTarget: appSettings.cameraTarget
-			}
-			delete customConfig.stateSettings.appSettings.camera
-			delete customConfig.stateSettings.appSettings.cameraTarget
-		}
-	}
-
 	// TODO [2023-04-01] remove support
 	private static deleteUnusedKeyPropsOfCustomConfig(customConfig: any) {
 		if (customConfig.stateSettings.treeMap || customConfig.stateSettings.fileSettings.attributeTypes) {

package/app/codeCharta/util/dataMocks.ts

@@ -1,5 +1,6 @@
 import {
 	AttributeTypeValue,
+	AttributeDescriptors,
 	BlacklistItem,
 	BlacklistType,
 	CCFile,
@@ -32,7 +33,7 @@ import { isLeaf } from "./codeMapHelper"
 import { CustomConfigItemGroup } from "../ui/customConfigs/customConfigs.component"
 import { CustomConfigMapSelectionMode } from "../model/customConfig/customConfig.api.model"
 import { ScenarioItem, ScenarioMetricProperty } from "../ui/ribbonBar/showScenariosButton/scenarioHelper"
-import { UNARY_METRIC } from "../state/selectors/accumulatedData/metricData/nodeMetricData.selector"
+import { UNARY_METRIC } from "../state/selectors/accumulatedData/metricData/nodeMetricData.calculator"
 
 const DEFAULT_FILE_META = {
 	projectName: "Sample Project",
@@ -100,7 +101,7 @@ export const TEST_ATTRIBUTE_TYPES = {
 	edges: { test: AttributeTypeValue.absolute }
 }
 
-export const TEST_ATTRIBUTE_DESCRIPTORS_HALF_FILLED = {
+export const TEST_ATTRIBUTE_DESCRIPTORS_HALF_FILLED: AttributeDescriptors = {
 	mcc: {
 		title: "Maximum Cyclic Complexity",
 		description: "Maximum cyclic complexity",
@@ -117,6 +118,30 @@ export const TEST_ATTRIBUTE_DESCRIPTORS_HALF_FILLED = {
 	}
 }
 
+export const TEST_ATTRIBUTE_DESCRIPTORS: AttributeDescriptors = {
+	a: {
+		title: "a_testTitle",
+		description: "a_testDescription",
+		hintHighValue: "",
+		hintLowValue: "",
+		link: ""
+	},
+	b: {
+		title: "b_testTitle",
+		description: "",
+		hintHighValue: "",
+		hintLowValue: "",
+		link: ""
+	},
+	c: {
+		title: undefined,
+		description: "c_testDescription",
+		hintHighValue: undefined,
+		hintLowValue: undefined,
+		link: undefined
+	}
+}
+
 export const VALID_NODE: CodeMapNode = {
 	...DEFAULT_ROOT,
 	children: [
@@ -1607,9 +1632,9 @@ export const STATE: State = {
 		invertHeight: true,
 		invertArea: false,
 		isEdgeMetricVisible: true,
-		dynamicMargin: true,
 		isWhiteBackground: false,
 		isColorMetricLinkedToHeightMetric: false,
+		enableFloorLabels: true,
 		mapColors: {
 			positive: "#69AE40",
 			neutral: "#ddcc00",
@@ -1656,13 +1681,13 @@ export const DEFAULT_STATE: State = {
 			neutral: false
 		},
 		edgeHeight: 4,
-		dynamicMargin: true,
 		hideFlatBuildings: false,
 		invertHeight: false,
 		invertArea: false,
 		isEdgeMetricVisible: true,
 		isWhiteBackground: false,
 		isColorMetricLinkedToHeightMetric: false,
+		enableFloorLabels: true,
 		mapColors: {
 			base: "#666666",
 			flat: "#AAAAAA",
@@ -1987,7 +2012,8 @@ export const CUSTOM_CONFIG_ITEM_GROUPS: Map<string, CustomConfigItemGroup> = new
 						negativeDelta: "#ff0E0E"
 					},
 					metrics: { areaMetric: "rloc", heightMetric: "mcc", colorMetric: "functions", edgeMetric: "avgCommits" },
-					isApplicable: true
+					isApplicable: true,
+					note: "a note"
 				},
 				{
 					id: "File_B_File_C_STANDARD_Sample_Map View #2",
@@ -2237,15 +2263,15 @@ export const CODE_MAP_BUILDING_WITH_INCOMING_EDGE_NODE: CodeMapBuilding = new Co
 export const BLACKLIST: BlacklistItem[] = [
 	{
 		path: "/my/path",
-		type: BlacklistType.flatten
+		type: "flatten"
 	},
 	{
 		path: "/my/different/path",
-		type: BlacklistType.exclude
+		type: "exclude"
 	},
 	{
 		path: "/my/first/path",
-		type: BlacklistType.exclude
+		type: "exclude"
 	}
 ]
 
@@ -2283,7 +2309,7 @@ export function setIsBlacklisted(paths: string[], map: CodeMapNode, type: Blackl
 }
 
 function setBlacklistFlagByType(node: CodeMapNode, type: BlacklistType, flag: boolean) {
-	if (type === BlacklistType.exclude) {
+	if (type === "exclude") {
 		node.isExcluded = flag
 	} else {
 		node.isFlattened = flag

package/app/codeCharta/util/debounce.spec.ts

@@ -0,0 +1,16 @@
+import { debounce } from "./debounce"
+import { wait } from "./testUtils/wait"
+
+describe("debounce", () => {
+	it("should debounce given function", async () => {
+		const f = jest.fn()
+		const debouncedF = debounce(f, 1)
+
+		debouncedF()
+		debouncedF()
+		expect(f).not.toHaveBeenCalled()
+
+		await wait(1)
+		expect(f).toHaveBeenCalledTimes(1)
+	})
+})

package/app/codeCharta/util/debounce.ts

@@ -0,0 +1,10 @@
+export function debounce<F extends (...arguments_: Parameters<F>) => ReturnType<F>>(this: unknown, function_: F, waitInMS = 0) {
+	let timer
+	return (...arguments_: Parameters<F>) => {
+		clearTimeout(timer)
+		timer = setTimeout(() => {
+			function_.apply(this, arguments_)
+			timer = null
+		}, waitInMS)
+	}
+}

package/app/codeCharta/util/deltaGenerator.ts

@@ -2,14 +2,14 @@ import { CCFile, CodeMapNode, FileMeta, KeyValuePair, NodeType } from "../codeCh
 import { FileNameHelper } from "./fileNameHelper"
 import { hierarchy } from "d3-hierarchy"
 import packageJson from "../../../package.json"
-import { LoadFileService } from "../services/loadFile/loadFile.service"
 import { getParent } from "./nodePathHelper"
+import { fileRoot } from "../services/loadFile/fileRoot"
 
 export class DeltaGenerator {
 	static createCodeMapFromHashMap(hashMapWithAllNodes: Map<string, CodeMapNode>) {
 		let rootNode: CodeMapNode
 		for (const [path, node] of hashMapWithAllNodes) {
-			if (path === LoadFileService.ROOT_PATH) {
+			if (path === fileRoot.rootPath) {
 				rootNode = node
 			} else {
 				const parentNode = getParent(hashMapWithAllNodes, path)

package/app/codeCharta/util/fileDownloader.spec.ts

@@ -1,6 +1,6 @@
 import { stubDate } from "../../../mocks/dateMock.helper"
 import { DownloadableSetting, FileDownloader } from "./fileDownloader"
-import { BlacklistType, CodeMapNode, FileMeta, FileSettings } from "../codeCharta.model"
+import { CodeMapNode, FileMeta, FileSettings } from "../codeCharta.model"
 import {
 	TEST_ATTRIBUTE_DESCRIPTORS_HALF_FILLED,
 	TEST_ATTRIBUTE_TYPES,
@@ -28,8 +28,8 @@ describe("fileDownloader", () => {
 		filesettings.attributeTypes = TEST_ATTRIBUTE_TYPES
 		filesettings.attributeDescriptors = TEST_ATTRIBUTE_DESCRIPTORS_HALF_FILLED
 		filesettings.blacklist = [
-			{ path: "/root/bigLeaf.ts", type: BlacklistType.flatten },
-			{ path: "/root/sample1OnlyLeaf.scss", type: BlacklistType.exclude }
+			{ path: "/root/bigLeaf.ts", type: "flatten" },
+			{ path: "/root/sample1OnlyLeaf.scss", type: "exclude" }
 		]
 		fileName = "foo_2019-04-22_18-01"
 		fileNameWithExtension = "foo_2019-04-22_18-01.cc.json"

package/app/codeCharta/util/fileDownloader.ts

@@ -13,7 +13,7 @@ import { LoadFileService } from "../services/loadFile/loadFile.service"
 import { ExportCCFile } from "../codeCharta.api.model"
 import { hierarchy } from "d3-hierarchy"
 import { clone } from "./clone"
-import { UNARY_METRIC } from "../state/selectors/accumulatedData/metricData/nodeMetricData.selector"
+import { UNARY_METRIC } from "../state/selectors/accumulatedData/metricData/nodeMetricData.calculator"
 
 export type DownloadableSetting = "Nodes" | "AttributeTypes" | "AttributeDescriptors" | "Edges" | "Excludes" | "Flattens" | "MarkedPackages"
 
@@ -56,14 +56,14 @@ export class FileDownloader {
 
 		if (downloadSettings.includes("Flattens")) {
 			mergedBlacklist.push(
-				...this.getFilteredBlacklist(blacklist, BlacklistType.flatten).map(x => {
+				...this.getFilteredBlacklist(blacklist, "flatten").map(x => {
 					return { path: x.path, type: "hide" }
 				})
 			)
 		}
 
 		if (downloadSettings.includes("Excludes")) {
-			mergedBlacklist.push(...this.getFilteredBlacklist(blacklist, BlacklistType.exclude))
+			mergedBlacklist.push(...this.getFilteredBlacklist(blacklist, "exclude"))
 		}
 		return mergedBlacklist
 	}

package/app/codeCharta/util/fileHelper.spec.ts

@@ -1,5 +1,5 @@
 import { ExportBlacklistType, ExportCCFile } from "../codeCharta.api.model"
-import { AttributeTypeValue, BlacklistType, CCFile, NameDataPair } from "../codeCharta.model"
+import { AttributeTypeValue, CCFile, NameDataPair } from "../codeCharta.model"
 import { getCCFile, getCCFileAndDecorateFileChecksum, getSelectedFilesSize } from "./fileHelper"
 import { TEST_ATTRIBUTE_DESCRIPTORS_HALF_FILLED, TEST_FILE_CONTENT } from "./dataMocks"
 import { clone } from "./clone"
@@ -28,7 +28,7 @@ describe("FileHelper", () => {
 			const nameDataPair: NameDataPair = { content: fileContent, fileName: "fileName", fileSize: 30 }
 			const result = getCCFile(nameDataPair)
 
-			expect(result.settings.fileSettings.blacklist).toEqual([{ path: "foo", type: BlacklistType.flatten }])
+			expect(result.settings.fileSettings.blacklist).toEqual([{ path: "foo", type: "flatten" }])
 		})
 
 		it("should ignore old attribute types", () => {

package/app/codeCharta/util/fileHelper.ts

@@ -1,5 +1,5 @@
 import { ExportBlacklistType, ExportCCFile, ExportWrappedCCFile, OldAttributeTypes } from "../codeCharta.api.model"
-import { AttributeDescriptors, AttributeTypes, BlacklistItem, BlacklistType, CCFile, NameDataPair } from "../codeCharta.model"
+import { AttributeDescriptors, AttributeTypes, BlacklistItem, CCFile, NameDataPair } from "../codeCharta.model"
 import { FileSelectionState, FileState } from "../model/files/files"
 import md5 from "md5"
 
@@ -48,7 +48,7 @@ function getAttributeDescriptors(attributeDescriptors: AttributeDescriptors): At
 function potentiallyUpdateBlacklistTypes(blacklist): BlacklistItem[] {
 	for (const entry of blacklist) {
 		if (entry.type === ExportBlacklistType.hide) {
-			entry.type = BlacklistType.flatten
+			entry.type = "flatten"
 		}
 	}
 	return blacklist