Carlos Florêncio
40 lines
1.4 KiB
TypeScript
40 lines
1.4 KiB
TypeScript
'use client';
|
|
|
|
import { memo } from 'react';
|
|
import { useEditorProvider } from '@/hooks/use-editor-resolver';
|
|
import { DiffViewer as PierreDiffViewer, DiffViewInline as PierreDiffViewInline } from './diff-viewer';
|
|
import { MonacoDiffViewer } from '@/components/editors/monaco/monaco-diff-viewer';
|
|
import type { FileDiffData, DiffComment } from '@/lib/diff/types';
|
|
|
|
interface DiffViewerResolverProps {
|
|
data: FileDiffData;
|
|
enableComments?: boolean;
|
|
sessionId?: string;
|
|
onCommentAdd?: (comment: DiffComment) => void;
|
|
onCommentDelete?: (commentId: string) => void;
|
|
comments?: DiffComment[];
|
|
className?: string;
|
|
compact?: boolean;
|
|
hideHeader?: boolean;
|
|
onOpenFile?: (filePath: string) => void;
|
|
onRevert?: (filePath: string) => void;
|
|
wordWrap?: boolean;
|
|
}
|
|
|
|
export const DiffViewerResolved = memo(function DiffViewerResolved(props: DiffViewerResolverProps) {
|
|
const provider = useEditorProvider('diff-viewer');
|
|
if (provider === 'monaco') {
|
|
const { enableComments: _enableComments, ...rest } = props;
|
|
return <MonacoDiffViewer {...rest} />;
|
|
}
|
|
return <PierreDiffViewer {...props} />;
|
|
});
|
|
|
|
export function DiffViewInlineResolved({ data, className }: { data: FileDiffData; className?: string }) {
|
|
const provider = useEditorProvider('chat-diff');
|
|
if (provider === 'monaco') {
|
|
return <MonacoDiffViewer data={data} compact hideHeader className={className} />;
|
|
}
|
|
return <PierreDiffViewInline data={data} className={className} />;
|
|
}
|