ide-assi 0.344.0 → 0.345.0

package/dist/bundle.cjs.js

@@ -234948,7 +234948,6 @@ class IdeDiff extends HTMLElement {
 		const diffs = dmp.diff_main(asisSrc, tobeSrc);
 		dmp.diff_cleanupSemantic(diffs);
 
-		// Separate collections for line decorations and mark decorations
 		const asisLineDecos = [];
 		const asisMarkDecos = [];
 		const tobeLineDecos = [];
@@ -234962,48 +234961,59 @@ class IdeDiff extends HTMLElement {
 
 			switch (op) {
 				case diffMatchPatchExports.diff_match_patch.DIFF_INSERT: // Added text
-					// Inline mark decoration for tobe
 					tobeMarkDecos.push({
 						from: tobeCursor,
 						to: tobeCursor + len,
 						deco: Decoration.mark({ class: "cm-inserted-inline" })
 					});
 
-					// Line background decoration for tobe (for each line in the inserted text)
 					let currentTobeLineOffset = tobeCursor;
 					const tobeLines = text.split('\n');
 					for (let i = 0; i < tobeLines.length; i++) {
-						const line = this.#tobeEditorView.state.doc.lineAt(currentTobeLineOffset);
-						tobeLineDecos.push({
-							from: line.from,
-							to: line.to,
-							deco: Decoration.line({ class: "cm-inserted-line-bg" })
-						});
-						currentTobeLineOffset += tobeLines[i].length + 1; // Move to the start of the next line segment
+						// ⭐️ 중요: lineAt() 호출 전에 유효한 문서 범위 내에 있는지 확인
+						if (currentTobeLineOffset < this.#tobeEditorView.state.doc.length) {
+							const line = this.#tobeEditorView.state.doc.lineAt(currentTobeLineOffset);
+							tobeLineDecos.push({
+								from: line.from,
+								to: line.to,
+								deco: Decoration.line({ class: "cm-inserted-line-bg" })
+							});
+						}
+						// 다음 줄의 시작 위치 계산. 마지막 줄이 아니면 +1 (개행문자)
+						currentTobeLineOffset += tobeLines[i].length + (i < tobeLines.length -1 ? 1 : 0);
+						// 만약 마지막 줄이 비어있다면, 더 이상 진행하지 않도록 방지
+						if (i === tobeLines.length - 1 && tobeLines[i].length === 0 && text.endsWith('\n') === false) {
+							// 마지막 줄이 빈 줄이고 텍스트가 개행으로 끝나지 않으면 (오프셋이 더 이상 증가할 필요 없음)
+							break;
+						}
 					}
 
 					tobeCursor += len;
 					break;
 
 				case diffMatchPatchExports.diff_match_patch.DIFF_DELETE: // Deleted text
-					// Inline mark decoration for asis
 					asisMarkDecos.push({
 						from: asisCursor,
 						to: asisCursor + len,
 						deco: Decoration.mark({ class: "cm-deleted-inline" })
 					});
 
-					// Line background decoration for asis (for each line in the deleted text)
 					let currentAsisLineOffset = asisCursor;
 					const asisLines = text.split('\n');
 					for (let i = 0; i < asisLines.length; i++) {
-						const line = this.#asisEditorView.state.doc.lineAt(currentAsisLineOffset);
-						asisLineDecos.push({
-							from: line.from,
-							to: line.to,
-							deco: Decoration.line({ class: "cm-deleted-line-bg" })
-						});
-						currentAsisLineOffset += asisLines[i].length + 1;
+						// ⭐️ 중요: lineAt() 호출 전에 유효한 문서 범위 내에 있는지 확인
+						if (currentAsisLineOffset < this.#asisEditorView.state.doc.length) {
+							const line = this.#asisEditorView.state.doc.lineAt(currentAsisLineOffset);
+							asisLineDecos.push({
+								from: line.from,
+								to: line.to,
+								deco: Decoration.line({ class: "cm-deleted-line-bg" })
+							});
+						}
+						currentAsisLineOffset += asisLines[i].length + (i < asisLines.length -1 ? 1 : 0);
+						if (i === asisLines.length - 1 && asisLines[i].length === 0 && text.endsWith('\n') === false) {
+							break;
+						}
 					}
 
 					asisCursor += len;
@@ -235016,14 +235026,13 @@ class IdeDiff extends HTMLElement {
 			}
 		}
 
-		// Sort all collections by 'from' position
-		// Although separating builders helps, sorting is still a good practice.
+		// Sort all collections by 'from' position (항상 좋은 습관)
 		asisLineDecos.sort((a, b) => a.from - b.from);
 		asisMarkDecos.sort((a, b) => a.from - b.from);
 		tobeLineDecos.sort((a, b) => a.from - b.from);
 		tobeMarkDecos.sort((a, b) => a.from - b.from);
 
-		// Build separate RangeSets for lines and marks for ASIS editor
+		// ASIS 에디터용 줄 및 마크 데코레이션을 위한 별도 RangeSetBuilder 생성
 		const asisLineBuilder = new RangeSetBuilder();
 		for (const { from, to, deco } of asisLineDecos) {
 			asisLineBuilder.add(from, to, deco);
@@ -235033,14 +235042,12 @@ class IdeDiff extends HTMLElement {
 			asisMarkBuilder.add(from, to, deco);
 		}
 
-		// Combine line and mark RangeSets for ASIS editor
-		// The `RangeSet.join()` static method is used to combine multiple RangeSets.
+		// ASIS 에디터용 줄 및 마크 RangeSet 결합
 		const finalAsisDecorations = asisLineBuilder.finish().update({
-			add: asisMarkBuilder.finish().children // Combine children of mark builder's RangeSet
+			add: asisMarkBuilder.finish().children
 		});
 
-
-		// Build separate RangeSets for lines and marks for TOBE editor
+		// TOBE 에디터용 줄 및 마크 데코레이션을 위한 별도 RangeSetBuilder 생성
 		const tobeLineBuilder = new RangeSetBuilder();
 		for (const { from, to, deco } of tobeLineDecos) {
 			tobeLineBuilder.add(from, to, deco);
@@ -235050,13 +235057,12 @@ class IdeDiff extends HTMLElement {
 			tobeMarkBuilder.add(from, to, deco);
 		}
 
-		// Combine line and mark RangeSets for TOBE editor
+		// TOBE 에디터용 줄 및 마크 RangeSet 결합
 		const finalTobeDecorations = tobeLineBuilder.finish().update({
 			add: tobeMarkBuilder.finish().children
 		});
 
-
-		// Dispatch effects to update decorations
+		// 데코레이션 업데이트를 위한 Effect 디스패치
 		this.#asisEditorView.dispatch({
 			effects: setAsisDecorationsEffect.of(finalAsisDecorations)
 		});

package/dist/bundle.esm.js

@@ -234944,7 +234944,6 @@ class IdeDiff extends HTMLElement {
 		const diffs = dmp.diff_main(asisSrc, tobeSrc);
 		dmp.diff_cleanupSemantic(diffs);
 
-		// Separate collections for line decorations and mark decorations
 		const asisLineDecos = [];
 		const asisMarkDecos = [];
 		const tobeLineDecos = [];
@@ -234958,48 +234957,59 @@ class IdeDiff extends HTMLElement {
 
 			switch (op) {
 				case diffMatchPatchExports.diff_match_patch.DIFF_INSERT: // Added text
-					// Inline mark decoration for tobe
 					tobeMarkDecos.push({
 						from: tobeCursor,
 						to: tobeCursor + len,
 						deco: Decoration.mark({ class: "cm-inserted-inline" })
 					});
 
-					// Line background decoration for tobe (for each line in the inserted text)
 					let currentTobeLineOffset = tobeCursor;
 					const tobeLines = text.split('\n');
 					for (let i = 0; i < tobeLines.length; i++) {
-						const line = this.#tobeEditorView.state.doc.lineAt(currentTobeLineOffset);
-						tobeLineDecos.push({
-							from: line.from,
-							to: line.to,
-							deco: Decoration.line({ class: "cm-inserted-line-bg" })
-						});
-						currentTobeLineOffset += tobeLines[i].length + 1; // Move to the start of the next line segment
+						// ⭐️ 중요: lineAt() 호출 전에 유효한 문서 범위 내에 있는지 확인
+						if (currentTobeLineOffset < this.#tobeEditorView.state.doc.length) {
+							const line = this.#tobeEditorView.state.doc.lineAt(currentTobeLineOffset);
+							tobeLineDecos.push({
+								from: line.from,
+								to: line.to,
+								deco: Decoration.line({ class: "cm-inserted-line-bg" })
+							});
+						}
+						// 다음 줄의 시작 위치 계산. 마지막 줄이 아니면 +1 (개행문자)
+						currentTobeLineOffset += tobeLines[i].length + (i < tobeLines.length -1 ? 1 : 0);
+						// 만약 마지막 줄이 비어있다면, 더 이상 진행하지 않도록 방지
+						if (i === tobeLines.length - 1 && tobeLines[i].length === 0 && text.endsWith('\n') === false) {
+							// 마지막 줄이 빈 줄이고 텍스트가 개행으로 끝나지 않으면 (오프셋이 더 이상 증가할 필요 없음)
+							break;
+						}
 					}
 
 					tobeCursor += len;
 					break;
 
 				case diffMatchPatchExports.diff_match_patch.DIFF_DELETE: // Deleted text
-					// Inline mark decoration for asis
 					asisMarkDecos.push({
 						from: asisCursor,
 						to: asisCursor + len,
 						deco: Decoration.mark({ class: "cm-deleted-inline" })
 					});
 
-					// Line background decoration for asis (for each line in the deleted text)
 					let currentAsisLineOffset = asisCursor;
 					const asisLines = text.split('\n');
 					for (let i = 0; i < asisLines.length; i++) {
-						const line = this.#asisEditorView.state.doc.lineAt(currentAsisLineOffset);
-						asisLineDecos.push({
-							from: line.from,
-							to: line.to,
-							deco: Decoration.line({ class: "cm-deleted-line-bg" })
-						});
-						currentAsisLineOffset += asisLines[i].length + 1;
+						// ⭐️ 중요: lineAt() 호출 전에 유효한 문서 범위 내에 있는지 확인
+						if (currentAsisLineOffset < this.#asisEditorView.state.doc.length) {
+							const line = this.#asisEditorView.state.doc.lineAt(currentAsisLineOffset);
+							asisLineDecos.push({
+								from: line.from,
+								to: line.to,
+								deco: Decoration.line({ class: "cm-deleted-line-bg" })
+							});
+						}
+						currentAsisLineOffset += asisLines[i].length + (i < asisLines.length -1 ? 1 : 0);
+						if (i === asisLines.length - 1 && asisLines[i].length === 0 && text.endsWith('\n') === false) {
+							break;
+						}
 					}
 
 					asisCursor += len;
@@ -235012,14 +235022,13 @@ class IdeDiff extends HTMLElement {
 			}
 		}
 
-		// Sort all collections by 'from' position
-		// Although separating builders helps, sorting is still a good practice.
+		// Sort all collections by 'from' position (항상 좋은 습관)
 		asisLineDecos.sort((a, b) => a.from - b.from);
 		asisMarkDecos.sort((a, b) => a.from - b.from);
 		tobeLineDecos.sort((a, b) => a.from - b.from);
 		tobeMarkDecos.sort((a, b) => a.from - b.from);
 
-		// Build separate RangeSets for lines and marks for ASIS editor
+		// ASIS 에디터용 줄 및 마크 데코레이션을 위한 별도 RangeSetBuilder 생성
 		const asisLineBuilder = new RangeSetBuilder();
 		for (const { from, to, deco } of asisLineDecos) {
 			asisLineBuilder.add(from, to, deco);
@@ -235029,14 +235038,12 @@ class IdeDiff extends HTMLElement {
 			asisMarkBuilder.add(from, to, deco);
 		}
 
-		// Combine line and mark RangeSets for ASIS editor
-		// The `RangeSet.join()` static method is used to combine multiple RangeSets.
+		// ASIS 에디터용 줄 및 마크 RangeSet 결합
 		const finalAsisDecorations = asisLineBuilder.finish().update({
-			add: asisMarkBuilder.finish().children // Combine children of mark builder's RangeSet
+			add: asisMarkBuilder.finish().children
 		});
 
-
-		// Build separate RangeSets for lines and marks for TOBE editor
+		// TOBE 에디터용 줄 및 마크 데코레이션을 위한 별도 RangeSetBuilder 생성
 		const tobeLineBuilder = new RangeSetBuilder();
 		for (const { from, to, deco } of tobeLineDecos) {
 			tobeLineBuilder.add(from, to, deco);
@@ -235046,13 +235053,12 @@ class IdeDiff extends HTMLElement {
 			tobeMarkBuilder.add(from, to, deco);
 		}
 
-		// Combine line and mark RangeSets for TOBE editor
+		// TOBE 에디터용 줄 및 마크 RangeSet 결합
 		const finalTobeDecorations = tobeLineBuilder.finish().update({
 			add: tobeMarkBuilder.finish().children
 		});
 
-
-		// Dispatch effects to update decorations
+		// 데코레이션 업데이트를 위한 Effect 디스패치
 		this.#asisEditorView.dispatch({
 			effects: setAsisDecorationsEffect.of(finalAsisDecorations)
 		});

package/dist/components/ideDiff.js

@@ -221,7 +221,6 @@ export class IdeDiff extends HTMLElement {
 		const diffs = dmp.diff_main(asisSrc, tobeSrc);
 		dmp.diff_cleanupSemantic(diffs);
 
-		// Separate collections for line decorations and mark decorations
 		const asisLineDecos = [];
 		const asisMarkDecos = [];
 		const tobeLineDecos = [];
@@ -235,48 +234,59 @@ export class IdeDiff extends HTMLElement {
 
 			switch (op) {
 				case diff_match_patch.DIFF_INSERT: // Added text
-					// Inline mark decoration for tobe
 					tobeMarkDecos.push({
 						from: tobeCursor,
 						to: tobeCursor + len,
 						deco: Decoration.mark({ class: "cm-inserted-inline" })
 					});
 
-					// Line background decoration for tobe (for each line in the inserted text)
 					let currentTobeLineOffset = tobeCursor;
 					const tobeLines = text.split('\n');
 					for (let i = 0; i < tobeLines.length; i++) {
-						const line = this.#tobeEditorView.state.doc.lineAt(currentTobeLineOffset);
-						tobeLineDecos.push({
-							from: line.from,
-							to: line.to,
-							deco: Decoration.line({ class: "cm-inserted-line-bg" })
-						});
-						currentTobeLineOffset += tobeLines[i].length + 1; // Move to the start of the next line segment
+						// ⭐️ 중요: lineAt() 호출 전에 유효한 문서 범위 내에 있는지 확인
+						if (currentTobeLineOffset < this.#tobeEditorView.state.doc.length) {
+							const line = this.#tobeEditorView.state.doc.lineAt(currentTobeLineOffset);
+							tobeLineDecos.push({
+								from: line.from,
+								to: line.to,
+								deco: Decoration.line({ class: "cm-inserted-line-bg" })
+							});
+						}
+						// 다음 줄의 시작 위치 계산. 마지막 줄이 아니면 +1 (개행문자)
+						currentTobeLineOffset += tobeLines[i].length + (i < tobeLines.length -1 ? 1 : 0);
+						// 만약 마지막 줄이 비어있다면, 더 이상 진행하지 않도록 방지
+						if (i === tobeLines.length - 1 && tobeLines[i].length === 0 && text.endsWith('\n') === false) {
+							// 마지막 줄이 빈 줄이고 텍스트가 개행으로 끝나지 않으면 (오프셋이 더 이상 증가할 필요 없음)
+							break;
+						}
 					}
 
 					tobeCursor += len;
 					break;
 
 				case diff_match_patch.DIFF_DELETE: // Deleted text
-					// Inline mark decoration for asis
 					asisMarkDecos.push({
 						from: asisCursor,
 						to: asisCursor + len,
 						deco: Decoration.mark({ class: "cm-deleted-inline" })
 					});
 
-					// Line background decoration for asis (for each line in the deleted text)
 					let currentAsisLineOffset = asisCursor;
 					const asisLines = text.split('\n');
 					for (let i = 0; i < asisLines.length; i++) {
-						const line = this.#asisEditorView.state.doc.lineAt(currentAsisLineOffset);
-						asisLineDecos.push({
-							from: line.from,
-							to: line.to,
-							deco: Decoration.line({ class: "cm-deleted-line-bg" })
-						});
-						currentAsisLineOffset += asisLines[i].length + 1;
+						// ⭐️ 중요: lineAt() 호출 전에 유효한 문서 범위 내에 있는지 확인
+						if (currentAsisLineOffset < this.#asisEditorView.state.doc.length) {
+							const line = this.#asisEditorView.state.doc.lineAt(currentAsisLineOffset);
+							asisLineDecos.push({
+								from: line.from,
+								to: line.to,
+								deco: Decoration.line({ class: "cm-deleted-line-bg" })
+							});
+						}
+						currentAsisLineOffset += asisLines[i].length + (i < asisLines.length -1 ? 1 : 0);
+						if (i === asisLines.length - 1 && asisLines[i].length === 0 && text.endsWith('\n') === false) {
+							break;
+						}
 					}
 
 					asisCursor += len;
@@ -289,14 +299,13 @@ export class IdeDiff extends HTMLElement {
 			}
 		}
 
-		// Sort all collections by 'from' position
-		// Although separating builders helps, sorting is still a good practice.
+		// Sort all collections by 'from' position (항상 좋은 습관)
 		asisLineDecos.sort((a, b) => a.from - b.from);
 		asisMarkDecos.sort((a, b) => a.from - b.from);
 		tobeLineDecos.sort((a, b) => a.from - b.from);
 		tobeMarkDecos.sort((a, b) => a.from - b.from);
 
-		// Build separate RangeSets for lines and marks for ASIS editor
+		// ASIS 에디터용 줄 및 마크 데코레이션을 위한 별도 RangeSetBuilder 생성
 		const asisLineBuilder = new RangeSetBuilder();
 		for (const { from, to, deco } of asisLineDecos) {
 			asisLineBuilder.add(from, to, deco);
@@ -306,14 +315,12 @@ export class IdeDiff extends HTMLElement {
 			asisMarkBuilder.add(from, to, deco);
 		}
 
-		// Combine line and mark RangeSets for ASIS editor
-		// The `RangeSet.join()` static method is used to combine multiple RangeSets.
+		// ASIS 에디터용 줄 및 마크 RangeSet 결합
 		const finalAsisDecorations = asisLineBuilder.finish().update({
-			add: asisMarkBuilder.finish().children // Combine children of mark builder's RangeSet
+			add: asisMarkBuilder.finish().children
 		});
 
-
-		// Build separate RangeSets for lines and marks for TOBE editor
+		// TOBE 에디터용 줄 및 마크 데코레이션을 위한 별도 RangeSetBuilder 생성
 		const tobeLineBuilder = new RangeSetBuilder();
 		for (const { from, to, deco } of tobeLineDecos) {
 			tobeLineBuilder.add(from, to, deco);
@@ -323,13 +330,12 @@ export class IdeDiff extends HTMLElement {
 			tobeMarkBuilder.add(from, to, deco);
 		}
 
-		// Combine line and mark RangeSets for TOBE editor
+		// TOBE 에디터용 줄 및 마크 RangeSet 결합
 		const finalTobeDecorations = tobeLineBuilder.finish().update({
 			add: tobeMarkBuilder.finish().children
 		});
 
-
-		// Dispatch effects to update decorations
+		// 데코레이션 업데이트를 위한 Effect 디스패치
 		this.#asisEditorView.dispatch({
 			effects: setAsisDecorationsEffect.of(finalAsisDecorations)
 		});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ide-assi",
   "type": "module",
-  "version": "0.344.0",
+  "version": "0.345.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {

package/src/components/ideDiff.js

@@ -221,7 +221,6 @@ export class IdeDiff extends HTMLElement {
 		const diffs = dmp.diff_main(asisSrc, tobeSrc);
 		dmp.diff_cleanupSemantic(diffs);
 
-		// Separate collections for line decorations and mark decorations
 		const asisLineDecos = [];
 		const asisMarkDecos = [];
 		const tobeLineDecos = [];
@@ -235,48 +234,59 @@ export class IdeDiff extends HTMLElement {
 
 			switch (op) {
 				case diff_match_patch.DIFF_INSERT: // Added text
-					// Inline mark decoration for tobe
 					tobeMarkDecos.push({
 						from: tobeCursor,
 						to: tobeCursor + len,
 						deco: Decoration.mark({ class: "cm-inserted-inline" })
 					});
 
-					// Line background decoration for tobe (for each line in the inserted text)
 					let currentTobeLineOffset = tobeCursor;
 					const tobeLines = text.split('\n');
 					for (let i = 0; i < tobeLines.length; i++) {
-						const line = this.#tobeEditorView.state.doc.lineAt(currentTobeLineOffset);
-						tobeLineDecos.push({
-							from: line.from,
-							to: line.to,
-							deco: Decoration.line({ class: "cm-inserted-line-bg" })
-						});
-						currentTobeLineOffset += tobeLines[i].length + 1; // Move to the start of the next line segment
+						// ⭐️ 중요: lineAt() 호출 전에 유효한 문서 범위 내에 있는지 확인
+						if (currentTobeLineOffset < this.#tobeEditorView.state.doc.length) {
+							const line = this.#tobeEditorView.state.doc.lineAt(currentTobeLineOffset);
+							tobeLineDecos.push({
+								from: line.from,
+								to: line.to,
+								deco: Decoration.line({ class: "cm-inserted-line-bg" })
+							});
+						}
+						// 다음 줄의 시작 위치 계산. 마지막 줄이 아니면 +1 (개행문자)
+						currentTobeLineOffset += tobeLines[i].length + (i < tobeLines.length -1 ? 1 : 0);
+						// 만약 마지막 줄이 비어있다면, 더 이상 진행하지 않도록 방지
+						if (i === tobeLines.length - 1 && tobeLines[i].length === 0 && text.endsWith('\n') === false) {
+							// 마지막 줄이 빈 줄이고 텍스트가 개행으로 끝나지 않으면 (오프셋이 더 이상 증가할 필요 없음)
+							break;
+						}
 					}
 
 					tobeCursor += len;
 					break;
 
 				case diff_match_patch.DIFF_DELETE: // Deleted text
-					// Inline mark decoration for asis
 					asisMarkDecos.push({
 						from: asisCursor,
 						to: asisCursor + len,
 						deco: Decoration.mark({ class: "cm-deleted-inline" })
 					});
 
-					// Line background decoration for asis (for each line in the deleted text)
 					let currentAsisLineOffset = asisCursor;
 					const asisLines = text.split('\n');
 					for (let i = 0; i < asisLines.length; i++) {
-						const line = this.#asisEditorView.state.doc.lineAt(currentAsisLineOffset);
-						asisLineDecos.push({
-							from: line.from,
-							to: line.to,
-							deco: Decoration.line({ class: "cm-deleted-line-bg" })
-						});
-						currentAsisLineOffset += asisLines[i].length + 1;
+						// ⭐️ 중요: lineAt() 호출 전에 유효한 문서 범위 내에 있는지 확인
+						if (currentAsisLineOffset < this.#asisEditorView.state.doc.length) {
+							const line = this.#asisEditorView.state.doc.lineAt(currentAsisLineOffset);
+							asisLineDecos.push({
+								from: line.from,
+								to: line.to,
+								deco: Decoration.line({ class: "cm-deleted-line-bg" })
+							});
+						}
+						currentAsisLineOffset += asisLines[i].length + (i < asisLines.length -1 ? 1 : 0);
+						if (i === asisLines.length - 1 && asisLines[i].length === 0 && text.endsWith('\n') === false) {
+							break;
+						}
 					}
 
 					asisCursor += len;
@@ -289,14 +299,13 @@ export class IdeDiff extends HTMLElement {
 			}
 		}
 
-		// Sort all collections by 'from' position
-		// Although separating builders helps, sorting is still a good practice.
+		// Sort all collections by 'from' position (항상 좋은 습관)
 		asisLineDecos.sort((a, b) => a.from - b.from);
 		asisMarkDecos.sort((a, b) => a.from - b.from);
 		tobeLineDecos.sort((a, b) => a.from - b.from);
 		tobeMarkDecos.sort((a, b) => a.from - b.from);
 
-		// Build separate RangeSets for lines and marks for ASIS editor
+		// ASIS 에디터용 줄 및 마크 데코레이션을 위한 별도 RangeSetBuilder 생성
 		const asisLineBuilder = new RangeSetBuilder();
 		for (const { from, to, deco } of asisLineDecos) {
 			asisLineBuilder.add(from, to, deco);
@@ -306,14 +315,12 @@ export class IdeDiff extends HTMLElement {
 			asisMarkBuilder.add(from, to, deco);
 		}
 
-		// Combine line and mark RangeSets for ASIS editor
-		// The `RangeSet.join()` static method is used to combine multiple RangeSets.
+		// ASIS 에디터용 줄 및 마크 RangeSet 결합
 		const finalAsisDecorations = asisLineBuilder.finish().update({
-			add: asisMarkBuilder.finish().children // Combine children of mark builder's RangeSet
+			add: asisMarkBuilder.finish().children
 		});
 
-
-		// Build separate RangeSets for lines and marks for TOBE editor
+		// TOBE 에디터용 줄 및 마크 데코레이션을 위한 별도 RangeSetBuilder 생성
 		const tobeLineBuilder = new RangeSetBuilder();
 		for (const { from, to, deco } of tobeLineDecos) {
 			tobeLineBuilder.add(from, to, deco);
@@ -323,13 +330,12 @@ export class IdeDiff extends HTMLElement {
 			tobeMarkBuilder.add(from, to, deco);
 		}
 
-		// Combine line and mark RangeSets for TOBE editor
+		// TOBE 에디터용 줄 및 마크 RangeSet 결합
 		const finalTobeDecorations = tobeLineBuilder.finish().update({
 			add: tobeMarkBuilder.finish().children
 		});
 
-
-		// Dispatch effects to update decorations
+		// 데코레이션 업데이트를 위한 Effect 디스패치
 		this.#asisEditorView.dispatch({
 			effects: setAsisDecorationsEffect.of(finalAsisDecorations)
 		});