codecharta-visualization 1.119.0 → 1.120.0

package/app/codeCharta/ui/customConfigs/customConfigs.module.ts

@@ -1,41 +0,0 @@
-import { CustomConfigsComponent } from "./customConfigs.component"
-import { NgModule } from "@angular/core"
-import { MaterialModule } from "../../../material/material.module"
-import { CommonModule } from "@angular/common"
-import { UploadCustomConfigButtonModule } from "./uploadCustomConfigButton/uploadCustomConfigButton.module"
-import { AddCustomConfigButtonModule } from "./addCustomConfigButton/addCustomConfigButton.module"
-import { DownloadCustomConfigButtonModule } from "./downloadCustomConfigsButton/downloadCustomConfigButton.module"
-import { CustomConfigListComponent } from "./customConfigList/customConfigList.component"
-import { CustomConfigItemGroupComponent } from "./customConfigList/customConfigItemGroup/customConfigItemGroup.component"
-import { CustomConfig2ApplicableMessage } from "./customConfigList/customConfigItemGroup/customConfig2ApplicableMessage.pipe"
-import { CustomConfig2ApplicableColor } from "./customConfigList/customConfigItemGroup/customConfig2ApplicableColor.pipe"
-import { ApplyCustomConfigButtonComponent } from "./customConfigList/customConfigItemGroup/customConfigDescription/applyCustomConfigButton.component"
-import { CustomConfigColorSchemaBySelectionMode } from "./customConfigList/customConfigItemGroup/customConfigDescription/customConfigColorSchemaBySelectionMode.pipe"
-import { FormsModule } from "@angular/forms"
-import { CustomConfigNoteDialogButtonModule } from "./customConfigNoteDialogButton/customConfigNoteDialogButton.module"
-import { TruncateTextPipeModule } from "../../util/pipes/TruncateTextPipeModule"
-
-@NgModule({
-	imports: [
-		MaterialModule,
-		CommonModule,
-		CustomConfigNoteDialogButtonModule,
-		UploadCustomConfigButtonModule,
-		AddCustomConfigButtonModule,
-		DownloadCustomConfigButtonModule,
-		FormsModule,
-		TruncateTextPipeModule
-	],
-	declarations: [
-		CustomConfigsComponent,
-		CustomConfigListComponent,
-		CustomConfigItemGroupComponent,
-		ApplyCustomConfigButtonComponent,
-		CustomConfig2ApplicableMessage,
-		CustomConfig2ApplicableColor,
-
-		CustomConfigColorSchemaBySelectionMode
-	],
-	exports: [CustomConfigsComponent]
-})
-export class CustomConfigsModule {}

package/app/codeCharta/ui/customConfigs/downloadCustomConfigsButton/downloadCustomConfigButton.component.spec.ts

@@ -1,36 +0,0 @@
-import { DownloadCustomConfigsButtonComponent } from "./downloadCustomConfigsButton.component"
-import { CustomConfigHelperService } from "../customConfigHelper.service"
-import { of } from "rxjs"
-import { TestBed } from "@angular/core/testing"
-import { render, screen } from "@testing-library/angular"
-import userEvent from "@testing-library/user-event"
-import { FileDownloader } from "../../../util/fileDownloader"
-
-const mockedDownloadCustomConfigService = { downloadableCustomConfigs$: null }
-
-describe("DownloadCustomConfigButtonComponent", () => {
-	beforeEach(() => {
-		FileDownloader.downloadData = jest.fn()
-		TestBed.configureTestingModule({
-			providers: [{ provide: CustomConfigHelperService, useValue: mockedDownloadCustomConfigService }]
-		})
-	})
-
-	it("should disable download button when no custom configs are available ", async () => {
-		mockedDownloadCustomConfigService.downloadableCustomConfigs$ = of(new Map())
-		await render(DownloadCustomConfigsButtonComponent)
-
-		expect((screen.getByRole("button") as HTMLButtonElement).disabled).toBe(true)
-	})
-
-	it("should click download button when custom configs are available ", async () => {
-		mockedDownloadCustomConfigService.downloadableCustomConfigs$ = of(new Map([["invalid-md5", {}]]))
-		await render(DownloadCustomConfigsButtonComponent)
-
-		expect((screen.getByRole("button") as HTMLButtonElement).disabled).toBe(false)
-
-		await userEvent.click(screen.getByRole("button") as HTMLButtonElement)
-
-		expect(FileDownloader.downloadData).toHaveBeenCalledTimes(1)
-	})
-})

