codecharta-visualization 1.114.0 → 1.115.1

package/app/codeCharta/state/effects/resetDynamicMargin/resetDynamicMargin.effect.ts

@@ -1,19 +0,0 @@
-import { Inject, Injectable } from "@angular/core"
-import { filter, map, distinctUntilChanged } from "rxjs"
-import { createEffect } from "../../angular-redux/effects/createEffect"
-import { Store } from "../../angular-redux/store"
-import { dynamicMarginSelector } from "../../store/appSettings/dynamicMargin/dynamicMargin.selector"
-import { defaultMargin, setMargin } from "../../store/dynamicSettings/margin/margin.actions"
-
-@Injectable()
-export class ResetDynamicMarginEffect {
-	constructor(@Inject(Store) private store: Store) {}
-
-	resetMargin$ = createEffect(() =>
-		this.store.select(dynamicMarginSelector).pipe(
-			distinctUntilChanged(),
-			filter(dynamicMargin => dynamicMargin),
-			map(() => setMargin(defaultMargin))
-		)
-	)
-}

package/app/codeCharta/state/selectors/accumulatedData/metricData/edgeMetricData.selector.spec.ts

@@ -1,56 +0,0 @@
-import { calculateEdgeMetricData, nodeEdgeMetricsMap } from "./edgeMetricData.selector"
-import { FILE_STATES, VALID_NODE_WITH_PATH } from "../../../../util/dataMocks"
-import { FileState } from "../../../../model/files/files"
-import { clone } from "../../../../util/clone"
-
-describe("edgeMetricDataSelector", () => {
-	let fileStates: FileState[]
-
-	beforeEach(() => {
-		fileStates = clone(FILE_STATES)
-		fileStates[0].file.map = clone(VALID_NODE_WITH_PATH)
-	})
-
-	it("should create correct edge Metrics", () => {
-		const { sortedEdgeMetricList } = calculateEdgeMetricData(fileStates, [])
-
-		expect(sortedEdgeMetricList.map(x => x.name)).toContain("pairingRate")
-		expect(sortedEdgeMetricList.map(x => x.name)).toContain("otherMetric")
-	})
-
-	it("should calculate correct maximum value for edge Metrics", () => {
-		const { sortedEdgeMetricList } = calculateEdgeMetricData(fileStates, [])
-
-		expect(sortedEdgeMetricList.find(x => x.name === "pairingRate").maxValue).toEqual(2)
-		expect(sortedEdgeMetricList.find(x => x.name === "otherMetric").maxValue).toEqual(1)
-	})
-
-	it("should sort the metrics after calculating them", () => {
-		const { sortedEdgeMetricList } = calculateEdgeMetricData(fileStates, [])
-
-		expect(sortedEdgeMetricList).toHaveLength(3)
-		expect(sortedEdgeMetricList[0].name).toBe("avgCommits")
-		expect(sortedEdgeMetricList[1].name).toBe("otherMetric")
-		expect(sortedEdgeMetricList[2].name).toBe("pairingRate")
-	})
-
-	it("should sync with deprecated public exposed metrics Map", () => {
-		calculateEdgeMetricData(fileStates, [])
-
-		const pairingRateMapKeys = [...nodeEdgeMetricsMap.get("pairingRate").keys()]
-
-		expect(pairingRateMapKeys[0]).toEqual("/root/big leaf")
-		expect(pairingRateMapKeys[1]).toEqual("/root/Parent Leaf/small leaf")
-		expect(pairingRateMapKeys[2]).toEqual("/root/Parent Leaf/other small leaf")
-	})
-
-	it("should provide nodeEdgeMetricsMap", () => {
-		const { nodeEdgeMetricsMap } = calculateEdgeMetricData(fileStates, [])
-
-		const pairingRateMapKeys = [...nodeEdgeMetricsMap.get("pairingRate").keys()]
-
-		expect(pairingRateMapKeys[0]).toEqual("/root/big leaf")
-		expect(pairingRateMapKeys[1]).toEqual("/root/Parent Leaf/small leaf")
-		expect(pairingRateMapKeys[2]).toEqual("/root/Parent Leaf/other small leaf")
-	})
-})

package/app/codeCharta/state/store/appSettings/dynamicMargin/dynamicMargin.actions.ts

