codecharta-visualization 1.119.0 → 1.120.0

package/app/codeCharta/state/effects/nodeContextMenu/markFolderRow/markFolderRow.component.spec.ts

@@ -1,55 +0,0 @@
-import { TestBed } from "@angular/core/testing"
-import { fireEvent, render } from "@testing-library/angular"
-import { MarkFolderRowComponent } from "./markFolderRow.component"
-import { MarkFolderRowModule } from "./markFolderRow.module"
-import { MockStore, provideMockStore } from "@ngrx/store/testing"
-import { markFolderItemsSelector } from "./selectors/markFolderItems.selector"
-import { rightClickedCodeMapNodeSelector } from "../rightClickedCodeMapNode.selector"
-import { getLastAction } from "../../../../util/testUtils/store.utils"
-import { markPackages, unmarkPackage } from "../../../store/fileSettings/markedPackages/markedPackages.actions"
-
-describe("markFolderRow component", () => {
-	beforeEach(() => {
-		TestBed.configureTestingModule({
-			imports: [MarkFolderRowModule],
-			providers: [
-				provideMockStore({
-					selectors: [
-						{ selector: markFolderItemsSelector, value: [{ color: "red", isMarked: false }] },
-						{ selector: rightClickedCodeMapNodeSelector, value: { path: "/root" } }
-					]
-				})
-			]
-		})
-	})
-
-	it("should let a user mark and unmark a node", async () => {
-		const { container, detectChanges } = await render(MarkFolderRowComponent, { excludeComponentDeclaration: true })
-		const store = TestBed.inject(MockStore)
-
-		expect(container.querySelectorAll("button").length).toBe(1)
-		expect(container.querySelectorAll("cc-color-picker").length).toBe(1)
-		expect(container.querySelectorAll(".fa-times").length).toBe(0)
-
-		fireEvent.click(getFirstColorButton(container))
-		expect(await getLastAction(store)).toEqual(markPackages({ packages: [{ path: "/root", color: "red" }] }))
-
-		store.overrideSelector(markFolderItemsSelector, [{ color: "red", isMarked: true }])
-		store.refreshState()
-		detectChanges()
-		expect(container.querySelectorAll(".fa-times").length).toBe(1)
-		expect(getFirstColorButton(container).querySelector(".fa-times")).not.toBe(null)
-
-		fireEvent.click(getFirstColorButton(container))
-		expect(await getLastAction(store)).toEqual(unmarkPackage({ path: "/root" }))
-
-		store.overrideSelector(markFolderItemsSelector, [{ color: "red", isMarked: false }])
-		store.refreshState()
-		detectChanges()
-		expect(container.querySelectorAll(".fa-times").length).toBe(0)
-
-		function getFirstColorButton(container: Element) {
-			return container.querySelectorAll("button[title='Colorize folder']")[0]
-		}
-	})
-})

package/app/codeCharta/state/effects/nodeContextMenu/markFolderRow/markFolderRow.component.ts

@@ -1,27 +0,0 @@
-import { Component, ViewEncapsulation } from "@angular/core"
-import { markPackages, unmarkPackage } from "../../../store/fileSettings/markedPackages/markedPackages.actions"
-import { markFolderItemsSelector } from "./selectors/markFolderItems.selector"
-import { CcState } from "../../../../codeCharta.model"
-import { rightClickedCodeMapNodeSelector } from "../rightClickedCodeMapNode.selector"
-import { Store } from "@ngrx/store"
-
-@Component({
-	selector: "cc-mark-folder-row",
-	templateUrl: "./markFolderRow.component.html",
-	styleUrls: ["./markFolderRow.component.scss"],
-	encapsulation: ViewEncapsulation.None
-})
-export class MarkFolderRowComponent {
-	markFolderItems$ = this.store.select(markFolderItemsSelector)
-	codeMapNode$ = this.store.select(rightClickedCodeMapNodeSelector)
-
-	constructor(private store: Store<CcState>) {}
-
-	markFolder(path: string, color: string) {
-		this.store.dispatch(markPackages({ packages: [{ path, color }] }))
-	}
-
-	unmarkFolder(path: string) {
-		this.store.dispatch(unmarkPackage({ path }))
-	}
-}