package/app/codeCharta/ui/customConfigs/downloadCustomConfigsButton/downloadCustomConfigButton.module.ts

@@ -1,11 +0,0 @@
-import { NgModule } from "@angular/core"
-
-import { CustomConfigHelperService } from "../customConfigHelper.service"
-import { DownloadCustomConfigsButtonComponent } from "./downloadCustomConfigsButton.component"
-
-@NgModule({
-	declarations: [DownloadCustomConfigsButtonComponent],
-	exports: [DownloadCustomConfigsButtonComponent],
-	providers: [CustomConfigHelperService]
-})
-export class DownloadCustomConfigButtonModule {}

package/app/codeCharta/ui/customConfigs/downloadCustomConfigsButton/downloadCustomConfigHelper.ts

@@ -1,24 +0,0 @@
-import { ExportCustomConfig } from "../../../model/customConfig/customConfig.api.model"
-import { FileNameHelper } from "../../../util/fileNameHelper"
-import { FileDownloader } from "../../../util/fileDownloader"
-import { stateObjectReplacer } from "../../../codeCharta.model"
-
-interface CustomConfigsDownloadFile {
-	downloadApiVersion: string
-	timestamp: number
-	customConfigs: Map<string, ExportCustomConfig>
-}
-
-const CUSTOM_CONFIG_FILE_EXTENSION = ".cc.config.json"
-const CUSTOM_CONFIGS_DOWNLOAD_FILE_VERSION = "1.0.1"
-
-export function downloadCustomConfigs(customConfigs: Map<string, ExportCustomConfig>) {
-	const customConfigsDownloadFile: CustomConfigsDownloadFile = {
-		downloadApiVersion: CUSTOM_CONFIGS_DOWNLOAD_FILE_VERSION,
-		timestamp: Date.now(),
-		customConfigs
-	}
-
-	const fileName = FileNameHelper.getNewTimestamp() + CUSTOM_CONFIG_FILE_EXTENSION
-	FileDownloader.downloadData(JSON.stringify(customConfigsDownloadFile, stateObjectReplacer), fileName)
-}

package/app/codeCharta/ui/customConfigs/downloadCustomConfigsButton/downloadCustomConfigsButton.component.html

@@ -1,7 +0,0 @@
-<button
-	title="Download Custom View related to currently uploaded maps, if any."
-	(click)="downloadPreloadedCustomConfigs()"
-	[disabled]="downloadableConfigs.size === 0"
->
-	<i class="fa fa-download"></i>
-</button>

package/app/codeCharta/ui/customConfigs/downloadCustomConfigsButton/downloadCustomConfigsButton.component.scss

@@ -1,21 +0,0 @@
-@use "../../../../material/theme";
-
-cc-download-custom-configs-button {
-	button {
-		padding: 0 16px;
-		height: 48px;
-		width: 100%;
-		margin: 0;
-		background-color: theme.$cc-primary-color;
-		vertical-align: middle;
-
-		&:disabled {
-			background-color: rgba(230, 230, 230, 0.96);
-		}
-
-		i.fa {
-			vertical-align: middle;
-			font-size: 12px;
-		}
-	}
-}

package/app/codeCharta/ui/customConfigs/downloadCustomConfigsButton/downloadCustomConfigsButton.component.ts