@@ -1,21 +0,0 @@
-import { CCAction } from "../../../../codeCharta.model"
-
-export enum DynamicMarginActions {
-	SET_DYNAMIC_MARGIN = "SET_DYNAMIC_MARGIN"
-}
-
-export interface SetDynamicMarginAction extends CCAction {
-	type: DynamicMarginActions.SET_DYNAMIC_MARGIN
-	payload: boolean
-}
-
-export type DynamicMarginAction = SetDynamicMarginAction
-
-export function setDynamicMargin(dynamicMargin: boolean = defaultDynamicMargin): SetDynamicMarginAction {
-	return {
-		type: DynamicMarginActions.SET_DYNAMIC_MARGIN,
-		payload: dynamicMargin
-	}
-}
-
-export const defaultDynamicMargin = true

package/app/codeCharta/state/store/appSettings/dynamicMargin/dynamicMargin.reducer.spec.ts

@@ -1,17 +0,0 @@
-import { dynamicMargin } from "./dynamicMargin.reducer"
-import { DynamicMarginAction, setDynamicMargin } from "./dynamicMargin.actions"
-import { setStandard } from "../../files/files.actions"
-
-describe("dynamicMargin", () => {
-	it("should initialize the default state", () => {
-		expect(dynamicMargin(undefined, {} as DynamicMarginAction)).toBe(true)
-	})
-
-	it("should set new dynamicMargin", () => {
-		expect(dynamicMargin(true, setDynamicMargin(false))).toBe(false)
-	})
-
-	it("should reset to true on file selection changed", () => {
-		expect(dynamicMargin(false, setStandard([]))).toBe(true)
-	})
-})

package/app/codeCharta/state/store/appSettings/dynamicMargin/dynamicMargin.reducer.ts

@@ -1,16 +0,0 @@
-import { isActionOfType } from "../../../../util/reduxHelper"
-import { FilesAction, FilesSelectionActions } from "../../files/files.actions"
-import { DynamicMarginAction, DynamicMarginActions, setDynamicMargin } from "./dynamicMargin.actions"
-
-export function dynamicMargin(state = setDynamicMargin().payload, action: DynamicMarginAction | FilesAction) {
-	if (isActionOfType(action.type, FilesSelectionActions)) {
-		return true
-	}
-
-	switch (action.type) {
-		case DynamicMarginActions.SET_DYNAMIC_MARGIN:
-			return action.payload
-		default:
-			return state
-	}
-}

package/app/codeCharta/state/store/appSettings/dynamicMargin/dynamicMargin.selector.ts

@@ -1,4 +0,0 @@
-import { createSelector } from "../../../angular-redux/createSelector"
-import { appSettingsSelector } from "../appSettings.selector"
-
-export const dynamicMarginSelector = createSelector([appSettingsSelector], appSettings => appSettings.dynamicMargin)

package/app/codeCharta/ui/attributeSideBar/metricDeltaSelected/metricDeltaSelected.component.scss

@@ -1,5 +0,0 @@
-cc-metric-delta-selected {
-	.metric-delta {
-		margin-left: 3px;
-	}
-}

package/app/codeCharta/ui/filePanel/filePanelFileSelector/removeFileButton/removeFileButton.component.scss

@@ -1,9 +0,0 @@
-cc-remove-file-button {
-	.mat-button {
-		border-radius: 50%;
-		margin: 0;
-		min-width: 0;
-		line-height: 0;
-		padding: 8px 10px;
-	}
-}

package/app/codeCharta/ui/ribbonBar/areaSettingsPanel/areaSettingsPanel.po.ts

@@ -1,22 +0,0 @@
-import { clickButtonOnPageElement } from "../../../../puppeteer.helper"
-
-export const AreaSettingsPanelPageObject = {
-	async toggleDefaultMargin() {
-		await clickButtonOnPageElement("cc-area-settings-panel md-checkbox")
-		return this.isDefaultMarginEnabled()
-	},
-
-	async isDefaultMarginEnabled() {
-		return page.$eval("cc-area-settings-panel md-checkbox", element => element.className.includes("md-checked"))
-	},
-
-	async toggleMarginBoundingBox() {
-		const marginToggleBoxHandle = await page.$("cc-area-settings-panel md-checkbox .md-container")
-		return marginToggleBoxHandle.boundingBox()
-	},
-
-	async resetButtonBoundingBox() {
-		const resetBoxHandle = await page.$("cc-area-settings-panel cc-reset-settings-button")
-		return resetBoxHandle.boundingBox()
-	}
-}

