ide-assi 0.396.0 → 0.398.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bundle.cjs.js +11 -6
- package/dist/bundle.esm.js +11 -6
- package/dist/components/ideDiff.js +11 -6
- package/package.json +1 -1
- package/src/components/ideDiff.js +11 -6
package/dist/bundle.cjs.js
CHANGED
|
@@ -235080,8 +235080,6 @@ class IdeDiff extends HTMLElement {
|
|
|
235080
235080
|
// 1단계: 텍스트 내용 변경과 언어 확장을 먼저 디스패치합니다.
|
|
235081
235081
|
// 'to' 값을 현재 문서 길이 전체로 지정하여 정확한 교체를 보장합니다.
|
|
235082
235082
|
|
|
235083
|
-
console.log(this.#asisEditorView, this.#asisEditorView.state.doc.length);
|
|
235084
|
-
|
|
235085
235083
|
this.#asisEditorView.dispatch({
|
|
235086
235084
|
changes: { from: 0, to: this.#asisEditorView.state.doc.length, insert: src1 },
|
|
235087
235085
|
effects: [
|
|
@@ -235089,22 +235087,29 @@ class IdeDiff extends HTMLElement {
|
|
|
235089
235087
|
]
|
|
235090
235088
|
});
|
|
235091
235089
|
|
|
235092
|
-
console.log(this.#asisEditorView, this.#asisEditorView.state.doc.length);
|
|
235093
|
-
|
|
235094
|
-
console.log(this.#tobeEditorView, this.#tobeEditorView.state.doc.length);
|
|
235095
235090
|
this.#tobeEditorView.dispatch({
|
|
235096
235091
|
changes: { from: 0, to: this.#tobeEditorView.state.doc.length, insert: src2 },
|
|
235097
235092
|
effects: [
|
|
235098
235093
|
this.#languageCompartment.reconfigure(langExtension)
|
|
235099
235094
|
]
|
|
235100
235095
|
});
|
|
235101
|
-
|
|
235096
|
+
|
|
235097
|
+
console.log(asisEffect, tobeEffect);
|
|
235102
235098
|
|
|
235103
235099
|
// ⭐️ 2단계: 텍스트 및 언어 변경이 완전히 적용되고 뷰가 안정화될 시간을 줍니다.
|
|
235104
235100
|
// 다음 프레임에서 데코레이션 효과만 별도로 디스패치합니다.
|
|
235105
235101
|
requestAnimationFrame(() => {
|
|
235106
235102
|
this.#asisEditorView.dispatch({
|
|
235107
235103
|
//effects: [asisEffect]
|
|
235104
|
+
effects: StateEffect.appendConfig.of([
|
|
235105
|
+
EditorView.decorations.of(
|
|
235106
|
+
Decoration.set(
|
|
235107
|
+
Decoration.line(
|
|
235108
|
+
{attributes: {style: "font-weight: bold"}}
|
|
235109
|
+
).range(0)
|
|
235110
|
+
)
|
|
235111
|
+
),
|
|
235112
|
+
])
|
|
235108
235113
|
});
|
|
235109
235114
|
this.#tobeEditorView.dispatch({
|
|
235110
235115
|
//effects: [tobeEffect]
|
package/dist/bundle.esm.js
CHANGED
|
@@ -235076,8 +235076,6 @@ class IdeDiff extends HTMLElement {
|
|
|
235076
235076
|
// 1단계: 텍스트 내용 변경과 언어 확장을 먼저 디스패치합니다.
|
|
235077
235077
|
// 'to' 값을 현재 문서 길이 전체로 지정하여 정확한 교체를 보장합니다.
|
|
235078
235078
|
|
|
235079
|
-
console.log(this.#asisEditorView, this.#asisEditorView.state.doc.length);
|
|
235080
|
-
|
|
235081
235079
|
this.#asisEditorView.dispatch({
|
|
235082
235080
|
changes: { from: 0, to: this.#asisEditorView.state.doc.length, insert: src1 },
|
|
235083
235081
|
effects: [
|
|
@@ -235085,22 +235083,29 @@ class IdeDiff extends HTMLElement {
|
|
|
235085
235083
|
]
|
|
235086
235084
|
});
|
|
235087
235085
|
|
|
235088
|
-
console.log(this.#asisEditorView, this.#asisEditorView.state.doc.length);
|
|
235089
|
-
|
|
235090
|
-
console.log(this.#tobeEditorView, this.#tobeEditorView.state.doc.length);
|
|
235091
235086
|
this.#tobeEditorView.dispatch({
|
|
235092
235087
|
changes: { from: 0, to: this.#tobeEditorView.state.doc.length, insert: src2 },
|
|
235093
235088
|
effects: [
|
|
235094
235089
|
this.#languageCompartment.reconfigure(langExtension)
|
|
235095
235090
|
]
|
|
235096
235091
|
});
|
|
235097
|
-
|
|
235092
|
+
|
|
235093
|
+
console.log(asisEffect, tobeEffect);
|
|
235098
235094
|
|
|
235099
235095
|
// ⭐️ 2단계: 텍스트 및 언어 변경이 완전히 적용되고 뷰가 안정화될 시간을 줍니다.
|
|
235100
235096
|
// 다음 프레임에서 데코레이션 효과만 별도로 디스패치합니다.
|
|
235101
235097
|
requestAnimationFrame(() => {
|
|
235102
235098
|
this.#asisEditorView.dispatch({
|
|
235103
235099
|
//effects: [asisEffect]
|
|
235100
|
+
effects: StateEffect.appendConfig.of([
|
|
235101
|
+
EditorView.decorations.of(
|
|
235102
|
+
Decoration.set(
|
|
235103
|
+
Decoration.line(
|
|
235104
|
+
{attributes: {style: "font-weight: bold"}}
|
|
235105
|
+
).range(0)
|
|
235106
|
+
)
|
|
235107
|
+
),
|
|
235108
|
+
])
|
|
235104
235109
|
});
|
|
235105
235110
|
this.#tobeEditorView.dispatch({
|
|
235106
235111
|
//effects: [tobeEffect]
|
|
@@ -328,8 +328,6 @@ export class IdeDiff extends HTMLElement {
|
|
|
328
328
|
// 1단계: 텍스트 내용 변경과 언어 확장을 먼저 디스패치합니다.
|
|
329
329
|
// 'to' 값을 현재 문서 길이 전체로 지정하여 정확한 교체를 보장합니다.
|
|
330
330
|
|
|
331
|
-
console.log(this.#asisEditorView, this.#asisEditorView.state.doc.length);
|
|
332
|
-
|
|
333
331
|
this.#asisEditorView.dispatch({
|
|
334
332
|
changes: { from: 0, to: this.#asisEditorView.state.doc.length, insert: src1 },
|
|
335
333
|
effects: [
|
|
@@ -337,22 +335,29 @@ export class IdeDiff extends HTMLElement {
|
|
|
337
335
|
]
|
|
338
336
|
});
|
|
339
337
|
|
|
340
|
-
console.log(this.#asisEditorView, this.#asisEditorView.state.doc.length);
|
|
341
|
-
|
|
342
|
-
console.log(this.#tobeEditorView, this.#tobeEditorView.state.doc.length);
|
|
343
338
|
this.#tobeEditorView.dispatch({
|
|
344
339
|
changes: { from: 0, to: this.#tobeEditorView.state.doc.length, insert: src2 },
|
|
345
340
|
effects: [
|
|
346
341
|
this.#languageCompartment.reconfigure(langExtension)
|
|
347
342
|
]
|
|
348
343
|
});
|
|
349
|
-
|
|
344
|
+
|
|
345
|
+
console.log(asisEffect, tobeEffect);
|
|
350
346
|
|
|
351
347
|
// ⭐️ 2단계: 텍스트 및 언어 변경이 완전히 적용되고 뷰가 안정화될 시간을 줍니다.
|
|
352
348
|
// 다음 프레임에서 데코레이션 효과만 별도로 디스패치합니다.
|
|
353
349
|
requestAnimationFrame(() => {
|
|
354
350
|
this.#asisEditorView.dispatch({
|
|
355
351
|
//effects: [asisEffect]
|
|
352
|
+
effects: StateEffect.appendConfig.of([
|
|
353
|
+
EditorView.decorations.of(
|
|
354
|
+
Decoration.set(
|
|
355
|
+
Decoration.line(
|
|
356
|
+
{attributes: {style: "font-weight: bold"}}
|
|
357
|
+
).range(0)
|
|
358
|
+
)
|
|
359
|
+
),
|
|
360
|
+
])
|
|
356
361
|
});
|
|
357
362
|
this.#tobeEditorView.dispatch({
|
|
358
363
|
//effects: [tobeEffect]
|
package/package.json
CHANGED
|
@@ -328,8 +328,6 @@ export class IdeDiff extends HTMLElement {
|
|
|
328
328
|
// 1단계: 텍스트 내용 변경과 언어 확장을 먼저 디스패치합니다.
|
|
329
329
|
// 'to' 값을 현재 문서 길이 전체로 지정하여 정확한 교체를 보장합니다.
|
|
330
330
|
|
|
331
|
-
console.log(this.#asisEditorView, this.#asisEditorView.state.doc.length);
|
|
332
|
-
|
|
333
331
|
this.#asisEditorView.dispatch({
|
|
334
332
|
changes: { from: 0, to: this.#asisEditorView.state.doc.length, insert: src1 },
|
|
335
333
|
effects: [
|
|
@@ -337,22 +335,29 @@ export class IdeDiff extends HTMLElement {
|
|
|
337
335
|
]
|
|
338
336
|
});
|
|
339
337
|
|
|
340
|
-
console.log(this.#asisEditorView, this.#asisEditorView.state.doc.length);
|
|
341
|
-
|
|
342
|
-
console.log(this.#tobeEditorView, this.#tobeEditorView.state.doc.length);
|
|
343
338
|
this.#tobeEditorView.dispatch({
|
|
344
339
|
changes: { from: 0, to: this.#tobeEditorView.state.doc.length, insert: src2 },
|
|
345
340
|
effects: [
|
|
346
341
|
this.#languageCompartment.reconfigure(langExtension)
|
|
347
342
|
]
|
|
348
343
|
});
|
|
349
|
-
|
|
344
|
+
|
|
345
|
+
console.log(asisEffect, tobeEffect);
|
|
350
346
|
|
|
351
347
|
// ⭐️ 2단계: 텍스트 및 언어 변경이 완전히 적용되고 뷰가 안정화될 시간을 줍니다.
|
|
352
348
|
// 다음 프레임에서 데코레이션 효과만 별도로 디스패치합니다.
|
|
353
349
|
requestAnimationFrame(() => {
|
|
354
350
|
this.#asisEditorView.dispatch({
|
|
355
351
|
//effects: [asisEffect]
|
|
352
|
+
effects: StateEffect.appendConfig.of([
|
|
353
|
+
EditorView.decorations.of(
|
|
354
|
+
Decoration.set(
|
|
355
|
+
Decoration.line(
|
|
356
|
+
{attributes: {style: "font-weight: bold"}}
|
|
357
|
+
).range(0)
|
|
358
|
+
)
|
|
359
|
+
),
|
|
360
|
+
])
|
|
356
361
|
});
|
|
357
362
|
this.#tobeEditorView.dispatch({
|
|
358
363
|
//effects: [tobeEffect]
|