`;
@@ -480,8 +480,8 @@ export class HoverHandler {
if (!hintText) return '';
- let content = `
`;
- content += `
${hintText}
`;
+ let content = `
`;
+ content += `
${hintText}
`;
content += `
`;
return content;
@@ -496,7 +496,7 @@ export class HoverHandler {
*/
private createTooltipElement(config: TooltipConfig): HTMLElement {
const tooltip = document.createElement('div');
- tooltip.className = `popup-tooltip ${config.className || ''} kga-dynamic-position kga-tooltip-enter`;
+ tooltip.className = `kga-popup-tooltip ${config.className || ''} kga-dynamic-position kga-tooltip-enter`;
// Set position using CSS variables
tooltip.style.setProperty('--kga-pos-left', `${config.position.x}px`);
diff --git a/src/popup/events/MobileEventHandler.ts b/src/popup/events/MobileEventHandler.ts
index d08d4e8..b658fbb 100644
--- a/src/popup/events/MobileEventHandler.ts
+++ b/src/popup/events/MobileEventHandler.ts
@@ -525,7 +525,7 @@ export class MobileEventHandler {
const input = document.createElement('input');
input.type = 'text';
input.value = target.textContent || '';
- input.className = 'error-original-input mobile-edit-input';
+ input.className = 'kga-error-original-input kga-mobile-edit-input';
// data 속성 복사
if (context.correctionIndex !== undefined) {
@@ -538,7 +538,7 @@ export class MobileEventHandler {
// 편집 컨테이너 생성
const editContainer = document.createElement('div');
- editContainer.className = 'mobile-edit-container';
+ editContainer.className = 'kga-mobile-edit-container';
editContainer.appendChild(input);
editContainer.appendChild(buttonContainer);
@@ -567,17 +567,17 @@ export class MobileEventHandler {
): HTMLElement {
const container = document.createElement('div');
- container.className = 'mobile-edit-buttons';
+ container.className = 'kga-mobile-edit-buttons';
// 완료 버튼
const confirmBtn = document.createElement('button');
confirmBtn.textContent = '✓';
- confirmBtn.className = 'mobile-edit-confirm';
+ confirmBtn.className = 'kga-mobile-edit-confirm';
// 취소 버튼
const cancelBtn = document.createElement('button');
cancelBtn.textContent = '✕';
- cancelBtn.className = 'mobile-edit-cancel';
+ cancelBtn.className = 'kga-mobile-edit-cancel';
// 이벤트 리스너
confirmBtn.addEventListener('click', (e) => {
@@ -658,7 +658,7 @@ export class MobileEventHandler {
if (!input) return;
// 편집 컨테이너 제거
- const editContainer = input.closest('.mobile-edit-container');
+ const editContainer = input.closest('.kga-mobile-edit-container');
if (editContainer) {
editContainer.remove();
}
@@ -683,8 +683,8 @@ export class MobileEventHandler {
// 편집 중인 요소나 특정 UI 요소에서는 스크롤 방지
return target.classList.contains('error-text') ||
target.classList.contains('suggestion-item') ||
- target.classList.contains('mobile-edit-input') ||
- !!target.closest('.error-text, .suggestion-item, .mobile-edit-container');
+ target.classList.contains('kga-mobile-edit-input') ||
+ !!target.closest('.error-text, .suggestion-item, .kga-mobile-edit-container');
}
/**
@@ -695,7 +695,7 @@ export class MobileEventHandler {
const touchableClasses = [
'error-text', 'error-highlight', 'suggestion-item',
- 'nav-button', 'pagination-btn', 'btn', 'toggle-btn',
+ 'nav-button', 'kga-pagination-btn', 'btn', 'toggle-btn',
'edit-btn'
];
diff --git a/src/popup/events/PopupEventManager.ts b/src/popup/events/PopupEventManager.ts
index ef30d65..9f599d4 100644
--- a/src/popup/events/PopupEventManager.ts
+++ b/src/popup/events/PopupEventManager.ts
@@ -298,7 +298,7 @@ export class PopupEventManager implements IPopupServiceManager {
}
// 네비게이션 버튼 클릭
- this.addEventRule('.nav-button, .pagination-btn', 'click', async (event, context) => {
+ this.addEventRule('.nav-button, .kga-pagination-btn', 'click', async (event, context) => {
Logger.debug('네비게이션 버튼 클릭됨');
return await this.handleNavigationClick(event, context);
});
diff --git a/src/popup/keyboard/FocusManager.ts b/src/popup/keyboard/FocusManager.ts
index 08825eb..2637565 100644
--- a/src/popup/keyboard/FocusManager.ts
+++ b/src/popup/keyboard/FocusManager.ts
@@ -30,9 +30,9 @@ export class FocusManager implements IPopupComponent {
private focusObserver?: MutationObserver;
// CSS 클래스 상수
- private readonly FOCUS_CLASS = 'keyboard-focused';
- private readonly FOCUS_HIGHLIGHT_CLASS = 'focus-highlight';
- private readonly EDIT_MODE_CLASS = 'edit-mode-active';
+ private readonly FOCUS_CLASS = 'kga-keyboard-focused';
+ private readonly FOCUS_HIGHLIGHT_CLASS = 'kga-focus-highlight';
+ private readonly EDIT_MODE_CLASS = 'kga-edit-mode-active';
constructor() {
this.focusState = this.createInitialFocusState();
@@ -55,7 +55,7 @@ export class FocusManager implements IPopupComponent {
}
render(): HTMLElement {
- const container = createEl('div', { cls: 'focus-manager' });
+ const container = createEl('div', { cls: 'kga-focus-manager' });
this.containerElement = container;
// 포커스 하이라이트용 스타일 추가
@@ -409,7 +409,7 @@ export class FocusManager implements IPopupComponent {
100% { opacity: 1; }
}
- .${this.FOCUS_CLASS}.focus-pulse {
+ .${this.FOCUS_CLASS}.kga-focus-pulse {
animation: focusPulse 1s ease-in-out infinite;
}
`;
diff --git a/src/popup/keyboard/KeyboardManager.ts b/src/popup/keyboard/KeyboardManager.ts
index ef360a1..22e8312 100644
--- a/src/popup/keyboard/KeyboardManager.ts
+++ b/src/popup/keyboard/KeyboardManager.ts
@@ -64,7 +64,7 @@ export class KeyboardManager implements IPopupComponent {
}
render(): HTMLElement {
- const container = createEl('div', { cls: 'keyboard-manager' });
+ const container = createEl('div', { cls: 'kga-keyboard-manager' });
this.containerElement = container;
// 키보드 힌트 표시 (데스크톱에서만)
@@ -337,7 +337,7 @@ export class KeyboardManager implements IPopupComponent {
}
private createKeyboardHints(): HTMLElement {
- const hintsContainer = createEl('div', { cls: 'keyboard-hints' });
+ const hintsContainer = createEl('div', { cls: 'kga-keyboard-hints' });
const hints = [
{ key: 'Tab', desc: '다음 오류' },
@@ -349,12 +349,12 @@ export class KeyboardManager implements IPopupComponent {
];
hints.forEach(hint => {
- const hintElement = createEl('div', { cls: 'keyboard-hint' });
+ const hintElement = createEl('div', { cls: 'kga-keyboard-hint' });
- const keyElement = createEl('kbd', { cls: 'keyboard-hint-key' });
+ const keyElement = createEl('kbd', { cls: 'kga-keyboard-hint-key' });
keyElement.textContent = hint.key;
- const descElement = createEl('span', { cls: 'keyboard-hint-desc' });
+ const descElement = createEl('span', { cls: 'kga-keyboard-hint-desc' });
descElement.textContent = hint.desc;
hintElement.appendChild(keyElement);
@@ -370,7 +370,7 @@ export class KeyboardManager implements IPopupComponent {
const container = this.containerElement;
if (!container) return;
- const hintsContainer = container.querySelector('.keyboard-hints');
+ const hintsContainer = container.querySelector('.kga-keyboard-hints');
if (hintsContainer && !this.shouldShowKeyboardHints()) {
hintsContainer.remove();
} else if (!hintsContainer && this.shouldShowKeyboardHints()) {
diff --git a/src/popup/layout/HeaderRenderer.ts b/src/popup/layout/HeaderRenderer.ts
index b842087..2661203 100644
--- a/src/popup/layout/HeaderRenderer.ts
+++ b/src/popup/layout/HeaderRenderer.ts
@@ -354,9 +354,9 @@ export class HeaderRenderer implements IPopupComponent {
// 활성화/비활성화 상태 클래스 추가
if (options.disabled) {
- button.classList.add('header-button-disabled');
+ button.classList.add('kga-header-button-disabled');
} else {
- button.classList.add('header-button-enabled');
+ button.classList.add('kga-header-button-enabled');
}
// 아이콘 추가
@@ -443,12 +443,12 @@ export class HeaderRenderer implements IPopupComponent {
// 버튼 상태 업데이트
if (this.isAiAnalyzing) {
this.aiButtonElement.setAttribute('disabled', 'true');
- this.aiButtonElement.classList.add('header-button-disabled');
- this.aiButtonElement.classList.remove('header-button-enabled');
+ this.aiButtonElement.classList.add('kga-header-button-disabled');
+ this.aiButtonElement.classList.remove('kga-header-button-enabled');
} else {
this.aiButtonElement.removeAttribute('disabled');
- this.aiButtonElement.classList.remove('header-button-disabled');
- this.aiButtonElement.classList.add('header-button-enabled');
+ this.aiButtonElement.classList.remove('kga-header-button-disabled');
+ this.aiButtonElement.classList.add('kga-header-button-enabled');
}
// 아이콘 애니메이션 (분석 중일 때)
@@ -593,12 +593,12 @@ export class HeaderRenderer implements IPopupComponent {
if (enabled) {
button.removeAttribute('disabled');
- button.classList.remove('header-button-disabled');
- button.classList.add('header-button-enabled');
+ button.classList.remove('kga-header-button-disabled');
+ button.classList.add('kga-header-button-enabled');
} else {
button.setAttribute('disabled', 'true');
- button.classList.add('header-button-disabled');
- button.classList.remove('header-button-enabled');
+ button.classList.add('kga-header-button-disabled');
+ button.classList.remove('kga-header-button-enabled');
}
Logger.debug('HeaderRenderer: 버튼 활성화 상태 변경', { type, enabled });
diff --git a/src/popup/layout/PreviewRenderer.ts b/src/popup/layout/PreviewRenderer.ts
index fb00be0..cf9f346 100644
--- a/src/popup/layout/PreviewRenderer.ts
+++ b/src/popup/layout/PreviewRenderer.ts
@@ -853,7 +853,7 @@ export class PreviewRenderer implements IPopupComponent {
span.textContent = segment.text;
if (segment.correctionIndex !== undefined) {
- span.className = `clickable-error ${segment.className || ''}`;
+ span.className = `kga-clickable-error ${segment.className || ''}`;
span.dataset.correctionIndex = segment.correctionIndex.toString();
span.dataset.uniqueId = segment.uniqueId || '';
span.setAttribute('tabindex', '0');
diff --git a/src/popup/ui/ComponentManager.ts b/src/popup/ui/ComponentManager.ts
index 039a0b8..401fe05 100644
--- a/src/popup/ui/ComponentManager.ts
+++ b/src/popup/ui/ComponentManager.ts
@@ -286,7 +286,7 @@ export class ComponentManager {
correction: PageCorrection,
renderContext: RenderContext
): Promise
{
- const template = this.templates.get('error-card');
+ const template = this.templates.get('kga-error-card');
if (!template) {
return this.createBasicSummaryComponent(correction, renderContext);
}
@@ -302,7 +302,7 @@ export class ComponentManager {
renderContext: RenderContext
): HTMLElement {
const card = createEl('div', {
- cls: 'error-card',
+ cls: 'kga-error-card',
attr: {
'data-correction-index': correction.originalIndex.toString(),
'role': 'button',
@@ -313,21 +313,21 @@ export class ComponentManager {
// 상태 표시기
const stateIndicator = createEl('div', {
- cls: 'error-state-indicator',
+ cls: 'kga-error-state-indicator',
text: this.getStateDisplayText(renderContext.state)
});
card.appendChild(stateIndicator);
// 원본 텍스트
const originalText = createEl('div', {
- cls: 'error-original-text',
+ cls: 'kga-error-original-text',
text: correction.correction.original
});
card.appendChild(originalText);
// 수정 제안
if (correction.correction.suggestions && correction.correction.suggestions.length > 0) {
- const suggestions = createEl('div', { cls: 'error-suggestions' });
+ const suggestions = createEl('div', { cls: 'kga-error-suggestions' });
correction.correction.suggestions.forEach((suggestion, index) => {
const suggestionSpan = createEl('span', {
cls: 'suggestion-item',
@@ -511,13 +511,13 @@ export class ComponentManager {
*/
private initializeTemplates(): void {
// 오류 카드 템플릿
- this.templates.set('error-card', {
- name: 'error-card',
+ this.templates.set('kga-error-card', {
+ name: 'kga-error-card',
html: `
-
-
{{stateText}}
-
{{originalText}}
-
+
+
{{stateText}}
+
{{originalText}}
+
`,
bindings: {}
diff --git a/src/popup/ui/InteractionHandler.ts b/src/popup/ui/InteractionHandler.ts
index 2fce9b5..68da46c 100644
--- a/src/popup/ui/InteractionHandler.ts
+++ b/src/popup/ui/InteractionHandler.ts
@@ -170,9 +170,9 @@ export class InteractionHandler {
}
// 상태 표시 업데이트
- const stateIndicator = summaryElement.querySelector('.error-state-indicator');
+ const stateIndicator = summaryElement.querySelector('.kga-error-state-indicator');
if (stateIndicator) {
- stateIndicator.className = `error-state-indicator state-${newState}`;
+ stateIndicator.className = `kga-error-state-indicator state-${newState}`;
stateIndicator.textContent = this.getStateDisplayText(newState);
}
diff --git a/src/services/inlineModeService.ts b/src/services/inlineModeService.ts
index 7345a9d..3a0af36 100644
--- a/src/services/inlineModeService.ts
+++ b/src/services/inlineModeService.ts
@@ -1,6 +1,6 @@
import { EditorView, WidgetType, Decoration, DecorationSet } from '@codemirror/view';
import { StateField, StateEffect } from '@codemirror/state';
-import { Correction, InlineError, ExtendedWindow, PluginInstance, PluginSettings } from '../types/interfaces';
+import { Correction, InlineError, ExtendedWindow, PluginSettings } from '../types/interfaces';
import { Logger } from '../utils/logger';
import { globalInlineTooltip } from '../ui/inlineTooltip';
import { Scope, App, Platform } from 'obsidian';
@@ -500,13 +500,14 @@ export class InlineModeService {
// 🔧 레거시: 기존 키보드 스코프 방식 (Command Palette 방식으로 대체됨)
// private static keyboardScope: Scope | null = null;
private static app: App | null = null;
+ private static saveSettingsCallback: ((settings: PluginSettings) => Promise
) | null = null;
private static currentHoveredError: InlineError | null = null;
private static hoverTimeout: NodeJS.Timeout | null = null;
/**
* 에디터 뷰 및 설정 초기화
*/
- static setEditorView(view: EditorView, settings?: PluginSettings, app?: App): void {
+ static setEditorView(view: EditorView, settings?: PluginSettings, app?: App, saveSettingsCallback?: (settings: PluginSettings) => Promise): void {
// 🔧 새로운 에디터뷰가 이전과 다르면 이전 상태 완전 정리
if (this.currentView && this.currentView !== view) {
Logger.debug('인라인 모드: 이전 에디터뷰와 다름 - 상태 정리 중');
@@ -521,7 +522,10 @@ export class InlineModeService {
if (app) {
this.app = app;
}
-
+ if (saveSettingsCallback) {
+ this.saveSettingsCallback = saveSettingsCallback;
+ }
+
// 이벤트 리스너 추가
this.setupEventListeners(view);
@@ -2188,7 +2192,6 @@ export class InlineModeService {
* 인라인 모드 명령어 등록 (Command Palette 방식)
*/
static registerCommands(plugin: any): void {
- Logger.log('🎹 인라인 모드: 명령어 등록 시작');
// 다음 오류로 이동
plugin.addCommand({
@@ -2402,17 +2405,6 @@ export class InlineModeService {
}
}
});
-
- Logger.log('🎹 인라인 모드: 명령어 등록 완료!');
- Logger.log('📋 등록된 명령어:');
- Logger.log(' • Korean Grammar Assistant: 다음 문법 오류로 이동');
- Logger.log(' • Korean Grammar Assistant: 이전 문법 오류로 이동');
- Logger.log(' • Korean Grammar Assistant: 다음 제안 선택');
- Logger.log(' • Korean Grammar Assistant: 이전 제안 선택');
- Logger.log(' • Korean Grammar Assistant: 선택된 제안 적용');
- Logger.log(' • Korean Grammar Assistant: 문법 오류 포커스 해제');
- Logger.log(' • Korean Grammar Assistant: 한국어 문법 인라인 모드 토글');
- Logger.log('💡 Command Palette (Cmd+P)에서 검색하거나 Hotkeys에서 단축키를 설정하세요!');
}
/**
@@ -2945,9 +2937,7 @@ export class InlineModeService {
});
// AI 분석 서비스가 있는지 확인
- const aiService = getExtendedWindow().koreanGrammarPlugin?.instance;
-
- if (!aiService) {
+ if (!this.settings) {
throw new Error('AI 분석 서비스를 찾을 수 없습니다.');
}
@@ -3219,11 +3209,10 @@ export class InlineModeService {
updatedSettings = IgnoredWordsService.addIgnoredWord(word, updatedSettings);
}
- // 설정 업데이트 (플러그인 인스턴스를 통해)
- if ((window as any).koreanGrammarPlugin?.instance) {
- const plugin = (window as any).koreanGrammarPlugin.instance;
- plugin.settings = updatedSettings;
- await plugin.saveSettings();
+ // 설정 업데이트 (saveSettingsCallback을 통해)
+ if (this.saveSettingsCallback) {
+ this.settings = updatedSettings;
+ await this.saveSettingsCallback(updatedSettings);
Logger.log(`🔵 예외처리 사전 등록: ${wordsToIgnore.join(', ')}`);
}
}
@@ -3305,18 +3294,10 @@ export class InlineModeService {
// 1. 예외처리 사전에 단어 추가
const updatedSettings = IgnoredWordsService.addIgnoredWord(trimmedWord, this.settings);
- // 2. 설정 저장
- const pluginWrapper = getExtendedWindow().koreanGrammarPlugin;
- if (pluginWrapper && typeof pluginWrapper === 'object' && 'instance' in pluginWrapper) {
- const plugin = pluginWrapper.instance;
- if (plugin && typeof plugin === 'object' && 'saveSettings' in plugin) {
- const saveMethod = (plugin as any).saveSettings;
- if (typeof saveMethod === 'function') {
- (plugin as any).settings = updatedSettings;
- await saveMethod.call(plugin);
- }
- }
- this.settings = updatedSettings; // 로컬 설정도 업데이트
+ // 2. 설정 저장 (saveSettingsCallback을 통해)
+ if (this.saveSettingsCallback) {
+ this.settings = updatedSettings;
+ await this.saveSettingsCallback(updatedSettings);
Logger.debug(`🔵 예외처리 사전에 저장됨: "${trimmedWord}"`);
}
diff --git a/src/types/interfaces.ts b/src/types/interfaces.ts
index 9419bb9..003a24e 100644
--- a/src/types/interfaces.ts
+++ b/src/types/interfaces.ts
@@ -308,9 +308,6 @@ export interface ExtendedWindow extends Window {
isHovered?: boolean;
};
tooltipKeepOpenMode?: boolean;
- koreanGrammarPlugin?: {
- instance?: unknown;
- };
Notice?: new (message: string, timeout?: number) => void;
sanitizeHTMLToDom?: (html: string) => DocumentFragment;
getEventListeners?: (element: Element) => Record;
@@ -351,11 +348,3 @@ export interface EventContext {
platform?: 'desktop' | 'mobile';
}
-/**
- * Obsidian Plugin 인터페이스 확장
- */
-export interface PluginInstance {
- settings?: PluginSettings;
- orchestrator?: unknown;
- instance?: unknown;
-}
\ No newline at end of file
diff --git a/src/ui/correctionPopup.ts b/src/ui/correctionPopup.ts
index aabc2f7..9fb0662 100644
--- a/src/ui/correctionPopup.ts
+++ b/src/ui/correctionPopup.ts
@@ -85,7 +85,7 @@ export class CorrectionPopup extends BaseComponent {
// Enter: 현재 선택된 수정사항 적용 (편집 중이 아닐 때만)
this.keyboardScope.register([], 'Enter', (evt: KeyboardEvent) => {
const target = evt.target as HTMLElement;
- if (target && (target.dataset?.editMode === 'true' || target.classList.contains('error-original-input'))) {
+ if (target && (target.dataset?.editMode === 'true' || target.classList.contains('kga-error-original-input'))) {
// 편집 중인 input 요소에서는 기본 동작 허용
Logger.debug('Enter key in edit mode - allowing default behavior');
return true;
@@ -98,7 +98,7 @@ export class CorrectionPopup extends BaseComponent {
// Escape: 팝업 닫기 (편집 중이 아닐 때만)
this.keyboardScope.register([], 'Escape', (evt: KeyboardEvent) => {
const target = evt.target as HTMLElement;
- if (target && (target.dataset?.editMode === 'true' || target.classList.contains('error-original-input'))) {
+ if (target && (target.dataset?.editMode === 'true' || target.classList.contains('kga-error-original-input'))) {
// 편집 중인 input 요소에서는 기본 동작 허용
Logger.debug('Escape key in edit mode - allowing default behavior');
return true;
@@ -469,9 +469,9 @@ export class CorrectionPopup extends BaseComponent {
Logger.debug(`currentFocusIndex: ${this.currentFocusIndex}`);
// 기존 포커스 하이라이트 제거
- const prevFocused = this.element.querySelectorAll('.keyboard-focused');
+ const prevFocused = this.element.querySelectorAll('.kga-keyboard-focused');
Logger.debug(`기존 포커스 요소 ${prevFocused.length}개 제거`);
- prevFocused.forEach(el => el.removeClass('keyboard-focused'));
+ prevFocused.forEach(el => el.removeClass('kga-keyboard-focused'));
// 현재 포커스 항목 하이라이트
if (this.currentCorrections.length > 0 &&
@@ -500,7 +500,7 @@ export class CorrectionPopup extends BaseComponent {
}
if (errorItem) {
- errorItem.addClass('keyboard-focused');
+ errorItem.addClass('kga-keyboard-focused');
// 스크롤하여 보이게 하기
errorItem.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
Logger.debug(`포커스 하이라이트 적용 성공: 고유 ID ${uniqueId}, 원본 인덱스 ${actualIndex}, 절대 위치 ${pageCorrection.absolutePosition}`);
@@ -588,40 +588,40 @@ export class CorrectionPopup extends BaseComponent {
this.element.empty();
// Popup overlay
- const overlay = this.element.createDiv('popup-overlay');
+ const overlay = this.element.createDiv('kga-popup-overlay');
// Popup content
- const content = this.element.createDiv('popup-content');
+ const content = this.element.createDiv('kga-popup-content');
// Header
- const header = content.createDiv('header');
+ const header = content.createDiv('kga-header');
new Setting(header).setName('한국어 맞춤법 검사').setHeading();
- const headerTop = header.createDiv('preview-header-top');
+ const headerTop = header.createDiv('kga-preview-header-top');
// AI 분석 버튼 (항상 표시, 상태에 따라 활성화/비활성화)
const aiBtn = headerTop.createEl('button', {
- cls: 'ai-analyze-btn',
+ cls: 'kga-ai-analyze-btn',
attr: { id: 'aiAnalyzeBtn' }
});
// AI 서비스 상태에 따른 버튼 설정
this.updateAiButtonState(aiBtn);
- headerTop.createEl('button', { cls: 'close-btn-header', text: '×' });
+ headerTop.createEl('button', { cls: 'kga-close-btn-header', text: '×' });
// Main content
- const mainContent = content.createDiv('content');
+ const mainContent = content.createDiv('kga-content');
// Preview section
- const previewSection = mainContent.createDiv('preview-section');
- const previewHeader = previewSection.createDiv('preview-header');
+ const previewSection = mainContent.createDiv('kga-preview-section');
+ const previewHeader = previewSection.createDiv('kga-preview-header');
- const previewLabel = previewHeader.createDiv('preview-label');
+ const previewLabel = previewHeader.createDiv('kga-preview-label');
previewLabel.createSpan({ text: '미리보기' });
- previewLabel.createSpan({ cls: 'preview-hint', text: '클릭하여 수정사항 적용' });
+ previewLabel.createSpan({ cls: 'kga-preview-hint', text: '클릭하여 수정사항 적용' });
// Color legend
- const colorLegend = previewHeader.createDiv('color-legend');
+ const colorLegend = previewHeader.createDiv('kga-color-legend');
const legendItems = [
{ cls: 'error', text: '오류' },
{ cls: 'corrected', text: '수정' },
@@ -631,8 +631,8 @@ export class CorrectionPopup extends BaseComponent {
];
legendItems.forEach(item => {
- const legendItem = colorLegend.createDiv('color-legend-item');
- legendItem.createDiv(`color-legend-dot ${item.cls}`);
+ const legendItem = colorLegend.createDiv('kga-color-legend-item');
+ legendItem.createDiv(`kga-color-legend-dot ${item.cls}`);
legendItem.createSpan({ text: item.text });
});
@@ -641,35 +641,35 @@ export class CorrectionPopup extends BaseComponent {
this.createPaginationElement(paginationDiv);
// Preview content
- const previewContent = previewSection.createDiv('preview-text');
+ const previewContent = previewSection.createDiv('kga-preview-text');
previewContent.id = 'resultPreview';
previewContent.createEl('span', { text: this.config.selectedText.trim() });
// Error summary
- const errorSummary = mainContent.createDiv('error-summary collapsed');
+ const errorSummary = mainContent.createDiv('kga-error-summary collapsed');
errorSummary.id = 'errorSummary';
- const errorToggle = errorSummary.createDiv('error-summary-toggle');
- const leftSection = errorToggle.createDiv('left-section');
- leftSection.createSpan({ cls: 'error-summary-label', text: '오류 상세' });
+ 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: 'error-count-badge',
+ cls: 'kga-error-count-badge',
text: this.getErrorStateCount().toString(),
attr: { id: 'errorCountBadge' }
});
- errorToggle.createSpan({ cls: 'toggle-icon', text: '▼' });
+ errorToggle.createSpan({ cls: 'kga-toggle-icon', text: '▼' });
- const errorContent = errorSummary.createDiv('error-summary-content');
+ const errorContent = errorSummary.createDiv('kga-error-summary-content');
errorContent.id = 'errorSummaryContent';
// Error summary content
this.createErrorSummaryElement(errorContent);
// Button area
- const buttonArea = content.createDiv('button-area');
- buttonArea.createEl('button', { cls: 'cancel-btn', text: '취소' });
- buttonArea.createEl('button', {
- cls: 'apply-btn',
+ const buttonArea = content.createDiv('kga-button-area');
+ buttonArea.createEl('button', { cls: 'kga-cancel-btn', text: '취소' });
+ buttonArea.createEl('button', {
+ cls: 'kga-apply-btn',
text: '적용',
attr: { id: 'applyCorrectionsButton' }
});
@@ -683,17 +683,17 @@ export class CorrectionPopup extends BaseComponent {
container.empty();
if (!this.isLongText || this.totalPreviewPages <= 1) {
- const hiddenContainer = container.createDiv('pagination-container-hidden');
+ const hiddenContainer = container.createDiv('kga-pagination-container-hidden');
hiddenContainer.id = 'paginationContainer';
return;
}
- const paginationControls = container.createDiv('pagination-controls');
+ const paginationControls = container.createDiv('kga-pagination-controls');
paginationControls.id = 'paginationContainer';
// Previous button
const prevBtn = paginationControls.createEl('button', {
- cls: 'pagination-btn',
+ cls: 'kga-pagination-btn',
text: '이전'
});
prevBtn.id = 'prevPreviewPage';
@@ -702,13 +702,13 @@ export class CorrectionPopup extends BaseComponent {
}
// Page info
- const pageInfo = paginationControls.createSpan('page-info');
+ const pageInfo = paginationControls.createSpan('kga-page-info');
pageInfo.id = 'previewPageInfo';
pageInfo.textContent = `${this.currentPreviewPage + 1} / ${this.totalPreviewPages}`;
// Next button
const nextBtn = paginationControls.createEl('button', {
- cls: 'pagination-btn',
+ cls: 'kga-pagination-btn',
text: '다음'
});
nextBtn.id = 'nextPreviewPage';
@@ -717,7 +717,7 @@ export class CorrectionPopup extends BaseComponent {
}
// Page chars info
- const pageCharsInfo = paginationControls.createSpan('page-chars-info');
+ const pageCharsInfo = paginationControls.createSpan('kga-page-chars-info');
pageCharsInfo.id = 'pageCharsInfo';
pageCharsInfo.textContent = `${this.charsPerPage}자`;
}
@@ -728,15 +728,15 @@ export class CorrectionPopup extends BaseComponent {
*/
private createPaginationHTML(): string {
if (!this.isLongText || this.totalPreviewPages <= 1) {
- return '';
+ return '';
}
return `
-