mirror of
https://github.com/hyungyunlim/obsidian-korean-grammar-assistant.git
synced 2026-07-22 06:42:55 +00:00
fix: round 3 review feedback — window.* timers, full any cleanup, no require() (v0.3.2)
Round 3 of Obsidian plugin review. Eliminates remaining any types,
reverses incorrect activeWindow timer convention, removes Node fs/path
imports entirely, and addresses dozens of unused-import/var warnings.
- Reverse all activeWindow.{setTimeout,clearTimeout,setInterval,clearInterval}
back to window.* (reviewer wants window.* for timer functions)
- Replace bare requestAnimationFrame with window.requestAnimationFrame
- Drop local api-config.json fs/path loader (was dev-only, reviewer
forbids require() and Node builtin imports). DEFAULT_SETTINGS now
inline literal — no I/O at module load
- Replace 'builtin-modules' npm dep with Node's native node:module
builtinModules import in esbuild.config.mjs
- src/ui/settingsTab.ts: type all service accesses (AdvancedSettingsService,
ErrorHandlerService, Logger.getStats/getMemoryUsage/getHistory return
values); add LogStats/ErrorStats/MemoryUsage typed shapes; remove 11
require() callsites in favor of top-level ES imports
- src/popup/, src/services/, src/api/, src/ui/, src/utils/: type all
remaining any (event handlers, error catches via instanceof Error,
Bareun response shapes, optimizedApi reject(new Error()))
- Remove 6 unused action-data interfaces in CorrectionPopupCore plus
~20 unused imports/locals across popup/services/ui/utils
- src/services/inlineModeService.ts: fix unbound 'this' via StateField
arg shape, remove dead ErrorWidget, redundant double negation
- src/ui/correctionPopup.ts, inlineTooltip.ts: convert remaining
document.* to activeDocument.*; remove unnecessary !-assertions;
guard error.stack/message via instanceof Error
- Replace last instanceof HTMLElement (HeaderRenderer) with typed
querySelector<HTMLElement>
Build: tsc clean (0 errors), esbuild production succeeds (main.js 639KB)
Residual review-blocker patterns in shipped code: 0
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
hyungyunlim
parent
18aa8c451e
commit
b121eba105
44 changed files with 361 additions and 491 deletions
|
|
@ -1,6 +1,6 @@
|
|||
import esbuild from "esbuild";
|
||||
import process from "process";
|
||||
import builtins from "builtin-modules";
|
||||
import { builtinModules } from "node:module";
|
||||
|
||||
const banner =
|
||||
`/*
|
||||
|
|
@ -31,7 +31,8 @@ const jsContext = await esbuild.context({
|
|||
"@lezer/common",
|
||||
"@lezer/highlight",
|
||||
"@lezer/lr",
|
||||
...builtins],
|
||||
...builtinModules,
|
||||
...builtinModules.map((m) => `node:${m}`)],
|
||||
format: "cjs",
|
||||
target: "es2018",
|
||||
logLevel: "info",
|
||||
|
|
|
|||
10
main.ts
10
main.ts
|
|
@ -426,7 +426,7 @@ export default class KoreanGrammarPlugin extends Plugin {
|
|||
analysisNotice.setMessage(`🔢 선택 영역 내 ${selectionErrorCount}개 오류 분석 준비 중...`);
|
||||
|
||||
// 잠시 대기 (UI 업데이트 시간 확보)
|
||||
await new Promise(resolve => activeWindow.setTimeout(resolve, 500));
|
||||
await new Promise(resolve => window.setTimeout(resolve, 500));
|
||||
|
||||
// 3단계: AI API 호출 알림
|
||||
analysisNotice.setMessage(`🧠 선택 영역 AI 분석 중 (${modelInfo.model})... 수십 초 소요될 수 있습니다`);
|
||||
|
|
@ -477,7 +477,7 @@ export default class KoreanGrammarPlugin extends Plugin {
|
|||
}
|
||||
|
||||
// 잠시 대기 (UI 업데이트 시간 확보)
|
||||
await new Promise(resolve => activeWindow.setTimeout(resolve, 500));
|
||||
await new Promise(resolve => window.setTimeout(resolve, 500));
|
||||
|
||||
// 3단계: AI API 호출 알림
|
||||
analysisNotice.setMessage(`🧠 AI 분석 중 (${modelInfo.model})... 수십 초 소요될 수 있습니다`);
|
||||
|
|
@ -531,7 +531,7 @@ export default class KoreanGrammarPlugin extends Plugin {
|
|||
await InlineModeService.checkText(targetText);
|
||||
|
||||
// 잠시 대기 (맞춤법 검사 완료 대기)
|
||||
await new Promise(resolve => activeWindow.setTimeout(resolve, 1000));
|
||||
await new Promise(resolve => window.setTimeout(resolve, 1000));
|
||||
|
||||
// 오류 개수 확인
|
||||
const errorCount = InlineModeService.getErrorCount();
|
||||
|
|
@ -545,7 +545,7 @@ export default class KoreanGrammarPlugin extends Plugin {
|
|||
processNotice.setMessage(`✅ 맞춤법 검사 완료! ${errorCount}개 오류 발견 (빨간색 표시)`);
|
||||
|
||||
// 사용자가 빨간색 오류를 확인할 수 있는 시간 (3초)
|
||||
await new Promise(resolve => activeWindow.setTimeout(resolve, 3000));
|
||||
await new Promise(resolve => window.setTimeout(resolve, 3000));
|
||||
|
||||
// 3단계: AI 분석 시작 알림
|
||||
const { getCurrentModelInfo } = await import('./src/constants/aiModels');
|
||||
|
|
@ -575,7 +575,7 @@ export default class KoreanGrammarPlugin extends Plugin {
|
|||
}
|
||||
|
||||
// 잠시 대기 (UI 업데이트 시간 확보)
|
||||
await new Promise(resolve => activeWindow.setTimeout(resolve, 500));
|
||||
await new Promise(resolve => window.setTimeout(resolve, 500));
|
||||
|
||||
// 3단계: AI API 호출
|
||||
processNotice.setMessage(`🧠 AI 분석 중 (${modelInfo.model})... 수십 초 소요될 수 있습니다`);
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
{
|
||||
"id": "korean-grammar-assistant",
|
||||
"name": "Korean Grammar Assistant",
|
||||
"version": "0.3.1",
|
||||
"version": "0.3.2",
|
||||
"minAppVersion": "1.4.0",
|
||||
"description": "Korean grammar and spelling checker with real-time inline editing (BETA) and AI-powered suggestions. Features modular architecture and mobile optimization.",
|
||||
"author": "hyungyunlim",
|
||||
|
|
|
|||
18
package-lock.json
generated
18
package-lock.json
generated
|
|
@ -1,12 +1,12 @@
|
|||
{
|
||||
"name": "korean-grammar-assistant",
|
||||
"version": "0.3.0",
|
||||
"version": "0.3.1",
|
||||
"lockfileVersion": 3,
|
||||
"requires": true,
|
||||
"packages": {
|
||||
"": {
|
||||
"name": "korean-grammar-assistant",
|
||||
"version": "0.3.0",
|
||||
"version": "0.3.1",
|
||||
"license": "MIT",
|
||||
"devDependencies": {
|
||||
"@codemirror/state": "^6.0.0",
|
||||
|
|
@ -14,7 +14,6 @@
|
|||
"@types/node": "^16.11.6",
|
||||
"@typescript-eslint/eslint-plugin": "5.29.0",
|
||||
"@typescript-eslint/parser": "5.29.0",
|
||||
"builtin-modules": "3.3.0",
|
||||
"esbuild": "0.17.3",
|
||||
"obsidian": "latest",
|
||||
"tslib": "2.4.0",
|
||||
|
|
@ -920,19 +919,6 @@
|
|||
"node": ">=8"
|
||||
}
|
||||
},
|
||||
"node_modules/builtin-modules": {
|
||||
"version": "3.3.0",
|
||||
"resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-3.3.0.tgz",
|
||||
"integrity": "sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">=6"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://github.com/sponsors/sindresorhus"
|
||||
}
|
||||
},
|
||||
"node_modules/callsites": {
|
||||
"version": "3.1.0",
|
||||
"resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "korean-grammar-assistant",
|
||||
"version": "0.3.1",
|
||||
"version": "0.3.2",
|
||||
"description": "Korean grammar and spelling checker for Obsidian with AI-powered suggestions. Features interactive corrections, performance optimization, and comprehensive settings management.",
|
||||
"main": "main.js",
|
||||
"scripts": {
|
||||
|
|
@ -18,7 +18,6 @@
|
|||
"@types/node": "^16.11.6",
|
||||
"@typescript-eslint/eslint-plugin": "5.29.0",
|
||||
"@typescript-eslint/parser": "5.29.0",
|
||||
"builtin-modules": "3.3.0",
|
||||
"esbuild": "0.17.3",
|
||||
"obsidian": "latest",
|
||||
"tslib": "2.4.0",
|
||||
|
|
|
|||
|
|
@ -27,7 +27,7 @@ export class AIClientFactory {
|
|||
case 'ollama':
|
||||
return new OllamaClient(settings.ollamaEndpoint);
|
||||
default:
|
||||
throw new Error(`지원하지 않는 AI 제공자입니다: ${provider}`);
|
||||
throw new Error(`지원하지 않는 AI 제공자입니다: ${String(provider)}`);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -123,7 +123,7 @@ ${correctionContexts.map((ctx, index) => {
|
|||
'original-kept': '🟠 원본유지',
|
||||
'user-edited': '🟣 사용자편집'
|
||||
};
|
||||
const stateName = stateNames[ctx.currentState as keyof typeof stateNames] || `🔘 ${ctx.currentState}`;
|
||||
const stateName = stateNames[ctx.currentState] || `🔘 ${ctx.currentState}`;
|
||||
contextInfo += `
|
||||
현재 상태: ${stateName} (값: "${ctx.currentValue}")`;
|
||||
}
|
||||
|
|
@ -161,7 +161,7 @@ ${correctionContexts.map((ctx, index) => {
|
|||
'original-kept': '🟠 원본유지',
|
||||
'user-edited': '🟣 사용자편집'
|
||||
};
|
||||
const stateName = stateNames[ctx.currentState as keyof typeof stateNames] || `🔘 ${ctx.currentState}`;
|
||||
const stateName = stateNames[ctx.currentState] || `🔘 ${ctx.currentState}`;
|
||||
contextInfo += `
|
||||
현재 상태: ${stateName} (값: "${ctx.currentValue}")`;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -44,7 +44,7 @@ export class SpellCheckOrchestrator {
|
|||
async execute(): Promise<void> {
|
||||
try {
|
||||
// 1. 활성 마크다운 뷰와 에디터 가져오기
|
||||
const { editor, selectedText, selectionStart, selectionEnd, file } = this.getEditorInfo()!;
|
||||
const { editor, selectedText, selectionStart, selectionEnd, file } = this.getEditorInfo();
|
||||
|
||||
if (!selectedText || selectedText.trim().length === 0) {
|
||||
new Notice("검사할 텍스트가 없습니다.");
|
||||
|
|
@ -303,7 +303,7 @@ export class SpellCheckOrchestrator {
|
|||
* 비동기 대기 헬퍼 함수
|
||||
*/
|
||||
private sleep(ms: number): Promise<void> {
|
||||
return new Promise(resolve => activeWindow.setTimeout(resolve, ms));
|
||||
return new Promise(resolve => window.setTimeout(resolve, ms));
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
|
|||
|
|
@ -179,7 +179,7 @@ export class PerformanceOptimizer implements IPopupServiceManager {
|
|||
this.renderScheduled = true;
|
||||
|
||||
// requestAnimationFrame을 사용하여 브라우저 렌더링 사이클에 맞춤
|
||||
requestAnimationFrame(() => {
|
||||
window.requestAnimationFrame(() => {
|
||||
const startTime = performance.now();
|
||||
|
||||
try {
|
||||
|
|
@ -312,7 +312,8 @@ export class PerformanceOptimizer implements IPopupServiceManager {
|
|||
private cleanupCachedData(): void {
|
||||
// 성능 메트릭 이외의 임시 데이터 정리
|
||||
// (현재는 별도의 캐시가 없으므로 메트릭만 리셋)
|
||||
const previousMetrics = { ...this.performanceMetrics };
|
||||
const _previousMetrics = { ...this.performanceMetrics };
|
||||
void _previousMetrics;
|
||||
this.performanceMetrics = {
|
||||
...this.performanceMetrics,
|
||||
renderTime: 0 // 렌더링 시간만 리셋
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
import { IPopupServiceManager, RenderContext } from '../types/PopupTypes';
|
||||
import { AISettings, AIAnalysisRequest, CorrectionContext } from '../../types/interfaces';
|
||||
import { AISettings, AIAnalysisRequest } from '../../types/interfaces';
|
||||
import { estimateAnalysisTokenUsage, estimateCost } from '../../utils/tokenEstimator';
|
||||
import { TokenUsage, TokenWarningSettings, TokenWarningModal } from '../../utils/tokenWarningModal';
|
||||
import { TokenUsage, TokenWarningSettings } from '../../utils/tokenWarningModal';
|
||||
import { Logger } from '../../utils/logger';
|
||||
import { Notice } from 'obsidian';
|
||||
|
||||
|
|
|
|||
|
|
@ -28,37 +28,6 @@ import { CorrectionStateManager } from '../../state/correctionState';
|
|||
import { AIAnalysisService } from '../../services/aiAnalysisService';
|
||||
import { Logger } from '../../utils/logger';
|
||||
|
||||
// =============================================================================
|
||||
// 액션 페이로드 타입 정의
|
||||
// =============================================================================
|
||||
|
||||
interface ErrorToggleActionData {
|
||||
correctionIndex: number;
|
||||
}
|
||||
|
||||
interface SuggestionSelectActionData {
|
||||
correctionIndex: number;
|
||||
suggestionIndex: number;
|
||||
}
|
||||
|
||||
interface EditModeActionData {
|
||||
correctionIndex: number;
|
||||
trigger?: string;
|
||||
}
|
||||
|
||||
interface NavigationActionData {
|
||||
action: 'next' | 'prev' | 'goto-page';
|
||||
page?: number;
|
||||
}
|
||||
|
||||
interface UIToggleActionData {
|
||||
target: string;
|
||||
}
|
||||
|
||||
interface TouchHoldActionData {
|
||||
correctionIndex: number;
|
||||
}
|
||||
|
||||
/** 안전한 객체 접근을 위한 record type-guard helper */
|
||||
function asRecord(value: unknown): Record<string, unknown> | null {
|
||||
return typeof value === 'object' && value !== null
|
||||
|
|
|
|||
|
|
@ -132,7 +132,7 @@ export class HoverHandler {
|
|||
const actionType = this.determineHoverAction(context);
|
||||
|
||||
// 지연 후 툴팁 표시
|
||||
this.hoverTimer = activeWindow.setTimeout(async () => {
|
||||
this.hoverTimer = window.setTimeout(async () => {
|
||||
await this.showHoverTooltip(actionType, context, event as MouseEvent);
|
||||
}, this.HOVER_DELAY);
|
||||
|
||||
|
|
@ -506,7 +506,7 @@ export class HoverHandler {
|
|||
tooltip.textContent = config.content;
|
||||
|
||||
// 애니메이션으로 나타나기
|
||||
activeWindow.setTimeout(() => {
|
||||
window.setTimeout(() => {
|
||||
tooltip.classList.remove('kga-tooltip-enter');
|
||||
tooltip.classList.add('kga-tooltip-visible');
|
||||
}, 10);
|
||||
|
|
@ -567,7 +567,7 @@ export class HoverHandler {
|
|||
this.activeTooltip.classList.add('kga-tooltip-exit');
|
||||
|
||||
// DOM에서 제거
|
||||
activeWindow.setTimeout(() => {
|
||||
window.setTimeout(() => {
|
||||
if (this.activeTooltip && this.tooltipContainer) {
|
||||
this.tooltipContainer.removeChild(this.activeTooltip);
|
||||
this.activeTooltip = undefined;
|
||||
|
|
@ -585,7 +585,7 @@ export class HoverHandler {
|
|||
*/
|
||||
private clearCurrentHover(): void {
|
||||
if (this.hoverTimer) {
|
||||
activeWindow.clearTimeout(this.hoverTimer);
|
||||
window.clearTimeout(this.hoverTimer);
|
||||
this.hoverTimer = undefined;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -366,7 +366,7 @@ export class MobileEventHandler {
|
|||
* 터치홀드 타이머 설정
|
||||
*/
|
||||
private setTouchHoldTimer(touchId: number, touchInfo: TouchInfo): void {
|
||||
const timer = activeWindow.setTimeout(() => {
|
||||
const timer = window.setTimeout(() => {
|
||||
this.triggerTouchHold(touchInfo);
|
||||
}, this.TOUCH_HOLD_DURATION);
|
||||
|
||||
|
|
@ -377,7 +377,7 @@ export class MobileEventHandler {
|
|||
* 롱프레스 타이머 설정
|
||||
*/
|
||||
private setLongPressTimer(touchId: number, touchInfo: TouchInfo): void {
|
||||
const timer = activeWindow.setTimeout(() => {
|
||||
const timer = window.setTimeout(() => {
|
||||
this.triggerLongPress(touchInfo);
|
||||
}, this.LONG_PRESS_DURATION);
|
||||
|
||||
|
|
@ -391,14 +391,14 @@ export class MobileEventHandler {
|
|||
// 터치홀드 타이머 정리
|
||||
const touchHoldTimer = this.touchHoldTimers.get(touchId);
|
||||
if (touchHoldTimer) {
|
||||
activeWindow.clearTimeout(touchHoldTimer);
|
||||
window.clearTimeout(touchHoldTimer);
|
||||
this.touchHoldTimers.delete(touchId);
|
||||
}
|
||||
|
||||
// 롱프레스 타이머 정리
|
||||
const longPressTimer = this.longPressTimers.get(touchId);
|
||||
if (longPressTimer) {
|
||||
activeWindow.clearTimeout(longPressTimer);
|
||||
window.clearTimeout(longPressTimer);
|
||||
this.longPressTimers.delete(touchId);
|
||||
}
|
||||
}
|
||||
|
|
@ -407,10 +407,10 @@ export class MobileEventHandler {
|
|||
* 모든 타이머 정리
|
||||
*/
|
||||
private clearAllTimers(): void {
|
||||
this.touchHoldTimers.forEach(timer => activeWindow.clearTimeout(timer));
|
||||
this.touchHoldTimers.forEach(timer => window.clearTimeout(timer));
|
||||
this.touchHoldTimers.clear();
|
||||
|
||||
this.longPressTimers.forEach(timer => activeWindow.clearTimeout(timer));
|
||||
this.longPressTimers.forEach(timer => window.clearTimeout(timer));
|
||||
this.longPressTimers.clear();
|
||||
}
|
||||
|
||||
|
|
@ -551,7 +551,7 @@ export class MobileEventHandler {
|
|||
this.editModeElements.set(target, input);
|
||||
|
||||
// 포커스 및 선택
|
||||
activeWindow.setTimeout(() => {
|
||||
window.setTimeout(() => {
|
||||
input.focus();
|
||||
input.select();
|
||||
}, 100);
|
||||
|
|
|
|||
|
|
@ -372,7 +372,7 @@ export class PopupEventManager implements IPopupServiceManager {
|
|||
this.clearTouchHoldTimer(touchId);
|
||||
|
||||
// 새 타이머 설정
|
||||
const timer = activeWindow.setTimeout(() => {
|
||||
const timer = window.setTimeout(() => {
|
||||
this.handleTouchHold(target);
|
||||
}, this.TOUCH_HOLD_DURATION);
|
||||
|
||||
|
|
@ -428,7 +428,7 @@ export class PopupEventManager implements IPopupServiceManager {
|
|||
private clearTouchHoldTimer(touchId: string): void {
|
||||
const timer = this.touchHoldTimers.get(touchId);
|
||||
if (timer) {
|
||||
activeWindow.clearTimeout(timer);
|
||||
window.clearTimeout(timer);
|
||||
this.touchHoldTimers.delete(touchId);
|
||||
}
|
||||
}
|
||||
|
|
@ -437,7 +437,7 @@ export class PopupEventManager implements IPopupServiceManager {
|
|||
* 모든 터치홀드 타이머 제거
|
||||
*/
|
||||
private clearAllTouchHoldTimers(): void {
|
||||
this.touchHoldTimers.forEach(timer => activeWindow.clearTimeout(timer));
|
||||
this.touchHoldTimers.forEach(timer => window.clearTimeout(timer));
|
||||
this.touchHoldTimers.clear();
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -254,7 +254,7 @@ export class FocusManager implements IPopupComponent {
|
|||
|
||||
if (shouldUpdate) {
|
||||
// 디바운스를 위해 지연 실행
|
||||
activeWindow.setTimeout(() => this.updateFocusableElements(), 50);
|
||||
window.setTimeout(() => this.updateFocusableElements(), 50);
|
||||
}
|
||||
});
|
||||
|
||||
|
|
@ -345,7 +345,7 @@ export class FocusManager implements IPopupComponent {
|
|||
currentElement.element.classList.add(this.FOCUS_CLASS, this.FOCUS_HIGHLIGHT_CLASS);
|
||||
|
||||
// 요소가 화면에 보이도록 스크롤
|
||||
activeWindow.setTimeout(() => this.scrollToCurrentFocus(), 100);
|
||||
window.setTimeout(() => this.scrollToCurrentFocus(), 100);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -4,11 +4,10 @@
|
|||
*/
|
||||
|
||||
import { Platform } from 'obsidian';
|
||||
import { RenderContext, IPopupComponent, PopupState, AIIntegrationState } from '../types/PopupTypes';
|
||||
import { RenderContext, IPopupComponent, PopupState } from '../types/PopupTypes';
|
||||
import { Logger } from '../../utils/logger';
|
||||
import { setIcon } from 'obsidian';
|
||||
import { createEl } from '../../utils/domUtils';
|
||||
import { clearElement } from '../../utils/domUtils';
|
||||
|
||||
/**
|
||||
* 헤더 버튼 타입
|
||||
|
|
@ -214,7 +213,7 @@ export class HeaderRenderer implements IPopupComponent {
|
|||
|
||||
// 페이지 정보 (긴 텍스트인 경우)
|
||||
if (this.context?.state.isLongText) {
|
||||
const pageInfoElement = createEl('span', {
|
||||
createEl('span', {
|
||||
cls: 'korean-grammar-popup-page-info',
|
||||
text: this.getPageInfoText(),
|
||||
parent: titleContainer
|
||||
|
|
@ -369,7 +368,7 @@ export class HeaderRenderer implements IPopupComponent {
|
|||
|
||||
// 텍스트 추가 (아이콘 전용이 아닌 경우)
|
||||
if (!options.iconOnly && options.text) {
|
||||
const textElement = createEl('span', {
|
||||
createEl('span', {
|
||||
cls: 'korean-grammar-popup-header-button-text',
|
||||
text: options.text,
|
||||
parent: button
|
||||
|
|
@ -452,8 +451,8 @@ export class HeaderRenderer implements IPopupComponent {
|
|||
}
|
||||
|
||||
// 아이콘 애니메이션 (분석 중일 때)
|
||||
const iconElement = this.aiButtonElement.querySelector('.korean-grammar-popup-header-button-icon');
|
||||
if (iconElement instanceof HTMLElement) {
|
||||
const iconElement = this.aiButtonElement.querySelector<HTMLElement>('.korean-grammar-popup-header-button-icon');
|
||||
if (iconElement) {
|
||||
if (this.isAiAnalyzing) {
|
||||
iconElement.classList.add('kga-spin');
|
||||
} else {
|
||||
|
|
|
|||
|
|
@ -339,7 +339,7 @@ export class PopupLayoutManager implements IPopupComponent {
|
|||
});
|
||||
|
||||
// 푸터 버튼들 (적용, 취소 등)
|
||||
const buttonContainer = createEl('div', {
|
||||
createEl('div', {
|
||||
cls: 'korean-grammar-popup-footer-buttons',
|
||||
parent: this.footerElement
|
||||
});
|
||||
|
|
|
|||
|
|
@ -3,8 +3,7 @@
|
|||
* 팝업 미리보기 영역(텍스트 표시, 오류 하이라이트)을 관리
|
||||
*/
|
||||
|
||||
import { Platform } from 'obsidian';
|
||||
import { RenderContext, IPopupComponent, PopupState, PaginationState } from '../types/PopupTypes';
|
||||
import { RenderContext, IPopupComponent, PopupState } from '../types/PopupTypes';
|
||||
import { Correction, PageCorrection } from '../../types/interfaces';
|
||||
import { Logger } from '../../utils/logger';
|
||||
import { createEl } from '../../utils/domUtils';
|
||||
|
|
|
|||
|
|
@ -9,7 +9,6 @@ import { Correction, PageCorrection, AIAnalysisResult } from '../../types/interf
|
|||
import { Logger } from '../../utils/logger';
|
||||
import { setIcon } from 'obsidian';
|
||||
import { createEl, setCssVariable } from '../../utils/domUtils';
|
||||
import { escapeHtml } from '../../utils/htmlUtils';
|
||||
|
||||
/**
|
||||
* 오류 카드 액션 타입
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
*/
|
||||
|
||||
import { createEl } from '../../utils/domUtils';
|
||||
import { PopupState, PaginationState, PageInfo, IPopupComponent, RenderContext, PopupEventType } from '../types/PopupTypes';
|
||||
import { PopupState, PageInfo, IPopupComponent, RenderContext } from '../types/PopupTypes';
|
||||
import { Logger } from '../../utils/logger';
|
||||
|
||||
export interface PageNavigationEvent {
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
import { createEl } from '../../utils/domUtils';
|
||||
import { PageSplitter } from './PageSplitter';
|
||||
import { PageNavigator } from './PageNavigator';
|
||||
import { PopupState, PaginationState, PageInfo, PageSplitOptions, IPopupComponent, RenderContext } from '../types/PopupTypes';
|
||||
import { PopupState, PaginationState, PageInfo, IPopupComponent, RenderContext } from '../types/PopupTypes';
|
||||
import { Correction, PageCorrection } from '../../types/interfaces';
|
||||
import { Logger } from '../../utils/logger';
|
||||
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@ import { App } from 'obsidian';
|
|||
import { PageCorrection, CorrectionState, RenderContext } from '../../types/interfaces';
|
||||
import { Logger } from '../../utils/logger';
|
||||
import { ErrorRenderer, ErrorRenderOptions } from './ErrorRenderer';
|
||||
import { InteractionHandler, InteractionConfig } from './InteractionHandler';
|
||||
import { InteractionHandler } from './InteractionHandler';
|
||||
import { createEl, parseHTMLSafely, setCssVariable } from '../../utils/domUtils';
|
||||
|
||||
export interface ComponentConfig {
|
||||
|
|
@ -34,7 +34,7 @@ export interface ComponentTemplate {
|
|||
name: string;
|
||||
html: string;
|
||||
css?: string;
|
||||
bindings?: Record<string, any>;
|
||||
bindings?: Record<string, unknown>;
|
||||
}
|
||||
|
||||
export class ComponentManager {
|
||||
|
|
@ -492,9 +492,8 @@ export class ComponentManager {
|
|||
const correctionIndex = parseInt(element.dataset.correctionIndex || '-1');
|
||||
|
||||
if (correctionIndex >= 0) {
|
||||
// 보이는 상태 업데이트
|
||||
const isVisible = entry.isIntersecting;
|
||||
// 필요시 지연 로딩 처리
|
||||
// 보이는 상태 업데이트 - 필요시 지연 로딩 처리
|
||||
void entry.isIntersecting;
|
||||
}
|
||||
});
|
||||
},
|
||||
|
|
|
|||
|
|
@ -230,14 +230,14 @@ export class ErrorRenderer {
|
|||
// 기존 애니메이션 타이머 정리
|
||||
const existingTimeout = this.animationTimeouts.get(correctionIndex);
|
||||
if (existingTimeout) {
|
||||
activeWindow.clearTimeout(existingTimeout);
|
||||
window.clearTimeout(existingTimeout);
|
||||
}
|
||||
|
||||
// 애니메이션 클래스 추가
|
||||
element.classList.add('focus-animation');
|
||||
|
||||
// 애니메이션 종료 후 클래스 제거
|
||||
const timeout = activeWindow.setTimeout(() => {
|
||||
const timeout = window.setTimeout(() => {
|
||||
element.classList.remove('focus-animation');
|
||||
this.animationTimeouts.delete(correctionIndex);
|
||||
}, 600); // CSS 애니메이션 지속시간과 일치
|
||||
|
|
@ -454,7 +454,7 @@ export class ErrorRenderer {
|
|||
// 애니메이션 타이머 정리
|
||||
const timeout = this.animationTimeouts.get(correctionIndex);
|
||||
if (timeout) {
|
||||
activeWindow.clearTimeout(timeout);
|
||||
window.clearTimeout(timeout);
|
||||
this.animationTimeouts.delete(correctionIndex);
|
||||
}
|
||||
|
||||
|
|
@ -471,7 +471,7 @@ export class ErrorRenderer {
|
|||
*/
|
||||
dispose(): void {
|
||||
// 모든 애니메이션 타이머 정리
|
||||
this.animationTimeouts.forEach(timeout => activeWindow.clearTimeout(timeout));
|
||||
this.animationTimeouts.forEach(timeout => window.clearTimeout(timeout));
|
||||
this.animationTimeouts.clear();
|
||||
|
||||
// 활성 요소 정리
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
*/
|
||||
|
||||
import { App } from 'obsidian';
|
||||
import { PageCorrection, CorrectionState, RenderContext, EventContext } from '../../types/interfaces';
|
||||
import { PageCorrection, CorrectionState } from '../../types/interfaces';
|
||||
import { Logger } from '../../utils/logger';
|
||||
import { ErrorRenderer } from './ErrorRenderer';
|
||||
|
||||
|
|
@ -73,8 +73,9 @@ export class InteractionHandler {
|
|||
* UI 상태 업데이트 처리
|
||||
*/
|
||||
async handleStateChange(context: UIUpdateContext): Promise<void> {
|
||||
const { correctionIndex, newState, isActive, isFocused, shouldAnimate, trigger } = context;
|
||||
|
||||
const { correctionIndex, newState, isActive, isFocused, shouldAnimate: _shouldAnimate, trigger } = context;
|
||||
void _shouldAnimate;
|
||||
|
||||
// 이전 상태 저장
|
||||
const oldState = this.currentStates.get(correctionIndex) || 'error';
|
||||
|
||||
|
|
@ -91,10 +92,10 @@ export class InteractionHandler {
|
|||
// 디바운스 처리
|
||||
const debounceKey = `state-${correctionIndex}`;
|
||||
if (this.debounceTimers.has(debounceKey)) {
|
||||
activeWindow.clearTimeout(this.debounceTimers.get(debounceKey));
|
||||
window.clearTimeout(this.debounceTimers.get(debounceKey));
|
||||
}
|
||||
|
||||
const timer = activeWindow.setTimeout(async () => {
|
||||
const timer = window.setTimeout(async () => {
|
||||
await this.performStateUpdate(context, oldState);
|
||||
this.debounceTimers.delete(debounceKey);
|
||||
}, this.config.debounceMs);
|
||||
|
|
@ -246,7 +247,7 @@ export class InteractionHandler {
|
|||
element.addEventListener('animationend', handleAnimationEnd);
|
||||
|
||||
// 타임아웃으로 무한 대기 방지
|
||||
activeWindow.setTimeout(() => {
|
||||
window.setTimeout(() => {
|
||||
element.removeEventListener('animationend', handleAnimationEnd);
|
||||
element.classList.remove('state-transition', `from-${oldState}`, `to-${newState}`);
|
||||
resolve();
|
||||
|
|
@ -475,7 +476,7 @@ export class InteractionHandler {
|
|||
*/
|
||||
dispose(): void {
|
||||
// 디바운스 타이머 정리
|
||||
this.debounceTimers.forEach(timer => activeWindow.clearTimeout(timer));
|
||||
this.debounceTimers.forEach(timer => window.clearTimeout(timer));
|
||||
this.debounceTimers.clear();
|
||||
|
||||
// 상태 정리
|
||||
|
|
|
|||
|
|
@ -349,11 +349,8 @@ export class AIAnalysisService {
|
|||
|
||||
// 평균 컨텍스트 길이 계산
|
||||
const avgContextLength = correctionContexts.reduce((sum, ctx) => sum + ctx.fullContext.length, 0) / correctionContexts.length;
|
||||
const _systemPromptLength = AI_PROMPTS.analysisSystem.length;
|
||||
|
||||
// 모델별 입력 토큰 제한 (대략적으로 계산)
|
||||
const _maxInputTokens = this.getModelMaxInputTokens(this.settings.model);
|
||||
|
||||
|
||||
// 🔧 JSON 응답 잘림 방지를 위해 보수적으로 계산
|
||||
// 각 교정당 JSON 응답: ~120자 예상
|
||||
// 15개 = 1800자 → 토큰 제한 초과 위험
|
||||
|
|
@ -548,7 +545,7 @@ export class AIAnalysisService {
|
|||
|
||||
if (i < batches.length - 1) {
|
||||
// API 과부하 방지를 위한 배치 간격 (529 오류 방지)
|
||||
await new Promise(resolve => activeWindow.setTimeout(resolve, 1500));
|
||||
await new Promise(resolve => window.setTimeout(resolve, 1500));
|
||||
}
|
||||
} catch (error) {
|
||||
Logger.error(`배치 ${i + 1} 처리 실패:`, error);
|
||||
|
|
@ -576,7 +573,8 @@ export class AIAnalysisService {
|
|||
return allResults;
|
||||
} catch (error) {
|
||||
Logger.error('분석 중 오류 발생:', error);
|
||||
throw new Error(`AI 분석 실패: ${error.message}`);
|
||||
const message = error instanceof Error ? error.message : String(error);
|
||||
throw new Error(`AI 분석 실패: ${message}`);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -691,7 +689,7 @@ export class AIAnalysisService {
|
|||
try {
|
||||
parsedResponse = JSON.parse(fixedJson);
|
||||
Logger.debug('쉼표 제거로 JSON 복구 성공');
|
||||
} catch (_secondError) {
|
||||
} catch {
|
||||
// 마지막 불완전한 객체 제거 시도
|
||||
const lastCommaIndex = jsonString.lastIndexOf(',');
|
||||
if (lastCommaIndex > 0) {
|
||||
|
|
@ -699,7 +697,7 @@ export class AIAnalysisService {
|
|||
try {
|
||||
parsedResponse = JSON.parse(cutJson);
|
||||
Logger.debug('불완전 객체 제거로 JSON 복구 성공');
|
||||
} catch (_thirdError) {
|
||||
} catch {
|
||||
throw parseError; // 원래 오류 다시 던지기
|
||||
}
|
||||
} else {
|
||||
|
|
@ -808,7 +806,8 @@ export class AIAnalysisService {
|
|||
if (error instanceof SyntaxError) {
|
||||
throw new Error(`JSON 형식 오류: ${error.message}. AI 응답이 올바른 JSON 형식이 아닙니다.`);
|
||||
} else {
|
||||
throw new Error(`AI 응답 파싱 실패: ${error.message}`);
|
||||
const message = error instanceof Error ? error.message : String(error);
|
||||
throw new Error(`AI 응답 파싱 실패: ${message}`);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -270,14 +270,14 @@ export class SpellCheckApiService {
|
|||
private async requestWithTimeout<T>(requestPromise: Promise<T>, timeoutMs: number, timeoutMessage: string): Promise<T> {
|
||||
let timeoutId: number | undefined;
|
||||
const timeoutPromise = new Promise<never>((_, reject) => {
|
||||
timeoutId = activeWindow.setTimeout(() => reject(new Error(timeoutMessage)), timeoutMs);
|
||||
timeoutId = window.setTimeout(() => reject(new Error(timeoutMessage)), timeoutMs);
|
||||
});
|
||||
|
||||
try {
|
||||
return await Promise.race([requestPromise, timeoutPromise]);
|
||||
} finally {
|
||||
if (timeoutId) {
|
||||
activeWindow.clearTimeout(timeoutId);
|
||||
window.clearTimeout(timeoutId);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -192,7 +192,7 @@ export class SpellCheckCacheService {
|
|||
*/
|
||||
destroy(): void {
|
||||
if (this.cleanupTimer) {
|
||||
activeWindow.clearInterval(this.cleanupTimer);
|
||||
window.clearInterval(this.cleanupTimer);
|
||||
this.cleanupTimer = undefined;
|
||||
}
|
||||
this.clear();
|
||||
|
|
@ -266,7 +266,7 @@ export class SpellCheckCacheService {
|
|||
* 정리 타이머를 시작합니다
|
||||
*/
|
||||
private startCleanupTimer(): void {
|
||||
this.cleanupTimer = activeWindow.setInterval(() => {
|
||||
this.cleanupTimer = window.setInterval(() => {
|
||||
this.cleanup();
|
||||
}, this.cleanupInterval);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -331,7 +331,7 @@ export class ErrorHandlerService {
|
|||
|
||||
// 해결 방안 제안 (있는 경우)
|
||||
if (suggestion) {
|
||||
activeWindow.setTimeout(() => {
|
||||
window.setTimeout(() => {
|
||||
new Notice(`💡 ${suggestion}`, 6000);
|
||||
}, 500);
|
||||
}
|
||||
|
|
@ -379,7 +379,7 @@ export class ErrorHandlerService {
|
|||
* 비동기 대기 헬퍼
|
||||
*/
|
||||
private static sleep(ms: number): Promise<void> {
|
||||
return new Promise(resolve => activeWindow.setTimeout(resolve, ms));
|
||||
return new Promise(resolve => window.setTimeout(resolve, ms));
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
|
|||
|
|
@ -101,7 +101,7 @@ class AITextWidget extends WidgetType {
|
|||
|
||||
span.addEventListener('mouseleave', () => {
|
||||
// 🔍 툴팁 숨기기 (더 긴 딜레이 - 툴팁으로 마우스 이동할 충분한 시간 확보)
|
||||
activeWindow.setTimeout(() => {
|
||||
window.setTimeout(() => {
|
||||
if (inlineTooltip && !inlineTooltip.isHovered) {
|
||||
inlineTooltip.hide();
|
||||
}
|
||||
|
|
@ -218,84 +218,6 @@ class AITextWidget extends WidgetType {
|
|||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 오류 위젯 클래스
|
||||
* CodeMirror 6의 WidgetType을 확장하여 인라인 오류 표시
|
||||
*/
|
||||
class ErrorWidget extends WidgetType {
|
||||
constructor(
|
||||
private error: InlineError,
|
||||
private underlineStyle: string,
|
||||
private underlineColor: string,
|
||||
private onHover?: () => void,
|
||||
private onClick?: () => void
|
||||
) {
|
||||
super();
|
||||
}
|
||||
|
||||
toDOM(view: EditorView): HTMLElement {
|
||||
const span = createSpan();
|
||||
span.className = 'korean-grammar-error-inline';
|
||||
span.textContent = this.error.correction.original;
|
||||
|
||||
// 설정에 따른 오버라이드
|
||||
span.classList.add(`kga-underline-${this.underlineStyle}`);
|
||||
span.setAttribute('data-underline-color', this.underlineColor);
|
||||
|
||||
// 호버 이벤트 (300ms 딜레이)
|
||||
if (this.onHover) {
|
||||
let hoverTimeout: number;
|
||||
|
||||
span.addEventListener('mouseenter', (e) => {
|
||||
hoverTimeout = activeWindow.setTimeout(() => {
|
||||
this.onHover?.();
|
||||
}, 300);
|
||||
});
|
||||
|
||||
span.addEventListener('mouseleave', (e) => {
|
||||
if (hoverTimeout) {
|
||||
activeWindow.clearTimeout(hoverTimeout);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// 클릭 이벤트
|
||||
if (this.onClick) {
|
||||
span.addEventListener('click', (e) => {
|
||||
// 🔧 모바일에서는 터치 이벤트를 사용하므로 클릭 이벤트 무시
|
||||
if (Platform.isMobile) {
|
||||
Logger.debug('ErrorWidget: 모바일에서 클릭 이벤트 무시 (터치 이벤트 사용)');
|
||||
return;
|
||||
}
|
||||
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
this.onClick?.();
|
||||
});
|
||||
}
|
||||
|
||||
// 접근성 속성 (aria-label 제거 - 네이티브 툴팁 방지)
|
||||
span.setAttribute('role', 'button');
|
||||
span.setAttribute('tabindex', '0');
|
||||
|
||||
Logger.debug(`오류 위젯 생성: ${this.error.correction.original}`);
|
||||
return span;
|
||||
}
|
||||
|
||||
eq(other: ErrorWidget): boolean {
|
||||
return this.error.uniqueId === other.error.uniqueId && this.error.isActive === other.error.isActive;
|
||||
}
|
||||
|
||||
updateDOM(dom: HTMLElement, view: EditorView): boolean {
|
||||
// 상태가 변경된 경우 DOM 업데이트
|
||||
if (!this.error.isActive) {
|
||||
dom.classList.add('korean-grammar-inline-hidden');
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 오류 데코레이션 추가 Effect
|
||||
*/
|
||||
|
|
@ -396,7 +318,7 @@ export const errorDecorationField = StateField.define<DecorationSet>({
|
|||
|
||||
for (let effect of tr.effects) {
|
||||
if (effect.is(addErrorDecorations)) {
|
||||
const { errors, underlineStyle: _underlineStyle, underlineColor: _underlineColor, preserveAIColors: _preserveAIColors = false } = effect.value;
|
||||
const { errors } = effect.value;
|
||||
|
||||
const newDecorations = errors.map(error => {
|
||||
// 포커스된 오류인지 확인 (현재는 항상 false이지만 나중에 상태 확인)
|
||||
|
|
@ -407,7 +329,7 @@ export const errorDecorationField = StateField.define<DecorationSet>({
|
|||
Logger.debug(`🔄 Replace Decoration 사용: "${error.correction.original}" → "${error.aiSelectedValue}"`);
|
||||
|
||||
// 🔍 범위 검증 로깅 추가
|
||||
const actualText = this.currentView?.state.doc.sliceString(error.start, error.end) || '';
|
||||
const actualText = tr.state.doc.sliceString(error.start, error.end) || '';
|
||||
Logger.debug(`🔄 Replace 범위 검증: 예상="${error.correction.original}" (${error.correction.original.length}자), 실제="${actualText}" (${actualText.length}자), 범위=${error.start}-${error.end}`);
|
||||
|
||||
return Decoration.replace({
|
||||
|
|
@ -600,7 +522,7 @@ export class InlineModeService {
|
|||
// 🎯 컨텍스트 기반 호버 영역 확장
|
||||
this.expandHoverAreaByMorphemes(target, error);
|
||||
|
||||
this.hoverTimeout = activeWindow.setTimeout(() => {
|
||||
this.hoverTimeout = window.setTimeout(() => {
|
||||
// 호버 상태 업데이트 (실제 호버된 오류만 정확히 처리)
|
||||
this.currentHoveredError = error;
|
||||
this.handleErrorHover(error, target, mousePosition);
|
||||
|
|
@ -623,7 +545,7 @@ export class InlineModeService {
|
|||
this.clearHoverTimeout();
|
||||
|
||||
// 지연 후 호버 상태 해제 (툴팁으로 마우스 이동 시간 확보)
|
||||
activeWindow.setTimeout(() => {
|
||||
window.setTimeout(() => {
|
||||
if (this.currentHoveredError?.uniqueId === errorId) {
|
||||
this.currentHoveredError = null;
|
||||
// 툴팁 자체 호버 처리에 맡김 (강제 숨김 제거)
|
||||
|
|
@ -723,7 +645,7 @@ export class InlineModeService {
|
|||
const error = this.activeErrors.get(errorId)!;
|
||||
|
||||
// 롱프레스 타이머 시작 (툴팁보다 우선)
|
||||
touchTimer = activeWindow.setTimeout(() => {
|
||||
touchTimer = window.setTimeout(() => {
|
||||
if (touchTarget === target && this.activeErrors.has(errorId)) {
|
||||
Logger.log(`📱 롱프레스로 바로 수정: ${error.correction.original}`);
|
||||
|
||||
|
|
@ -756,7 +678,7 @@ export class InlineModeService {
|
|||
|
||||
// 롱프레스 타이머 취소
|
||||
if (touchTimer) {
|
||||
activeWindow.clearTimeout(touchTimer);
|
||||
window.clearTimeout(touchTimer);
|
||||
touchTimer = null;
|
||||
}
|
||||
|
||||
|
|
@ -775,7 +697,7 @@ export class InlineModeService {
|
|||
e.stopPropagation();
|
||||
|
||||
// 짧은 딜레이 후 툴팁 표시
|
||||
activeWindow.setTimeout(() => {
|
||||
window.setTimeout(() => {
|
||||
// 🔧 터치 위치 정보를 함께 전달
|
||||
const touchPosition = { x: touchStartPos.x, y: touchStartPos.y };
|
||||
this.handleErrorTooltip(error, target, touchPosition);
|
||||
|
|
@ -790,7 +712,7 @@ export class InlineModeService {
|
|||
// 터치 취소
|
||||
this.registerDomEvent(editorDOM, 'touchcancel', () => {
|
||||
if (touchTimer) {
|
||||
activeWindow.clearTimeout(touchTimer);
|
||||
window.clearTimeout(touchTimer);
|
||||
touchTimer = null;
|
||||
Logger.debug('📱 터치 취소됨');
|
||||
}
|
||||
|
|
@ -809,7 +731,7 @@ export class InlineModeService {
|
|||
|
||||
// 일정 거리 이상 움직이면 롱프레스 취소
|
||||
if (moveDistance > MAX_TOUCH_MOVE) {
|
||||
activeWindow.clearTimeout(touchTimer);
|
||||
window.clearTimeout(touchTimer);
|
||||
touchTimer = null;
|
||||
touchTarget = null;
|
||||
Logger.debug(`📱 터치 이동으로 롱프레스 취소 (${Math.round(moveDistance)}px)`);
|
||||
|
|
@ -828,7 +750,7 @@ export class InlineModeService {
|
|||
*/
|
||||
private static clearHoverTimeout(): void {
|
||||
if (this.hoverTimeout) {
|
||||
activeWindow.clearTimeout(this.hoverTimeout);
|
||||
window.clearTimeout(this.hoverTimeout);
|
||||
this.hoverTimeout = null;
|
||||
}
|
||||
}
|
||||
|
|
@ -840,7 +762,7 @@ export class InlineModeService {
|
|||
if (!this.app) return;
|
||||
|
||||
// 간단한 포커스 체크를 위한 인터벌 설정 (성능상 문제없음)
|
||||
activeWindow.setInterval(() => {
|
||||
window.setInterval(() => {
|
||||
this.checkCursorPosition();
|
||||
}, 500); // 0.5초마다 체크
|
||||
|
||||
|
|
@ -1534,7 +1456,7 @@ export class InlineModeService {
|
|||
this.currentView.requestMeasure();
|
||||
|
||||
// 4. 약간의 지연 후 텍스트 교체 (decoration 제거가 DOM에 반영되도록)
|
||||
requestAnimationFrame(() => {
|
||||
window.requestAnimationFrame(() => {
|
||||
try {
|
||||
const startPos = view.editor.offsetToPos(error.start);
|
||||
const endPos = view.editor.offsetToPos(error.end);
|
||||
|
|
@ -1773,13 +1695,13 @@ export class InlineModeService {
|
|||
|
||||
// 툴팁이 표시 중이면 업데이트된 내용으로 다시 표시
|
||||
if (inlineTooltip && inlineTooltip.visible) {
|
||||
activeWindow.setTimeout(() => {
|
||||
window.setTimeout(() => {
|
||||
const errorElement = this.findErrorElement(mergedError);
|
||||
const tooltip = inlineTooltip;
|
||||
if (errorElement && tooltip) {
|
||||
// 기존 툴팁 숨기고 새로 표시
|
||||
tooltip.hide();
|
||||
activeWindow.setTimeout(() => {
|
||||
window.setTimeout(() => {
|
||||
const tooltip2 = inlineTooltip;
|
||||
if (tooltip2) {
|
||||
tooltip2.show(mergedError, errorElement, 'click');
|
||||
|
|
@ -2358,7 +2280,7 @@ export class InlineModeService {
|
|||
|
||||
const currentState = plugin.settings.inlineMode.enabled || false;
|
||||
plugin.settings.inlineMode.enabled = !currentState;
|
||||
plugin.saveSettings();
|
||||
void plugin.saveSettings();
|
||||
|
||||
if (plugin.settings.inlineMode.enabled) {
|
||||
plugin.enableInlineMode?.();
|
||||
|
|
@ -2616,7 +2538,7 @@ export class InlineModeService {
|
|||
// 🎯 3단계: 포커스 decoration 강제 재적용 (안정적 하이라이팅 유지)
|
||||
if (this.currentView && this.currentFocusedError) {
|
||||
// 약간의 지연을 두고 decoration 재적용 (DOM 업데이트 완료 후)
|
||||
requestAnimationFrame(() => {
|
||||
window.requestAnimationFrame(() => {
|
||||
if (this.currentView && this.currentFocusedError) {
|
||||
this.currentView.dispatch({
|
||||
effects: [setFocusedErrorDecoration.of(this.currentFocusedError.uniqueId)]
|
||||
|
|
@ -2737,7 +2659,7 @@ export class InlineModeService {
|
|||
expandedZone.addEventListener('mouseleave', () => {
|
||||
Logger.debug(`🎯 확장 호버 영역 이탈: ${error.correction.original}`);
|
||||
// 지연 후 호버 해제 (툴팁으로 이동 시간 확보)
|
||||
activeWindow.setTimeout(() => {
|
||||
window.setTimeout(() => {
|
||||
if (this.currentHoveredError?.uniqueId === error.uniqueId) {
|
||||
this.currentHoveredError = null;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -194,7 +194,7 @@ export class OptimizedSpellCheckService {
|
|||
this.requestQueue = [];
|
||||
|
||||
if (this.batchTimer) {
|
||||
activeWindow.clearTimeout(this.batchTimer);
|
||||
window.clearTimeout(this.batchTimer);
|
||||
this.batchTimer = undefined;
|
||||
}
|
||||
|
||||
|
|
@ -270,10 +270,10 @@ export class OptimizedSpellCheckService {
|
|||
|
||||
// 큐가 가득 찼거나 타임아웃 설정
|
||||
if (this.requestQueue.length >= this.maxBatchSize) {
|
||||
this.processBatch(settings);
|
||||
void this.processBatch(settings);
|
||||
} else if (!this.batchTimer) {
|
||||
this.batchTimer = activeWindow.setTimeout(() => {
|
||||
this.processBatch(settings);
|
||||
this.batchTimer = window.setTimeout(() => {
|
||||
void this.processBatch(settings);
|
||||
}, this.batchTimeout);
|
||||
}
|
||||
}
|
||||
|
|
@ -291,7 +291,7 @@ export class OptimizedSpellCheckService {
|
|||
|
||||
// 타이머 정리
|
||||
if (this.batchTimer) {
|
||||
activeWindow.clearTimeout(this.batchTimer);
|
||||
window.clearTimeout(this.batchTimer);
|
||||
this.batchTimer = undefined;
|
||||
}
|
||||
|
||||
|
|
@ -335,7 +335,7 @@ export class OptimizedSpellCheckService {
|
|||
|
||||
// 대기 중인 요청이 있으면 다음 배치 처리
|
||||
if (this.requestQueue.length > 0) {
|
||||
activeWindow.setTimeout(() => this.scheduleBatchProcessing(settings), 100);
|
||||
window.setTimeout(() => this.scheduleBatchProcessing(settings), 100);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -368,18 +368,18 @@ export class OptimizedSpellCheckService {
|
|||
timeoutMs: number
|
||||
): Promise<T> {
|
||||
return new Promise<T>((resolve, reject) => {
|
||||
const timer = activeWindow.setTimeout(() => {
|
||||
const timer = window.setTimeout(() => {
|
||||
reject(new Error(`요청 타임아웃 (${timeoutMs}ms)`));
|
||||
}, timeoutMs);
|
||||
|
||||
fn()
|
||||
.then(result => {
|
||||
activeWindow.clearTimeout(timer);
|
||||
window.clearTimeout(timer);
|
||||
resolve(result);
|
||||
})
|
||||
.catch(error => {
|
||||
activeWindow.clearTimeout(timer);
|
||||
reject(error);
|
||||
.catch((error: unknown) => {
|
||||
window.clearTimeout(timer);
|
||||
reject(error instanceof Error ? error : new Error(String(error)));
|
||||
});
|
||||
});
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,5 @@
|
|||
import { Platform } from 'obsidian';
|
||||
import { PluginSettings, InlineModeSettings } from '../types/interfaces';
|
||||
import { DEFAULT_AI_SETTINGS } from '../constants/aiModels';
|
||||
import { Logger } from '../utils/logger';
|
||||
|
||||
/**
|
||||
* 기본 인라인 모드 설정
|
||||
|
|
@ -10,54 +8,27 @@ export const DEFAULT_INLINE_MODE_SETTINGS: InlineModeSettings = {
|
|||
enabled: false,
|
||||
underlineStyle: 'wavy',
|
||||
underlineColor: '#ff0000',
|
||||
|
||||
|
||||
// 🎯 새로운 통합 툴팁 설정 (플랫폼별 자동 최적화)
|
||||
tooltipTrigger: 'auto', // 기본값: 플랫폼에 따라 자동 선택
|
||||
|
||||
|
||||
// 🔧 레거시 설정 (하위 호환성, 추후 제거 예정)
|
||||
showTooltipOnHover: true,
|
||||
showTooltipOnClick: true,
|
||||
};
|
||||
|
||||
/**
|
||||
* API 설정 파일에서 기본값 로드 (로컬 개발용)
|
||||
*/
|
||||
function loadApiConfig(): PluginSettings {
|
||||
try {
|
||||
// 데스크톱 환경에서만 작동 (개발 시) - 모바일에서는 fs/path 사용 불가
|
||||
if (Platform.isDesktopApp && typeof require !== 'undefined') {
|
||||
// eslint-disable-next-line @typescript-eslint/no-var-requires -- Node 'fs' is only available at runtime on desktop; gated by Platform.isDesktopApp above
|
||||
const fs = require('fs');
|
||||
// eslint-disable-next-line @typescript-eslint/no-var-requires -- Node 'path' is only available at runtime on desktop; gated by Platform.isDesktopApp above
|
||||
const path = require('path');
|
||||
const configPath = path.join(__dirname, '../../api-config.json');
|
||||
|
||||
if (fs.existsSync(configPath)) {
|
||||
const config = JSON.parse(fs.readFileSync(configPath, 'utf8'));
|
||||
Logger.debug('로컬 API 설정 파일을 로드했습니다.');
|
||||
return config;
|
||||
}
|
||||
}
|
||||
} catch (_error) {
|
||||
Logger.debug('로컬 API 설정 파일을 로드할 수 없습니다. 기본값을 사용합니다.');
|
||||
}
|
||||
|
||||
// 기본값 (배포용)
|
||||
return {
|
||||
apiKey: '', // 사용자가 직접 입력해야 함
|
||||
apiHost: 'bareun-api.junlim.org',
|
||||
apiPort: 443,
|
||||
ignoredWords: [],
|
||||
ai: DEFAULT_AI_SETTINGS,
|
||||
filterSingleCharErrors: true, // 기본적으로 한 글자 오류 필터링 활성화
|
||||
inlineMode: DEFAULT_INLINE_MODE_SETTINGS
|
||||
};
|
||||
}
|
||||
|
||||
/**
|
||||
* 기본 플러그인 설정
|
||||
*/
|
||||
export const DEFAULT_SETTINGS: PluginSettings = loadApiConfig();
|
||||
export const DEFAULT_SETTINGS: PluginSettings = {
|
||||
apiKey: '', // 사용자가 직접 입력해야 함
|
||||
apiHost: 'bareun-api.junlim.org',
|
||||
apiPort: 443,
|
||||
ignoredWords: [],
|
||||
ai: DEFAULT_AI_SETTINGS,
|
||||
filterSingleCharErrors: true, // 기본적으로 한 글자 오류 필터링 활성화
|
||||
inlineMode: DEFAULT_INLINE_MODE_SETTINGS,
|
||||
};
|
||||
|
||||
/**
|
||||
* 설정 관리 서비스
|
||||
|
|
|
|||
|
|
@ -1,9 +1,9 @@
|
|||
import { Editor, EditorPosition, App, Platform, Scope, Notice, MarkdownView, Setting } from 'obsidian';
|
||||
import { EditorPosition, App, Platform, Scope, Notice, MarkdownView, Setting } from 'obsidian';
|
||||
import { Correction, PopupConfig, AIAnalysisResult, AIAnalysisRequest, PageCorrection, MorphemeSentence, MorphemeToken } from '../types/interfaces';
|
||||
import { BaseComponent } from './baseComponent';
|
||||
import { CorrectionStateManager } from '../state/correctionState';
|
||||
import { escapeHtml } from '../utils/htmlUtils';
|
||||
import { calculateDynamicCharsPerPage, splitTextIntoPages, escapeRegExp } from '../utils/textUtils';
|
||||
import { calculateDynamicCharsPerPage, splitTextIntoPages } from '../utils/textUtils';
|
||||
import { AIAnalysisService } from '../services/aiAnalysisService';
|
||||
import { Logger } from '../utils/logger';
|
||||
import { clearElement } from '../utils/domUtils';
|
||||
|
|
@ -132,7 +132,7 @@ export class CorrectionPopup extends BaseComponent {
|
|||
this.cycleCurrentCorrectionNext();
|
||||
|
||||
// 포커스 유지를 위해 하이라이트 강제 업데이트
|
||||
activeWindow.setTimeout(() => {
|
||||
window.setTimeout(() => {
|
||||
this.updateFocusHighlight();
|
||||
}, 50);
|
||||
|
||||
|
|
@ -152,7 +152,7 @@ export class CorrectionPopup extends BaseComponent {
|
|||
this.cycleCurrentCorrectionPrev();
|
||||
|
||||
// 포커스 유지를 위해 하이라이트 강제 업데이트
|
||||
activeWindow.setTimeout(() => {
|
||||
window.setTimeout(() => {
|
||||
this.updateFocusHighlight();
|
||||
}, 50);
|
||||
|
||||
|
|
@ -220,7 +220,7 @@ export class CorrectionPopup extends BaseComponent {
|
|||
evt.preventDefault();
|
||||
evt.stopPropagation();
|
||||
evt.stopImmediatePropagation();
|
||||
this.applyCorrections();
|
||||
void this.applyCorrections();
|
||||
return false;
|
||||
});
|
||||
|
||||
|
|
@ -403,7 +403,7 @@ export class CorrectionPopup extends BaseComponent {
|
|||
Logger.warn('AI 분석 버튼이 비활성화되어 있거나 찾을 수 없습니다.');
|
||||
// 직접 AI 분석 실행 시도
|
||||
if (this.aiService && !this.isAiAnalyzing) {
|
||||
this.performAIAnalysis();
|
||||
void this.performAIAnalysis();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -447,7 +447,7 @@ export class CorrectionPopup extends BaseComponent {
|
|||
Logger.debug(`포커스 인덱스를 0으로 설정`);
|
||||
|
||||
// 약간의 지연을 두고 포커스 설정 (DOM이 완전히 렌더링된 후)
|
||||
activeWindow.setTimeout(() => {
|
||||
window.setTimeout(() => {
|
||||
Logger.debug('지연 후 포커스 하이라이트 업데이트 실행');
|
||||
this.updateFocusHighlight();
|
||||
}, 100);
|
||||
|
|
@ -574,7 +574,7 @@ export class CorrectionPopup extends BaseComponent {
|
|||
this.app.keymap.pushScope(this.keyboardScope);
|
||||
|
||||
// 포커스 설정 (DOM 추가는 show() 메서드에서 처리됨)
|
||||
activeWindow.setTimeout(() => {
|
||||
window.setTimeout(() => {
|
||||
// 팝업에 포커스 설정하여 키보드 이벤트가 올바르게 전달되도록 함
|
||||
this.element.focus();
|
||||
}, 50);
|
||||
|
|
@ -599,7 +599,7 @@ export class CorrectionPopup extends BaseComponent {
|
|||
this.element.empty();
|
||||
|
||||
// Popup overlay
|
||||
const overlay = this.element.createDiv('kga-popup-overlay');
|
||||
this.element.createDiv('kga-popup-overlay');
|
||||
|
||||
// Popup content
|
||||
const content = this.element.createDiv('kga-popup-content');
|
||||
|
|
@ -617,7 +617,7 @@ export class CorrectionPopup extends BaseComponent {
|
|||
});
|
||||
|
||||
// AI 서비스 상태에 따른 버튼 설정
|
||||
this.updateAiButtonState(aiBtn);
|
||||
void this.updateAiButtonState(aiBtn);
|
||||
headerTop.createEl('button', { cls: 'kga-close-btn-header', text: '×' });
|
||||
|
||||
// Main content
|
||||
|
|
@ -663,8 +663,8 @@ export class CorrectionPopup extends BaseComponent {
|
|||
const errorToggle = errorSummary.createDiv('kga-error-summary-toggle');
|
||||
const leftSection = errorToggle.createDiv('kga-left-section');
|
||||
leftSection.createSpan({ cls: 'kga-error-summary-label', text: '오류 상세' });
|
||||
const badge = leftSection.createSpan({
|
||||
cls: 'kga-error-count-badge',
|
||||
leftSection.createSpan({
|
||||
cls: 'kga-error-count-badge',
|
||||
text: this.getErrorStateCount().toString(),
|
||||
attr: { id: 'errorCountBadge' }
|
||||
});
|
||||
|
|
@ -863,20 +863,18 @@ export class CorrectionPopup extends BaseComponent {
|
|||
|
||||
// 같은 위치에서 겹치는 단어들을 찾기
|
||||
let groupKey = originalText;
|
||||
let foundOverlap = false;
|
||||
|
||||
|
||||
// 기존 그룹들과 겹치는지 확인
|
||||
for (const [existingKey, existingGroup] of duplicateGroups) {
|
||||
if (existingGroup.length > 0) {
|
||||
const existingCorrection = existingGroup[0];
|
||||
const existingPos = existingCorrection.absolutePosition;
|
||||
const existingText = existingCorrection.correction.original;
|
||||
|
||||
|
||||
// 같은 위치에서 시작하고 한 단어가 다른 단어를 포함하는 경우
|
||||
if (position === existingPos &&
|
||||
if (position === existingPos &&
|
||||
(originalText.includes(existingText) || existingText.includes(originalText))) {
|
||||
groupKey = existingKey;
|
||||
foundOverlap = true;
|
||||
Logger.debug(`[${index}] 위치 기반 중복 발견: "${originalText}" ↔ "${existingText}" (위치: ${position})`);
|
||||
break;
|
||||
}
|
||||
|
|
@ -1365,8 +1363,8 @@ export class CorrectionPopup extends BaseComponent {
|
|||
return;
|
||||
}
|
||||
};
|
||||
document.addEventListener('keydown', documentKeyListener);
|
||||
this.cleanupFunctions.push(() => document.removeEventListener('keydown', documentKeyListener));
|
||||
activeDocument.addEventListener('keydown', documentKeyListener);
|
||||
this.cleanupFunctions.push(() => activeDocument.removeEventListener('keydown', documentKeyListener));
|
||||
|
||||
// DOM 레벨에서 키보드 이벤트 처리 (백업)
|
||||
this.addEventListener(this.element, 'keydown', (evt: KeyboardEvent) => {
|
||||
|
|
@ -1444,8 +1442,8 @@ export class CorrectionPopup extends BaseComponent {
|
|||
this.close();
|
||||
}
|
||||
};
|
||||
document.addEventListener('keydown', escKeyHandler);
|
||||
this.cleanupFunctions.push(() => document.removeEventListener('keydown', escKeyHandler));
|
||||
activeDocument.addEventListener('keydown', escKeyHandler);
|
||||
this.cleanupFunctions.push(() => activeDocument.removeEventListener('keydown', escKeyHandler));
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -1488,7 +1486,7 @@ export class CorrectionPopup extends BaseComponent {
|
|||
errorSummary.classList.toggle('collapsed');
|
||||
|
||||
// 페이지네이션 재계산
|
||||
activeWindow.setTimeout(() => {
|
||||
window.setTimeout(() => {
|
||||
this.recalculatePagination();
|
||||
this.updateDisplay();
|
||||
}, 350);
|
||||
|
|
@ -1562,7 +1560,7 @@ export class CorrectionPopup extends BaseComponent {
|
|||
if (target.classList.contains('kga-clickable-error') || target.classList.contains('kga-error-original-compact')) {
|
||||
touchTarget = target;
|
||||
|
||||
touchTimer = activeWindow.setTimeout(() => {
|
||||
touchTimer = window.setTimeout(() => {
|
||||
if (touchTarget) {
|
||||
Logger.log(`📱 터치홀드 편집 모드 진입: ${touchTarget.textContent}`);
|
||||
|
||||
|
|
@ -1597,7 +1595,7 @@ export class CorrectionPopup extends BaseComponent {
|
|||
// 터치 끝 (타이머 취소)
|
||||
this.addEventListener(this.element, 'touchend', () => {
|
||||
if (touchTimer) {
|
||||
activeWindow.clearTimeout(touchTimer);
|
||||
window.clearTimeout(touchTimer);
|
||||
touchTimer = null;
|
||||
Logger.debug('📱 터치홀드 타이머 취소 (touchend)');
|
||||
}
|
||||
|
|
@ -1607,7 +1605,7 @@ export class CorrectionPopup extends BaseComponent {
|
|||
// 터치 취소 (드래그 등으로 인한 취소)
|
||||
this.addEventListener(this.element, 'touchcancel', () => {
|
||||
if (touchTimer) {
|
||||
activeWindow.clearTimeout(touchTimer);
|
||||
window.clearTimeout(touchTimer);
|
||||
touchTimer = null;
|
||||
Logger.debug('📱 터치홀드 타이머 취소 (touchcancel)');
|
||||
}
|
||||
|
|
@ -1626,7 +1624,7 @@ export class CorrectionPopup extends BaseComponent {
|
|||
const distanceY = Math.abs(touch.clientY - (rect.top + rect.height / 2));
|
||||
|
||||
if (distanceX > moveThreshold || distanceY > moveThreshold) {
|
||||
activeWindow.clearTimeout(touchTimer);
|
||||
window.clearTimeout(touchTimer);
|
||||
touchTimer = null;
|
||||
touchTarget = null;
|
||||
Logger.debug('📱 터치홀드 타이머 취소 (이동 감지)');
|
||||
|
|
@ -1643,8 +1641,8 @@ export class CorrectionPopup extends BaseComponent {
|
|||
private bindApplyEvents(): void {
|
||||
const applyButton = this.element.querySelector('#applyCorrectionsButton');
|
||||
if (applyButton) {
|
||||
this.addEventListener(applyButton as HTMLElement, 'click', async () => {
|
||||
await this.applyCorrections();
|
||||
this.addEventListener(applyButton as HTMLElement, 'click', () => {
|
||||
void this.applyCorrections();
|
||||
});
|
||||
}
|
||||
}
|
||||
|
|
@ -1698,8 +1696,8 @@ export class CorrectionPopup extends BaseComponent {
|
|||
private bindAIAnalysisEvents(): void {
|
||||
const aiAnalyzeBtn = this.element.querySelector('#aiAnalyzeBtn');
|
||||
if (aiAnalyzeBtn && this.aiService) {
|
||||
this.addEventListener(aiAnalyzeBtn as HTMLElement, 'click', async () => {
|
||||
await this.performAIAnalysis();
|
||||
this.addEventListener(aiAnalyzeBtn as HTMLElement, 'click', () => {
|
||||
void this.performAIAnalysis();
|
||||
});
|
||||
}
|
||||
}
|
||||
|
|
@ -1750,15 +1748,15 @@ export class CorrectionPopup extends BaseComponent {
|
|||
// 오류 상세 영역 상태 확인 및 펼치기
|
||||
const errorSummary = this.element.querySelector('#errorSummary');
|
||||
const wasCollapsed = errorSummary && errorSummary.classList.contains('collapsed');
|
||||
|
||||
if (wasCollapsed) {
|
||||
errorSummary!.classList.remove('collapsed');
|
||||
|
||||
if (wasCollapsed && errorSummary) {
|
||||
errorSummary.classList.remove('collapsed');
|
||||
Logger.debug('🔧 오류 상세 영역 펼침');
|
||||
this.updateDisplay(); // 페이지네이션 재계산
|
||||
}
|
||||
|
||||
// DOM 업데이트 후 편집 모드 진입 (비동기 처리)
|
||||
activeWindow.setTimeout(() => {
|
||||
window.setTimeout(() => {
|
||||
const errorCard = this.element.querySelector(`[data-correction-index="${correctionIndex}"] .kga-error-original-compact`);
|
||||
if (errorCard) {
|
||||
Logger.debug(`🔧 편집 모드 진입 - 오류 상세 카드 찾음: index=${correctionIndex}`);
|
||||
|
|
@ -1771,7 +1769,7 @@ export class CorrectionPopup extends BaseComponent {
|
|||
Logger.debug('🔧 오토스크롤 수행');
|
||||
|
||||
// 스크롤 완료 후 편집 모드 진입
|
||||
activeWindow.setTimeout(() => {
|
||||
window.setTimeout(() => {
|
||||
this.enterCardEditMode(errorCard as HTMLElement, correctionIndex);
|
||||
}, 300); // 스크롤 애니메이션 완료 대기
|
||||
|
||||
|
|
@ -2092,7 +2090,7 @@ export class CorrectionPopup extends BaseComponent {
|
|||
originalElement.parentElement?.replaceChild(container, originalElement);
|
||||
|
||||
// input에 포커스를 주고 텍스트 선택
|
||||
activeWindow.setTimeout(() => {
|
||||
window.setTimeout(() => {
|
||||
input.focus();
|
||||
input.select();
|
||||
}, 100);
|
||||
|
|
@ -2149,7 +2147,7 @@ export class CorrectionPopup extends BaseComponent {
|
|||
Logger.debug(`🎯 편집 완료 후 미리보기 포커스 이동: index=${correctionIndex}`);
|
||||
|
||||
// DOM 업데이트 완료를 위해 짧은 지연
|
||||
activeWindow.setTimeout(() => {
|
||||
window.setTimeout(() => {
|
||||
// 현재 페이지의 교정사항들을 가져옴
|
||||
const rawCorrections = this.getCurrentCorrections();
|
||||
const uniqueCorrections = this.removeDuplicateCorrections(rawCorrections);
|
||||
|
|
@ -2181,7 +2179,7 @@ export class CorrectionPopup extends BaseComponent {
|
|||
|
||||
// 포커스된 요소에 일시적 하이라이트 효과
|
||||
targetSpan.classList.add('kga-edit-completion-highlight');
|
||||
activeWindow.setTimeout(() => {
|
||||
window.setTimeout(() => {
|
||||
targetSpan.classList.remove('kga-edit-completion-highlight');
|
||||
}, 2000);
|
||||
} else {
|
||||
|
|
@ -2289,8 +2287,6 @@ export class CorrectionPopup extends BaseComponent {
|
|||
const paginationContainer = this.element.querySelector('#paginationContainer') as HTMLElement;
|
||||
const prevButton = this.element.querySelector('#prevPreviewPage') as HTMLButtonElement;
|
||||
const nextButton = this.element.querySelector('#nextPreviewPage') as HTMLButtonElement;
|
||||
const pageInfo = this.element.querySelector('#previewPageInfo');
|
||||
const pageCharsInfo = this.element.querySelector('#pageCharsInfo');
|
||||
|
||||
// 페이지네이션 컨테이너 가시성 업데이트
|
||||
if (paginationContainer) {
|
||||
|
|
@ -2357,20 +2353,10 @@ export class CorrectionPopup extends BaseComponent {
|
|||
}
|
||||
|
||||
await this.app.vault.process(file, (content) => {
|
||||
// 전체 파일에서 선택된 영역 찾기 및 교체
|
||||
const lines = content.split('\n');
|
||||
let currentLine = 0;
|
||||
let currentCol = 0;
|
||||
|
||||
// 시작 위치까지 찾기
|
||||
for (let i = 0; i < this.config.start.line; i++) {
|
||||
currentLine++;
|
||||
}
|
||||
|
||||
// 텍스트 교체 로직
|
||||
const beforeStart = content.substring(0, this.getOffsetFromPosition(content, this.config.start));
|
||||
const afterEnd = content.substring(this.getOffsetFromPosition(content, this.config.end));
|
||||
|
||||
|
||||
return beforeStart + result.finalText + afterEnd;
|
||||
});
|
||||
|
||||
|
|
@ -2434,7 +2420,7 @@ export class CorrectionPopup extends BaseComponent {
|
|||
|
||||
// DOM에 추가된 후에 페이지네이션 계산 및 디스플레이 업데이트
|
||||
// requestAnimationFrame을 사용하여 브라우저가 레이아웃을 완료한 후 실행
|
||||
requestAnimationFrame(() => {
|
||||
window.requestAnimationFrame(() => {
|
||||
Logger.log('DOM 추가 후 페이지네이션 재계산 시작');
|
||||
this.recalculatePagination();
|
||||
this.updateDisplay();
|
||||
|
|
@ -2460,7 +2446,7 @@ export class CorrectionPopup extends BaseComponent {
|
|||
return;
|
||||
}
|
||||
|
||||
if (!this.aiService.isAvailable()) {
|
||||
if (!(await this.aiService.isAvailable())) {
|
||||
Logger.error('AI 서비스 사용 불가: 기능 비활성화 또는 API 키 없음');
|
||||
// 기존 오류 처리 방식과 동일하게 처리
|
||||
new Notice('❌ AI 기능이 비활성화되어 있거나 API 키가 설정되지 않았습니다. 플러그인 설정을 확인해주세요.', 5000);
|
||||
|
|
@ -2536,9 +2522,10 @@ export class CorrectionPopup extends BaseComponent {
|
|||
|
||||
} catch (error) {
|
||||
Logger.error('AI 분석 실패:', error);
|
||||
|
||||
|
||||
// 오류 알림 (Obsidian Notice 시스템 사용 - 일관성 확보)
|
||||
new Notice(`❌ AI 분석 실패: ${error.message}`, 5000);
|
||||
const message = error instanceof Error ? error.message : String(error);
|
||||
new Notice(`❌ AI 분석 실패: ${message}`, 5000);
|
||||
} finally {
|
||||
this.isAiAnalyzing = false;
|
||||
|
||||
|
|
@ -2929,7 +2916,9 @@ export class CorrectionPopup extends BaseComponent {
|
|||
|
||||
} catch (error) {
|
||||
Logger.error('토큰 추정 실패, 기본값 사용:', error);
|
||||
Logger.error('에러 스택:', error?.stack);
|
||||
if (error instanceof Error) {
|
||||
Logger.error('에러 스택:', error.stack);
|
||||
}
|
||||
|
||||
// 실패 시 기본 추정 사용
|
||||
const fallbackEstimation = this.aiService?.estimateTokenUsage(request) || {
|
||||
|
|
@ -3003,7 +2992,7 @@ export class CorrectionPopup extends BaseComponent {
|
|||
modal.classList.add(NO_OUTLINE_CLASS);
|
||||
|
||||
// 강제로 포커스 설정 (지연 처리)
|
||||
activeWindow.setTimeout(() => {
|
||||
window.setTimeout(() => {
|
||||
modal.focus();
|
||||
Logger.debug('토큰 경고 모달: 포커스 설정 완료');
|
||||
}, 10);
|
||||
|
|
@ -3063,17 +3052,17 @@ export class CorrectionPopup extends BaseComponent {
|
|||
}
|
||||
};
|
||||
|
||||
document.addEventListener('keydown', globalKeyHandler, { capture: true });
|
||||
document.addEventListener('keyup', globalKeyHandler, { capture: true });
|
||||
window.addEventListener('keydown', globalKeyHandler, { capture: true });
|
||||
activeDocument.addEventListener('keydown', globalKeyHandler, { capture: true });
|
||||
activeDocument.addEventListener('keyup', globalKeyHandler, { capture: true });
|
||||
activeWindow.addEventListener('keydown', globalKeyHandler, { capture: true });
|
||||
|
||||
// 모달 제거 시 모든 이벤트 핸들러 제거
|
||||
const originalHandleResponse = handleResponse;
|
||||
handleResponse = (action: 'cancel' | 'proceed' | 'updateSettings') => {
|
||||
// 모든 이벤트 리스너 제거
|
||||
document.removeEventListener('keydown', globalKeyHandler, { capture: true });
|
||||
document.removeEventListener('keyup', globalKeyHandler, { capture: true });
|
||||
window.removeEventListener('keydown', globalKeyHandler, { capture: true });
|
||||
activeDocument.removeEventListener('keydown', globalKeyHandler, { capture: true });
|
||||
activeDocument.removeEventListener('keyup', globalKeyHandler, { capture: true });
|
||||
activeWindow.removeEventListener('keydown', globalKeyHandler, { capture: true });
|
||||
|
||||
Logger.debug('토큰 경고 모달: 모든 이벤트 리스너 제거 완료');
|
||||
originalHandleResponse(action);
|
||||
|
|
@ -3175,7 +3164,7 @@ export class CorrectionPopup extends BaseComponent {
|
|||
closeBtn.title = '단축키 가이드 닫기';
|
||||
closeBtn.addEventListener('click', () => {
|
||||
hint.classList.add(FADE_OUT_CLASS);
|
||||
activeWindow.setTimeout(() => hint.remove(), 200);
|
||||
window.setTimeout(() => hint.remove(), 200);
|
||||
});
|
||||
header.appendChild(closeBtn);
|
||||
|
||||
|
|
@ -3281,7 +3270,7 @@ export class CorrectionPopup extends BaseComponent {
|
|||
this.updateDisplay();
|
||||
|
||||
// 레이아웃 변경 후 스크롤
|
||||
activeWindow.setTimeout(() => {
|
||||
window.setTimeout(() => {
|
||||
(targetItem as HTMLElement).scrollIntoView({
|
||||
behavior: 'smooth',
|
||||
block: 'center',
|
||||
|
|
@ -3317,7 +3306,7 @@ export class CorrectionPopup extends BaseComponent {
|
|||
targetItem.classList.add('kga-error-item-highlighted');
|
||||
|
||||
// 2초 후 하이라이트 제거
|
||||
activeWindow.setTimeout(() => {
|
||||
window.setTimeout(() => {
|
||||
targetItem.classList.remove('kga-error-item-highlighted');
|
||||
}, 2000);
|
||||
|
||||
|
|
@ -3359,15 +3348,15 @@ export class CorrectionPopup extends BaseComponent {
|
|||
// 오류 상세 영역이 접혀있다면 펼치기
|
||||
const errorSummary = this.element.querySelector('#errorSummary');
|
||||
const wasCollapsed = errorSummary && errorSummary.classList.contains('collapsed');
|
||||
|
||||
if (wasCollapsed) {
|
||||
errorSummary!.classList.remove('collapsed');
|
||||
|
||||
if (wasCollapsed && errorSummary) {
|
||||
errorSummary.classList.remove('collapsed');
|
||||
Logger.debug('⌨️ 오류 상세 영역 자동 펼침');
|
||||
this.updateDisplay(); // 페이지네이션 재계산
|
||||
}
|
||||
|
||||
// DOM 업데이트 후 편집 모드 진입
|
||||
activeWindow.setTimeout(() => {
|
||||
window.setTimeout(() => {
|
||||
const errorCard = this.element.querySelector(`[data-correction-index="${actualIndex}"] .kga-error-original-compact`);
|
||||
if (errorCard) {
|
||||
Logger.debug(`⌨️ 편집 모드 진입 - 오류 상세 카드 찾음: index=${actualIndex}`);
|
||||
|
|
@ -3380,7 +3369,7 @@ export class CorrectionPopup extends BaseComponent {
|
|||
Logger.debug('⌨️ 오토스크롤 수행');
|
||||
|
||||
// 스크롤 완료 후 편집 모드 진입
|
||||
activeWindow.setTimeout(() => {
|
||||
window.setTimeout(() => {
|
||||
this.enterCardEditMode(errorCard as HTMLElement, actualIndex);
|
||||
}, 300); // 스크롤 애니메이션 완료 대기
|
||||
|
||||
|
|
|
|||
|
|
@ -89,7 +89,7 @@ export class InlineTooltip {
|
|||
// 🔧 툴팁 보호 플래그 설정 (모바일에서는 툴팁 수동 닫기만 허용)
|
||||
this.tooltipProtected = true;
|
||||
|
||||
activeWindow.setTimeout(() => {
|
||||
window.setTimeout(() => {
|
||||
// 🔧 키보드 숨김 활성화 - 이전 방식 유지
|
||||
this.hideKeyboardAndBlurEditor();
|
||||
|
||||
|
|
@ -134,12 +134,12 @@ export class InlineTooltip {
|
|||
|
||||
// 호버 타이머 정리
|
||||
if (this.hoverTimeout) {
|
||||
activeWindow.clearTimeout(this.hoverTimeout);
|
||||
window.clearTimeout(this.hoverTimeout);
|
||||
this.hoverTimeout = null;
|
||||
}
|
||||
|
||||
if (this.hideTimeout) {
|
||||
activeWindow.clearTimeout(this.hideTimeout);
|
||||
window.clearTimeout(this.hideTimeout);
|
||||
this.hideTimeout = null;
|
||||
}
|
||||
}
|
||||
|
|
@ -150,7 +150,7 @@ export class InlineTooltip {
|
|||
private scheduleHide(delay: number): void {
|
||||
this.clearHideTimeout(); // 기존 타이머 정리
|
||||
|
||||
this.hideTimeout = activeWindow.setTimeout(() => {
|
||||
this.hideTimeout = window.setTimeout(() => {
|
||||
if (!this.isHovered) {
|
||||
Logger.debug(`🕐 예약된 툴팁 숨기기 실행 (${delay}ms 후)`);
|
||||
this.hide();
|
||||
|
|
@ -163,7 +163,7 @@ export class InlineTooltip {
|
|||
*/
|
||||
private clearHideTimeout(): void {
|
||||
if (this.hideTimeout) {
|
||||
activeWindow.clearTimeout(this.hideTimeout);
|
||||
window.clearTimeout(this.hideTimeout);
|
||||
this.hideTimeout = null;
|
||||
Logger.debug('⏰ 툴팁 숨기기 타이머 취소');
|
||||
}
|
||||
|
|
@ -590,7 +590,6 @@ export class InlineTooltip {
|
|||
// 🔧 세로 위치 (마우스 위치 최적화)
|
||||
const smallOffset = mousePosition ? 5 : gap; // 마우스 위치 있으면 최소 오프셋
|
||||
const availableSpaceBelow = Math.min(viewportHeight, editorTop + editorHeight) - referenceCenterY;
|
||||
const availableSpaceAbove = referenceCenterY - editorTop;
|
||||
|
||||
// 🔧 디버깅: 하단 감지 조건 확인
|
||||
Logger.debug(`🔍 하단 감지: isBottomEdge=${isBottomEdge}, availableSpaceBelow=${availableSpaceBelow}, 필요공간=${adaptiveSize.maxHeight + smallOffset + minSpacing}, 마우스Y=${mousePosition?.y}, 에디터하단=${editorTop + editorHeight}`);
|
||||
|
|
@ -691,7 +690,7 @@ export class InlineTooltip {
|
|||
if (isPhone) header.classList.add('kga-mobile-phone');
|
||||
|
||||
// 🔧 헤더 텍스트 (필터링된 개수 반영)
|
||||
const headerText = header.createSpan({
|
||||
header.createSpan({
|
||||
text: `${uniqueOriginalErrors.length}개 오류 병합됨`,
|
||||
cls: 'kga-header-text'
|
||||
});
|
||||
|
|
@ -940,8 +939,8 @@ export class InlineTooltip {
|
|||
let isHovering = false;
|
||||
|
||||
const startHideTimer = () => {
|
||||
if (hideTimeout) activeWindow.clearTimeout(hideTimeout);
|
||||
hideTimeout = activeWindow.setTimeout(() => {
|
||||
if (hideTimeout) window.clearTimeout(hideTimeout);
|
||||
hideTimeout = window.setTimeout(() => {
|
||||
if (!isHovering) {
|
||||
Logger.debug('🔍 툴팁 자동 숨김');
|
||||
this.hide(true); // 강제 닫기
|
||||
|
|
@ -951,7 +950,7 @@ export class InlineTooltip {
|
|||
|
||||
const cancelHideTimer = () => {
|
||||
if (hideTimeout) {
|
||||
activeWindow.clearTimeout(hideTimeout);
|
||||
window.clearTimeout(hideTimeout);
|
||||
hideTimeout = undefined;
|
||||
}
|
||||
};
|
||||
|
|
@ -997,19 +996,19 @@ export class InlineTooltip {
|
|||
};
|
||||
|
||||
// 이벤트 리스너 등록 (document 레벨)
|
||||
document.addEventListener('mousemove', onMouseMove, { passive: true });
|
||||
document.addEventListener('mouseover', onMouseOver, { passive: true });
|
||||
document.addEventListener('click', onMouseClick);
|
||||
activeDocument.addEventListener('mousemove', onMouseMove, { passive: true });
|
||||
activeDocument.addEventListener('mouseover', onMouseOver, { passive: true });
|
||||
activeDocument.addEventListener('click', onMouseClick);
|
||||
|
||||
// 초기 타이머 시작
|
||||
startHideTimer();
|
||||
|
||||
// 정리 함수 저장
|
||||
(this.tooltip as ExtendedHTMLElement)._cleanup = () => {
|
||||
document.removeEventListener('mousemove', onMouseMove);
|
||||
document.removeEventListener('mouseover', onMouseOver);
|
||||
document.removeEventListener('click', onMouseClick);
|
||||
if (hideTimeout) activeWindow.clearTimeout(hideTimeout);
|
||||
activeDocument.removeEventListener('mousemove', onMouseMove);
|
||||
activeDocument.removeEventListener('mouseover', onMouseOver);
|
||||
activeDocument.removeEventListener('click', onMouseClick);
|
||||
if (hideTimeout) window.clearTimeout(hideTimeout);
|
||||
Logger.debug('🔍 호버 이벤트 정리 완료');
|
||||
};
|
||||
}
|
||||
|
|
@ -1203,17 +1202,17 @@ export class InlineTooltip {
|
|||
}
|
||||
}, { passive: false });
|
||||
|
||||
exceptionButton.addEventListener('touchend', async (e) => {
|
||||
exceptionButton.addEventListener('touchend', (e) => {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
await this.addToExceptionWords(error);
|
||||
void this.addToExceptionWords(error);
|
||||
}, { passive: false });
|
||||
}
|
||||
|
||||
// 클릭 이벤트
|
||||
exceptionButton.addEventListener('click', async (e) => {
|
||||
exceptionButton.addEventListener('click', (e) => {
|
||||
e.stopPropagation();
|
||||
await this.addToExceptionWords(error);
|
||||
void this.addToExceptionWords(error);
|
||||
});
|
||||
|
||||
// ❌ 오류 무시 버튼 (일시적 무시) - 모바일 최적화
|
||||
|
|
@ -1274,8 +1273,8 @@ export class InlineTooltip {
|
|||
}
|
||||
|
||||
// 🤖 AI 분석 결과 영역 (도움말 영역 아래)
|
||||
if (error.aiAnalysis) {
|
||||
const aiArea = this.tooltip!.createDiv({ cls: 'kga-tooltip-ai-area' });
|
||||
if (error.aiAnalysis && this.tooltip) {
|
||||
const aiArea = this.tooltip.createDiv({ cls: 'kga-tooltip-ai-area' });
|
||||
if (isMobile) {
|
||||
aiArea.classList.add('kga-mobile');
|
||||
}
|
||||
|
|
@ -1284,7 +1283,7 @@ export class InlineTooltip {
|
|||
}
|
||||
|
||||
// 🤖 AI 아이콘
|
||||
const aiIcon = aiArea.createSpan({ text: '🤖', cls: 'kga-ai-icon' });
|
||||
aiArea.createSpan({ text: '🤖', cls: 'kga-ai-icon' });
|
||||
|
||||
// AI 추천 이유 간단 표시
|
||||
const reasoningText = aiArea.createSpan({ cls: 'kga-ai-reasoning' });
|
||||
|
|
@ -1309,8 +1308,9 @@ export class InlineTooltip {
|
|||
Logger.debug('📱 모바일 툴팁: 수동 닫기 모드 (닫기 버튼 또는 수정 적용으로만 닫힘)');
|
||||
} else {
|
||||
// 데스크톱: 바깥 클릭으로 닫기
|
||||
activeWindow.setTimeout(() => {
|
||||
document.addEventListener('click', this.handleOutsideClick.bind(this), { once: true });
|
||||
window.setTimeout(() => {
|
||||
const boundHandler = (ev: MouseEvent): void => { this.handleOutsideClick(ev); };
|
||||
activeDocument.addEventListener('click', boundHandler, { once: true });
|
||||
}, 0);
|
||||
}
|
||||
}
|
||||
|
|
@ -1334,7 +1334,7 @@ export class InlineTooltip {
|
|||
}
|
||||
|
||||
// 툴팁 유지 모드 해제 (약간의 지연 후)
|
||||
activeWindow.setTimeout(() => {
|
||||
window.setTimeout(() => {
|
||||
this.keepOpenMode = false;
|
||||
}, 200);
|
||||
|
||||
|
|
@ -1665,7 +1665,7 @@ export class InlineTooltip {
|
|||
// 3. CodeMirror 에디터 포커스 해제 (추가 안전장치)
|
||||
const cmEditors = activeDocument.querySelectorAll('.cm-editor .cm-content');
|
||||
cmEditors.forEach(editor => {
|
||||
if (editor instanceof HTMLElement) {
|
||||
if (editor.instanceOf(HTMLElement)) {
|
||||
editor.blur();
|
||||
}
|
||||
});
|
||||
|
|
@ -1676,12 +1676,12 @@ export class InlineTooltip {
|
|||
activeDocument.body.appendChild(hiddenInput);
|
||||
|
||||
// 더 짧은 지연시간으로 깜빡임 최소화
|
||||
activeWindow.setTimeout(() => {
|
||||
window.setTimeout(() => {
|
||||
hiddenInput.focus();
|
||||
// 즉시 블러 처리로 깜빡임 시간 단축
|
||||
activeWindow.setTimeout(() => {
|
||||
window.setTimeout(() => {
|
||||
hiddenInput.blur();
|
||||
activeWindow.setTimeout(() => {
|
||||
window.setTimeout(() => {
|
||||
activeDocument.body.removeChild(hiddenInput);
|
||||
Logger.log('📱 모바일: 키보드 숨김 처리 완료 (최적화됨)');
|
||||
}, 10);
|
||||
|
|
@ -1783,7 +1783,7 @@ export class InlineTooltip {
|
|||
break;
|
||||
|
||||
case 'exception': // 🔵 파란색: 예외 사전 등록
|
||||
this.addToExceptionWords(error);
|
||||
void this.addToExceptionWords(error);
|
||||
break;
|
||||
|
||||
case 'keep-original': // 🟠 주황색: 원본 유지 (변경 없음)
|
||||
|
|
|
|||
|
|
@ -272,7 +272,7 @@ export class LoadingManager {
|
|||
this.currentNotice = {
|
||||
hide: () => {
|
||||
toastContainer.addClass('kga-slide-out-down');
|
||||
activeWindow.setTimeout(() => {
|
||||
window.setTimeout(() => {
|
||||
toastContainer.remove();
|
||||
}, 200);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -4,6 +4,8 @@ import { IgnoredWordsService } from '../services/ignoredWords';
|
|||
import { Logger, LogLevel } from '../utils/logger';
|
||||
import { AIProvider } from '../types/interfaces';
|
||||
import { createMetricsDisplay, clearElement } from '../utils/domUtils';
|
||||
import { AdvancedSettingsService } from '../services/advancedSettingsService';
|
||||
import { ErrorHandlerService, ErrorType } from '../services/errorHandler';
|
||||
|
||||
/**
|
||||
* 백업 항목 정보 (AdvancedSettingsService.getBackups 반환값과 일치)
|
||||
|
|
@ -47,6 +49,24 @@ interface LogDisplayEntry {
|
|||
data?: unknown;
|
||||
}
|
||||
|
||||
/**
|
||||
* 로그 통계 (Logger.getStats 반환값)
|
||||
*/
|
||||
type LogStats = Record<LogLevel, number> & { total: number };
|
||||
|
||||
/**
|
||||
* 에러 통계 (ErrorHandlerService.getErrorStats 반환값)
|
||||
*/
|
||||
type ErrorStats = Record<ErrorType, number>;
|
||||
|
||||
/**
|
||||
* 메모리 사용량 (Logger.getMemoryUsage 반환값)
|
||||
*/
|
||||
interface MemoryUsage {
|
||||
historySize: number;
|
||||
estimatedBytes: number;
|
||||
}
|
||||
|
||||
/**
|
||||
* 간단한 확인 모달 - confirm() 대체용
|
||||
*/
|
||||
|
|
@ -699,11 +719,13 @@ export class ModernSettingsTab extends PluginSettingTab {
|
|||
});
|
||||
|
||||
clearAllButton.onclick = () => {
|
||||
new KGAConfirmModal(this.app, '모든 예외 단어를 삭제하시겠습니까?', async () => {
|
||||
this.plugin.settings.ignoredWords = [];
|
||||
await this.plugin.saveSettings();
|
||||
this.renderIgnoredWordsCloud(tagCloudContainer);
|
||||
countInfo.textContent = `현재 ${IgnoredWordsService.getIgnoredWordsCount(this.plugin.settings)}개의 단어가 예외 처리되어 있습니다.`;
|
||||
new KGAConfirmModal(this.app, '모든 예외 단어를 삭제하시겠습니까?', () => {
|
||||
void (async () => {
|
||||
this.plugin.settings.ignoredWords = [];
|
||||
await this.plugin.saveSettings();
|
||||
this.renderIgnoredWordsCloud(tagCloudContainer);
|
||||
countInfo.textContent = `현재 ${IgnoredWordsService.getIgnoredWordsCount(this.plugin.settings)}개의 단어가 예외 처리되어 있습니다.`;
|
||||
})();
|
||||
}).open();
|
||||
};
|
||||
|
||||
|
|
@ -734,11 +756,13 @@ export class ModernSettingsTab extends PluginSettingTab {
|
|||
// Hover 효과는 CSS :hover로 처리 (ignored-word-tag:hover)
|
||||
|
||||
tag.onclick = () => {
|
||||
new KGAConfirmModal(this.app, `"${word}"를 예외 목록에서 제거하시겠습니까?`, async () => {
|
||||
const updatedSettings = IgnoredWordsService.removeIgnoredWord(word, this.plugin.settings);
|
||||
this.plugin.settings = updatedSettings;
|
||||
await this.plugin.saveSettings();
|
||||
this.renderIgnoredWordsCloud(container);
|
||||
new KGAConfirmModal(this.app, `"${word}"를 예외 목록에서 제거하시겠습니까?`, () => {
|
||||
void (async () => {
|
||||
const updatedSettings = IgnoredWordsService.removeIgnoredWord(word, this.plugin.settings);
|
||||
this.plugin.settings = updatedSettings;
|
||||
await this.plugin.saveSettings();
|
||||
this.renderIgnoredWordsCloud(container);
|
||||
})();
|
||||
}).open();
|
||||
};
|
||||
});
|
||||
|
|
@ -763,8 +787,6 @@ export class ModernSettingsTab extends PluginSettingTab {
|
|||
* 설정 검증 섹션을 생성합니다
|
||||
*/
|
||||
private createValidationSection(containerEl: HTMLElement): void {
|
||||
const { AdvancedSettingsService } = require('../services/advancedSettingsService');
|
||||
|
||||
const validationSection = containerEl.createDiv({ cls: 'ksc-section' });
|
||||
|
||||
// 설정 검증 헤딩
|
||||
|
|
@ -807,8 +829,6 @@ export class ModernSettingsTab extends PluginSettingTab {
|
|||
* 백업 관리 섹션을 생성합니다
|
||||
*/
|
||||
private createBackupSection(containerEl: HTMLElement): void {
|
||||
const { AdvancedSettingsService } = require('../services/advancedSettingsService');
|
||||
|
||||
const backupSection = containerEl.createDiv({ cls: 'ksc-section' });
|
||||
|
||||
// 백업 관리 헤딩
|
||||
|
|
@ -859,14 +879,16 @@ export class ModernSettingsTab extends PluginSettingTab {
|
|||
cls: 'ksc-restore-button'
|
||||
});
|
||||
|
||||
restoreBtn.onclick = async () => {
|
||||
const restored = AdvancedSettingsService.restoreSettings(backup.index);
|
||||
if (restored) {
|
||||
this.plugin.settings = restored;
|
||||
await this.plugin.saveSettings();
|
||||
this.display();
|
||||
new Notice("설정이 복원되었습니다.");
|
||||
}
|
||||
restoreBtn.onclick = () => {
|
||||
void (async () => {
|
||||
const restored = AdvancedSettingsService.restoreSettings(backup.index);
|
||||
if (restored) {
|
||||
this.plugin.settings = restored;
|
||||
await this.plugin.saveSettings();
|
||||
this.display();
|
||||
new Notice("설정이 복원되었습니다.");
|
||||
}
|
||||
})();
|
||||
};
|
||||
});
|
||||
}
|
||||
|
|
@ -885,8 +907,6 @@ export class ModernSettingsTab extends PluginSettingTab {
|
|||
* 내보내기/가져오기 섹션을 생성합니다
|
||||
*/
|
||||
private createImportExportSection(containerEl: HTMLElement): void {
|
||||
const { AdvancedSettingsService } = require('../services/advancedSettingsService');
|
||||
|
||||
const importExportSection = containerEl.createDiv({ cls: 'ksc-section' });
|
||||
|
||||
// 내보내기/가져오기 헤딩
|
||||
|
|
@ -927,20 +947,22 @@ export class ModernSettingsTab extends PluginSettingTab {
|
|||
if (!file) return;
|
||||
|
||||
const reader = new FileReader();
|
||||
reader.onload = async (e) => {
|
||||
const content = e.target?.result as string;
|
||||
const result = AdvancedSettingsService.importSettings(content);
|
||||
|
||||
if (result.success && result.settings) {
|
||||
AdvancedSettingsService.backupSettings(this.plugin.settings, '가져오기 전 백업');
|
||||
|
||||
this.plugin.settings = result.settings;
|
||||
await this.plugin.saveSettings();
|
||||
this.display();
|
||||
new Notice("설정이 가져오기되었습니다.");
|
||||
} else {
|
||||
new Notice(`설정 가져오기 실패: ${result.error}`);
|
||||
}
|
||||
reader.onload = (loadEvent) => {
|
||||
void (async () => {
|
||||
const content = loadEvent.target?.result as string;
|
||||
const result = AdvancedSettingsService.importSettings(content);
|
||||
|
||||
if (result.success && result.settings) {
|
||||
AdvancedSettingsService.backupSettings(this.plugin.settings, '가져오기 전 백업');
|
||||
|
||||
this.plugin.settings = result.settings;
|
||||
await this.plugin.saveSettings();
|
||||
this.display();
|
||||
new Notice("설정이 가져오기되었습니다.");
|
||||
} else {
|
||||
new Notice(`설정 가져오기 실패: ${result.error}`);
|
||||
}
|
||||
})();
|
||||
};
|
||||
|
||||
reader.readAsText(file);
|
||||
|
|
@ -950,12 +972,14 @@ export class ModernSettingsTab extends PluginSettingTab {
|
|||
};
|
||||
|
||||
resetBtn.onclick = () => {
|
||||
new KGAConfirmModal(this.app, '모든 설정을 기본값으로 재설정하시겠습니까? 현재 설정은 백업됩니다.', async () => {
|
||||
const defaultSettings = AdvancedSettingsService.resetToDefaults(this.plugin.settings);
|
||||
this.plugin.settings = defaultSettings;
|
||||
await this.plugin.saveSettings();
|
||||
this.display();
|
||||
new Notice("설정이 기본값으로 재설정되었습니다.");
|
||||
new KGAConfirmModal(this.app, '모든 설정을 기본값으로 재설정하시겠습니까? 현재 설정은 백업됩니다.', () => {
|
||||
void (async () => {
|
||||
const defaultSettings = AdvancedSettingsService.resetToDefaults(this.plugin.settings);
|
||||
this.plugin.settings = defaultSettings;
|
||||
await this.plugin.saveSettings();
|
||||
this.display();
|
||||
new Notice("설정이 기본값으로 재설정되었습니다.");
|
||||
})();
|
||||
}).open();
|
||||
};
|
||||
}
|
||||
|
|
@ -1002,13 +1026,15 @@ export class ModernSettingsTab extends PluginSettingTab {
|
|||
const updateMetrics = () => {
|
||||
try {
|
||||
const metrics = this.plugin.orchestrator.getPerformanceMetrics();
|
||||
|
||||
const { Logger } = require('../utils/logger');
|
||||
const { ErrorHandlerService } = require('../services/errorHandler');
|
||||
const logStats = Logger.getStats();
|
||||
const errorStats = ErrorHandlerService.getErrorStats();
|
||||
|
||||
const extendedMetrics = { ...metrics, logStats, errorStats };
|
||||
|
||||
const logStats: LogStats = Logger.getStats();
|
||||
const errorStats: ErrorStats = ErrorHandlerService.getErrorStats();
|
||||
|
||||
const extendedMetrics = {
|
||||
...metrics,
|
||||
logStats: this.toDisplayLogStats(logStats),
|
||||
errorStats: this.toDisplayErrorStats(errorStats)
|
||||
};
|
||||
createMetricsDisplay(metricsDisplay, extendedMetrics);
|
||||
|
||||
// 추가 통계 섹션 - 기존 컴테이너 재사용
|
||||
|
|
@ -1051,12 +1077,12 @@ export class ModernSettingsTab extends PluginSettingTab {
|
|||
updateMetrics(); // 초기 표시
|
||||
|
||||
// 자동 업데이트 (15초마다)
|
||||
const metricsInterval = activeWindow.setInterval(updateMetrics, 15000);
|
||||
|
||||
const metricsInterval = window.setInterval(updateMetrics, 15000);
|
||||
|
||||
// 정리 함수 등록
|
||||
const originalHide = this.hide.bind(this);
|
||||
this.hide = () => {
|
||||
activeWindow.clearInterval(metricsInterval);
|
||||
window.clearInterval(metricsInterval);
|
||||
originalHide();
|
||||
};
|
||||
}
|
||||
|
|
@ -1065,8 +1091,6 @@ export class ModernSettingsTab extends PluginSettingTab {
|
|||
* 로그 관리 섹션을 생성합니다
|
||||
*/
|
||||
private createLogManagementSection(containerEl: HTMLElement): void {
|
||||
const { Logger } = require('../utils/logger');
|
||||
|
||||
const logSection = containerEl.createDiv({ cls: 'ksc-section' });
|
||||
|
||||
// 로그 관리 헤딩
|
||||
|
|
@ -1077,8 +1101,8 @@ export class ModernSettingsTab extends PluginSettingTab {
|
|||
|
||||
// 로그 통계 표시
|
||||
const updateLogStats = () => {
|
||||
const stats = Logger.getStats();
|
||||
const memUsage = Logger.getMemoryUsage();
|
||||
const stats: LogStats = Logger.getStats();
|
||||
const memUsage: MemoryUsage = Logger.getMemoryUsage();
|
||||
|
||||
const statsContainer = logSection.querySelector('#log-stats-container') as HTMLElement;
|
||||
if (statsContainer) {
|
||||
|
|
@ -1156,10 +1180,9 @@ export class ModernSettingsTab extends PluginSettingTab {
|
|||
* 로그 뷰어를 표시합니다
|
||||
*/
|
||||
private displayLogViewer(container: HTMLElement): void {
|
||||
const { Logger } = require('../utils/logger');
|
||||
clearElement(container);
|
||||
|
||||
const logs = Logger.getHistory();
|
||||
|
||||
const logs: LogDisplayEntry[] = Logger.getHistory();
|
||||
|
||||
// 로그 필터 컨트롤
|
||||
const filterContainer = container.createDiv({ cls: 'ksc-log-filter' });
|
||||
|
|
@ -1222,15 +1245,45 @@ export class ModernSettingsTab extends PluginSettingTab {
|
|||
|
||||
// 필터 이벤트
|
||||
levelSelect.onchange = () => {
|
||||
const selectedLevel = levelSelect.value;
|
||||
const selectedLevel = levelSelect.value as LogLevel | '';
|
||||
const filteredLogs = selectedLevel ?
|
||||
logs.filter((log: LogDisplayEntry) => log.level === selectedLevel) :
|
||||
logs.filter((log) => log.level === selectedLevel) :
|
||||
logs;
|
||||
displayLogs(filteredLogs);
|
||||
};
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Logger 통계를 createMetricsDisplay가 기대하는 소문자 키 형태로 변환합니다
|
||||
*/
|
||||
private toDisplayLogStats(stats: LogStats): { debug: number; info: number; warn: number; error: number; total: number } {
|
||||
return {
|
||||
debug: stats.DEBUG,
|
||||
info: stats.INFO,
|
||||
warn: stats.WARN,
|
||||
error: stats.ERROR,
|
||||
total: stats.total
|
||||
};
|
||||
}
|
||||
|
||||
/**
|
||||
* ErrorHandlerService 통계를 createMetricsDisplay가 기대하는 형태로 변환합니다
|
||||
*/
|
||||
private toDisplayErrorStats(stats: ErrorStats): {
|
||||
totalErrors: number;
|
||||
errorsByCategory: Record<string, number>;
|
||||
recentErrors: Array<{ timestamp: number; category: string; message: string }>;
|
||||
} {
|
||||
const errorsByCategory: Record<string, number> = { ...stats };
|
||||
const totalErrors = Object.values(stats).reduce((sum, count) => sum + count, 0);
|
||||
return {
|
||||
totalErrors,
|
||||
errorsByCategory,
|
||||
recentErrors: []
|
||||
};
|
||||
}
|
||||
|
||||
/**
|
||||
* 로그 레벨별 아이콘을 반환합니다
|
||||
*/
|
||||
|
|
@ -1248,12 +1301,10 @@ export class ModernSettingsTab extends PluginSettingTab {
|
|||
* 로그를 다운로드합니다
|
||||
*/
|
||||
private downloadLogs(): void {
|
||||
const { Logger } = require('../utils/logger');
|
||||
|
||||
try {
|
||||
const logs = Logger.getHistory();
|
||||
const stats = Logger.getStats();
|
||||
const memUsage = Logger.getMemoryUsage();
|
||||
const logs: LogDisplayEntry[] = Logger.getHistory();
|
||||
const stats: LogStats = Logger.getStats();
|
||||
const memUsage: MemoryUsage = Logger.getMemoryUsage();
|
||||
|
||||
// 로그 데이터 구성
|
||||
const logData = {
|
||||
|
|
@ -1264,7 +1315,7 @@ export class ModernSettingsTab extends PluginSettingTab {
|
|||
statistics: stats,
|
||||
memoryUsage: memUsage
|
||||
},
|
||||
logs: logs.map((log: LogDisplayEntry) => ({
|
||||
logs: logs.map((log) => ({
|
||||
timestamp: log.timestamp.toISOString(),
|
||||
level: log.level,
|
||||
message: log.message,
|
||||
|
|
@ -1325,11 +1376,13 @@ export class ModernSettingsTab extends PluginSettingTab {
|
|||
// 기존 updateMetrics 함수 호출
|
||||
try {
|
||||
const metrics = this.plugin.orchestrator.getPerformanceMetrics();
|
||||
const { Logger } = require('../utils/logger');
|
||||
const { ErrorHandlerService } = require('../services/errorHandler');
|
||||
const logStats = Logger.getStats();
|
||||
const errorStats = ErrorHandlerService.getErrorStats();
|
||||
const extendedMetrics = { ...metrics, logStats, errorStats };
|
||||
const logStats: LogStats = Logger.getStats();
|
||||
const errorStats: ErrorStats = ErrorHandlerService.getErrorStats();
|
||||
const extendedMetrics = {
|
||||
...metrics,
|
||||
logStats: this.toDisplayLogStats(logStats),
|
||||
errorStats: this.toDisplayErrorStats(errorStats)
|
||||
};
|
||||
createMetricsDisplay(metricsDisplay, extendedMetrics);
|
||||
|
||||
clearElement(additionalStats);
|
||||
|
|
|
|||
|
|
@ -198,7 +198,7 @@ export class VirtualScroller {
|
|||
}
|
||||
|
||||
if (this.scrollTimeout) {
|
||||
activeWindow.clearTimeout(this.scrollTimeout);
|
||||
window.clearTimeout(this.scrollTimeout);
|
||||
}
|
||||
|
||||
this.clearRenderedItems();
|
||||
|
|
@ -273,10 +273,10 @@ export class VirtualScroller {
|
|||
|
||||
// 스크롤 종료 감지
|
||||
if (this.scrollTimeout) {
|
||||
activeWindow.clearTimeout(this.scrollTimeout);
|
||||
window.clearTimeout(this.scrollTimeout);
|
||||
}
|
||||
|
||||
this.scrollTimeout = activeWindow.setTimeout(() => {
|
||||
this.scrollTimeout = window.setTimeout(() => {
|
||||
this.isScrolling = false;
|
||||
}, 150);
|
||||
}, this.SCROLL_DEBOUNCE, true);
|
||||
|
|
@ -311,8 +311,8 @@ export class VirtualScroller {
|
|||
*/
|
||||
private renderVisibleItems(): void {
|
||||
const { startIndex, endIndex, visibleItems } = this.currentRange;
|
||||
const { itemHeight } = this.config;
|
||||
|
||||
|
||||
|
||||
// 현재 범위 밖의 요소들 제거
|
||||
this.cleanupOutOfRangeItems(startIndex, endIndex);
|
||||
|
||||
|
|
|
|||
|
|
@ -246,7 +246,7 @@ export class DOMOptimizer {
|
|||
if (this.isScheduled) return;
|
||||
|
||||
this.isScheduled = true;
|
||||
this.rafId = requestAnimationFrame(() => {
|
||||
this.rafId = window.requestAnimationFrame(() => {
|
||||
this.flushUpdates();
|
||||
});
|
||||
}
|
||||
|
|
@ -317,7 +317,7 @@ export class DOMOptimizer {
|
|||
element.className = value;
|
||||
break;
|
||||
}
|
||||
} catch (error) {
|
||||
} catch (error: unknown) {
|
||||
Logger.warn('DOM 업데이트 실패:', { update, error });
|
||||
}
|
||||
}
|
||||
|
|
@ -355,7 +355,7 @@ export class DOMOptimizer {
|
|||
maxDepth = Math.max(maxDepth, depth);
|
||||
|
||||
for (const child of Array.from(node.children)) {
|
||||
if (child instanceof HTMLElement) {
|
||||
if (child.instanceOf(HTMLElement)) {
|
||||
traverse(child, depth + 1);
|
||||
}
|
||||
}
|
||||
|
|
@ -442,7 +442,7 @@ export class DOMOptimizer {
|
|||
});
|
||||
}
|
||||
}
|
||||
} catch (error) {
|
||||
} catch {
|
||||
// getEventListeners는 개발자 도구에서만 사용 가능하므로 에러는 무시
|
||||
Logger.debug('getEventListeners 호출 실패 (정상 동작)');
|
||||
}
|
||||
|
|
|
|||
|
|
@ -231,7 +231,7 @@ export function clearElement(element: HTMLElement): void {
|
|||
break;
|
||||
}
|
||||
}
|
||||
} catch (error) {
|
||||
} catch {
|
||||
// 오류 발생 시 더 안전한 방법 사용
|
||||
element.textContent = '';
|
||||
}
|
||||
|
|
@ -315,11 +315,11 @@ export function createValidationDisplay(parent: HTMLElement, validation: Validat
|
|||
// 경고 섹션
|
||||
if (validation.warnings && validation.warnings.length > 0) {
|
||||
parent.createEl('br');
|
||||
const warningHeader = parent.createEl('strong', { text: '경고:' });
|
||||
parent.createEl('strong', { text: '경고:' });
|
||||
parent.createEl('br');
|
||||
|
||||
|
||||
validation.warnings.forEach((warning: string) => {
|
||||
const warningDiv = parent.createEl('div', { text: `⚠️ ${warning}` });
|
||||
parent.createEl('div', { text: `⚠️ ${warning}` });
|
||||
});
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -98,7 +98,7 @@ export function temporaryHighlight(
|
|||
duration: number = 2000
|
||||
): void {
|
||||
element.classList.add(className);
|
||||
activeWindow.setTimeout(() => {
|
||||
window.setTimeout(() => {
|
||||
element.classList.remove(className);
|
||||
}, duration);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -254,7 +254,7 @@ export class MemoryOptimizer<T> {
|
|||
*/
|
||||
destroy(): void {
|
||||
if (this.cleanupTimer) {
|
||||
activeWindow.clearInterval(this.cleanupTimer);
|
||||
window.clearInterval(this.cleanupTimer);
|
||||
this.cleanupTimer = undefined;
|
||||
}
|
||||
|
||||
|
|
@ -383,7 +383,7 @@ export class MemoryOptimizer<T> {
|
|||
* 정리 타이머를 시작합니다
|
||||
*/
|
||||
private startCleanupTimer(): void {
|
||||
this.cleanupTimer = activeWindow.setInterval(() => {
|
||||
this.cleanupTimer = window.setInterval(() => {
|
||||
this.performCleanup();
|
||||
}, this.config.cleanupInterval);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -78,7 +78,7 @@ export function findOptimalBreakPoint(
|
|||
const matches = Array.from(text.matchAll(pattern.regex));
|
||||
|
||||
for (const match of matches) {
|
||||
const endIndex = match.index! + match[0].length;
|
||||
const endIndex = (match.index ?? 0) + match[0].length;
|
||||
|
||||
// 허용 범위 내에 있는지 확인
|
||||
if (endIndex >= minLength && endIndex <= maxLength) {
|
||||
|
|
@ -298,7 +298,6 @@ export function getCurrentSentence(editor: Editor): { text: string; from: Editor
|
|||
const sentenceEndPatternGlobal = /[.!?。！？]/g;
|
||||
|
||||
// 현재 커서 위치에서 앞쪽으로 문장 시작점 찾기
|
||||
let sentenceStart = 0;
|
||||
let sentenceStartLine = currentLine;
|
||||
let sentenceStartChar = 0;
|
||||
|
||||
|
|
|
|||
|
|
@ -63,24 +63,7 @@ export function estimateAnalysisTokenUsage(correctionContexts: CorrectionContext
|
|||
/**
|
||||
* 토큰 사용량에 따른 대략적인 비용을 추정합니다 (USD 및 KRW).
|
||||
*/
|
||||
export function estimateCost(tokens: number, provider: string): string {
|
||||
const costs = {
|
||||
openai: {
|
||||
'gpt-4o': { input: 2.5, output: 10.0 }, // per 1M tokens (USD)
|
||||
'gpt-4o-mini': { input: 0.15, output: 0.6 },
|
||||
'gpt-4-turbo': { input: 10.0, output: 30.0 },
|
||||
'gpt-4': { input: 30.0, output: 60.0 }
|
||||
},
|
||||
anthropic: {
|
||||
'claude-3-5-sonnet-20241022': { input: 3.0, output: 15.0 },
|
||||
'claude-3-5-haiku-20241022': { input: 0.25, output: 1.25 }
|
||||
},
|
||||
google: {
|
||||
'gemini-1.5-pro': { input: 1.25, output: 5.0 },
|
||||
'gemini-1.5-flash': { input: 0.075, output: 0.3 }
|
||||
}
|
||||
};
|
||||
|
||||
export function estimateCost(tokens: number, _provider: string): string {
|
||||
// 간단한 평균 비용 반환
|
||||
const avgCostPer1M = 2.0; // USD per 1M tokens (average)
|
||||
const estimatedCostUSD = (tokens / 1000000) * avgCostPer1M;
|
||||
|
|
|
|||
|
|
@ -115,7 +115,7 @@ export class TokenWarningModal {
|
|||
activeDocument.body.appendChild(modal);
|
||||
|
||||
// 포커스 설정 (약간의 지연)
|
||||
activeWindow.setTimeout(() => {
|
||||
window.setTimeout(() => {
|
||||
modal.focus();
|
||||
Logger.debug('토큰 경고 모달: 포커스 설정 완료');
|
||||
}, 10);
|
||||
|
|
@ -373,7 +373,7 @@ export class TokenWarningModal {
|
|||
// 3. CodeMirror 에디터 포커스 해제 (추가 안전장치)
|
||||
const cmEditors = activeDocument.querySelectorAll('.cm-editor .cm-content');
|
||||
cmEditors.forEach(editor => {
|
||||
if (editor instanceof HTMLElement) {
|
||||
if (editor.instanceOf(HTMLElement)) {
|
||||
editor.blur();
|
||||
}
|
||||
});
|
||||
|
|
@ -383,9 +383,9 @@ export class TokenWarningModal {
|
|||
hiddenInput.classList.add('kga-stealth-input');
|
||||
|
||||
// 짧은 시간 후 포커스 후 즉시 블러하여 키보드 숨기기
|
||||
activeWindow.setTimeout(() => {
|
||||
window.setTimeout(() => {
|
||||
hiddenInput.focus();
|
||||
activeWindow.setTimeout(() => {
|
||||
window.setTimeout(() => {
|
||||
hiddenInput.blur();
|
||||
activeDocument.body.removeChild(hiddenInput);
|
||||
Logger.log('📱 토큰 모달: 키보드 숨김 처리 완료');
|
||||
|
|
|
|||
|
|
@ -12,5 +12,6 @@
|
|||
"0.2.8": "0.15.0",
|
||||
"0.2.9": "0.15.0",
|
||||
"0.3.0": "1.4.0",
|
||||
"0.3.1": "1.4.0"
|
||||
"0.3.1": "1.4.0",
|
||||
"0.3.2": "1.4.0"
|
||||
}
|
||||
Loading…
Reference in a new issue