21870ed576
- Isolate concurrent LibreOffice runs with per-job profile directories (soffice -env:UserInstallation) and per-job temp folders - Poll for generated PDF and verify stable file size before reading - Consolidate temp artifacts under docstore/tmp and clean up via rm -r - Add headless/nologo flags and improve error handling ui(accessibility): - ConfirmDialog exposes proper dialog roles - DocumentFolder toggle adds type, aria-expanded, aria-controls, and title; associate content panel with an id - HTMLViewer wraps content in .html-container for HTML/TXT views test: add comprehensive Playwright specs and helpers - Accessibility, API health, deletion flows, folders, navigation, playback, and upload scenarios - Add sample.md and unsupported.xyz; update sample.pdf; extend helpers ci: run Playwright workflow on version1.0.0 branch
39 lines
1.1 KiB
TypeScript
39 lines
1.1 KiB
TypeScript
'use client';
|
|
|
|
import { useRef } from 'react';
|
|
import ReactMarkdown from 'react-markdown';
|
|
import remarkGfm from 'remark-gfm';
|
|
import { useHTML } from '@/contexts/HTMLContext';
|
|
import { DocumentSkeleton } from '@/components/DocumentSkeleton';
|
|
|
|
interface HTMLViewerProps {
|
|
className?: string;
|
|
}
|
|
|
|
export function HTMLViewer({ className = '' }: HTMLViewerProps) {
|
|
const { currDocData, currDocName } = useHTML();
|
|
const containerRef = useRef<HTMLDivElement>(null);
|
|
|
|
if (!currDocData) {
|
|
return <DocumentSkeleton />;
|
|
}
|
|
|
|
// Check if the file is a txt file
|
|
const isTxtFile = currDocName?.toLowerCase().endsWith('.txt');
|
|
|
|
return (
|
|
<div className={`flex flex-col h-full ${className}`} ref={containerRef}>
|
|
<div className="flex-1 overflow-auto">
|
|
<div className={`html-container min-w-full px-4 py-4 ${isTxtFile ? 'whitespace-pre-wrap font-mono text-sm' : 'prose prose-base'}`}>
|
|
{isTxtFile ? (
|
|
currDocData
|
|
) : (
|
|
<ReactMarkdown remarkPlugins={[remarkGfm]}>
|
|
{currDocData}
|
|
</ReactMarkdown>
|
|
)}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|