package/app/codeCharta/state/effects/nodeContextMenu/markFolderRow/markFolderRow.module.ts

@@ -1,11 +0,0 @@
-import { CommonModule } from "@angular/common"
-import { NgModule } from "@angular/core"
-import { ColorPickerModule } from "../../../../ui/colorPicker/colorPicker.module"
-import { MarkFolderRowComponent } from "./markFolderRow.component"
-
-@NgModule({
-	imports: [CommonModule, ColorPickerModule],
-	declarations: [MarkFolderRowComponent],
-	exports: [MarkFolderRowComponent]
-})
-export class MarkFolderRowModule {}

package/app/codeCharta/state/effects/nodeContextMenu/markFolderRow/selectors/markFolderItems.selector.spec.ts

@@ -1,17 +0,0 @@
-import { _getMarkFolderItems } from "./markFolderItems.selector"
-
-describe("markFolderItemsSelector's _getMarkFolderItems", () => {
-	it("should return all colors as unmarked if no node is given", () => {
-		expect(_getMarkFolderItems(null, ["#000000", "#ffffff"], [])).toEqual([
-			{ color: "#000000", isMarked: false },
-			{ color: "#ffffff", isMarked: false }
-		])
-	})
-
-	it("should recognized a marked folder", () => {
-		expect(_getMarkFolderItems({ path: "/root" }, ["#000000", "#ffffff"], [{ color: "#000000", path: "/root" }])).toEqual([
-			{ color: "#000000", isMarked: true },
-			{ color: "#ffffff", isMarked: false }
-		])
-	})
-})

package/app/codeCharta/state/effects/nodeContextMenu/markFolderRow/selectors/markFolderItems.selector.ts

@@ -1,32 +0,0 @@
-import { createSelector } from "@ngrx/store"
-import { MarkedPackage } from "../../../../../codeCharta.model"
-import { mapColorsSelector } from "../../../../store/appSettings/mapColors/mapColors.selector"
-import { markedPackagesSelector } from "../../../../store/fileSettings/markedPackages/markedPackages.selector"
-import { findIndexOfMarkedPackageOrParent } from "../../../../store/fileSettings/markedPackages/util/findIndexOfMarkedPackageOrParent"
-import { rightClickedCodeMapNodeSelector } from "../../rightClickedCodeMapNode.selector"
-
-export type MarkFolderItem = {
-	color: string
-	isMarked: boolean
-}
-
-const markingColorsSelector = createSelector(mapColorsSelector, mapColors => mapColors.markingColors)
-
-export const _getMarkFolderItems = (node: { path?: string } | null, markingColors: string[], markedPackages: MarkedPackage[]) => {
-	if (node === null) {
-		return markingColors.map(color => ({ color, isMarked: false }))
-	}
-
-	const nodeIndexWithinMarkedPackages = findIndexOfMarkedPackageOrParent(markedPackages, node.path)
-	return markingColors.map(color => ({
-		color,
-		isMarked: nodeIndexWithinMarkedPackages !== -1 && color === markedPackages[nodeIndexWithinMarkedPackages].color
-	}))
-}
-
-export const markFolderItemsSelector = createSelector(
-	rightClickedCodeMapNodeSelector,
-	markingColorsSelector,
-	markedPackagesSelector,
-	_getMarkFolderItems
-)

package/app/codeCharta/state/effects/nodeContextMenu/nodeContextMenu.e2e.ts

