-
+ 로딩 중...
-로딩 중...
-
+
{#snippet children(activeId)}
{#if activeId === 'edit'}
-
+ spellcheck="false" aria-label="마크다운 편집">
{:else}
-
{:else}
-
- {@html renderMd(editContent)}
-
+ {@html renderMd(editContent)}
{/if}
{/snippet}
- {@html renderMd(fullDoc.extracted_text || rawMarkdown || '*텍스트 추출 대기 중*')}
+
+
+
{/if}
{:else if viewerType === 'pdf'}
-
- {:else if viewerType === 'preview-pdf'}
-
- {:else if viewerType === 'image'}
-
- })
+
+ {:else if viewerType === 'hwp-markdown'}
+
+
+ {#if pdfViewMode === 'markdown' && canShowMarkdown}
+
+
+ {:else}
+
+ {/if}
+
+
+ {:else if viewerType === 'preview-pdf'}
+
+ {:else if viewerType === 'image'}
+
+
+
{:else if viewerType === 'text'}
-
-
+ {:else if viewerType === 'synology'}
+
{/if}
{/if}
diff --git a/frontend/src/lib/utils/viewerType.ts b/frontend/src/lib/utils/viewerType.ts
new file mode 100644
index 0000000..3eacc36
--- /dev/null
+++ b/frontend/src/lib/utils/viewerType.ts
@@ -0,0 +1,46 @@
+// 뷰어 타입 분류 단일 source — 상세페이지(/documents/[id])와 3-pane 중앙 리더
+// (DocumentViewer)가 공유한다. 두 곳이 각자 getViewerType 을 두면 csv/hwp/office 분기가
+// drift 하므로(이원화 재발) 여기 하나로 수렴한다.
+//
+// ⚠ 소비 컴포넌트는 이 함수가 낼 수 있는 모든 ViewerType 에 render 분기가 있어야 한다.
+// (분류 통합 ≠ render 통합 — 양쪽 컴포넌트의 {#if viewerType===...} 에 누락 없는지 확인.)
+
+export type ViewerType =
+ | 'article'
+ | 'markdown'
+ | 'hwp-markdown'
+ | 'pdf'
+ | 'preview-pdf'
+ | 'image'
+ | 'text'
+ | 'synology'
+ | 'cad'
+ | 'unsupported';
+
+const MARKDOWN = new Set(['md', 'txt']);
+// csv/json/xml/html 은 markdown 으로 렌더하면 콤마/행이 한 문단으로 뭉친다 → {fullDoc.extracted_text || '텍스트 없음'}
+ {fullDoc.extracted_text || '텍스트 없음'}
+
{:else if viewerType === 'cad'}
{:else if viewerType === 'article'}
-
Synology Office 문서 — 외부 편집기에서 열어야 합니다.
+ +
-
{:else}
- {fullDoc.title}
+{fullDoc.title}
{#if fullDoc.ai_tags?.length}
{#each fullDoc.ai_tags.filter(t => t.startsWith('News/')) as tag}
- {tag.replace('News/', '')}
+ {tag.replace('News/', '')}
{/each}
{/if}
{new Date(fullDoc.created_at).toLocaleDateString('ko-KR', { year: 'numeric', month: 'short', day: 'numeric', hour: '2-digit', minute: '2-digit' })}
-
- {@html renderMd(fullDoc.extracted_text || '')}
-
-
- {#if fullDoc.edit_url}
-
+
+ {/if}
+
+
-
+ 미리보기를 지원하지 않는 형식입니다 ({fullDoc.file_format})
-미리보기를 지원하지 않는 형식입니다 ({fullDoc.file_format})
로 원형 보존.
+const TEXT = new Set(['csv', 'json', 'xml', 'html']);
+const HWP = new Set(['hwp', 'hwpx']);
+// LibreOffice headless → PDF preview (/preview) 로 인앱 표시.
+const OFFICE_PREVIEW = new Set(['docx', 'xlsx', 'pptx', 'odt', 'ods', 'odp']);
+// Synology Office 네이티브 — 인앱 변환 부적합, 외부 편집기로.
+const SYNOLOGY = new Set(['odoc', 'osheet']);
+const IMAGE = new Set(['jpg', 'jpeg', 'png', 'gif', 'bmp', 'tiff']);
+const CAD = new Set(['dwg', 'dxf']);
+
+export function getViewerType(
+ format: string | null | undefined,
+ sourceChannel?: string | null,
+): ViewerType {
+ if (sourceChannel === 'news') return 'article';
+ const f = (format ?? '').toLowerCase();
+ if (MARKDOWN.has(f)) return 'markdown';
+ if (f === 'pdf') return 'pdf';
+ if (HWP.has(f)) return 'hwp-markdown';
+ if (OFFICE_PREVIEW.has(f)) return 'preview-pdf';
+ if (SYNOLOGY.has(f)) return 'synology';
+ if (IMAGE.has(f)) return 'image';
+ if (TEXT.has(f)) return 'text';
+ if (CAD.has(f)) return 'cad';
+ return 'unsupported';
+}