package/app/codeCharta/ui/ribbonBar/areaSettingsPanel/invertAreaOption/invertAreaOption.component.html

@@ -1 +0,0 @@
-<mat-checkbox class="invertAreaCheckbox" [checked]="isInvertedArea$ | async" (change)="toggleInvertingArea()">Invert Area</mat-checkbox>

package/app/codeCharta/ui/ribbonBar/areaSettingsPanel/invertAreaOption/invertAreaOption.component.spec.ts

@@ -1,29 +0,0 @@
-import { InvertAreaOptionComponent } from "./invertAreaOption.component"
-import { fireEvent, render } from "@testing-library/angular"
-import { TestBed } from "@angular/core/testing"
-import { MaterialModule } from "../../../../../material/material.module"
-import { invertAreaSelector } from "../../../../state/store/appSettings/invertArea/invertArea.selector"
-import { Store } from "../../../../state/store/store"
-
-describe("InvertAreaOptionComponent", () => {
-	beforeEach(() => {
-		Store["initialize"]()
-		TestBed.configureTestingModule({
-			imports: [MaterialModule]
-		})
-	})
-
-	it("should toggle inverting the area of buildings on click", async () => {
-		const { container } = await render(InvertAreaOptionComponent)
-		const isInvertedArea = invertAreaSelector(Store.store.getState())
-		const checkbox = container.querySelector("input")
-
-		expect(checkbox.checked).toBeFalsy()
-
-		fireEvent.click(checkbox)
-
-		expect(checkbox.checked).toBeTruthy()
-
-		expect(invertAreaSelector(Store.store.getState())).toBe(!isInvertedArea)
-	})
-})

package/app/codeCharta/ui/ribbonBar/areaSettingsPanel/invertAreaOption/invertAreaOption.component.ts

@@ -1,23 +0,0 @@
-import { Component, Inject, OnInit } from "@angular/core"
-import { Store } from "../../../../state/angular-redux/store"
-import { invertAreaSelector } from "../../../../state/store/appSettings/invertArea/invertArea.selector"
-import { toggleInvertingArea } from "../../../../state/store/appSettings/invertArea/invertArea.actions"
-import { Observable } from "rxjs"
-
-@Component({
-	selector: "cc-invert-area-option",
-	template: require("./invertAreaOption.component.html")
-})
-export class InvertAreaOptionComponent implements OnInit {
-	isInvertedArea$: Observable<boolean>
-
-	constructor(@Inject(Store) private store: Store) {}
-
-	ngOnInit(): void {
-		this.isInvertedArea$ = this.store.select(invertAreaSelector)
-	}
-
-	toggleInvertingArea() {
-		this.store.dispatch(toggleInvertingArea())
-	}
-}

package/app/codeCharta/ui/ribbonBar/areaSettingsPanel.po.ts

@@ -1,19 +0,0 @@
-import { clickButtonOnPageElement } from "../../../puppeteer.helper"
-
-export const AreaSettingsPanelPageObject = {
-	async toggleDefaultMargin() {
-		await clickButtonOnPageElement("cc-area-settings-panel mat-checkbox")
-		return this.isDefaultMarginEnabled()
-	},
-	async isDefaultMarginEnabled() {
-		return page.$eval("cc-area-settings-panel mat-checkbox", element => element.className.includes("mat-checkbox-checked"))
-	},
-	async toggleMarginBoundingBox() {
-		const marginToggleBoxHandle = await page.$("cc-area-settings-panel mat-checkbox")
-		return marginToggleBoxHandle.boundingBox()
-	},
-	async resetButtonBoundingBox() {
-		const resetBoxHandle = await page.$("cc-area-settings-panel cc-reset-settings-button")
-		return resetBoxHandle.boundingBox()
-	}
-}

package/app/codeCharta/ui/ribbonBar/edgeSettingsPanel/edgeMetricToggle/edgeMetricToggle.component.scss

@@ -1,4 +0,0 @@
-cc-edge-metric-toggle {
-	display: block;
-	margin: 16px 0;
-}

package/app/codeCharta/ui/ribbonBar/heightSettingsPanel/heightSettingsPanel.component.scss

