fix: invert added/removed block

Author: BearToCode

packages/core/src/lib/components/blocks/AddedBlock.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
 	import type { Line } from '$lib/internal/blocks';
-	import type { AddedBlock } from '$lib/internal/blocks/added';
+	import type { RemovedBlock } from '$lib/internal/blocks/removed';
 	import type { BlockComponent } from '$lib/internal/editor/component';
 
-	export let block: AddedBlock;
+	export let block: RemovedBlock;
 	export let component: BlockComponent;
 	export let lines: Line[];
 </script>

packages/core/src/lib/internal/blocks/added.ts

@@ -1,10 +1,11 @@
 import { type Line, LinkedComponentsBlock } from '.';
-import type { Side } from '../editor/side';
+import { type Side, OneWaySide, TwoWaySide } from '../editor/side';
 import type { MaybeArray } from '../utils';
 import { BlockComponent } from '../editor/component';
 import AddedBlockComponent from '$lib/components/blocks/AddedBlock.svelte';
 import AddedBlockPlaceholderComponent from '$lib/components/blocks/AddedBlockPlaceholder.svelte';
 import MergeChange from '$lib/components/actions/MergeChange.svelte';
+import DeleteChange from '$lib/components/actions/DeleteChange.svelte';
 
 export type AddedSideData<SideType extends Side> = {
 	side: SideType;
@@ -18,7 +19,6 @@ export class AddedBlock<SideType extends Side = Side> extends LinkedComponentsBl
 
 	public readonly sidesData: MaybeArray<AddedSideData<SideType>>;
 	public readonly placeholderSide: MaybeArray<Side>;
-	public readonly unchangedSide?: Side;
 
 	constructor(params: {
 		sidesData: MaybeArray<AddedSideData<SideType>>;
@@ -40,14 +40,22 @@ export class AddedBlock<SideType extends Side = Side> extends LinkedComponentsBl
 					new BlockComponent({
 						component: AddedBlockComponent,
 						blockId: this.id,
+						sideAction:
+							side instanceof OneWaySide
+								? {
+										component: MergeChange,
+										props: {}
+									}
+								: side instanceof TwoWaySide && side.eq(TwoWaySide.ctr)
+									? {
+											component: DeleteChange,
+											props: {}
+										}
+									: undefined,
 						props: { block: this, lines },
 						linesCount: this.linesCount(side),
 						side,
-						type: this.type,
-						sideAction: {
-							component: MergeChange,
-							props: {}
-						}
+						type: this.type
 					})
 			),
 			...[this.placeholderSide].flat().map(
@@ -56,8 +64,8 @@ export class AddedBlock<SideType extends Side = Side> extends LinkedComponentsBl
 						component: AddedBlockPlaceholderComponent,
 						blockId: this.id,
 						props: { block: this },
-						side,
 						linesCount: 0,
+						side,
 						placeholder: true,
 						type: this.placeholderType
 					})

packages/core/src/lib/internal/blocks/removed.ts

@@ -1,11 +1,10 @@
 import { type Line, LinkedComponentsBlock } from '.';
-import { type Side, OneWaySide, TwoWaySide } from '../editor/side';
+import type { Side } from '../editor/side';
 import type { MaybeArray } from '../utils';
 import { BlockComponent } from '../editor/component';
 import RemovedBlockComponent from '$lib/components/blocks/RemovedBlock.svelte';
 import RemovedBlockPlaceholderComponent from '$lib/components/blocks/RemovedBlockPlaceholder.svelte';
 import MergeChange from '$lib/components/actions/MergeChange.svelte';
-import DeleteChange from '$lib/components/actions/DeleteChange.svelte';
 
 export type RemovedSideData<SideType extends Side> = {
 	side: SideType;
@@ -19,6 +18,7 @@ export class RemovedBlock<SideType extends Side = Side> extends LinkedComponents
 
 	public readonly sidesData: MaybeArray<RemovedSideData<SideType>>;
 	public readonly placeholderSide: MaybeArray<Side>;
+	public readonly unchangedSide?: Side;
 
 	constructor(params: {
 		sidesData: MaybeArray<RemovedSideData<SideType>>;
@@ -40,22 +40,14 @@ export class RemovedBlock<SideType extends Side = Side> extends LinkedComponents
 					new BlockComponent({
 						component: RemovedBlockComponent,
 						blockId: this.id,
-						sideAction:
-							side instanceof OneWaySide
-								? {
-										component: MergeChange,
-										props: {}
-									}
-								: side instanceof TwoWaySide && side.eq(TwoWaySide.ctr)
-									? {
-											component: DeleteChange,
-											props: {}
-										}
-									: undefined,
 						props: { block: this, lines },
 						linesCount: this.linesCount(side),
 						side,
-						type: this.type
+						type: this.type,
+						sideAction: {
+							component: MergeChange,
+							props: {}
+						}
 					})
 			),
 			...[this.placeholderSide].flat().map(
@@ -64,8 +56,8 @@ export class RemovedBlock<SideType extends Side = Side> extends LinkedComponents
 						component: RemovedBlockPlaceholderComponent,
 						blockId: this.id,
 						props: { block: this },
-						linesCount: 0,
 						side,
+						linesCount: 0,
 						placeholder: true,
 						type: this.placeholderType
 					})

packages/core/src/lib/internal/diff/one-way-assembler.ts

@@ -1,6 +1,6 @@
 import type { DiffBlock } from '../blocks';
-import { AddedBlock } from '../blocks/added';
 import { RemovedBlock } from '../blocks/removed';
+import { AddedBlock } from '../blocks/added';
 import { UnchangedBlock } from '../blocks/unchanged';
 import { type OneWayChange, oneWayDiff } from './base';
 import { diff2Sides, equalIgnoringWhitespace, type LineDiffAlgorithm } from './line-diff';
@@ -105,15 +105,15 @@ class OneWayAssembler {
 	private assembleChangeBlock(change: OneWayChange, side: OneWaySide) {
 		let block: DiffBlock<OneWaySide>;
 		if (this.addSide.eq(side)) {
-			block = this.hashTable.new(AddedBlock, {
+			block = this.hashTable.new(RemovedBlock, {
 				sidesData: {
 					lines: this.intoLines(change.content),
 					side
 				},
 				placeholderSide: side.opposite()
 			});
 		} else {
-			block = this.hashTable.new(RemovedBlock, {
+			block = this.hashTable.new(AddedBlock, {
 				sidesData: {
 					lines: this.intoLines(change.content),
 					side

packages/core/src/lib/internal/diff/two-way-assembler.ts

@@ -1,8 +1,8 @@
 import type { DiffBlock } from '../blocks';
-import { AddedBlock, type AddedSideData } from '../blocks/added';
+import { RemovedBlock, type RemovedSideData } from '../blocks/removed';
 import { MergeConflictBlock } from '../blocks/merge-conflict';
 import { ModifiedBlock } from '../blocks/modified';
-import { RemovedBlock, type RemovedSideData } from '../blocks/removed';
+import { AddedBlock, type AddedSideData } from '../blocks/added';
 import { UnchangedBlock } from '../blocks/unchanged';
 import { twoWayDiff, type TwoWayChange } from './base';
 import { diff2Sides, equalIgnoringWhitespace, type LineDiffAlgorithm } from './line-diff';
@@ -87,7 +87,7 @@ class TwoWayAssembler {
 	private assembleAddedBlock(change: TwoWayChange) {
 		const side = change.lhs ? TwoWaySide.lhs : change.ctr ? TwoWaySide.ctr : TwoWaySide.rhs;
 
-		const block = this.hashTable.new(AddedBlock, {
+		const block = this.hashTable.new(RemovedBlock, {
 			sidesData: {
 				lines: this.intoLines(change.content),
 				side
@@ -123,7 +123,7 @@ class TwoWayAssembler {
 				side: TwoWaySide.rhs
 			});
 
-		const block = this.hashTable.new(RemovedBlock, {
+		const block = this.hashTable.new(AddedBlock, {
 			sidesData,
 			placeholderSide: side.adjacentSides().filter((side) => {
 				if (side.eq(TwoWaySide.lhs)) return !change.lhs;
@@ -170,9 +170,9 @@ class TwoWayAssembler {
 
 	private generateMergeConflictBlocks() {
 		const blocks: DiffBlock<TwoWaySide>[] = [];
-		let conflictBlocks: (AddedBlock<TwoWaySide> | RemovedBlock<TwoWaySide>)[] = [];
+		let conflictBlocks: (RemovedBlock<TwoWaySide> | AddedBlock<TwoWaySide>)[] = [];
 		for (const [index, block] of this.blocks.entries()) {
-			if (block instanceof AddedBlock || block instanceof RemovedBlock) {
+			if (block instanceof RemovedBlock || block instanceof AddedBlock) {
 				conflictBlocks.push(block);
 			}
 
@@ -182,7 +182,7 @@ class TwoWayAssembler {
 					blocks.push(conflictBlocks[0]);
 					conflictBlocks = [];
 				} else if (conflictBlocks.length > 1) {
-					const sidesData: (AddedSideData<TwoWaySide> | RemovedSideData<TwoWaySide>)[] = [];
+					const sidesData: (RemovedSideData<TwoWaySide> | AddedSideData<TwoWaySide>)[] = [];
 					const lhs = TwoWaySide.lhs;
 					const ctr = TwoWaySide.ctr;
 					const rhs = TwoWaySide.rhs;

packages/core/src/tests/blocks.test.ts

@@ -2,10 +2,10 @@ import { assembleOneWay } from '$lib/internal/diff/one-way-assembler';
 import { expect, test } from 'vitest';
 import dedent from 'dedent';
 import { assembleTwoWay } from '$lib/internal/diff/two-way-assembler';
-import { AddedBlock } from '$lib/internal/blocks/added';
-import { RemovedBlock } from '$lib/internal/blocks/removed';
 import { UnchangedBlock } from '$lib/internal/blocks/unchanged';
 import { ModifiedBlock } from '$lib/internal/blocks/modified';
+import { RemovedBlock } from '$lib/internal/blocks/removed';
+import { AddedBlock } from '$lib/internal/blocks/added';
 
 test('assemble-one-way unchanged', () => {
 	const blocks = assembleOneWay(
@@ -32,7 +32,7 @@ test('assemble-one-way added', () => {
 	);
 
 	expect(blocks).toHaveLength(2);
-	expect(blocks.at(1)).toBeInstanceOf(AddedBlock);
+	expect(blocks.at(1)).toBeInstanceOf(RemovedBlock);
 });
 
 test('assemble-one-way removed', () => {
@@ -47,7 +47,7 @@ test('assemble-one-way removed', () => {
 	);
 
 	expect(blocks).toHaveLength(2);
-	expect(blocks.at(1)).toBeInstanceOf(RemovedBlock);
+	expect(blocks.at(1)).toBeInstanceOf(AddedBlock);
 });
 
 test('assemble-one-way added and removed', () => {
@@ -63,9 +63,9 @@ test('assemble-one-way added and removed', () => {
 	);
 
 	expect(blocks).toHaveLength(3);
-	expect(blocks.at(0)).toBeInstanceOf(AddedBlock);
+	expect(blocks.at(0)).toBeInstanceOf(RemovedBlock);
 	expect(blocks.at(1)).toBeInstanceOf(UnchangedBlock);
-	expect(blocks.at(2)).toBeInstanceOf(RemovedBlock);
+	expect(blocks.at(2)).toBeInstanceOf(AddedBlock);
 });
 
 test('assemble-one-way modified', () => {
@@ -114,7 +114,7 @@ test('assemble-two-way removed', () => {
 	);
 
 	expect(blocks).toHaveLength(2);
-	expect(blocks.at(1)).toBeInstanceOf(RemovedBlock);
+	expect(blocks.at(1)).toBeInstanceOf(AddedBlock);
 });
 
 test('assemble-two-way added lhs', () => {
@@ -132,7 +132,7 @@ test('assemble-two-way added lhs', () => {
 	);
 
 	expect(blocks).toHaveLength(2);
-	expect(blocks.at(1)).toBeInstanceOf(AddedBlock);
+	expect(blocks.at(1)).toBeInstanceOf(RemovedBlock);
 });
 
 test('assemble-two-way added rhs', () => {
@@ -150,5 +150,5 @@ test('assemble-two-way added rhs', () => {
 	);
 
 	expect(blocks).toHaveLength(2);
-	expect(blocks.at(1)).toBeInstanceOf(AddedBlock);
+	expect(blocks.at(1)).toBeInstanceOf(RemovedBlock);
 });