ide-assi 0.336.0 → 0.338.0

package/dist/components/ideDiff.js

@@ -4,17 +4,17 @@ import ninegrid from "ninegrid2";
 import {
 	EditorView, lineNumbers, highlightSpecialChars, drawSelection,
 	dropCursor, keymap, highlightActiveLine, highlightActiveLineGutter,
-	// 데코레이션을 위한 Decoration 클래스 임포트
 	Decoration
 } from "@codemirror/view";
 import {
 	EditorState, Compartment, StateField,
-	// 데코레이션 빌더를 위한 RangeSetBuilder 임포트
-	RangeSetBuilder
+	RangeSetBuilder,
+	StateEffect
 } from "@codemirror/state";
 import { history, historyKeymap, indentWithTab } from "@codemirror/commands";
 import { defaultKeymap, selectAll } from "@codemirror/commands";
 import { searchKeymap, highlightSelectionMatches } from "@codemirror/search";
+// ⭐️ 이 부분이 수정되었습니다: => 가 아니라 from 입니다.
 import { bracketMatching } from "@codemirror/language";
 import { javascript } from "@codemirror/lang-javascript";
 import { indentOnInput, syntaxHighlighting, defaultHighlightStyle } from "@codemirror/language";
@@ -22,7 +22,9 @@ import { lintKeymap } from "@codemirror/lint";
 import { autocompletion, completionKeymap } from "@codemirror/autocomplete";
 
 // Diff 로직을 위해 diff-match-patch 사용
-import { diff_match_patch } from 'diff-match-patch';
+import { diff_match_patch } from 'diff-match_patch';
+
+// ... (나머지 코드는 동일) ...
 
 // --- 여기서부터 수정된 부분 ---
 
@@ -55,13 +57,14 @@ const tobeDiffDecorations = StateField.define({
 });
 
 // 데코레이션 업데이트를 위한 Effect (트랜잭션에 포함시켜 상태 변경 알림)
-// ⭐️ 이 부분이 수정되었습니다: .define.effect() -> .defineEffect()
-const setAsisDecorationsEffect = EditorState.defineEffect();
-const setTobeDecorationsEffect = EditorState.defineEffect();
+// ⭐️ StateEffect.define()을 사용하여 이펙트를 정의합니다.
+const setAsisDecorationsEffect = StateEffect.define();
+const setTobeDecorationsEffect = StateEffect.define();
 
 // --- 여기까지 수정된 부분 ---
 
 export class IdeDiff extends HTMLElement {
+
 	#asisEditorView;
 	#tobeEditorView;
 	#asisEditorEl;

package/package.json

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

package/src/components/ideDiff.js

@@ -4,17 +4,17 @@ import ninegrid from "ninegrid2";
 import {
 	EditorView, lineNumbers, highlightSpecialChars, drawSelection,
 	dropCursor, keymap, highlightActiveLine, highlightActiveLineGutter,
-	// 데코레이션을 위한 Decoration 클래스 임포트
 	Decoration
 } from "@codemirror/view";
 import {
 	EditorState, Compartment, StateField,
-	// 데코레이션 빌더를 위한 RangeSetBuilder 임포트
-	RangeSetBuilder
+	RangeSetBuilder,
+	StateEffect
 } from "@codemirror/state";
 import { history, historyKeymap, indentWithTab } from "@codemirror/commands";
 import { defaultKeymap, selectAll } from "@codemirror/commands";
 import { searchKeymap, highlightSelectionMatches } from "@codemirror/search";
+// ⭐️ 이 부분이 수정되었습니다: => 가 아니라 from 입니다.
 import { bracketMatching } from "@codemirror/language";
 import { javascript } from "@codemirror/lang-javascript";
 import { indentOnInput, syntaxHighlighting, defaultHighlightStyle } from "@codemirror/language";
@@ -22,7 +22,9 @@ import { lintKeymap } from "@codemirror/lint";
 import { autocompletion, completionKeymap } from "@codemirror/autocomplete";
 
 // Diff 로직을 위해 diff-match-patch 사용
-import { diff_match_patch } from 'diff-match-patch';
+import { diff_match_patch } from 'diff-match_patch';
+
+// ... (나머지 코드는 동일) ...
 
 // --- 여기서부터 수정된 부분 ---
 
@@ -55,13 +57,14 @@ const tobeDiffDecorations = StateField.define({
 });
 
 // 데코레이션 업데이트를 위한 Effect (트랜잭션에 포함시켜 상태 변경 알림)
-// ⭐️ 이 부분이 수정되었습니다: .define.effect() -> .defineEffect()
-const setAsisDecorationsEffect = EditorState.defineEffect();
-const setTobeDecorationsEffect = EditorState.defineEffect();
+// ⭐️ StateEffect.define()을 사용하여 이펙트를 정의합니다.
+const setAsisDecorationsEffect = StateEffect.define();
+const setTobeDecorationsEffect = StateEffect.define();
 
 // --- 여기까지 수정된 부분 ---
 
 export class IdeDiff extends HTMLElement {
+
 	#asisEditorView;
 	#tobeEditorView;
 	#asisEditorEl;