@@ -1,59 +0,0 @@
-import { goto } from "../../../../puppeteer.helper"
-import { NodeContextMenuPageObject } from "./nodeContextMenu.po"
-import { SearchPanelModeSelectorPageObject } from "../../../ui/searchPanel/searchPanelModeSelector/searchPanelModeSelector.po"
-import { MapTreeViewLevelPageObject } from "../../../ui/searchPanel/mapTreeView/mapTreeView.level.po"
-import { CodeMapPageObject } from "../../../ui/codeMap/codeMap.po"
-
-describe("NodeContextMenu", () => {
-	let contextMenu: NodeContextMenuPageObject
-	let searchPanelModeSelector: SearchPanelModeSelectorPageObject
-	let mapTreeViewLevel: MapTreeViewLevelPageObject
-	let codeMap: CodeMapPageObject
-
-	beforeEach(async () => {
-		contextMenu = new NodeContextMenuPageObject()
-		searchPanelModeSelector = new SearchPanelModeSelectorPageObject()
-		mapTreeViewLevel = new MapTreeViewLevelPageObject()
-		codeMap = new CodeMapPageObject()
-
-		await goto()
-	})
-
-	it("right clicking a folder should open a context menu with color options", async () => {
-		await searchPanelModeSelector.toggleTreeView()
-		await mapTreeViewLevel.openContextMenu("/root")
-
-		const result = await contextMenu.hasColorButtons()
-		expect(await result.isIntersectingViewport()).toBe(true)
-	})
-
-	it("clicking the map should close open node context menu", async () => {
-		await searchPanelModeSelector.toggleTreeView()
-		await mapTreeViewLevel.openContextMenu("/root")
-
-		await contextMenu.isOpened()
-
-		await codeMap.clickMap()
-		await contextMenu.isClosed()
-	})
-
-	it("right clicking the map should close open node context menu already on mousedown", async () => {
-		await searchPanelModeSelector.toggleTreeView()
-		await mapTreeViewLevel.openContextMenu("/root")
-
-		await contextMenu.isOpened()
-
-		await codeMap.rightClickMouseDownOnMap()
-		await contextMenu.isClosed()
-	}, 60_000)
-
-	it("zoom in and out or using mouse wheel on the map should close open node context menu", async () => {
-		await searchPanelModeSelector.toggleTreeView()
-		await mapTreeViewLevel.openContextMenu("/root")
-
-		await contextMenu.isOpened()
-
-		await codeMap.mouseWheelWithinMap()
-		await contextMenu.isClosed()
-	})
-})

package/app/codeCharta/state/effects/nodeContextMenu/nodeContextMenu.po.ts

@@ -1,26 +0,0 @@
-import { clickButtonOnPageElement } from "../../../../puppeteer.helper"
-
-export class NodeContextMenuPageObject {
-	async hasColorButtons() {
-		return page.waitForSelector(".colorButton", {
-			visible: true
-		})
-	}
-
-	async exclude() {
-		await clickButtonOnPageElement("#exclude-button")
-		await page.waitForSelector("#loading-gif-map", { visible: false })
-	}
-
-	async isOpened() {
-		await page.waitForSelector("#codemap-context-menu", { visible: true })
-	}
-
-	async isClosed() {
-		await page.waitForSelector("#codemap-context-menu", { hidden: true })
-	}
-
-	async clickOnExclude() {
-		await clickButtonOnPageElement(`[id='exclude-button']`, { button: "left" })
-	}
-}

package/app/codeCharta/state/effects/nodeContextMenu/nodeContextMenu.service.spec.ts

