Upstream/waveterm
1
0
Fork 0
mirror of https://github.com/wavetermdev/waveterm.git synced 2025-01-02 18:39:05 +01:00
Code Issues Packages Projects Releases Wiki Activity

only materialize the fileContentAtom when necessary

Browse Source
This commit is contained in:
sawka 2024-06-21 16:22:59 -07:00
parent 544dba6f8a
commit 83ca76b6b4
1 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/app/view/preview.tsx
View File

@ -108,6 +108,19 @@ function StreamingPreview({ fileInfo }: { fileInfo: FileInfo }) {
return <CenteredDiv>Preview Not Supported</CenteredDiv>; return <CenteredDiv>Preview Not Supported</CenteredDiv>;
} }
function CodeEditPreview({
contentAtom,
filename,
readonly,
}: {
contentAtom: jotai.Atom<Promise<string>>;
filename: string;
readonly: boolean;
}) {
const fileContent = jotai.useAtomValue(contentAtom);
return <CodeEdit readonly={true} text={fileContent} filename={filename} />;
}
function PreviewView({ blockId }: { blockId: string }) { function PreviewView({ blockId }: { blockId: string }) {
const blockAtom = WOS.getWaveObjectAtom<Block>(`block:${blockId}`); const blockAtom = WOS.getWaveObjectAtom<Block>(`block:${blockId}`);
const fileNameAtom: jotai.WritableAtom<string, [string], void> = useBlockCache(blockId, "preview:filename", () => const fileNameAtom: jotai.WritableAtom<string, [string], void> = useBlockCache(blockId, "preview:filename", () =>
@ -161,7 +174,6 @@ function PreviewView({ blockId }: { blockId: string }) {
} }
let fileName = jotai.useAtomValue(fileNameAtom); let fileName = jotai.useAtomValue(fileNameAtom);
const fileInfo = jotai.useAtomValue(statFileAtom); const fileInfo = jotai.useAtomValue(statFileAtom);
const fileContent = jotai.useAtomValue(fileContentAtom);
// handle streaming files here // handle streaming files here
let specializedView: React.ReactNode; let specializedView: React.ReactNode;
@ -197,7 +209,7 @@ function PreviewView({ blockId }: { blockId: string }) {
(mimeType.includes("json") || mimeType.includes("yaml") || mimeType.includes("toml"))) (mimeType.includes("json") || mimeType.includes("yaml") || mimeType.includes("toml")))
) { ) {
blockIcon = "file-code"; blockIcon = "file-code";
specializedView = specializedView = <CodeEdit readonly={true} text={fileContent} filename={fileName} />; specializedView = <CodeEditPreview readonly={true} contentAtom={fileContentAtom} filename={fileName} />;
} else if (mimeType === "directory") { } else if (mimeType === "directory") {
blockIcon = "folder"; blockIcon = "folder";
if (fileName == "~" || fileName == "~/") { if (fileName == "~" || fileName == "~/") {