@@ -1,32 +0,0 @@
-import { Component, OnDestroy, OnInit, ViewEncapsulation } from "@angular/core"
-import { DownloadableConfigs } from "./getDownloadableCustomConfigs"
-
-import { downloadCustomConfigs } from "./downloadCustomConfigHelper"
-import { CustomConfigHelperService } from "../customConfigHelper.service"
-import { Subscription } from "rxjs"
-
-@Component({
-	selector: "cc-download-custom-configs-button",
-	templateUrl: "./downloadCustomConfigsButton.component.html",
-	encapsulation: ViewEncapsulation.None
-})
-export class DownloadCustomConfigsButtonComponent implements OnInit, OnDestroy {
-	downloadableConfigs: DownloadableConfigs
-	subscription: Subscription
-
-	constructor(private downloadCustomConfigService: CustomConfigHelperService) {}
-
-	ngOnInit(): void {
-		this.subscription = this.downloadCustomConfigService.downloadableCustomConfigs$.subscribe(downloadableConfigs => {
-			this.downloadableConfigs = downloadableConfigs
-		})
-	}
-
-	ngOnDestroy(): void {
-		this.subscription.unsubscribe()
-	}
-
-	downloadPreloadedCustomConfigs() {
-		downloadCustomConfigs(this.downloadableConfigs)
-	}
-}

package/app/codeCharta/ui/customConfigs/downloadCustomConfigsButton/getDownloadableCustomConfigs.spec.ts

@@ -1,70 +0,0 @@
-import { getDownloadableCustomConfigs } from "./getDownloadableCustomConfigs"
-import { CustomConfig, CustomConfigMapSelectionMode } from "../../../model/customConfig/customConfig.api.model"
-import { CustomConfigHelper } from "../../../util/customConfigHelper"
-import { VisibleFilesBySelectionMode } from "../visibleFilesBySelectionMode.selector"
-import { expect } from "@jest/globals"
-
-describe("getDownloadableCustomConfigs", () => {
-	it("should get an empty map when no applicable custom configs are available", () => {
-		const customConfigStub = {
-			id: "md5-fileA",
-			name: "stubbedConfig",
-			mapSelectionMode: CustomConfigMapSelectionMode.MULTIPLE,
-			assignedMaps: new Map([["md5-fileA", "fileA"]]),
-			stateSettings: {}
-		} as CustomConfig
-		const visibleFilesBySelectionMode: VisibleFilesBySelectionMode = {
-			mapSelectionMode: CustomConfigMapSelectionMode.MULTIPLE,
-			assignedMaps: new Map([["md5-fileB", "fileB"]])
-		}
-		CustomConfigHelper.getCustomConfigs = jest.fn().mockReturnValue(new Map([["md5-fileA", customConfigStub]]))
-
-		const actualDownloadableCustomConfigs = getDownloadableCustomConfigs(visibleFilesBySelectionMode)
-
-		expect(actualDownloadableCustomConfigs.size).toBe(0)
-	})
-
-	it("should get a map with downloadable custom configs when (partially) applicable custom configs are available", () => {
-		const customConfigStub1 = {
-			id: "md5-fileA",
-			name: "stubbedConfig1",
-			mapSelectionMode: CustomConfigMapSelectionMode.MULTIPLE,
-			assignedMaps: new Map([["md5-fileA", "fileA"]]),
-			stateSettings: {}
-		} as CustomConfig
-		const customConfigStub2 = {
-			id: "md5-fileA-fileB",
-			name: "stubbedConfig2",
-			mapSelectionMode: CustomConfigMapSelectionMode.MULTIPLE,
-			assignedMaps: new Map([
-				["md5-fileA", "fileA"],
-				["md5-fileB", "fileB"]
-			]),
-			stateSettings: {}
-		} as CustomConfig
-		const visibleFilesBySelectionMode: VisibleFilesBySelectionMode = {
-			mapSelectionMode: CustomConfigMapSelectionMode.MULTIPLE,
-			assignedMaps: new Map([
-				["md5-fileA", "fileA"],
-				["md5-fileB", "fileB"]
-			])
-		}
-		CustomConfigHelper.getCustomConfigs = jest.fn().mockReturnValue(
-			new Map([
-				["md5-fileA", customConfigStub1],
-				["md5-fileA-fileB", customConfigStub2]
-			])
-		)
-
-		const actualDownloadableCustomConfigs = getDownloadableCustomConfigs(visibleFilesBySelectionMode)
-
-		expect(actualDownloadableCustomConfigs.size).toBe(2)
-		expect(actualDownloadableCustomConfigs.get("md5-fileA").assignedMaps).toEqual(new Map([["md5-fileA", "fileA"]]))
-		expect(actualDownloadableCustomConfigs.get("md5-fileA-fileB").assignedMaps).toEqual(
-			new Map([
-				["md5-fileA", "fileA"],
-				["md5-fileB", "fileB"]
-			])
-		)
-	})
-})

