vdc-editor 0.1.299 → 0.1.300

package/lib/src/components/editor/ReadonlyViewer.vue.d.ts

@@ -0,0 +1,136 @@
+import { EditorMode } from '../../constants';
+import { FieldName } from '../../type';
+
+interface ReadonlyViewerProps {
+    /** HTML 또는 JSON 컨텐츠 (본문) */
+    content: string | object;
+    /** 앵커멘트 (report 모드) */
+    comment?: string | object;
+    /** 큐시트 앵커멘트 (report 모드) */
+    commentCuesheet?: string | object;
+    /** 에디터 모드 */
+    mode?: EditorMode;
+    /** 다크 모드 */
+    dark?: boolean;
+    /** 기본 폰트 크기 */
+    fontSizeDefault?: string;
+    /** 기본 폰트 패밀리 */
+    fontFamilyDefault?: string;
+    /** 기본 폰트 굵기 */
+    fontWeightDefault?: string;
+    /** 복사 시 줄바꿈 정책 */
+    blockSeparatorPolicy?: 'paragraph' | 'line';
+    /** 시제 하이라이트 활성화 */
+    timeHighlight?: boolean;
+    /** 추가 시제 단어 정규식 */
+    additionalTimeWords?: string[];
+    /** 추가 CSS 클래스 (wrapper) */
+    contentClass?: string | string[] | Record<string, unknown>;
+    /** 에디터 영역 CSS 클래스 (기존 editor-class 호환) */
+    editorClass?: string | string[] | Record<string, unknown>;
+    /** 최소 높이 */
+    minHeight?: string | number;
+    /** 최대 높이 */
+    maxHeight?: string | number;
+    /** 자동 높이 */
+    autoHeight?: boolean;
+    /** 복사 방지 (텍스트 선택, 복사, 우클릭 차단) */
+    preventCopy?: boolean;
+    /** 멘트 숨김 */
+    hideComment?: boolean;
+    /** 필드명 라벨 - 앵커멘트 */
+    fieldNameComment?: FieldName | null;
+    /** 필드명 라벨 - 큐시트 앵커멘트 */
+    fieldNameCommentCuesheet?: FieldName | null;
+    /** 필드명 라벨 - 기사내용 */
+    fieldNameContent?: FieldName | null;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ReadonlyViewerProps>, {
+    comment: string;
+    commentCuesheet: string;
+    mode: EditorMode;
+    dark: undefined;
+    fontSizeDefault: string;
+    fontFamilyDefault: string;
+    fontWeightDefault: undefined;
+    blockSeparatorPolicy: string;
+    timeHighlight: boolean;
+    additionalTimeWords: () => never[];
+    contentClass: undefined;
+    editorClass: undefined;
+    minHeight: undefined;
+    maxHeight: undefined;
+    autoHeight: boolean;
+    preventCopy: boolean;
+    hideComment: boolean;
+    fieldNameComment: null;
+    fieldNameCommentCuesheet: null;
+    fieldNameContent: null;
+}>>, {
+    getText: () => string;
+    getSelectedText: () => string;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "on-change-selection": (text: string) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ReadonlyViewerProps>, {
+    comment: string;
+    commentCuesheet: string;
+    mode: EditorMode;
+    dark: undefined;
+    fontSizeDefault: string;
+    fontFamilyDefault: string;
+    fontWeightDefault: undefined;
+    blockSeparatorPolicy: string;
+    timeHighlight: boolean;
+    additionalTimeWords: () => never[];
+    contentClass: undefined;
+    editorClass: undefined;
+    minHeight: undefined;
+    maxHeight: undefined;
+    autoHeight: boolean;
+    preventCopy: boolean;
+    hideComment: boolean;
+    fieldNameComment: null;
+    fieldNameCommentCuesheet: null;
+    fieldNameContent: null;
+}>>> & Readonly<{
+    "onOn-change-selection"?: ((text: string) => any) | undefined;
+}>, {
+    mode: EditorMode;
+    maxHeight: string | number;
+    additionalTimeWords: string[];
+    minHeight: string | number;
+    comment: string | object;
+    commentCuesheet: string | object;
+    hideComment: boolean;
+    fontSizeDefault: string;
+    fontFamilyDefault: string;
+    fontWeightDefault: string;
+    dark: boolean;
+    fieldNameComment: FieldName | null;
+    fieldNameCommentCuesheet: FieldName | null;
+    fieldNameContent: FieldName | null;
+    editorClass: string | string[] | Record<string, unknown>;
+    contentClass: string | string[] | Record<string, unknown>;
+    autoHeight: boolean;
+    blockSeparatorPolicy: "paragraph" | "line";
+    timeHighlight: boolean;
+    preventCopy: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/lib/src/hooks/useDarkColorOverride.d.ts

@@ -0,0 +1,11 @@
+import { Ref } from 'vue';
+import { Editor } from '@tiptap/vue-3';
+
+/**
+ * 다크모드에서 ProseMirror 에디터 내 어두운 텍스트 색상을
+ * 동적 CSS 규칙으로 밝게 오버라이드하는 composable
+ *
+ * 다크모드 감지: dark prop 또는 부모 요소의 .dark 클래스 (Tailwind darkMode: 'class')
+ * ProseMirror 문서 모델을 수정하지 않고, CSS !important로 시각적 오버라이드만 수행
+ */
+export declare function useDarkColorOverride(editor: Editor, isDarkProp: Ref<boolean>, isArticleEditor: Ref<boolean>, containerRef: Ref<HTMLElement | null>): void;

package/lib/src/index.d.ts

@@ -4,6 +4,7 @@ import { default as ArticleEditor } from './components/editor/ArticleEditor.vue'
 import { default as DigitalNewsEditor } from './components/editor/DigitalNewsEditor.vue';
 import { default as ArticleCompareEditor } from './components/editor/ArticleCompareEditor.vue';
 import { default as SuperViewMobileEditor } from './components/editor/SuperViewMobileEditor.vue';
+import { default as ReadonlyViewer } from './components/editor/ReadonlyViewer.vue';
 
 declare const SBSEditorPlugin: Plugin;
 declare function updateSuperTextView(): void;
@@ -17,5 +18,5 @@ export type { HistoryOptions } from '@tiptap/extension-history';
 export { useEditor } from '@tiptap/vue-3';
 export type { Editor as EditorInstance } from '@tiptap/core';
 export { enUS, koKR } from './locales';
-export { SBSEditorPlugin, CoreEditor, ArticleEditor, DigitalNewsEditor, ArticleCompareEditor, updateSuperTextView, SuperViewMobileEditor, };
+export { SBSEditorPlugin, CoreEditor, ArticleEditor, DigitalNewsEditor, ArticleCompareEditor, updateSuperTextView, SuperViewMobileEditor, ReadonlyViewer, };
 export default SBSEditorPlugin;

package/lib/src/utils/dark-color-transform.d.ts

@@ -0,0 +1,30 @@
+/**
+ * 다크모드에서 어두운 인라인 텍스트 색상을 밝게 변환하는 유틸리티
+ */
+/**
+ * CSS 색상 문자열을 RGB로 파싱
+ * 지원 형식: #RGB, #RRGGBB, #RRGGBBAA, rgb(), rgba(), named colors
+ */
+export declare function parseCssColor(color: string): {
+    r: number;
+    g: number;
+    b: number;
+} | null;
+/**
+ * WCAG 2.0 상대 휘도 계산 (0 = 검정, 1 = 흰색)
+ */
+export declare function getRelativeLuminance(r: number, g: number, b: number): number;
+/**
+ * CSS 색상이 어두운지 판별
+ */
+export declare function isColorDark(color: string, threshold?: number): boolean;
+/**
+ * 어두운 색상을 다크모드용 밝은 색상으로 변환
+ * HSL 변환 후 L < 0.5이면 L = 1 - L 로 반전
+ */
+export declare function lightenDarkColor(color: string): string;
+/**
+ * HTML 문자열 내 인라인 color 스타일에서 어두운 색상을 밝게 변환
+ * DOMParser 패턴 사용 (time-highlight-html.ts 패턴과 동일)
+ */
+export declare function transformDarkColorsInHtml(html: string): string;

package/lib/src/utils/time-highlight-html.d.ts

@@ -0,0 +1,5 @@
+/**
+ * HTML 문자열 내 텍스트 노드에서 시제 표현을 찾아 <span class="time-highlight">로 래핑
+ * ProseMirror Decoration 없이 순수 HTML 후처리로 동일한 시각 효과를 제공
+ */
+export declare function applyTimeHighlight(html: string, additionalTimeWords?: string[]): string;