@@ -1,18 +0,0 @@
-cc-height-settings-panel {
-	max-height: 240px;
-	.cc-height-settings-panel-row {
-		margin: 8px 0;
-	}
-
-	.cc-height-settings-panel-reset-row {
-		display: flex;
-
-		mat-checkbox {
-			flex: 1;
-		}
-
-		cc-reset-settings-button {
-			margin-top: -8px;
-		}
-	}
-}

package/app/codeCharta/util/envDetector.ts

@@ -1,3 +0,0 @@
-export function isDevelopment(): boolean {
-	return process.env.DEV === "true"
-}

package/app/codeCharta/util/removeExtensionModule.ts

@@ -1,8 +0,0 @@
-import { NgModule } from "@angular/core"
-import { RemoveExtensionPipe } from "./removeExtension.pipe"
-
-@NgModule({
-	declarations: [RemoveExtensionPipe],
-	exports: [RemoveExtensionPipe]
-})
-export class RemoveExtensionModule {}

package/app/codeCharta/util/testUtils/drag.ts

@@ -1,47 +0,0 @@
-// Taken from https://testing-library.com/docs/example-drag/
-
-import { fireEvent } from "@testing-library/dom"
-import { wait } from "./wait"
-
-function getElementClientCenter(element) {
-	const { left, top, width, height } = element.getBoundingClientRect()
-	return {
-		x: left + width / 2,
-		y: top + height / 2
-	}
-}
-
-type DragOptions = {
-	delta: { x: number; y: number }
-	steps?: number
-	duration?: number
-}
-export async function drag(element: Element, { delta, steps = 20, duration = 500 }: DragOptions) {
-	const from = getElementClientCenter(element)
-	const to = {
-		x: from.x + delta.x,
-		y: from.y + delta.y
-	}
-
-	const step = {
-		x: (to.x - from.x) / steps,
-		y: (to.y - from.y) / steps
-	}
-
-	const current = {
-		clientX: from.x,
-		clientY: from.y
-	}
-
-	fireEvent.mouseEnter(element, current)
-	fireEvent.mouseOver(element, current)
-	fireEvent.mouseMove(element, current)
-	fireEvent.mouseDown(element, current)
-	for (let index = 0; index < steps; index++) {
-		current.clientX += step.x
-		current.clientY += step.y
-		await wait(duration / steps)
-		fireEvent.mouseMove(element, current)
-	}
-	fireEvent.mouseUp(element, current)
-}

package/app/material/matSelect.scss

@@ -1,17 +0,0 @@
-@use "./theme";
-
-.mat-select {
-	text-align: start;
-	border-bottom-width: 1px;
-	border-bottom-style: solid;
-	border-bottom-color: rgba(0, 0, 0, 0.12);
-}
-
-.mat-select:focus {
-	border-bottom-width: 2px;
-	border-bottom-color: theme.$cc-primary-color;
-}
-
-.mat-option.mat-selected.mat-active {
-	color: theme.$cc-emphasized-color;
-}

package/conf/webpack.loaders.js

@@ -1,54 +0,0 @@
-const RemarkHTML = require("remark-html")
-
-module.exports = {
-	rules: [
-		{
-			test: /\.js$/,
-			exclude: /node_modules/,
-			use: ["babel-loader"]
-		},
-		{
-			test: /\.html$/,
-			loader: "html-loader",
-			options: {
-				esModule: false
-			}
-		},
-		{
-			test: /\.css$/,
-			use: ["style-loader", "css-loader"]
-		},
-		{
-			test: /\.scss$/,
-			use: ["style-loader", "css-loader", "sass-loader"]
-		},
-		{
-			test: /\.(jpe?g|svg|png|gif|ico|eot|otf|ttf|woff2?)(\?v=\d+\.\d+\.\d+)?$/i,
-			type: "asset/resource"
-		},
-		{
-			test: /\.ts(x?)$/,
-			use: ["babel-loader", "ts-loader?configFile=tsconfig.webpack.json"]
-		},
-		{
-			test: /\.glsl$/,
-			use: ["webpack-glsl-loader"]
-		},
-		{
-			test: /\.md$/,
-
-			use: [
-				{ loader: "html-loader" },
-				{
-					loader: "remark-loader",
-					options: {
-						removeFrontMatter: false,
-						remarkOptions: {
-							plugins: [RemarkHTML]
-						}
-					}
-				}
-			]
-		}
-	]
-}