ide-assi 0.415.0 → 0.417.0

package/dist/bundle.cjs.js

@@ -235048,42 +235048,68 @@ class IdeDiff extends HTMLElement {
 
 	#applyDiffDecorations = (asisSrc, tobeSrc) => {
 		const dmp = new diffMatchPatchExports.diff_match_patch();
-		const diffs = dmp.diff_main(asisSrc, tobeSrc);
+
+		// dmp의 기본 cleanupThreshold를 줄여서 더 세밀한 차이를 감지하도록 시도
+		// 기본값은 0.5인데, 0으로 하면 더 많은 변화를 감지할 수 있습니다.
+		// 하지만 너무 낮추면 노이즈가 많아질 수 있습니다.
+		// dmp.Diff_EditCost = 4; // 편집 비용 조정, 기본 4
+		// dmp.Diff_DualThreshold = 0.5; // 불명확한 Diff에 대한 임계값. 기본 0.5
+		// dmp.Diff_Timeout = 1.0; // 타임아웃, 기본 1.0
+
+		// 텍스트를 줄 단위로 변환하여 Diff 수행
+		const a = dmp.diff_linesToChars_(asisSrc, tobeSrc);
+		const lineText1 = a.chars1;
+		const lineText2 = a.chars2;
+		const lineArray = a.lineArray;
+
+		// dmp.diff_main(text1, text2, checklines, deadline)
+		// checklines: true (기본값)는 줄 단위 최적화, false는 문자 단위로.
+		// 여기서는 diff_linesToChars_를 사용했으므로 true가 적절.
+		const diffs = dmp.diff_main(lineText1, lineText2, true);
+
+		// cleanupEfficiency를 먼저 적용하여 효율적인 Diff를 만듭니다.
+		// 이는 작은 변경사항이 인접해 있을 때 하나의 큰 변경으로 합치는 경향이 있습니다.
+		// dmp.diff_cleanupEfficiency(diffs); // 오히려 이동을 놓칠 수 있음
+
+		// 그 다음 의미론적 정리를 적용합니다.
 		dmp.diff_cleanupSemantic(diffs);
 
+		// 다시 문자열로 변환
+		dmp.diff_charsToLines_(diffs, lineArray);
+
 		const asisLineBuilder = new RangeSetBuilder();
 		const tobeLineBuilder = new RangeSetBuilder();
 
 		let asisCursor = 0;
 		let tobeCursor = 0;
 
+		// 변경된 줄에 대한 새로운 데코레이션 클래스를 추가할 수 있습니다.
 		const insertedLineDeco = Decoration.line({ class: "cm-inserted-line-bg" });
 		const deletedLineDeco = Decoration.line({ class: "cm-deleted-line-bg" });
+		// const changedLineDeco = Decoration.line({ class: "cm-changed-line-bg" }); // 필요하다면
 
 		for (const [op, text] of diffs) {
 			const len = text.length;
-			const linesInChunk = text.split('\n');
 
 			switch (op) {
 				case diffMatchPatchExports.diff_match_patch.DIFF_INSERT:
-					for (let i = 0; i < linesInChunk.length; i++) {
-						if (i === linesInChunk.length - 1 && linesInChunk[i] === '' && !text.endsWith('\n')) {
-							tobeCursor += len;
-							break;
+					const tobeLines = text.split('\n');
+					for (let i = 0; i < tobeLines.length; i++) {
+						// 빈 줄이 아니고, 마지막 줄이면서 줄바꿈이 없는 경우가 아니면 데코레이션
+						if (!(i === tobeLines.length - 1 && tobeLines[i] === '' && !text.endsWith('\n'))) {
+							tobeLineBuilder.add(tobeCursor, tobeCursor, insertedLineDeco);
 						}
-						tobeLineBuilder.add(tobeCursor, tobeCursor, insertedLineDeco);
-						tobeCursor += linesInChunk[i].length + (i < linesInChunk.length - 1 ? 1 : 0);
+						tobeCursor += tobeLines[i].length + (i < tobeLines.length - 1 ? 1 : 0);
 					}
 					break;
 
 				case diffMatchPatchExports.diff_match_patch.DIFF_DELETE:
-					for (let i = 0; i < linesInChunk.length; i++) {
-						if (i === linesInChunk.length - 1 && linesInChunk[i] === '' && !text.endsWith('\n')) {
-							asisCursor += len;
-							break;
+					const asisLines = text.split('\n');
+					for (let i = 0; i < asisLines.length; i++) {
+						if (!(i === asisLines.length - 1 && asisLines[i] === '' && !text.endsWith('\n'))) {
+							asisLineBuilder.add(asisCursor, asisCursor, deletedLineDeco);
 						}
-						asisLineBuilder.add(asisCursor, asisCursor, deletedLineDeco);
-						asisCursor += linesInChunk[i].length + (i < linesInChunk.length - 1 ? 1 : 0);
+						asisCursor += asisLines[i].length + (i < asisLines.length - 1 ? 1 : 0);
 					}
 					break;
 

package/dist/bundle.esm.js

@@ -235044,42 +235044,68 @@ class IdeDiff extends HTMLElement {
 
 	#applyDiffDecorations = (asisSrc, tobeSrc) => {
 		const dmp = new diffMatchPatchExports.diff_match_patch();
-		const diffs = dmp.diff_main(asisSrc, tobeSrc);
+
+		// dmp의 기본 cleanupThreshold를 줄여서 더 세밀한 차이를 감지하도록 시도
+		// 기본값은 0.5인데, 0으로 하면 더 많은 변화를 감지할 수 있습니다.
+		// 하지만 너무 낮추면 노이즈가 많아질 수 있습니다.
+		// dmp.Diff_EditCost = 4; // 편집 비용 조정, 기본 4
+		// dmp.Diff_DualThreshold = 0.5; // 불명확한 Diff에 대한 임계값. 기본 0.5
+		// dmp.Diff_Timeout = 1.0; // 타임아웃, 기본 1.0
+
+		// 텍스트를 줄 단위로 변환하여 Diff 수행
+		const a = dmp.diff_linesToChars_(asisSrc, tobeSrc);
+		const lineText1 = a.chars1;
+		const lineText2 = a.chars2;
+		const lineArray = a.lineArray;
+
+		// dmp.diff_main(text1, text2, checklines, deadline)
+		// checklines: true (기본값)는 줄 단위 최적화, false는 문자 단위로.
+		// 여기서는 diff_linesToChars_를 사용했으므로 true가 적절.
+		const diffs = dmp.diff_main(lineText1, lineText2, true);
+
+		// cleanupEfficiency를 먼저 적용하여 효율적인 Diff를 만듭니다.
+		// 이는 작은 변경사항이 인접해 있을 때 하나의 큰 변경으로 합치는 경향이 있습니다.
+		// dmp.diff_cleanupEfficiency(diffs); // 오히려 이동을 놓칠 수 있음
+
+		// 그 다음 의미론적 정리를 적용합니다.
 		dmp.diff_cleanupSemantic(diffs);
 
+		// 다시 문자열로 변환
+		dmp.diff_charsToLines_(diffs, lineArray);
+
 		const asisLineBuilder = new RangeSetBuilder();
 		const tobeLineBuilder = new RangeSetBuilder();
 
 		let asisCursor = 0;
 		let tobeCursor = 0;
 
+		// 변경된 줄에 대한 새로운 데코레이션 클래스를 추가할 수 있습니다.
 		const insertedLineDeco = Decoration.line({ class: "cm-inserted-line-bg" });
 		const deletedLineDeco = Decoration.line({ class: "cm-deleted-line-bg" });
+		// const changedLineDeco = Decoration.line({ class: "cm-changed-line-bg" }); // 필요하다면
 
 		for (const [op, text] of diffs) {
 			const len = text.length;
-			const linesInChunk = text.split('\n');
 
 			switch (op) {
 				case diffMatchPatchExports.diff_match_patch.DIFF_INSERT:
-					for (let i = 0; i < linesInChunk.length; i++) {
-						if (i === linesInChunk.length - 1 && linesInChunk[i] === '' && !text.endsWith('\n')) {
-							tobeCursor += len;
-							break;
+					const tobeLines = text.split('\n');
+					for (let i = 0; i < tobeLines.length; i++) {
+						// 빈 줄이 아니고, 마지막 줄이면서 줄바꿈이 없는 경우가 아니면 데코레이션
+						if (!(i === tobeLines.length - 1 && tobeLines[i] === '' && !text.endsWith('\n'))) {
+							tobeLineBuilder.add(tobeCursor, tobeCursor, insertedLineDeco);
 						}
-						tobeLineBuilder.add(tobeCursor, tobeCursor, insertedLineDeco);
-						tobeCursor += linesInChunk[i].length + (i < linesInChunk.length - 1 ? 1 : 0);
+						tobeCursor += tobeLines[i].length + (i < tobeLines.length - 1 ? 1 : 0);
 					}
 					break;
 
 				case diffMatchPatchExports.diff_match_patch.DIFF_DELETE:
-					for (let i = 0; i < linesInChunk.length; i++) {
-						if (i === linesInChunk.length - 1 && linesInChunk[i] === '' && !text.endsWith('\n')) {
-							asisCursor += len;
-							break;
+					const asisLines = text.split('\n');
+					for (let i = 0; i < asisLines.length; i++) {
+						if (!(i === asisLines.length - 1 && asisLines[i] === '' && !text.endsWith('\n'))) {
+							asisLineBuilder.add(asisCursor, asisCursor, deletedLineDeco);
 						}
-						asisLineBuilder.add(asisCursor, asisCursor, deletedLineDeco);
-						asisCursor += linesInChunk[i].length + (i < linesInChunk.length - 1 ? 1 : 0);
+						asisCursor += asisLines[i].length + (i < asisLines.length - 1 ? 1 : 0);
 					}
 					break;
 

package/dist/components/ideDiff.js

@@ -231,42 +231,68 @@ export class IdeDiff extends HTMLElement {
 
 	#applyDiffDecorations = (asisSrc, tobeSrc) => {
 		const dmp = new diff_match_patch();
-		const diffs = dmp.diff_main(asisSrc, tobeSrc);
+
+		// dmp의 기본 cleanupThreshold를 줄여서 더 세밀한 차이를 감지하도록 시도
+		// 기본값은 0.5인데, 0으로 하면 더 많은 변화를 감지할 수 있습니다.
+		// 하지만 너무 낮추면 노이즈가 많아질 수 있습니다.
+		// dmp.Diff_EditCost = 4; // 편집 비용 조정, 기본 4
+		// dmp.Diff_DualThreshold = 0.5; // 불명확한 Diff에 대한 임계값. 기본 0.5
+		// dmp.Diff_Timeout = 1.0; // 타임아웃, 기본 1.0
+
+		// 텍스트를 줄 단위로 변환하여 Diff 수행
+		const a = dmp.diff_linesToChars_(asisSrc, tobeSrc);
+		const lineText1 = a.chars1;
+		const lineText2 = a.chars2;
+		const lineArray = a.lineArray;
+
+		// dmp.diff_main(text1, text2, checklines, deadline)
+		// checklines: true (기본값)는 줄 단위 최적화, false는 문자 단위로.
+		// 여기서는 diff_linesToChars_를 사용했으므로 true가 적절.
+		const diffs = dmp.diff_main(lineText1, lineText2, true);
+
+		// cleanupEfficiency를 먼저 적용하여 효율적인 Diff를 만듭니다.
+		// 이는 작은 변경사항이 인접해 있을 때 하나의 큰 변경으로 합치는 경향이 있습니다.
+		// dmp.diff_cleanupEfficiency(diffs); // 오히려 이동을 놓칠 수 있음
+
+		// 그 다음 의미론적 정리를 적용합니다.
 		dmp.diff_cleanupSemantic(diffs);
 
+		// 다시 문자열로 변환
+		dmp.diff_charsToLines_(diffs, lineArray);
+
 		const asisLineBuilder = new RangeSetBuilder();
 		const tobeLineBuilder = new RangeSetBuilder();
 
 		let asisCursor = 0;
 		let tobeCursor = 0;
 
+		// 변경된 줄에 대한 새로운 데코레이션 클래스를 추가할 수 있습니다.
 		const insertedLineDeco = Decoration.line({ class: "cm-inserted-line-bg" });
 		const deletedLineDeco = Decoration.line({ class: "cm-deleted-line-bg" });
+		// const changedLineDeco = Decoration.line({ class: "cm-changed-line-bg" }); // 필요하다면
 
 		for (const [op, text] of diffs) {
 			const len = text.length;
-			const linesInChunk = text.split('\n');
 
 			switch (op) {
 				case diff_match_patch.DIFF_INSERT:
-					for (let i = 0; i < linesInChunk.length; i++) {
-						if (i === linesInChunk.length - 1 && linesInChunk[i] === '' && !text.endsWith('\n')) {
-							tobeCursor += len;
-							break;
+					const tobeLines = text.split('\n');
+					for (let i = 0; i < tobeLines.length; i++) {
+						// 빈 줄이 아니고, 마지막 줄이면서 줄바꿈이 없는 경우가 아니면 데코레이션
+						if (!(i === tobeLines.length - 1 && tobeLines[i] === '' && !text.endsWith('\n'))) {
+							tobeLineBuilder.add(tobeCursor, tobeCursor, insertedLineDeco);
 						}
-						tobeLineBuilder.add(tobeCursor, tobeCursor, insertedLineDeco);
-						tobeCursor += linesInChunk[i].length + (i < linesInChunk.length - 1 ? 1 : 0);
+						tobeCursor += tobeLines[i].length + (i < tobeLines.length - 1 ? 1 : 0);
 					}
 					break;
 
 				case diff_match_patch.DIFF_DELETE:
-					for (let i = 0; i < linesInChunk.length; i++) {
-						if (i === linesInChunk.length - 1 && linesInChunk[i] === '' && !text.endsWith('\n')) {
-							asisCursor += len;
-							break;
+					const asisLines = text.split('\n');
+					for (let i = 0; i < asisLines.length; i++) {
+						if (!(i === asisLines.length - 1 && asisLines[i] === '' && !text.endsWith('\n'))) {
+							asisLineBuilder.add(asisCursor, asisCursor, deletedLineDeco);
 						}
-						asisLineBuilder.add(asisCursor, asisCursor, deletedLineDeco);
-						asisCursor += linesInChunk[i].length + (i < linesInChunk.length - 1 ? 1 : 0);
+						asisCursor += asisLines[i].length + (i < asisLines.length - 1 ? 1 : 0);
 					}
 					break;
 

package/package.json

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

package/src/components/ideDiff.js

@@ -231,42 +231,68 @@ export class IdeDiff extends HTMLElement {
 
 	#applyDiffDecorations = (asisSrc, tobeSrc) => {
 		const dmp = new diff_match_patch();
-		const diffs = dmp.diff_main(asisSrc, tobeSrc);
+
+		// dmp의 기본 cleanupThreshold를 줄여서 더 세밀한 차이를 감지하도록 시도
+		// 기본값은 0.5인데, 0으로 하면 더 많은 변화를 감지할 수 있습니다.
+		// 하지만 너무 낮추면 노이즈가 많아질 수 있습니다.
+		// dmp.Diff_EditCost = 4; // 편집 비용 조정, 기본 4
+		// dmp.Diff_DualThreshold = 0.5; // 불명확한 Diff에 대한 임계값. 기본 0.5
+		// dmp.Diff_Timeout = 1.0; // 타임아웃, 기본 1.0
+
+		// 텍스트를 줄 단위로 변환하여 Diff 수행
+		const a = dmp.diff_linesToChars_(asisSrc, tobeSrc);
+		const lineText1 = a.chars1;
+		const lineText2 = a.chars2;
+		const lineArray = a.lineArray;
+
+		// dmp.diff_main(text1, text2, checklines, deadline)
+		// checklines: true (기본값)는 줄 단위 최적화, false는 문자 단위로.
+		// 여기서는 diff_linesToChars_를 사용했으므로 true가 적절.
+		const diffs = dmp.diff_main(lineText1, lineText2, true);
+
+		// cleanupEfficiency를 먼저 적용하여 효율적인 Diff를 만듭니다.
+		// 이는 작은 변경사항이 인접해 있을 때 하나의 큰 변경으로 합치는 경향이 있습니다.
+		// dmp.diff_cleanupEfficiency(diffs); // 오히려 이동을 놓칠 수 있음
+
+		// 그 다음 의미론적 정리를 적용합니다.
 		dmp.diff_cleanupSemantic(diffs);
 
+		// 다시 문자열로 변환
+		dmp.diff_charsToLines_(diffs, lineArray);
+
 		const asisLineBuilder = new RangeSetBuilder();
 		const tobeLineBuilder = new RangeSetBuilder();
 
 		let asisCursor = 0;
 		let tobeCursor = 0;
 
+		// 변경된 줄에 대한 새로운 데코레이션 클래스를 추가할 수 있습니다.
 		const insertedLineDeco = Decoration.line({ class: "cm-inserted-line-bg" });
 		const deletedLineDeco = Decoration.line({ class: "cm-deleted-line-bg" });
+		// const changedLineDeco = Decoration.line({ class: "cm-changed-line-bg" }); // 필요하다면
 
 		for (const [op, text] of diffs) {
 			const len = text.length;
-			const linesInChunk = text.split('\n');
 
 			switch (op) {
 				case diff_match_patch.DIFF_INSERT:
-					for (let i = 0; i < linesInChunk.length; i++) {
-						if (i === linesInChunk.length - 1 && linesInChunk[i] === '' && !text.endsWith('\n')) {
-							tobeCursor += len;
-							break;
+					const tobeLines = text.split('\n');
+					for (let i = 0; i < tobeLines.length; i++) {
+						// 빈 줄이 아니고, 마지막 줄이면서 줄바꿈이 없는 경우가 아니면 데코레이션
+						if (!(i === tobeLines.length - 1 && tobeLines[i] === '' && !text.endsWith('\n'))) {
+							tobeLineBuilder.add(tobeCursor, tobeCursor, insertedLineDeco);
 						}
-						tobeLineBuilder.add(tobeCursor, tobeCursor, insertedLineDeco);
-						tobeCursor += linesInChunk[i].length + (i < linesInChunk.length - 1 ? 1 : 0);
+						tobeCursor += tobeLines[i].length + (i < tobeLines.length - 1 ? 1 : 0);
 					}
 					break;
 
 				case diff_match_patch.DIFF_DELETE:
-					for (let i = 0; i < linesInChunk.length; i++) {
-						if (i === linesInChunk.length - 1 && linesInChunk[i] === '' && !text.endsWith('\n')) {
-							asisCursor += len;
-							break;
+					const asisLines = text.split('\n');
+					for (let i = 0; i < asisLines.length; i++) {
+						if (!(i === asisLines.length - 1 && asisLines[i] === '' && !text.endsWith('\n'))) {
+							asisLineBuilder.add(asisCursor, asisCursor, deletedLineDeco);
 						}
-						asisLineBuilder.add(asisCursor, asisCursor, deletedLineDeco);
-						asisCursor += linesInChunk[i].length + (i < linesInChunk.length - 1 ? 1 : 0);
+						asisCursor += asisLines[i].length + (i < asisLines.length - 1 ? 1 : 0);
 					}
 					break;