@@ -1,98 +0,0 @@
-import { ApplicationInitStatus } from "@angular/core"
-import { TestBed } from "@angular/core/testing"
-import { fireEvent } from "@testing-library/angular"
-import { MaterialModule } from "../../../../material/material.module"
-import { NodeContextMenuService } from "./nodeContextMenu.service"
-import { NodeContextMenuCardModule } from "./nodeContextMenuCard/nodeContextMenuCard.module"
-import { Store } from "@ngrx/store"
-
-describe("nodeContextMenuService", () => {
-	let mockedWheelTargetElement
-
-	beforeEach(async () => {
-		mockedWheelTargetElement = { addEventListener: jest.fn(), removeEventListener: jest.fn() }
-		jest.spyOn(document, "getElementById").mockImplementation(() => mockedWheelTargetElement)
-
-		TestBed.configureTestingModule({
-			imports: [MaterialModule, NodeContextMenuCardModule],
-			providers: [NodeContextMenuService, { provide: Store, useValue: { dispatch: jest.fn() } }]
-		})
-		await TestBed.inject(ApplicationInitStatus).donePromise
-	})
-
-	it("should close on document click", () => {
-		const nodeContextMenu = TestBed.inject(NodeContextMenuService)
-		const closeSpy = jest.spyOn(nodeContextMenu, "close")
-		nodeContextMenu.open(10, 10)
-
-		document.dispatchEvent(new MouseEvent("click"))
-
-		expect(closeSpy).toHaveBeenCalled()
-	})
-
-	it("should not close when clicking within (its) color picker", () => {
-		const nodeContextMenu = TestBed.inject(NodeContextMenuService)
-		const closeSpy = jest.spyOn(nodeContextMenu, "close")
-		nodeContextMenu.open(10, 10)
-
-		const mockedMouseEvent = { composedPath: () => [{ nodeName: "COLOR-CHROME" }] } as unknown as MouseEvent
-		nodeContextMenu["onLeftClickHideNodeContextMenu"](mockedMouseEvent)
-
-		expect(closeSpy).not.toHaveBeenCalled()
-	})
-
-	it("should not close when opening its color picker", () => {
-		const nodeContextMenu = TestBed.inject(NodeContextMenuService)
-		const closeSpy = jest.spyOn(nodeContextMenu, "close")
-		nodeContextMenu.open(10, 10)
-
-		const mockedMouseEvent = { composedPath: () => [{ nodeName: "CC-COLOR-PICKER" }] } as unknown as MouseEvent
-		nodeContextMenu["onLeftClickHideNodeContextMenu"](mockedMouseEvent)
-
-		expect(closeSpy).not.toHaveBeenCalled()
-	})
-
-	it("should remove all listeners when closing", () => {
-		const documentRemoveEventListenerSpy = jest.spyOn(document, "removeEventListener")
-		const nodeContextMenu = TestBed.inject(NodeContextMenuService)
-
-		nodeContextMenu.close()
-
-		expect(documentRemoveEventListenerSpy).toHaveBeenCalledWith("click", nodeContextMenu["onLeftClickHideNodeContextMenu"], true)
-		expect(documentRemoveEventListenerSpy).toHaveBeenCalledWith("mousedown", nodeContextMenu["onRightClickHideNodeContextMenu"], true)
-		expect(mockedWheelTargetElement.removeEventListener).toHaveBeenCalledWith("wheel", nodeContextMenu.close, true)
-	})
-
-	it("should prevent default browser context menu to open", () => {
-		const nodeContextMenu = TestBed.inject(NodeContextMenuService)
-		nodeContextMenu.open(10, 10)
-		let wasDefaultContextMenuPrevented
-		document.addEventListener("contextmenu", event => {
-			wasDefaultContextMenuPrevented = event.defaultPrevented
-		})
-		fireEvent.contextMenu(nodeContextMenu["overlayReference"].overlayElement)
-		expect(wasDefaultContextMenuPrevented).toBe(true)
-	})
-
-	it("should not dispose with only one opened panel", () => {
-		const nodeContextMenu = TestBed.inject(NodeContextMenuService)
-		const resetSpy = jest.spyOn(nodeContextMenu, "resetOverlay")
-
-		nodeContextMenu.open(10, 10)
-
-		expect(resetSpy).not.toHaveBeenCalled()
-	})
-
-	it("should not open multiple times when open is clicked twice, disposing previous reference", () => {
-		const nodeContextMenu = TestBed.inject(NodeContextMenuService)
-		nodeContextMenu.open(10, 10)
-
-		expect(nodeContextMenu["overlayReference"]).not.toBe(null)
-
-		const resetSpy = jest.spyOn(nodeContextMenu, "resetOverlay")
-
-		nodeContextMenu.open(10, 11)
-
-		expect(resetSpy).toHaveBeenCalled()
-	})
-})