package/app/codeCharta/ui/customConfigs/downloadCustomConfigsButton/getDownloadableCustomConfigs.ts

@@ -1,26 +0,0 @@
-import { ExportCustomConfig, MapNamesByChecksum } from "../../../model/customConfig/customConfig.api.model"
-import { CustomConfigHelper } from "../../../util/customConfigHelper"
-import { VisibleFilesBySelectionMode } from "../visibleFilesBySelectionMode.selector"
-
-export type DownloadableConfigs = Map<string, ExportCustomConfig>
-
-export const getDownloadableCustomConfigs = ({ assignedMaps }: VisibleFilesBySelectionMode): DownloadableConfigs => {
-	const downloadableConfigs: DownloadableConfigs = new Map()
-	const customConfigs = CustomConfigHelper.getCustomConfigs()
-
-	for (const [checksum, customConfig] of customConfigs.entries()) {
-		// Only Configs which are applicable for at least one of the uploaded maps should be downloaded.
-		if (isConfigApplicableForUploadedMaps(customConfig.assignedMaps, assignedMaps)) {
-			downloadableConfigs.set(checksum, CustomConfigHelper.createExportCustomConfigFromConfig(customConfig))
-		}
-	}
-	return downloadableConfigs
-}
-
-function isConfigApplicableForUploadedMaps(
-	assignedMapsOfConfig: MapNamesByChecksum,
-	assignedMapsOfVisibleFiles: MapNamesByChecksum
-): boolean {
-	const mapChecksumsOfConfig = [...assignedMapsOfConfig.keys()]
-	return mapChecksumsOfConfig.some(mapChecksumConfig => assignedMapsOfVisibleFiles.has(mapChecksumConfig))
-}

package/app/codeCharta/ui/customConfigs/uploadCustomConfigButton/uploadCustomConfigButton.component.html

@@ -1,3 +0,0 @@
-<button class="action-button" title="Upload Custom View (.cc.config.json file)." (click)="upload()">
-	<i class="fa fa-folder-open"></i>
-</button>

package/app/codeCharta/ui/customConfigs/uploadCustomConfigButton/uploadCustomConfigButton.component.spec.ts

@@ -1,9 +0,0 @@
-import { render, screen } from "@testing-library/angular"
-import { UploadCustomConfigButtonComponent } from "./uploadCustomConfigButton.component"
-
-describe("uploadCustomConfigButtonComponent", () => {
-	it("should render", async () => {
-		await render(UploadCustomConfigButtonComponent)
-		expect(screen.getByRole("button")).toBeTruthy()
-	})
-})

package/app/codeCharta/ui/customConfigs/uploadCustomConfigButton/uploadCustomConfigButton.component.ts

