vrr/SurfSense
2
0
Fork 0
mirror of https://github.com/MODSetter/SurfSense.git synced 2026-08-21 06:43:38 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(artifacts): add lazy viewer loading fallback

Browse source
This commit is contained in:
Anish Sarkar 2026-08-17 11:54:03 +05:30
parent 09295881b6
commit d28de0d4c1
1 changed files with 13 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

14
surfsense_web/features/artifacts/viewer-registry.ts
View file

@ -1,7 +1,8 @@
"use client";
import dynamic from "next/dynamic";
import type { ComponentType } from "react";
import { createElement, type ComponentType } from "react";
import { Spinner } from "@/components/ui/spinner";
import type { ArtifactFile } from "./model";
export interface ArtifactFileViewerProps {
@ -10,14 +11,25 @@ export interface ArtifactFileViewerProps {
zoomControlsContainer?: HTMLElement | null;
}
function ViewerLoading() {
return createElement(
"div",
{ className: "flex h-full items-center justify-center" },
createElement(Spinner, { size: "lg" })
);
}
const PdfFileViewer = dynamic<ArtifactFileViewerProps>(() => import("./pdf-file-viewer"), {
ssr: false,
loading: ViewerLoading,
});
const PdfPreviewViewer = dynamic<ArtifactFileViewerProps>(() => import("./pdf-preview-viewer"), {
ssr: false,
loading: ViewerLoading,
});
const XlsxViewer = dynamic<ArtifactFileViewerProps>(() => import("./xlsx-viewer"), {
ssr: false,
loading: ViewerLoading,
});
// Unknown MIME types deliberately fall through to the panel's unviewable state,