package/app/codeCharta/state/effects/nodeContextMenu/nodeContextMenu.service.ts

@@ -1,84 +0,0 @@
-import { Overlay, OverlayRef } from "@angular/cdk/overlay"
-import { ComponentPortal } from "@angular/cdk/portal"
-import { Injectable } from "@angular/core"
-import { Store } from "@ngrx/store"
-import { setRightClickedNodeData } from "../../store/appStatus/rightClickedNodeData/rightClickedNodeData.actions"
-import { NodeContextMenuCardComponent } from "./nodeContextMenuCard/nodeContextMenuCard.component"
-
-@Injectable({ providedIn: "root" })
-export class NodeContextMenuService {
-	private overlayReference: OverlayRef | null = null
-
-	constructor(private overlay: Overlay, private store: Store) {}
-
-	open(x: number, y: number) {
-		if (this.overlayReference) {
-			this.resetOverlay()
-		}
-
-		const positionStrategy = this.overlay
-			.position()
-			.flexibleConnectedTo({ x, y })
-			.withPositions([
-				{
-					originX: "end",
-					originY: "bottom",
-					overlayX: "start",
-					overlayY: "top"
-				}
-			])
-
-		this.overlayReference = this.overlay.create({
-			positionStrategy,
-			scrollStrategy: this.overlay.scrollStrategies.close()
-		})
-
-		this.overlayReference.attach(new ComponentPortal(NodeContextMenuCardComponent))
-
-		this.overlayReference.overlayElement.addEventListener("contextmenu", event => {
-			event.preventDefault()
-		})
-
-		document.addEventListener("click", this.onLeftClickHideNodeContextMenu, false)
-		document.addEventListener("mousedown", this.onRightClickHideNodeContextMenu, true)
-		document.getElementById("codeMap").addEventListener("wheel", this.close, true)
-	}
-
-	close = () => {
-		document.removeEventListener("click", this.onLeftClickHideNodeContextMenu, true)
-		document.removeEventListener("mousedown", this.onRightClickHideNodeContextMenu, true)
-		document.getElementById("codeMap").removeEventListener("wheel", this.close, true)
-
-		this.store.dispatch(setRightClickedNodeData(null))
-
-		if (this.overlayReference) {
-			this.resetOverlay()
-		}
-	}
-
-	private onLeftClickHideNodeContextMenu = (mouseEvent: MouseEvent) => {
-		if (this.isEventFromColorPicker(mouseEvent)) {
-			return
-		}
-
-		this.close()
-	}
-
-	private onRightClickHideNodeContextMenu = event => {
-		if (event.button !== 2) {
-			return
-		}
-		// Close on right click down, to close before the map gets potential moved by right clicked
-		this.close()
-	}
-
-	resetOverlay() {
-		this.overlayReference.dispose()
-		this.overlayReference = null
-	}
-
-	private isEventFromColorPicker(mouseEvent: MouseEvent) {
-		const elements = mouseEvent.composedPath() as Node[]
-		return elements.some(element => element?.nodeName === "CC-COLOR-PICKER" || element?.nodeName === "COLOR-CHROME")
-	}
-}

package/app/codeCharta/state/effects/nodeContextMenu/nodeContextMenuCard/lastPartOfNodePath.pipe.spec.ts