@@ -1,30 +0,0 @@
-import { Component, ViewEncapsulation } from "@angular/core"
-import { CustomConfigHelper } from "../../../util/customConfigHelper"
-import { createCCFileInput } from "../../../util/uploadFiles/createCCFileInput"
-import { readFiles } from "../../../util/uploadFiles/readFiles"
-
-@Component({
-	selector: "cc-upload-custom-config-button",
-	templateUrl: "./uploadCustomConfigButton.component.html",
-	encapsulation: ViewEncapsulation.None
-})
-export class UploadCustomConfigButtonComponent {
-	upload() {
-		const fileInput = createCCFileInput()
-		fileInput.addEventListener("change", () => {
-			void this.uploadOnEvent(fileInput)
-		})
-		fileInput.click()
-	}
-
-	private async uploadOnEvent(fileInput: HTMLInputElement) {
-		const customConfigsContent = await Promise.all(readFiles(fileInput.files))
-		for (const customConfigContent of customConfigsContent) {
-			try {
-				CustomConfigHelper.importCustomConfigs(customConfigContent)
-			} catch {
-				// Explicitly ignored
-			}
-		}
-	}
-}

package/app/codeCharta/ui/customConfigs/uploadCustomConfigButton/uploadCustomConfigButton.module.ts

@@ -1,8 +0,0 @@
-import { NgModule } from "@angular/core"
-import { UploadCustomConfigButtonComponent } from "./uploadCustomConfigButton.component"
-
-@NgModule({
-	declarations: [UploadCustomConfigButtonComponent],
-	exports: [UploadCustomConfigButtonComponent]
-})
-export class UploadCustomConfigButtonModule {}

package/app/codeCharta/ui/customConfigs/visibleFilesBySelectionMode.selector.spec.ts

@@ -1,43 +0,0 @@
-import { _getVisibleFilesBySelectionMode } from "./visibleFilesBySelectionMode.selector"
-import { FileSelectionState, FileState } from "../../model/files/files"
-import { expect } from "@jest/globals"
-import { CustomConfigMapSelectionMode } from "../../model/customConfig/customConfig.api.model"
-
-describe("visibleFilesBySelectionModeSelector", function () {
-	const file1 = { fileMeta: { fileName: "file1", fileChecksum: "fileCheckSum1" } }
-	const file2 = { fileMeta: { fileName: "file2", fileChecksum: "fileCheckSum2" } }
-
-	it("should return CustomConfig MULTIPLE Mode and collect file checksums and names in a map when selected files are in partial mode", function () {
-		const visibleFileStates = [
-			{ file: file1, selectedAs: FileSelectionState.Partial },
-			{ file: file2, selectedAs: FileSelectionState.Partial }
-		] as FileState[]
-
-		const { mapSelectionMode, assignedMaps } = _getVisibleFilesBySelectionMode(visibleFileStates)
-
-		expect(mapSelectionMode).toEqual(CustomConfigMapSelectionMode.MULTIPLE)
-		expect(assignedMaps).toEqual(
-			new Map([
-				["fileCheckSum1", "file1"],
-				["fileCheckSum2", "file2"]
-			])
-		)
-	})
-
-	it("should return CustomConfig DELTA Mode and collect file checksums and names in a map when files selected as reference and comparison", function () {
-		const visibleFileStates = [
-			{ file: file1, selectedAs: FileSelectionState.Reference },
-			{ file: file2, selectedAs: FileSelectionState.Comparison }
-		] as FileState[]
-
-		const { mapSelectionMode, assignedMaps } = _getVisibleFilesBySelectionMode(visibleFileStates)
-
-		expect(mapSelectionMode).toEqual(CustomConfigMapSelectionMode.DELTA)
-		expect(assignedMaps).toEqual(
-			new Map([
-				["fileCheckSum1", "file1"],
-				["fileCheckSum2", "file2"]
-			])
-		)
-	})
-})

package/app/codeCharta/ui/customConfigs/visibleFilesBySelectionMode.selector.ts

