ide-assi 0.341.0 → 0.343.0

package/dist/bundle.cjs.js

@@ -234948,72 +234948,91 @@ class IdeDiff extends HTMLElement {
 		const diffs = dmp.diff_main(asisSrc, tobeSrc);
 		dmp.diff_cleanupSemantic(diffs);
 
-		const asisBuilder = new RangeSetBuilder();
-		const tobeBuilder = new RangeSetBuilder();
+		// 모든 데코레이션을 builder에 추가하기 전에 수집합니다.
+		const asisDecorationsToAdd = [];
+		const tobeDecorationsToAdd = [];
 
-		let asisCursor = 0;
-		let tobeCursor = 0;
+		let asisCursor = 0; // asis 에디터에서의 현재 텍스트 오프셋
+		let tobeCursor = 0; // tobe 에디터에서의 현재 텍스트 오프셋
 
 		for (const [op, text] of diffs) {
 			const len = text.length;
 
 			switch (op) {
-				case diffMatchPatchExports.diff_match_patch.DIFF_INSERT:
-					tobeBuilder.add(
-						tobeCursor, tobeCursor + len,
-						Decoration.mark({ class: "cm-inserted-inline" })
-					);
+				case diffMatchPatchExports.diff_match_patch.DIFF_INSERT: // 추가된 텍스트
+					// tobe 쪽에 인라인 데코레이션 추가
+					tobeDecorationsToAdd.push({
+						from: tobeCursor,
+						to: tobeCursor + len,
+						deco: Decoration.mark({ class: "cm-inserted-inline" })
+					});
 
-					// Inserted lines background
-					const tobeLines = text.split('\n');
+					// tobe 쪽에 줄 배경 데코레이션 추가 (삽입된 줄)
+					// text가 여러 줄일 수 있으므로 각 줄에 적용
 					let currentTobeLineOffset = tobeCursor;
-					for(let i = 0; i < tobeLines.length; i++) {
-						// Get line start/end from the *current* editor view's document
-						const lineStart = this.#tobeEditorView.state.doc.lineAt(currentTobeLineOffset).from;
-						// For the last segment of a multi-line insertion, the end is just current offset + segment length
-						// Otherwise, it's the end of the current line in the doc.
-						const lineEnd = i === tobeLines.length - 1 ? currentTobeLineOffset + tobeLines[i].length : this.#tobeEditorView.state.doc.lineAt(currentTobeLineOffset).to;
-
-						tobeBuilder.add(
-							lineStart, lineEnd,
-							Decoration.line({ class: "cm-inserted-line-bg" })
-						);
-						currentTobeLineOffset += tobeLines[i].length + 1; // Move to next line start
+					const tobeLines = text.split('\n');
+					for (let i = 0; i < tobeLines.length; i++) {
+						// 현재 에디터 뷰의 문서에서 줄 정보를 가져옵니다.
+						// 이전에 `tobeEditorView`가 전역 변수처럼 사용되었을 가능성을 위해 `this.#tobeEditorView`로 명시
+						const line = this.#tobeEditorView.state.doc.lineAt(currentTobeLineOffset);
+						tobeDecorationsToAdd.push({
+							from: line.from,
+							to: line.to,
+							deco: Decoration.line({ class: "cm-inserted-line-bg" })
+						});
+						currentTobeLineOffset += tobeLines[i].length + 1; // 다음 줄 시작 위치로 이동
 					}
 
 					tobeCursor += len;
 					break;
 
-				case diffMatchPatchExports.diff_match_patch.DIFF_DELETE:
-					asisBuilder.add(
-						asisCursor, asisCursor + len,
-						Decoration.mark({ class: "cm-deleted-inline" })
-					);
+				case diffMatchPatchExports.diff_match_patch.DIFF_DELETE: // 삭제된 텍스트
+					// asis 쪽에 인라인 데코레이션 추가
+					asisDecorationsToAdd.push({
+						from: asisCursor,
+						to: asisCursor + len,
+						deco: Decoration.mark({ class: "cm-deleted-inline" })
+					});
 
-					// Deleted lines background
-					const asisLines = text.split('\n');
+					// asis 쪽에 줄 배경 데코레이션 추가 (삭제된 줄)
 					let currentAsisLineOffset = asisCursor;
-					for(let i = 0; i < asisLines.length; i++) {
-						const lineStart = this.#asisEditorView.state.doc.lineAt(currentAsisLineOffset).from;
-						const lineEnd = i === asisLines.length - 1 ? currentAsisLineOffset + asisLines[i].length : this.#asisEditorView.state.doc.lineAt(currentAsisLineOffset).to;
-
-						asisBuilder.add(
-							lineStart, lineEnd,
-							Decoration.line({ class: "cm-deleted-line-bg" })
-						);
+					const asisLines = text.split('\n');
+					for (let i = 0; i < asisLines.length; i++) {
+						const line = this.#asisEditorView.state.doc.lineAt(currentAsisLineOffset);
+						asisDecorationsToAdd.push({
+							from: line.from,
+							to: line.to,
+							deco: Decoration.line({ class: "cm-deleted-line-bg" })
+						});
 						currentAsisLineOffset += asisLines[i].length + 1;
 					}
 
 					asisCursor += len;
 					break;
 
-				case diffMatchPatchExports.diff_match_patch.DIFF_EQUAL:
+				case diffMatchPatchExports.diff_match_patch.DIFF_EQUAL: // 변경되지 않은 텍스트
 					asisCursor += len;
 					tobeCursor += len;
 					break;
 			}
 		}
 
+		// ⭐️ 중요: 데코레이션들을 'from' 위치를 기준으로 정렬합니다.
+		asisDecorationsToAdd.sort((a, b) => a.from - b.from);
+		tobeDecorationsToAdd.sort((a, b) => a.from - b.from);
+
+		// 정렬된 데코레이션들을 RangeSetBuilder에 추가합니다.
+		const asisBuilder = new RangeSetBuilder();
+		for (const { from, to, deco } of asisDecorationsToAdd) {
+			asisBuilder.add(from, to, deco);
+		}
+
+		const tobeBuilder = new RangeSetBuilder();
+		for (const { from, to, deco } of tobeDecorationsToAdd) {
+			tobeBuilder.add(from, to, deco);
+		}
+
+		// 데코레이션 업데이트를 위한 Effect를 디스패치합니다.
 		this.#asisEditorView.dispatch({
 			effects: setAsisDecorationsEffect.of(asisBuilder.finish())
 		});

package/dist/bundle.esm.js

@@ -234944,72 +234944,91 @@ class IdeDiff extends HTMLElement {
 		const diffs = dmp.diff_main(asisSrc, tobeSrc);
 		dmp.diff_cleanupSemantic(diffs);
 
-		const asisBuilder = new RangeSetBuilder();
-		const tobeBuilder = new RangeSetBuilder();
+		// 모든 데코레이션을 builder에 추가하기 전에 수집합니다.
+		const asisDecorationsToAdd = [];
+		const tobeDecorationsToAdd = [];
 
-		let asisCursor = 0;
-		let tobeCursor = 0;
+		let asisCursor = 0; // asis 에디터에서의 현재 텍스트 오프셋
+		let tobeCursor = 0; // tobe 에디터에서의 현재 텍스트 오프셋
 
 		for (const [op, text] of diffs) {
 			const len = text.length;
 
 			switch (op) {
-				case diffMatchPatchExports.diff_match_patch.DIFF_INSERT:
-					tobeBuilder.add(
-						tobeCursor, tobeCursor + len,
-						Decoration.mark({ class: "cm-inserted-inline" })
-					);
+				case diffMatchPatchExports.diff_match_patch.DIFF_INSERT: // 추가된 텍스트
+					// tobe 쪽에 인라인 데코레이션 추가
+					tobeDecorationsToAdd.push({
+						from: tobeCursor,
+						to: tobeCursor + len,
+						deco: Decoration.mark({ class: "cm-inserted-inline" })
+					});
 
-					// Inserted lines background
-					const tobeLines = text.split('\n');
+					// tobe 쪽에 줄 배경 데코레이션 추가 (삽입된 줄)
+					// text가 여러 줄일 수 있으므로 각 줄에 적용
 					let currentTobeLineOffset = tobeCursor;
-					for(let i = 0; i < tobeLines.length; i++) {
-						// Get line start/end from the *current* editor view's document
-						const lineStart = this.#tobeEditorView.state.doc.lineAt(currentTobeLineOffset).from;
-						// For the last segment of a multi-line insertion, the end is just current offset + segment length
-						// Otherwise, it's the end of the current line in the doc.
-						const lineEnd = i === tobeLines.length - 1 ? currentTobeLineOffset + tobeLines[i].length : this.#tobeEditorView.state.doc.lineAt(currentTobeLineOffset).to;
-
-						tobeBuilder.add(
-							lineStart, lineEnd,
-							Decoration.line({ class: "cm-inserted-line-bg" })
-						);
-						currentTobeLineOffset += tobeLines[i].length + 1; // Move to next line start
+					const tobeLines = text.split('\n');
+					for (let i = 0; i < tobeLines.length; i++) {
+						// 현재 에디터 뷰의 문서에서 줄 정보를 가져옵니다.
+						// 이전에 `tobeEditorView`가 전역 변수처럼 사용되었을 가능성을 위해 `this.#tobeEditorView`로 명시
+						const line = this.#tobeEditorView.state.doc.lineAt(currentTobeLineOffset);
+						tobeDecorationsToAdd.push({
+							from: line.from,
+							to: line.to,
+							deco: Decoration.line({ class: "cm-inserted-line-bg" })
+						});
+						currentTobeLineOffset += tobeLines[i].length + 1; // 다음 줄 시작 위치로 이동
 					}
 
 					tobeCursor += len;
 					break;
 
-				case diffMatchPatchExports.diff_match_patch.DIFF_DELETE:
-					asisBuilder.add(
-						asisCursor, asisCursor + len,
-						Decoration.mark({ class: "cm-deleted-inline" })
-					);
+				case diffMatchPatchExports.diff_match_patch.DIFF_DELETE: // 삭제된 텍스트
+					// asis 쪽에 인라인 데코레이션 추가
+					asisDecorationsToAdd.push({
+						from: asisCursor,
+						to: asisCursor + len,
+						deco: Decoration.mark({ class: "cm-deleted-inline" })
+					});
 
-					// Deleted lines background
-					const asisLines = text.split('\n');
+					// asis 쪽에 줄 배경 데코레이션 추가 (삭제된 줄)
 					let currentAsisLineOffset = asisCursor;
-					for(let i = 0; i < asisLines.length; i++) {
-						const lineStart = this.#asisEditorView.state.doc.lineAt(currentAsisLineOffset).from;
-						const lineEnd = i === asisLines.length - 1 ? currentAsisLineOffset + asisLines[i].length : this.#asisEditorView.state.doc.lineAt(currentAsisLineOffset).to;
-
-						asisBuilder.add(
-							lineStart, lineEnd,
-							Decoration.line({ class: "cm-deleted-line-bg" })
-						);
+					const asisLines = text.split('\n');
+					for (let i = 0; i < asisLines.length; i++) {
+						const line = this.#asisEditorView.state.doc.lineAt(currentAsisLineOffset);
+						asisDecorationsToAdd.push({
+							from: line.from,
+							to: line.to,
+							deco: Decoration.line({ class: "cm-deleted-line-bg" })
+						});
 						currentAsisLineOffset += asisLines[i].length + 1;
 					}
 
 					asisCursor += len;
 					break;
 
-				case diffMatchPatchExports.diff_match_patch.DIFF_EQUAL:
+				case diffMatchPatchExports.diff_match_patch.DIFF_EQUAL: // 변경되지 않은 텍스트
 					asisCursor += len;
 					tobeCursor += len;
 					break;
 			}
 		}
 
+		// ⭐️ 중요: 데코레이션들을 'from' 위치를 기준으로 정렬합니다.
+		asisDecorationsToAdd.sort((a, b) => a.from - b.from);
+		tobeDecorationsToAdd.sort((a, b) => a.from - b.from);
+
+		// 정렬된 데코레이션들을 RangeSetBuilder에 추가합니다.
+		const asisBuilder = new RangeSetBuilder();
+		for (const { from, to, deco } of asisDecorationsToAdd) {
+			asisBuilder.add(from, to, deco);
+		}
+
+		const tobeBuilder = new RangeSetBuilder();
+		for (const { from, to, deco } of tobeDecorationsToAdd) {
+			tobeBuilder.add(from, to, deco);
+		}
+
+		// 데코레이션 업데이트를 위한 Effect를 디스패치합니다.
 		this.#asisEditorView.dispatch({
 			effects: setAsisDecorationsEffect.of(asisBuilder.finish())
 		});

package/dist/components/ideDiff.js

@@ -221,72 +221,91 @@ export class IdeDiff extends HTMLElement {
 		const diffs = dmp.diff_main(asisSrc, tobeSrc);
 		dmp.diff_cleanupSemantic(diffs);
 
-		const asisBuilder = new RangeSetBuilder();
-		const tobeBuilder = new RangeSetBuilder();
+		// 모든 데코레이션을 builder에 추가하기 전에 수집합니다.
+		const asisDecorationsToAdd = [];
+		const tobeDecorationsToAdd = [];
 
-		let asisCursor = 0;
-		let tobeCursor = 0;
+		let asisCursor = 0; // asis 에디터에서의 현재 텍스트 오프셋
+		let tobeCursor = 0; // tobe 에디터에서의 현재 텍스트 오프셋
 
 		for (const [op, text] of diffs) {
 			const len = text.length;
 
 			switch (op) {
-				case diff_match_patch.DIFF_INSERT:
-					tobeBuilder.add(
-						tobeCursor, tobeCursor + len,
-						Decoration.mark({ class: "cm-inserted-inline" })
-					);
-
-					// Inserted lines background
-					const tobeLines = text.split('\n');
+				case diff_match_patch.DIFF_INSERT: // 추가된 텍스트
+					// tobe 쪽에 인라인 데코레이션 추가
+					tobeDecorationsToAdd.push({
+						from: tobeCursor,
+						to: tobeCursor + len,
+						deco: Decoration.mark({ class: "cm-inserted-inline" })
+					});
+
+					// tobe 쪽에 줄 배경 데코레이션 추가 (삽입된 줄)
+					// text가 여러 줄일 수 있으므로 각 줄에 적용
 					let currentTobeLineOffset = tobeCursor;
-					for(let i = 0; i < tobeLines.length; i++) {
-						// Get line start/end from the *current* editor view's document
-						const lineStart = this.#tobeEditorView.state.doc.lineAt(currentTobeLineOffset).from;
-						// For the last segment of a multi-line insertion, the end is just current offset + segment length
-						// Otherwise, it's the end of the current line in the doc.
-						const lineEnd = i === tobeLines.length - 1 ? currentTobeLineOffset + tobeLines[i].length : this.#tobeEditorView.state.doc.lineAt(currentTobeLineOffset).to;
-
-						tobeBuilder.add(
-							lineStart, lineEnd,
-							Decoration.line({ class: "cm-inserted-line-bg" })
-						);
-						currentTobeLineOffset += tobeLines[i].length + 1; // Move to next line start
+					const tobeLines = text.split('\n');
+					for (let i = 0; i < tobeLines.length; i++) {
+						// 현재 에디터 뷰의 문서에서 줄 정보를 가져옵니다.
+						// 이전에 `tobeEditorView`가 전역 변수처럼 사용되었을 가능성을 위해 `this.#tobeEditorView`로 명시
+						const line = this.#tobeEditorView.state.doc.lineAt(currentTobeLineOffset);
+						tobeDecorationsToAdd.push({
+							from: line.from,
+							to: line.to,
+							deco: Decoration.line({ class: "cm-inserted-line-bg" })
+						});
+						currentTobeLineOffset += tobeLines[i].length + 1; // 다음 줄 시작 위치로 이동
 					}
 
 					tobeCursor += len;
 					break;
 
-				case diff_match_patch.DIFF_DELETE:
-					asisBuilder.add(
-						asisCursor, asisCursor + len,
-						Decoration.mark({ class: "cm-deleted-inline" })
-					);
+				case diff_match_patch.DIFF_DELETE: // 삭제된 텍스트
+					// asis 쪽에 인라인 데코레이션 추가
+					asisDecorationsToAdd.push({
+						from: asisCursor,
+						to: asisCursor + len,
+						deco: Decoration.mark({ class: "cm-deleted-inline" })
+					});
 
-					// Deleted lines background
-					const asisLines = text.split('\n');
+					// asis 쪽에 줄 배경 데코레이션 추가 (삭제된 줄)
 					let currentAsisLineOffset = asisCursor;
-					for(let i = 0; i < asisLines.length; i++) {
-						const lineStart = this.#asisEditorView.state.doc.lineAt(currentAsisLineOffset).from;
-						const lineEnd = i === asisLines.length - 1 ? currentAsisLineOffset + asisLines[i].length : this.#asisEditorView.state.doc.lineAt(currentAsisLineOffset).to;
-
-						asisBuilder.add(
-							lineStart, lineEnd,
-							Decoration.line({ class: "cm-deleted-line-bg" })
-						);
+					const asisLines = text.split('\n');
+					for (let i = 0; i < asisLines.length; i++) {
+						const line = this.#asisEditorView.state.doc.lineAt(currentAsisLineOffset);
+						asisDecorationsToAdd.push({
+							from: line.from,
+							to: line.to,
+							deco: Decoration.line({ class: "cm-deleted-line-bg" })
+						});
 						currentAsisLineOffset += asisLines[i].length + 1;
 					}
 
 					asisCursor += len;
 					break;
 
-				case diff_match_patch.DIFF_EQUAL:
+				case diff_match_patch.DIFF_EQUAL: // 변경되지 않은 텍스트
 					asisCursor += len;
 					tobeCursor += len;
 					break;
 			}
 		}
 
+		// ⭐️ 중요: 데코레이션들을 'from' 위치를 기준으로 정렬합니다.
+		asisDecorationsToAdd.sort((a, b) => a.from - b.from);
+		tobeDecorationsToAdd.sort((a, b) => a.from - b.from);
+
+		// 정렬된 데코레이션들을 RangeSetBuilder에 추가합니다.
+		const asisBuilder = new RangeSetBuilder();
+		for (const { from, to, deco } of asisDecorationsToAdd) {
+			asisBuilder.add(from, to, deco);
+		}
+
+		const tobeBuilder = new RangeSetBuilder();
+		for (const { from, to, deco } of tobeDecorationsToAdd) {
+			tobeBuilder.add(from, to, deco);
+		}
+
+		// 데코레이션 업데이트를 위한 Effect를 디스패치합니다.
 		this.#asisEditorView.dispatch({
 			effects: setAsisDecorationsEffect.of(asisBuilder.finish())
 		});

package/package.json

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

package/src/components/ideDiff.js

@@ -221,72 +221,91 @@ export class IdeDiff extends HTMLElement {
 		const diffs = dmp.diff_main(asisSrc, tobeSrc);
 		dmp.diff_cleanupSemantic(diffs);
 
-		const asisBuilder = new RangeSetBuilder();
-		const tobeBuilder = new RangeSetBuilder();
+		// 모든 데코레이션을 builder에 추가하기 전에 수집합니다.
+		const asisDecorationsToAdd = [];
+		const tobeDecorationsToAdd = [];
 
-		let asisCursor = 0;
-		let tobeCursor = 0;
+		let asisCursor = 0; // asis 에디터에서의 현재 텍스트 오프셋
+		let tobeCursor = 0; // tobe 에디터에서의 현재 텍스트 오프셋
 
 		for (const [op, text] of diffs) {
 			const len = text.length;
 
 			switch (op) {
-				case diff_match_patch.DIFF_INSERT:
-					tobeBuilder.add(
-						tobeCursor, tobeCursor + len,
-						Decoration.mark({ class: "cm-inserted-inline" })
-					);
-
-					// Inserted lines background
-					const tobeLines = text.split('\n');
+				case diff_match_patch.DIFF_INSERT: // 추가된 텍스트
+					// tobe 쪽에 인라인 데코레이션 추가
+					tobeDecorationsToAdd.push({
+						from: tobeCursor,
+						to: tobeCursor + len,
+						deco: Decoration.mark({ class: "cm-inserted-inline" })
+					});
+
+					// tobe 쪽에 줄 배경 데코레이션 추가 (삽입된 줄)
+					// text가 여러 줄일 수 있으므로 각 줄에 적용
 					let currentTobeLineOffset = tobeCursor;
-					for(let i = 0; i < tobeLines.length; i++) {
-						// Get line start/end from the *current* editor view's document
-						const lineStart = this.#tobeEditorView.state.doc.lineAt(currentTobeLineOffset).from;
-						// For the last segment of a multi-line insertion, the end is just current offset + segment length
-						// Otherwise, it's the end of the current line in the doc.
-						const lineEnd = i === tobeLines.length - 1 ? currentTobeLineOffset + tobeLines[i].length : this.#tobeEditorView.state.doc.lineAt(currentTobeLineOffset).to;
-
-						tobeBuilder.add(
-							lineStart, lineEnd,
-							Decoration.line({ class: "cm-inserted-line-bg" })
-						);
-						currentTobeLineOffset += tobeLines[i].length + 1; // Move to next line start
+					const tobeLines = text.split('\n');
+					for (let i = 0; i < tobeLines.length; i++) {
+						// 현재 에디터 뷰의 문서에서 줄 정보를 가져옵니다.
+						// 이전에 `tobeEditorView`가 전역 변수처럼 사용되었을 가능성을 위해 `this.#tobeEditorView`로 명시
+						const line = this.#tobeEditorView.state.doc.lineAt(currentTobeLineOffset);
+						tobeDecorationsToAdd.push({
+							from: line.from,
+							to: line.to,
+							deco: Decoration.line({ class: "cm-inserted-line-bg" })
+						});
+						currentTobeLineOffset += tobeLines[i].length + 1; // 다음 줄 시작 위치로 이동
 					}
 
 					tobeCursor += len;
 					break;
 
-				case diff_match_patch.DIFF_DELETE:
-					asisBuilder.add(
-						asisCursor, asisCursor + len,
-						Decoration.mark({ class: "cm-deleted-inline" })
-					);
+				case diff_match_patch.DIFF_DELETE: // 삭제된 텍스트
+					// asis 쪽에 인라인 데코레이션 추가
+					asisDecorationsToAdd.push({
+						from: asisCursor,
+						to: asisCursor + len,
+						deco: Decoration.mark({ class: "cm-deleted-inline" })
+					});
 
-					// Deleted lines background
-					const asisLines = text.split('\n');
+					// asis 쪽에 줄 배경 데코레이션 추가 (삭제된 줄)
 					let currentAsisLineOffset = asisCursor;
-					for(let i = 0; i < asisLines.length; i++) {
-						const lineStart = this.#asisEditorView.state.doc.lineAt(currentAsisLineOffset).from;
-						const lineEnd = i === asisLines.length - 1 ? currentAsisLineOffset + asisLines[i].length : this.#asisEditorView.state.doc.lineAt(currentAsisLineOffset).to;
-
-						asisBuilder.add(
-							lineStart, lineEnd,
-							Decoration.line({ class: "cm-deleted-line-bg" })
-						);
+					const asisLines = text.split('\n');
+					for (let i = 0; i < asisLines.length; i++) {
+						const line = this.#asisEditorView.state.doc.lineAt(currentAsisLineOffset);
+						asisDecorationsToAdd.push({
+							from: line.from,
+							to: line.to,
+							deco: Decoration.line({ class: "cm-deleted-line-bg" })
+						});
 						currentAsisLineOffset += asisLines[i].length + 1;
 					}
 
 					asisCursor += len;
 					break;
 
-				case diff_match_patch.DIFF_EQUAL:
+				case diff_match_patch.DIFF_EQUAL: // 변경되지 않은 텍스트
 					asisCursor += len;
 					tobeCursor += len;
 					break;
 			}
 		}
 
+		// ⭐️ 중요: 데코레이션들을 'from' 위치를 기준으로 정렬합니다.
+		asisDecorationsToAdd.sort((a, b) => a.from - b.from);
+		tobeDecorationsToAdd.sort((a, b) => a.from - b.from);
+
+		// 정렬된 데코레이션들을 RangeSetBuilder에 추가합니다.
+		const asisBuilder = new RangeSetBuilder();
+		for (const { from, to, deco } of asisDecorationsToAdd) {
+			asisBuilder.add(from, to, deco);
+		}
+
+		const tobeBuilder = new RangeSetBuilder();
+		for (const { from, to, deco } of tobeDecorationsToAdd) {
+			tobeBuilder.add(from, to, deco);
+		}
+
+		// 데코레이션 업데이트를 위한 Effect를 디스패치합니다.
 		this.#asisEditorView.dispatch({
 			effects: setAsisDecorationsEffect.of(asisBuilder.finish())
 		});