@@ -1,11 +0,0 @@
-import { LastPartOfNodePathPipe } from "./lastPartOfNodePath.pipe"
-
-describe("lastPartOfNodePathPipe", () => {
-	it("should shorten children with '...'-prefix", () => {
-		expect(new LastPartOfNodePathPipe().transform("/root/child.ts")).toBe(".../child.ts")
-	})
-
-	it("should not shorten a top level entry", () => {
-		expect(new LastPartOfNodePathPipe().transform("/root")).toBe("/root")
-	})
-})

package/app/codeCharta/state/effects/nodeContextMenu/nodeContextMenuCard/lastPartOfNodePath.pipe.ts

@@ -1,8 +0,0 @@
-import { Pipe, PipeTransform } from "@angular/core"
-
-@Pipe({ name: "lastPartOfNodePath" })
-export class LastPartOfNodePathPipe implements PipeTransform {
-	transform(path: string) {
-		return `${path.lastIndexOf("/") === 0 ? "" : "..."}${path.slice(path.lastIndexOf("/"))}`
-	}
-}

package/app/codeCharta/state/effects/nodeContextMenu/nodeContextMenuCard/nodeContextMenuCard.component.html

@@ -1,17 +0,0 @@
-<mat-card appearance="outlined" id="codemap-context-menu" *ngIf="codeMapNode$ | async; let codeMapNode">
-	<div *ngIf="codeMapNode?.children?.length > 0">
-		<cc-mark-folder-row></cc-mark-folder-row>
-		<mat-divider></mat-divider>
-	</div>
-
-	<div class="button-group">
-		<button mat-button disabled="true" title="{{ codeMapNode.path }}">
-			{{ codeMapNode.path | lastPartOfNodePath }}
-		</button>
-
-		<cc-focus-buttons [codeMapNode]="codeMapNode"></cc-focus-buttons>
-		<cc-flatten-buttons [codeMapNode]="codeMapNode"></cc-flatten-buttons>
-		<cc-highlight-buttons [codeMapNode]="codeMapNode"></cc-highlight-buttons>
-		<cc-exclude-button [codeMapNode]="codeMapNode"></cc-exclude-button>
-	</div>
-</mat-card>

package/app/codeCharta/state/effects/nodeContextMenu/nodeContextMenuCard/nodeContextMenuCard.component.scss

@@ -1,33 +0,0 @@
-#codemap-context-menu {
-	padding: 12px;
-
-	.button-group {
-		display: flex;
-		flex-direction: column;
-		gap: 6px;
-		width: 100%;
-	}
-
-	.png-icon {
-		width: 17px;
-		height: 17px;
-		margin: 5px auto auto;
-		padding: 0;
-		display: inline-block;
-		background-repeat: no-repeat no-repeat;
-		pointer-events: none;
-	}
-
-	[mat-button] {
-		width: 100%;
-		text-align: left;
-		margin: 0;
-		justify-content: left;
-		line-height: 30px;
-		min-height: 30px;
-
-		i {
-			min-width: 15px;
-		}
-	}
-}

package/app/codeCharta/state/effects/nodeContextMenu/nodeContextMenuCard/nodeContextMenuCard.component.spec.ts