@@ -1,20 +0,0 @@
-import { visibleFileStatesSelector } from "../../state/selectors/visibleFileStates.selector"
-import { CustomConfig, CustomConfigMapSelectionMode, MapNamesByChecksum } from "../../model/customConfig/customConfig.api.model"
-import { FileSelectionState, FileState } from "../../model/files/files"
-import { createSelector } from "@ngrx/store"
-
-export type VisibleFilesBySelectionMode = Pick<CustomConfig, "mapSelectionMode" | "assignedMaps">
-
-export const _getVisibleFilesBySelectionMode = (fileStates: FileState[]): VisibleFilesBySelectionMode => {
-	const assignedMaps: MapNamesByChecksum = new Map()
-	let mapSelectionMode: CustomConfigMapSelectionMode
-	for (const { selectedAs, file } of fileStates) {
-		mapSelectionMode =
-			selectedAs === FileSelectionState.Partial ? CustomConfigMapSelectionMode.MULTIPLE : CustomConfigMapSelectionMode.DELTA
-		assignedMaps.set(file.fileMeta.fileChecksum, file.fileMeta.fileName)
-	}
-
-	return { mapSelectionMode, assignedMaps }
-}
-
-export const visibleFilesBySelectionModeSelector = createSelector(visibleFileStatesSelector, _getVisibleFilesBySelectionMode)

package/app/codeCharta/ui/dialogs/changelogDialog/changelogDialog.component.html

@@ -1,18 +0,0 @@
-<mat-toolbar color="primary">Changelog</mat-toolbar>
-
-<div mat-dialog-content>
-	<h1>What is new in CodeCharta?</h1>
-	<h2>{{ data.previousVersion }} → {{ data.currentVersion }}</h2>
-
-	<div class="content">
-		<div *ngFor="let change of changes | keyvalue">
-			<h2>{{ change.key }}</h2>
-			<ul [innerHTML]="change.value"></ul>
-		</div>
-	</div>
-</div>
-
-<div mat-dialog-actions>
-	<a href="https://maibornwolff.github.io/codecharta/news/" target="_blank" rel="noopener noreferrer">Know more</a>
-	<button mat-button [mat-dialog-close]="true" cdkFocusInitial>CLOSE</button>
-</div>

package/app/codeCharta/ui/dialogs/changelogDialog/changelogDialog.component.scss

@@ -1,36 +0,0 @@
-@use "../../../../material/theme";
-
-.cc-changelog-dialog .mat-mdc-dialog-container {
-	[mat-dialog-content] {
-		padding: 8px 24px 0 24px;
-		margin-top: 10px;
-		color: black;
-
-		img[alt$="xs"] {
-			height: 32px;
-		}
-		img[alt$="s"] {
-			height: 64px;
-		}
-		img[alt$="m"] {
-			height: 256px;
-		}
-		img[alt$="l"] {
-			height: 350px;
-		}
-		img[alt$="xl"] {
-			height: 512px;
-		}
-	}
-	[mat-dialog-actions] {
-		justify-content: flex-end;
-
-		a {
-			color: theme.$cc-primary-color;
-		}
-
-		button {
-			margin: 0 8px;
-		}
-	}
-}

package/app/codeCharta/ui/dialogs/changelogDialog/changelogDialog.component.spec.ts