@@ -1,50 +0,0 @@
-import { TestBed } from "@angular/core/testing"
-import { render, screen } from "@testing-library/angular"
-import { IdToBuildingService } from "../../../../services/idToBuilding/idToBuilding.service"
-import { ThreeSceneService } from "../../../../ui/codeMap/threeViewer/threeSceneService"
-import { VALID_FILE_NODE_WITH_ID, VALID_NODE_WITH_PATH } from "../../../../util/dataMocks"
-import { NodeContextMenuCardComponent } from "./nodeContextMenuCard.component"
-import { NodeContextMenuCardModule } from "./nodeContextMenuCard.module"
-import { provideMockStore } from "@ngrx/store/testing"
-import { rightClickedCodeMapNodeSelector } from "../rightClickedCodeMapNode.selector"
-
-describe("NodeContextMenuCardComponent", () => {
-	beforeEach(() => {
-		TestBed.configureTestingModule({
-			imports: [NodeContextMenuCardModule],
-			providers: [
-				{
-					provide: ThreeSceneService,
-					useValue: {
-						addNodeAndChildrenToConstantHighlight: jest.fn(),
-						removeNodeAndChildrenFromConstantHighlight: jest.fn(),
-						getConstantHighlight: jest.fn()
-					}
-				},
-				IdToBuildingService
-			]
-		})
-	})
-
-	it("should display all information", async () => {
-		const { container } = await render(NodeContextMenuCardComponent, {
-			excludeComponentDeclaration: true,
-			providers: provideMockStore({ selectors: [{ selector: rightClickedCodeMapNodeSelector, value: VALID_NODE_WITH_PATH }] })
-		})
-
-		expect(screen.getByText("/root")).not.toBe(null)
-		expect(screen.getByText("FOCUS")).not.toBe(null)
-		expect(screen.getByText("FLATTEN")).not.toBe(null)
-		expect(screen.getByText("KEEP HIGHLIGHT")).not.toBe(null)
-		expect(screen.getByText("EXCLUDE")).not.toBe(null)
-		expect(container.querySelector("cc-mark-folder-row")).not.toBe(null)
-	})
-
-	it("should not display mark folder option if node is a leaf", async () => {
-		const { container } = await render(NodeContextMenuCardComponent, {
-			excludeComponentDeclaration: true,
-			providers: provideMockStore({ selectors: [{ selector: rightClickedCodeMapNodeSelector, value: VALID_FILE_NODE_WITH_ID }] })
-		})
-		expect(container.querySelector("cc-mark-folder-row")).toBe(null)
-	})
-})

package/app/codeCharta/state/effects/nodeContextMenu/nodeContextMenuCard/nodeContextMenuCard.component.ts

@@ -1,20 +0,0 @@
-import { Component, OnInit, ViewEncapsulation } from "@angular/core"
-import { rightClickedCodeMapNodeSelector } from "../rightClickedCodeMapNode.selector"
-import { Observable } from "rxjs"
-import { CodeMapNode, CcState } from "../../../../codeCharta.model"
-import { Store } from "@ngrx/store"
-
-@Component({
-	templateUrl: "./nodeContextMenuCard.component.html",
-	styleUrls: ["./nodeContextMenuCard.component.scss"],
-	encapsulation: ViewEncapsulation.None
-})
-export class NodeContextMenuCardComponent implements OnInit {
-	codeMapNode$: Observable<CodeMapNode>
-
-	constructor(private store: Store<CcState>) {}
-
-	ngOnInit(): void {
-		this.codeMapNode$ = this.store.select(rightClickedCodeMapNodeSelector)
-	}
-}

package/app/codeCharta/state/effects/nodeContextMenu/nodeContextMenuCard/nodeContextMenuCard.module.ts

@@ -1,17 +0,0 @@
-import { CommonModule } from "@angular/common"
-import { NgModule } from "@angular/core"
-import { MaterialModule } from "../../../../../material/material.module"
-import { ExcludeButtonComponent } from "../excludeButton/excludeButton.component"
-import { FlattenButtonsModule } from "../flattenButtons/flattenButtons.module"
-import { FocusButtonsModule } from "../focusButtons/focusButtons.module"
-import { HighlightButtonsModule } from "../highlightButtons/highlightButtons.module"
-import { MarkFolderRowModule } from "../markFolderRow/markFolderRow.module"
-import { LastPartOfNodePathPipe } from "./lastPartOfNodePath.pipe"
-import { NodeContextMenuCardComponent } from "./nodeContextMenuCard.component"
-
-@NgModule({
-	imports: [CommonModule, MaterialModule, FlattenButtonsModule, FocusButtonsModule, HighlightButtonsModule, MarkFolderRowModule],
-	declarations: [NodeContextMenuCardComponent, LastPartOfNodePathPipe, ExcludeButtonComponent],
-	exports: [NodeContextMenuCardComponent]
-})
-export class NodeContextMenuCardModule {}