@@ -1,63 +0,0 @@
-import { TestBed } from "@angular/core/testing"
-import { MAT_DIALOG_DATA } from "@angular/material/dialog"
-import { render, screen } from "@testing-library/angular"
-import { ChangelogDialogComponent } from "./changelogDialog.component"
-import { ChangelogDialogModule } from "./changelogDialog.module"
-
-// note that CHANGELOG.md is mocked globally through jest's moduleNameMapper
-describe("changelogDialogComponent", () => {
-	const mockedMatDialogData = { previousVersion: "", currentVersion: "" }
-	beforeEach(() => {
-		TestBed.configureTestingModule({
-			imports: [ChangelogDialogModule],
-			providers: [
-				{
-					provide: MAT_DIALOG_DATA,
-					useValue: mockedMatDialogData
-				}
-			]
-		})
-	})
-
-	it("should extract the changes from changelog only for the last version", async () => {
-		mockedMatDialogData.previousVersion = "1.76.0"
-		mockedMatDialogData.currentVersion = "1.77.0"
-		await render(ChangelogDialogComponent, { excludeComponentDeclaration: true })
-
-		expect(screen.findByText("1.76.0 → 1.77.0")).toBeTruthy()
-
-		expect(screen.findByText("Chore 👨‍💻 👩‍💻")).toBeTruthy()
-		expect(screen.findByText("#6")).toBeTruthy()
-
-		expect(screen.findByText("Fixed 🐞")).toBeTruthy()
-		expect(screen.findByText("#3")).toBeTruthy()
-		expect(screen.findByText("#4")).toBeTruthy()
-		expect(screen.findByText("#5")).toBeTruthy()
-	})
-
-	it("should extract the changes from changelog for 2 versions", async () => {
-		mockedMatDialogData.previousVersion = "1.75.0"
-		mockedMatDialogData.currentVersion = "1.77.0"
-		await render(ChangelogDialogComponent, { excludeComponentDeclaration: true })
-
-		expect(screen.findByText("1.75.0 → 1.77.0")).toBeTruthy()
-
-		expect(screen.findByText("Chore 👨‍💻 👩‍💻")).toBeTruthy()
-		expect(screen.findByText("#6")).toBeTruthy()
-
-		expect(screen.findByText("Fixed 🐞")).toBeTruthy()
-		expect(screen.findByText("#3")).toBeTruthy()
-		expect(screen.findByText("#4")).toBeTruthy()
-		expect(screen.findByText("#5")).toBeTruthy()
-
-		expect(screen.findByText("Added 🚀")).toBeTruthy()
-		expect(screen.findByText("#7")).toBeTruthy()
-		expect(screen.findByText("#8")).toBeTruthy()
-
-		expect(screen.findByText("Changed")).toBeTruthy()
-		expect(screen.findByText("#9")).toBeTruthy()
-		expect(screen.findByText("#10")).toBeTruthy()
-
-		expect(screen.queryByText("Removed 🗑")).toBeFalsy()
-	})
-})

package/app/codeCharta/ui/dialogs/changelogDialog/changelogDialog.component.ts

@@ -1,63 +0,0 @@
-import markdownFile from "../../../../../../CHANGELOG.md"
-import { Component, Inject, ViewEncapsulation } from "@angular/core"
-import { MAT_DIALOG_DATA } from "@angular/material/dialog"
-import { marked } from "marked"
-
-@Component({
-	templateUrl: "./changelogDialog.component.html",
-	styleUrls: ["./changelogDialog.component.scss"],
-	encapsulation: ViewEncapsulation.None
-})
-export class ChangelogDialogComponent {
-	changes: Record<string, string>
-
-	constructor(@Inject(MAT_DIALOG_DATA) public data: { previousVersion: string; currentVersion: string }) {
-		this.changes = this.getChangelogChanges()
-	}
-
-	private getChangelogChanges() {
-		const parsedMarkdownFile = marked.parse(markdownFile, { headerIds: false })
-		let changelogLines = parsedMarkdownFile.split("\n")
-		const currentVersionFirstLine = this.findVersionLine(changelogLines, this.data.currentVersion)
-		const lastOpenedVersionFirstLine = this.findVersionLine(changelogLines, this.data.previousVersion)
-		//Add 1 to keep the version line so that it detects the end of the last set of changes
-		changelogLines = changelogLines.slice(currentVersionFirstLine, lastOpenedVersionFirstLine + 1)
-		const titles = ["Added 🚀", "Fixed 🐞", "Changed", "Removed 🗑", "Chore 👨‍💻 👩‍💻"]
-		const changes = {}
-		for (const title of titles) {
-			const titlePattern = new RegExp(`<h3>${title}</h3>`)
-			const titleLinesIndexes = this.getAllIndexes(changelogLines, titlePattern)
-			const changelogTypes: string[] = []
-			for (const lineIndex of titleLinesIndexes) {
-				// Add 2 to remove the headline and the <ul> tag
-				const start = lineIndex + 2
-				const end = this.findEndChangesLine(changelogLines, lineIndex)
-				for (const changeLine of changelogLines.slice(start, end)) {
-					changelogTypes.push(`${changeLine}<br>`)
-				}
-			}
-			if (changelogTypes.length > 0) {
-				changes[title] = changelogTypes.join("\n")
-			}
-		}
-		return changes
-	}
-
-	private getAllIndexes(titles: string[], pattern: RegExp) {
-		return titles.reduce((matchingTitleIndexes: number[], title, index) => {
-			if (pattern.test(title)) {
-				matchingTitleIndexes.push(index)
-			}
-			return matchingTitleIndexes
-		}, [])
-	}
-
-	private findVersionLine(lines: string[], version: string): number {
-		const versionPattern = new RegExp(`\\[${version}]`)
-		return lines.findIndex(element => versionPattern.test(element))
-	}
-
-	private findEndChangesLine(lines: string[], startLine: number): number {
-		return startLine + lines.slice(startLine + 1).findIndex(element => /<h3>/.test(element) || /<h2>/.test(element))
-	}
-}

package/app/codeCharta/ui/dialogs/changelogDialog/changelogDialog.e2e.ts

@@ -1,26 +0,0 @@
-import { goto } from "../../../../puppeteer.helper"
-import changelog from "../../../../../../CHANGELOG.md"
-
-function getSecondLatestCodeChartaVersion() {
-	const versionPattern = /\[(\d+\.\d+\.\d+)]/g
-	const versions = changelog.match(versionPattern) || []
-	const secondLatestVersion = versions[1]?.slice(1, -1)
-	return secondLatestVersion
-}
-
-describe("changelogDialog", () => {
-	beforeEach(async () => {
-		const version = getSecondLatestCodeChartaVersion() ?? ""
-		await page.evaluateOnNewDocument(version => {
-			localStorage.setItem("codeChartaVersion", version)
-		}, version)
-		await goto()
-	})
-	it("should show entries between the last und newest release version", async () => {
-		const changelogDialog = await page.waitForSelector(".mat-mdc-dialog-container", { timeout: 6000 })
-		const contentElement = await changelogDialog?.waitForSelector(".content")
-		const changelogContent = await contentElement?.evaluate(element => element.textContent)
-
-		expect(changelogContent?.length).not.toBe(0)
-	})
-})

package/app/codeCharta/ui/dialogs/changelogDialog/changelogDialog.module.ts

@@ -1,10 +0,0 @@
-import { CommonModule } from "@angular/common"
-import { NgModule } from "@angular/core"
-import { MaterialModule } from "../../../../material/material.module"
-import { ChangelogDialogComponent } from "./changelogDialog.component"
-
-@NgModule({
-	imports: [CommonModule, MaterialModule],
-	declarations: [ChangelogDialogComponent]
-})
-export class ChangelogDialogModule {}

package/app/codeCharta/ui/dialogs/confirmationDialog/confirmationDialog.component.html

@@ -1,9 +0,0 @@
-<div class="confirmation-message">
-	<h1 mat-dialog-title>{{ data.title }}</h1>
-	<div mat-dialog-content>{{ data.message }}</div>
-</div>
-
-<div mat-dialog-actions>
-	<button mat-button [mat-dialog-close]="false">CANCEL</button>
-	<button mat-button class="submit-button" cdkFocusInitial [mat-dialog-close]="true">OK</button>
-</div>

package/app/codeCharta/ui/dialogs/confirmationDialog/confirmationDialog.component.scss

@@ -1,17 +0,0 @@
-.cc-confirmation-dialog .mat-mdc-dialog-container {
-	.confirmation-message {
-		padding: 10px;
-	}
-
-	.mat-mdc-dialog-actions {
-		justify-content: flex-end;
-
-		.mat-mdc-button {
-			background-color: rgba(138, 132, 132, 0.08);
-
-			&.submit-button {
-				color: rgb(0, 150, 136);
-			}
-		}
-	}
-}