package/app/codeCharta/state/effects/nodeContextMenu/openNodeContextMenu.effect.spec.ts

@@ -1,44 +0,0 @@
-import { ApplicationInitStatus } from "@angular/core"
-import { TestBed } from "@angular/core/testing"
-import { Subject } from "rxjs"
-import { setRightClickedNodeData } from "../../store/appStatus/rightClickedNodeData/rightClickedNodeData.actions"
-import { NodeContextMenuService } from "./nodeContextMenu.service"
-import { OpenNodeContextMenuEffect } from "./openNodeContextMenu.effect"
-import { Action } from "@ngrx/store"
-import { EffectsModule } from "@ngrx/effects"
-import { provideMockActions } from "@ngrx/effects/testing"
-import { provideMockStore } from "@ngrx/store/testing"
-
-describe("OpenNodeContextMenuEffect", () => {
-	let openSpy
-	let actions$: Subject<Action>
-
-	beforeEach(async () => {
-		openSpy = jest.fn()
-		actions$ = new Subject<Action>()
-		TestBed.configureTestingModule({
-			imports: [EffectsModule.forRoot([OpenNodeContextMenuEffect])],
-			providers: [
-				{ provide: NodeContextMenuService, useValue: { open: openSpy } },
-				provideMockStore(),
-				provideMockActions(() => actions$)
-			]
-		})
-		await TestBed.inject(ApplicationInitStatus).donePromise
-	})
-
-	afterEach(() => {
-		actions$.complete()
-	})
-
-	it("should ignore empty rightClickedNodeData", () => {
-		actions$.next(setRightClickedNodeData(null))
-		expect(openSpy).not.toHaveBeenCalled()
-	})
-
-	it("should open node context menu", () => {
-		actions$.next(setRightClickedNodeData({ value: { nodeId: 1, xPositionOfRightClickEvent: 2, yPositionOfRightClickEvent: 3 } }))
-		expect(openSpy).toHaveBeenCalledTimes(1)
-		expect(openSpy).toHaveBeenCalledWith(2, 3)
-	})
-})

package/app/codeCharta/state/effects/nodeContextMenu/openNodeContextMenu.effect.ts

@@ -1,23 +0,0 @@
-import { Injectable } from "@angular/core"
-import { createEffect, ofType, Actions } from "@ngrx/effects"
-import { NodeContextMenuService } from "./nodeContextMenu.service"
-import { setRightClickedNodeData } from "../../store/appStatus/rightClickedNodeData/rightClickedNodeData.actions"
-import { tap } from "rxjs"
-
-@Injectable()
-export class OpenNodeContextMenuEffect {
-	constructor(private actions$: Actions, private nodeContextMenu: NodeContextMenuService) {}
-
-	openNodeContextMenu$ = createEffect(
-		() =>
-			this.actions$.pipe(
-				ofType(setRightClickedNodeData),
-				tap(action => {
-					if (action.value) {
-						this.nodeContextMenu.open(action.value.xPositionOfRightClickEvent, action.value.yPositionOfRightClickEvent)
-					}
-				})
-			),
-		{ dispatch: false }
-	)
-}

package/app/codeCharta/state/effects/nodeContextMenu/rightClickedCodeMapNode.selector.ts

@@ -1,9 +0,0 @@
-import { createSelector } from "@ngrx/store"
-import { idToNodeSelector } from "../../selectors/accumulatedData/idToNode.selector"
-import { rightClickedNodeDataSelector } from "../../store/appStatus/rightClickedNodeData/rightClickedNodeData.selector"
-
-export const rightClickedCodeMapNodeSelector = createSelector(
-	rightClickedNodeDataSelector,
-	idToNodeSelector,
-	(rightClickedNodeData, idToNode) => (rightClickedNodeData ? idToNode.get(rightClickedNodeData.nodeId) : null)
-)