@cannyminds/dms-file-viewers 0.1.0

package/dist/chunk-LKBM4O47.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/viewers/TextViewer.tsx"],"sourcesContent":["import React, {\r\n  useCallback,\r\n  useEffect,\r\n  useMemo,\r\n  useState\r\n} from 'react';\r\nimport {\r\n  Box,\r\n  Button,\r\n  Card,\r\n  CardContent,\r\n  CardHeader,\r\n  Divider,\r\n  LinearProgress,\r\n  Stack,\r\n  Typography,\r\n  IconButton,\r\n  Tooltip\r\n} from '@mui/material';\r\nimport DownloadIcon from '@mui/icons-material/Download';\r\nimport { FixedSizeList as List } from 'react-window';\r\nimport { FileViewerProps } from '../../types';\r\nimport { getFileExtension } from '../../utils/fileUtils';\r\nimport FileIcon from '../FileIcon';\r\n\r\nconst LINE_HEIGHT = 24;\r\n\r\nexport const TextViewer: React.FC<FileViewerProps> = ({\r\n  file,\r\n  url,\r\n  fileName,\r\n  className = '',\r\n  style = {},\r\n  width = '100%',\r\n  height = '100%',\r\n  onLoad,\r\n  onError,\r\n  onDownloadClick,\r\n  // Filter out props that shouldn't be passed to DOM\r\n  mimeType: _mimeType,\r\n  fileSize: _fileSize,\r\n  showPageCount: _showPageCount,\r\n  showPageNavigation: _showPageNavigation,\r\n  showZoomControls: _showZoomControls,\r\n  showDownload: _showDownload,\r\n  showPrint: _showPrint,\r\n  showSearch: _showSearch,\r\n  showMetadata: _showMetadata,\r\n  showProperties: _showProperties,\r\n  onMetadataClick: _onMetadataClick,\r\n  onPropertiesClick: _onPropertiesClick,\r\n  onPrintClick: _onPrintClick,\r\n  customRegistry: _customRegistry,\r\n  ...props\r\n}) => {\r\n  const [content, setContent] = useState<string>('');\r\n  const [lines, setLines] = useState<string[]>([]);\r\n  const [isLoading, setIsLoading] = useState(false);\r\n  const [error, setError] = useState<string | null>(null);\r\n\r\n  const resolvedFileName = useMemo(\r\n    () => fileName || file?.name || (url ? url.split('/').pop() : 'text-document'),\r\n    [fileName, file, url]\r\n  );\r\n\r\n  const fileExtension = useMemo(\r\n    () => getFileExtension(resolvedFileName || ''),\r\n    [resolvedFileName]\r\n  );\r\n\r\n  const loadText = useCallback(async () => {\r\n    if (!file && !url) {\r\n      setContent('');\r\n      setLines([]);\r\n      setError(null);\r\n      return;\r\n    }\r\n\r\n    setIsLoading(true);\r\n    setError(null);\r\n\r\n    try {\r\n      let textContent: string;\r\n      if (file) {\r\n        textContent = await file.text();\r\n      } else {\r\n        const response = await fetch(url!);\r\n        if (!response.ok) {\r\n          throw new Error(`Failed to fetch text (${response.status})`);\r\n        }\r\n        textContent = await response.text();\r\n      }\r\n\r\n      setContent(textContent);\r\n      setLines(textContent.split(/\\r?\\n/));\r\n      onLoad?.();\r\n    } catch (err) {\r\n      const message = err instanceof Error ? err.message : 'Unable to load text file';\r\n      setError(message);\r\n      setContent('');\r\n      setLines([]);\r\n      onError?.(new Error(message));\r\n    } finally {\r\n      setIsLoading(false);\r\n    }\r\n  }, [file, url, onLoad, onError]);\r\n\r\n  useEffect(() => {\r\n    void loadText();\r\n  }, [loadText]);\r\n\r\n  const handleDownload = useCallback(() => {\r\n    if (!content) return;\r\n    \r\n    const blob = new Blob([content], { type: 'text/plain' });\r\n    const url = URL.createObjectURL(blob);\r\n    const link = document.createElement('a');\r\n    link.href = url;\r\n    link.download = resolvedFileName || 'document.txt';\r\n    document.body.appendChild(link);\r\n    link.click();\r\n    document.body.removeChild(link);\r\n    URL.revokeObjectURL(url);\r\n  }, [content, resolvedFileName]);\r\n\r\n  const Row = useCallback(({ index, style: rowStyle }: { index: number; style: React.CSSProperties }) => (\r\n    <Box\r\n      style={rowStyle}\r\n      sx={{\r\n        px: 2,\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        whiteSpace: 'pre',\r\n        fontFamily: 'monospace',\r\n        fontSize: '0.85rem'\r\n      }}\r\n    >\r\n      {lines[index] || '\\u00A0'}\r\n    </Box>\r\n  ), [lines]);\r\n\r\n  return (\r\n    <Box\r\n      className={`text-viewer ${className}`}\r\n      sx={{ width, height, ...style }}\r\n      {...props}\r\n    >\r\n      <Card sx={{ height: '100%', display: 'flex', flexDirection: 'column' }} elevation={1}>\r\n        <CardHeader\r\n          avatar={<FileIcon ext={fileExtension} size={32} />}\r\n          title={\r\n            <Typography variant=\"subtitle1\" fontWeight={500}>\r\n              {resolvedFileName}\r\n            </Typography>\r\n          }\r\n          action={\r\n            <Tooltip title=\"Download\">\r\n              <IconButton\r\n                size=\"small\"\r\n                onClick={onDownloadClick}\r\n              >\r\n                <DownloadIcon />\r\n              </IconButton>\r\n            </Tooltip>\r\n          }\r\n          sx={{ pb: 1 }}\r\n        />\r\n        {isLoading && <LinearProgress sx={{ mx: 3, mb: 1 }} />}\r\n        {error && (\r\n          <Typography color=\"error\" variant=\"body2\" sx={{ px: 3, pb: 1 }}>\r\n            {error}\r\n          </Typography>\r\n        )}\r\n        <Divider />\r\n        <CardContent sx={{ flexGrow: 1, minHeight: 0, display: 'flex', flexDirection: 'column', p: 0 }}>\r\n          {content ? (\r\n            <Stack sx={{ flex: 1, position: 'relative' }}>\r\n              <List\r\n                height={typeof height === 'number' ? height - 140 : 520}\r\n                itemCount={lines.length}\r\n                itemSize={LINE_HEIGHT}\r\n                width=\"100%\"\r\n              >\r\n                {Row as any}\r\n              </List>\r\n            </Stack>\r\n          ) : (\r\n            <Box sx={{ flex: 1, display: 'flex', alignItems: 'center', justifyContent: 'center', p: 4 }}>\r\n              <Typography variant=\"body2\" color=\"text.secondary\">\r\n                No text content available.\r\n              </Typography>\r\n            </Box>\r\n          )}\r\n        </CardContent>\r\n      </Card>\r\n    </Box>\r\n  );\r\n};"],"mappings":"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","names":["url"]}

package/dist/chunk-NOLXOOIP.mjs

@@ -0,0 +1,448 @@
+"use client";
+import {
+  FileIcon_default,
+  getFileExtension
+} from "./chunk-QQDQJ7TS.mjs";
+
+// src/components/viewers/TIFFViewer.tsx
+import {
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+import {
+  Box,
+  Button,
+  ButtonGroup,
+  Card,
+  CardActions,
+  CardContent,
+  CardHeader,
+  Divider,
+  LinearProgress,
+  MenuItem,
+  Select,
+  Stack,
+  Typography,
+  IconButton,
+  Tooltip
+} from "@mui/material";
+import DownloadIcon from "@mui/icons-material/Download";
+import * as UTIF from "utif";
+import { jsx, jsxs } from "react/jsx-runtime";
+var decodeTiff = (buffer) => {
+  if (typeof window === "undefined") {
+    return [];
+  }
+  const frames = [];
+  const images = UTIF.decode(buffer);
+  images.forEach((image) => {
+    try {
+      UTIF.decodeImage(buffer, image);
+      const rgba = UTIF.toRGBA8(image);
+      const width = image.width || 0;
+      const height = image.height || 0;
+      if (!width || !height) {
+        return;
+      }
+      const canvas = document.createElement("canvas");
+      canvas.width = width;
+      canvas.height = height;
+      const context = canvas.getContext("2d");
+      if (!context) {
+        return;
+      }
+      const clamped = new Uint8ClampedArray(rgba.length);
+      clamped.set(rgba);
+      const imageData = new ImageData(clamped, width, height);
+      context.putImageData(imageData, 0, 0);
+      frames.push({ dataUrl: canvas.toDataURL("image/png"), width, height });
+    } catch (error) {
+    }
+  });
+  return frames;
+};
+var resolveDocumentName = (file, fileName, url) => {
+  if (file?.name) {
+    return file.name;
+  }
+  if (fileName) {
+    return fileName;
+  }
+  if (url) {
+    const parts = url.split("?")[0]?.split("#")[0]?.split("/") ?? [];
+    return parts[parts.length - 1] || "document.tiff";
+  }
+  return "document.tiff";
+};
+var TIFFViewerContent = ({
+  sourceDescription,
+  file,
+  url,
+  fileName,
+  className = "",
+  style = {},
+  width = "100%",
+  height = "100%",
+  onLoad,
+  onError,
+  onDownloadClick,
+  // Filter out props that shouldn't be passed to DOM
+  mimeType: _mimeType,
+  fileSize: _fileSize,
+  showPageCount: _showPageCount,
+  showPageNavigation: _showPageNavigation,
+  showZoomControls: _showZoomControls,
+  showDownload: _showDownload,
+  showPrint: _showPrint,
+  showSearch: _showSearch,
+  showMetadata: _showMetadata,
+  showProperties: _showProperties,
+  onMetadataClick: _onMetadataClick,
+  onPropertiesClick: _onPropertiesClick,
+  onPrintClick: _onPrintClick,
+  customRegistry: _customRegistry,
+  ...props
+}) => {
+  const [frames, setFrames] = useState([]);
+  const [currentIndex, setCurrentIndex] = useState(0);
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const [fitMode, setFitMode] = useState("fit-page");
+  const [zoom, setZoom] = useState(1);
+  const [viewportWidth, setViewportWidth] = useState(0);
+  const [viewportHeight, setViewportHeight] = useState(0);
+  const viewportRef = useRef(null);
+  const resolvedFileName = useMemo(
+    () => fileName || sourceDescription,
+    [fileName, sourceDescription]
+  );
+  const fileExtension = useMemo(
+    () => getFileExtension(resolvedFileName || ""),
+    [resolvedFileName]
+  );
+  const loadTiff = useCallback(async () => {
+    if (!file && !url) {
+      setFrames([]);
+      setCurrentIndex(0);
+      setError(null);
+      return;
+    }
+    if (typeof window === "undefined") {
+      return;
+    }
+    setIsLoading(true);
+    setError(null);
+    try {
+      let buffer;
+      if (file) {
+        buffer = await file.arrayBuffer();
+      } else {
+        const response = await fetch(url);
+        if (!response.ok) {
+          throw new Error(`Failed to fetch TIFF (${response.status})`);
+        }
+        buffer = await response.arrayBuffer();
+      }
+      const decodedFrames = decodeTiff(buffer);
+      setFrames(decodedFrames);
+      setCurrentIndex(0);
+      setFitMode("fit-page");
+      setZoom(1);
+      if (decodedFrames.length > 0) {
+        onLoad?.();
+      } else {
+        setError("No displayable frames detected in TIFF file.");
+      }
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "Unable to load TIFF file";
+      setError(message);
+      setFrames([]);
+      setCurrentIndex(0);
+      setFitMode("fit-page");
+      setZoom(1);
+      onError?.(new Error(message));
+    } finally {
+      setIsLoading(false);
+    }
+  }, [file, url, onLoad, onError]);
+  useEffect(() => {
+    void loadTiff();
+  }, [loadTiff]);
+  const handleDownload = useCallback(async () => {
+    if (!file && !url) return;
+    try {
+      let blob;
+      let filename = resolvedFileName || "document.tiff";
+      if (file) {
+        blob = file;
+        filename = file.name;
+      } else if (url) {
+        const response = await fetch(url);
+        if (!response.ok) {
+          throw new Error(`Failed to fetch TIFF (${response.status})`);
+        }
+        blob = await response.blob();
+      } else {
+        return;
+      }
+      const downloadUrl = URL.createObjectURL(blob);
+      const link = document.createElement("a");
+      link.href = downloadUrl;
+      link.download = filename;
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+      URL.revokeObjectURL(downloadUrl);
+    } catch (err) {
+      onError?.(err instanceof Error ? err : new Error("Download failed"));
+    }
+  }, [file, url, resolvedFileName, onError]);
+  const currentFrame = frames[currentIndex];
+  const hasFrames = frames.length > 0;
+  const hasMultipleFrames = frames.length > 1;
+  useEffect(() => {
+    if (hasFrames) {
+      setZoom(1);
+      setFitMode("fit-page");
+    }
+  }, [currentIndex, hasFrames]);
+  useEffect(() => {
+    if (typeof window === "undefined" || typeof ResizeObserver === "undefined") {
+      return void 0;
+    }
+    if (!viewportRef.current) {
+      return void 0;
+    }
+    const updateSize = () => {
+      const bounds = viewportRef.current?.getBoundingClientRect();
+      if (bounds) {
+        setViewportWidth(bounds.width);
+        setViewportHeight(bounds.height);
+      }
+    };
+    updateSize();
+    const observer = new ResizeObserver(updateSize);
+    observer.observe(viewportRef.current);
+    return () => {
+      observer.disconnect();
+    };
+  }, []);
+  const handleZoomIn = () => {
+    setFitMode("zoom");
+    setZoom((value) => Math.min(Math.round((value + 0.25) * 100) / 100, 5));
+  };
+  const handleZoomOut = () => {
+    setFitMode("zoom");
+    setZoom((value) => Math.max(Math.round((value - 0.25) * 100) / 100, 0.25));
+  };
+  const handleFitWidth = () => {
+    setFitMode("fit-width");
+    setZoom(1);
+  };
+  const handleFitPage = () => {
+    setFitMode("fit-page");
+    setZoom(1);
+  };
+  const effectiveScale = useMemo(() => {
+    if (!currentFrame) {
+      return 1;
+    }
+    if (fitMode === "zoom") {
+      return zoom;
+    }
+    const frameWidth = currentFrame.width;
+    const frameHeight = currentFrame.height;
+    if (!viewportWidth || !viewportHeight || !frameWidth || !frameHeight) {
+      return 1;
+    }
+    if (fitMode === "fit-page") {
+      const ratio = Math.min(viewportWidth / frameWidth, viewportHeight / frameHeight);
+      return ratio || 1;
+    }
+    const widthRatio = viewportWidth / frameWidth;
+    return widthRatio || 1;
+  }, [currentFrame, fitMode, viewportWidth, viewportHeight, zoom]);
+  const displayScale = useMemo(() => Math.round(effectiveScale * 100), [effectiveScale]);
+  const renderImage = () => {
+    if (!currentFrame) {
+      return /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: "No TIFF frame available." });
+    }
+    const widthPx = currentFrame.width * effectiveScale;
+    const heightPx = currentFrame.height * effectiveScale;
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        sx: {
+          position: "relative",
+          width: widthPx,
+          height: heightPx,
+          borderRadius: 1,
+          boxShadow: 1,
+          backgroundColor: "#fff"
+        },
+        children: /* @__PURE__ */ jsx(
+          Box,
+          {
+            component: "img",
+            src: currentFrame.dataUrl,
+            alt: `${resolvedFileName} page ${currentIndex + 1}`,
+            sx: {
+              width: widthPx,
+              height: heightPx,
+              display: "block",
+              borderRadius: 1
+            }
+          }
+        )
+      }
+    );
+  };
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      className: `tiff-viewer ${className}`,
+      sx: { width, height, ...style },
+      ...props,
+      children: /* @__PURE__ */ jsxs(Card, { sx: { height: "100%", display: "flex", flexDirection: "column" }, elevation: 1, children: [
+        /* @__PURE__ */ jsx(
+          CardHeader,
+          {
+            avatar: /* @__PURE__ */ jsx(FileIcon_default, { ext: fileExtension, size: 32 }),
+            title: /* @__PURE__ */ jsxs(Typography, { variant: "subtitle1", fontWeight: 500, children: [
+              resolvedFileName,
+              frames.length > 0 && /* @__PURE__ */ jsxs(Typography, { component: "span", variant: "body2", color: "text.secondary", sx: { ml: 1 }, children: [
+                "\u2022 Page ",
+                currentIndex + 1,
+                " of ",
+                frames.length
+              ] })
+            ] }),
+            action: /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [
+              /* @__PURE__ */ jsxs(ButtonGroup, { variant: "outlined", size: "small", disabled: !hasFrames, children: [
+                /* @__PURE__ */ jsx(Button, { onClick: handleZoomOut, disabled: !hasFrames || zoom <= 0.25, children: "-" }),
+                /* @__PURE__ */ jsx(Button, { onClick: handleZoomIn, disabled: !hasFrames || zoom >= 5, children: "+" })
+              ] }),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: fitMode === "fit-width" ? "contained" : "outlined",
+                  size: "small",
+                  onClick: handleFitWidth,
+                  disabled: !hasFrames,
+                  children: "Fit Width"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: fitMode === "fit-page" ? "contained" : "outlined",
+                  size: "small",
+                  onClick: handleFitPage,
+                  disabled: !hasFrames,
+                  children: "Fit Page"
+                }
+              ),
+              /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", sx: { minWidth: 64, textAlign: "center" }, children: hasFrames ? `${displayScale}%` : "\u2014" }),
+              /* @__PURE__ */ jsx(Tooltip, { title: "Download", children: /* @__PURE__ */ jsx(
+                IconButton,
+                {
+                  size: "small",
+                  onClick: onDownloadClick,
+                  children: /* @__PURE__ */ jsx(DownloadIcon, {})
+                }
+              ) }),
+              hasMultipleFrames && /* @__PURE__ */ jsx(
+                Select,
+                {
+                  size: "small",
+                  value: String(currentIndex),
+                  onChange: (event) => setCurrentIndex(Number(event.target.value)),
+                  sx: { minWidth: 120 },
+                  children: frames.map((_, index) => /* @__PURE__ */ jsxs(MenuItem, { value: String(index), children: [
+                    "Page ",
+                    index + 1
+                  ] }, index))
+                }
+              )
+            ] }),
+            sx: { pb: 1 }
+          }
+        ),
+        isLoading && /* @__PURE__ */ jsx(LinearProgress, { sx: { mx: 3, mb: 1 } }),
+        error && /* @__PURE__ */ jsx(Typography, { color: "error", variant: "body2", sx: { px: 3, pb: 1 }, children: error }),
+        /* @__PURE__ */ jsx(Divider, {}),
+        /* @__PURE__ */ jsx(
+          CardContent,
+          {
+            sx: {
+              flexGrow: 1,
+              minHeight: 0,
+              display: "flex",
+              flexDirection: "column",
+              p: 0
+            },
+            children: /* @__PURE__ */ jsx(
+              Box,
+              {
+                ref: viewportRef,
+                sx: {
+                  flex: 1,
+                  overflow: "auto",
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  p: 3,
+                  backgroundColor: "#f6f8fa"
+                },
+                children: renderImage()
+              }
+            )
+          }
+        ),
+        hasMultipleFrames && /* @__PURE__ */ jsx(CardActions, { sx: { justifyContent: "center", px: 3, py: 2 }, children: /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "outlined",
+              size: "small",
+              onClick: () => setCurrentIndex((index) => Math.max(index - 1, 0)),
+              disabled: currentIndex === 0,
+              children: "Previous"
+            }
+          ),
+          /* @__PURE__ */ jsxs(Typography, { variant: "body2", color: "text.secondary", children: [
+            "Page ",
+            currentIndex + 1,
+            " of ",
+            frames.length
+          ] }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "outlined",
+              size: "small",
+              onClick: () => setCurrentIndex((index) => Math.min(index + 1, frames.length - 1)),
+              disabled: currentIndex === frames.length - 1,
+              children: "Next"
+            }
+          )
+        ] }) })
+      ] })
+    }
+  );
+};
+var TIFFViewer = (props) => {
+  const sourceDescription = useMemo(
+    () => resolveDocumentName(props.file, props.fileName, props.url),
+    [props.file, props.fileName, props.url]
+  );
+  return /* @__PURE__ */ jsx(TIFFViewerContent, { ...props, sourceDescription });
+};
+
+export {
+  TIFFViewer
+};
+//# sourceMappingURL=chunk-NOLXOOIP.mjs.map

package/dist/chunk-NOLXOOIP.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/viewers/TIFFViewer.tsx"],"sourcesContent":["import React, {\r\n  useCallback,\r\n  useEffect,\r\n  useMemo,\r\n  useRef,\r\n  useState\r\n} from 'react';\r\nimport {\r\n  Box,\r\n  Button,\r\n  ButtonGroup,\r\n  Card,\r\n  CardActions,\r\n  CardContent,\r\n  CardHeader,\r\n  Divider,\r\n  LinearProgress,\r\n  MenuItem,\r\n  Select,\r\n  Stack,\r\n  Typography,\r\n  IconButton,\r\n  Tooltip\r\n} from '@mui/material';\r\nimport type { SelectChangeEvent } from '@mui/material/Select';\r\nimport DownloadIcon from '@mui/icons-material/Download';\r\nimport * as UTIF from 'utif';\r\nimport { FileViewerProps } from '../../types';\r\nimport { getFileExtension } from '../../utils/fileUtils';\r\nimport FileIcon from '../FileIcon';\r\n\r\ninterface TiffFrame {\r\n  dataUrl: string;\r\n  width: number;\r\n  height: number;\r\n}\r\n\r\nconst decodeTiff = (buffer: ArrayBuffer): TiffFrame[] => {\r\n  if (typeof window === 'undefined') {\r\n    return [];\r\n  }\r\n\r\n  const frames: TiffFrame[] = [];\r\n  const images = UTIF.decode(buffer);\r\n\r\n  images.forEach((image) => {\r\n    try {\r\n      UTIF.decodeImage(buffer, image);\r\n      const rgba = UTIF.toRGBA8(image);\r\n      const width = image.width || 0;\r\n      const height = image.height || 0;\r\n\r\n      if (!width || !height) {\r\n        return;\r\n      }\r\n\r\n      const canvas = document.createElement('canvas');\r\n      canvas.width = width;\r\n      canvas.height = height;\r\n      const context = canvas.getContext('2d');\r\n\r\n      if (!context) {\r\n        return;\r\n      }\r\n\r\n      const clamped = new Uint8ClampedArray(rgba.length);\r\n      clamped.set(rgba);\r\n      const imageData = new ImageData(clamped, width, height);\r\n      context.putImageData(imageData, 0, 0);\r\n      frames.push({ dataUrl: canvas.toDataURL('image/png'), width, height });\r\n    } catch (error) {\r\n      // Skip frames that fail to decode\r\n    }\r\n  });\r\n\r\n  return frames;\r\n};\r\n\r\nconst resolveDocumentName = (file?: File, fileName?: string, url?: string) => {\r\n  if (file?.name) {\r\n    return file.name;\r\n  }\r\n  if (fileName) {\r\n    return fileName;\r\n  }\r\n  if (url) {\r\n    const parts = url.split('?')[0]?.split('#')[0]?.split('/') ?? [];\r\n    return parts[parts.length - 1] || 'document.tiff';\r\n  }\r\n  return 'document.tiff';\r\n};\r\n\r\ninterface TIFFViewerContentProps extends FileViewerProps {\r\n  sourceDescription: string;\r\n}\r\n\r\nconst TIFFViewerContent: React.FC<TIFFViewerContentProps> = ({\r\n  sourceDescription,\r\n  file,\r\n  url,\r\n  fileName,\r\n  className = '',\r\n  style = {},\r\n  width = '100%',\r\n  height = '100%',\r\n  onLoad,\r\n  onError,\r\n  onDownloadClick,\r\n  // Filter out props that shouldn't be passed to DOM\r\n  mimeType: _mimeType,\r\n  fileSize: _fileSize,\r\n  showPageCount: _showPageCount,\r\n  showPageNavigation: _showPageNavigation,\r\n  showZoomControls: _showZoomControls,\r\n  showDownload: _showDownload,\r\n  showPrint: _showPrint,\r\n  showSearch: _showSearch,\r\n  showMetadata: _showMetadata,\r\n  showProperties: _showProperties,\r\n  onMetadataClick: _onMetadataClick,\r\n  onPropertiesClick: _onPropertiesClick,\r\n  onPrintClick: _onPrintClick,\r\n  customRegistry: _customRegistry,\r\n  ...props\r\n}) => {\r\n  const [frames, setFrames] = useState<TiffFrame[]>([]);\r\n  const [currentIndex, setCurrentIndex] = useState(0);\r\n  const [isLoading, setIsLoading] = useState(false);\r\n  const [error, setError] = useState<string | null>(null);\r\n  const [fitMode, setFitMode] = useState<'fit-width' | 'fit-page' | 'zoom'>('fit-page');\r\n  const [zoom, setZoom] = useState(1);\r\n  const [viewportWidth, setViewportWidth] = useState<number>(0);\r\n  const [viewportHeight, setViewportHeight] = useState<number>(0);\r\n  const viewportRef = useRef<HTMLDivElement | null>(null);\r\n\r\n  const resolvedFileName = useMemo(\r\n    () => fileName || sourceDescription,\r\n    [fileName, sourceDescription]\r\n  );\r\n\r\n  const fileExtension = useMemo(\r\n    () => getFileExtension(resolvedFileName || ''),\r\n    [resolvedFileName]\r\n  );\r\n\r\n  const loadTiff = useCallback(async () => {\r\n    if (!file && !url) {\r\n      setFrames([]);\r\n      setCurrentIndex(0);\r\n      setError(null);\r\n      return;\r\n    }\r\n\r\n    if (typeof window === 'undefined') {\r\n      return;\r\n    }\r\n\r\n    setIsLoading(true);\r\n    setError(null);\r\n\r\n    try {\r\n      let buffer: ArrayBuffer;\r\n      if (file) {\r\n        buffer = await file.arrayBuffer();\r\n      } else {\r\n        const response = await fetch(url!);\r\n        if (!response.ok) {\r\n          throw new Error(`Failed to fetch TIFF (${response.status})`);\r\n        }\r\n        buffer = await response.arrayBuffer();\r\n      }\r\n\r\n      const decodedFrames = decodeTiff(buffer);\r\n      setFrames(decodedFrames);\r\n      setCurrentIndex(0);\r\n      setFitMode('fit-page');\r\n      setZoom(1);\r\n\r\n      if (decodedFrames.length > 0) {\r\n        onLoad?.();\r\n      } else {\r\n        setError('No displayable frames detected in TIFF file.');\r\n      }\r\n    } catch (err) {\r\n      const message = err instanceof Error ? err.message : 'Unable to load TIFF file';\r\n      setError(message);\r\n      setFrames([]);\r\n      setCurrentIndex(0);\r\n      setFitMode('fit-page');\r\n      setZoom(1);\r\n      onError?.(new Error(message));\r\n    } finally {\r\n      setIsLoading(false);\r\n    }\r\n  }, [file, url, onLoad, onError]);\r\n\r\n  useEffect(() => {\r\n    void loadTiff();\r\n  }, [loadTiff]);\r\n\r\n  const handleDownload = useCallback(async () => {\r\n    if (!file && !url) return;\r\n    \r\n    try {\r\n      let blob: Blob;\r\n      let filename = resolvedFileName || 'document.tiff';\r\n      \r\n      if (file) {\r\n        blob = file;\r\n        filename = file.name;\r\n      } else if (url) {\r\n        const response = await fetch(url);\r\n        if (!response.ok) {\r\n          throw new Error(`Failed to fetch TIFF (${response.status})`);\r\n        }\r\n        blob = await response.blob();\r\n      } else {\r\n        return;\r\n      }\r\n      \r\n      const downloadUrl = URL.createObjectURL(blob);\r\n      const link = document.createElement('a');\r\n      link.href = downloadUrl;\r\n      link.download = filename;\r\n      document.body.appendChild(link);\r\n      link.click();\r\n      document.body.removeChild(link);\r\n      URL.revokeObjectURL(downloadUrl);\r\n    } catch (err) {\r\n      // Handle download errors silently or show user-friendly message\r\n      onError?.(err instanceof Error ? err : new Error('Download failed'));\r\n    }\r\n  }, [file, url, resolvedFileName, onError]);\r\n\r\n  const currentFrame = frames[currentIndex];\r\n  const hasFrames = frames.length > 0;\r\n  const hasMultipleFrames = frames.length > 1;\r\n\r\n  useEffect(() => {\r\n    if (hasFrames) {\r\n      setZoom(1);\r\n      setFitMode('fit-page');\r\n    }\r\n  }, [currentIndex, hasFrames]);\r\n\r\n  useEffect(() => {\r\n    if (typeof window === 'undefined' || typeof ResizeObserver === 'undefined') {\r\n      return undefined;\r\n    }\r\n\r\n    if (!viewportRef.current) {\r\n      return undefined;\r\n    }\r\n\r\n    const updateSize = () => {\r\n      const bounds = viewportRef.current?.getBoundingClientRect();\r\n      if (bounds) {\r\n        setViewportWidth(bounds.width);\r\n        setViewportHeight(bounds.height);\r\n      }\r\n    };\r\n\r\n    updateSize();\r\n    const observer = new ResizeObserver(updateSize);\r\n    observer.observe(viewportRef.current);\r\n\r\n    return () => {\r\n      observer.disconnect();\r\n    };\r\n  }, []);\r\n\r\n  const handleZoomIn = () => {\r\n    setFitMode('zoom');\r\n    setZoom((value) => Math.min(Math.round((value + 0.25) * 100) / 100, 5));\r\n  };\r\n\r\n  const handleZoomOut = () => {\r\n    setFitMode('zoom');\r\n    setZoom((value) => Math.max(Math.round((value - 0.25) * 100) / 100, 0.25));\r\n  };\r\n\r\n  const handleFitWidth = () => {\r\n    setFitMode('fit-width');\r\n    setZoom(1);\r\n  };\r\n\r\n  const handleFitPage = () => {\r\n    setFitMode('fit-page');\r\n    setZoom(1);\r\n  };\r\n\r\n  const effectiveScale = useMemo(() => {\r\n    if (!currentFrame) {\r\n      return 1;\r\n    }\r\n\r\n    if (fitMode === 'zoom') {\r\n      return zoom;\r\n    }\r\n\r\n    const frameWidth = currentFrame.width;\r\n    const frameHeight = currentFrame.height;\r\n\r\n    if (!viewportWidth || !viewportHeight || !frameWidth || !frameHeight) {\r\n      return 1;\r\n    }\r\n\r\n    if (fitMode === 'fit-page') {\r\n      const ratio = Math.min(viewportWidth / frameWidth, viewportHeight / frameHeight);\r\n      return ratio || 1;\r\n    }\r\n\r\n    const widthRatio = viewportWidth / frameWidth;\r\n    return widthRatio || 1;\r\n  }, [currentFrame, fitMode, viewportWidth, viewportHeight, zoom]);\r\n\r\n  const displayScale = useMemo(() => Math.round(effectiveScale * 100), [effectiveScale]);\r\n\r\n  const renderImage = () => {\r\n    if (!currentFrame) {\r\n      return (\r\n        <Typography variant=\"body2\" color=\"text.secondary\">\r\n          No TIFF frame available.\r\n        </Typography>\r\n      );\r\n    }\r\n\r\n    const widthPx = currentFrame.width * effectiveScale;\r\n    const heightPx = currentFrame.height * effectiveScale;\r\n\r\n    return (\r\n      <Box\r\n        sx={{\r\n          position: 'relative',\r\n          width: widthPx,\r\n          height: heightPx,\r\n          borderRadius: 1,\r\n          boxShadow: 1,\r\n          backgroundColor: '#fff'\r\n        }}\r\n      >\r\n        <Box\r\n          component=\"img\"\r\n          src={currentFrame.dataUrl}\r\n          alt={`${resolvedFileName} page ${currentIndex + 1}`}\r\n          sx={{\r\n            width: widthPx,\r\n            height: heightPx,\r\n            display: 'block',\r\n            borderRadius: 1\r\n          }}\r\n        />\r\n      </Box>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <Box\r\n      className={`tiff-viewer ${className}`}\r\n      sx={{ width, height, ...style }}\r\n      {...props}\r\n    >\r\n      <Card sx={{ height: '100%', display: 'flex', flexDirection: 'column' }} elevation={1}>\r\n        <CardHeader\r\n          avatar={<FileIcon ext={fileExtension} size={32} />}\r\n          title={\r\n            <Typography variant=\"subtitle1\" fontWeight={500}>\r\n              {resolvedFileName}\r\n              {frames.length > 0 && (\r\n                <Typography component=\"span\" variant=\"body2\" color=\"text.secondary\" sx={{ ml: 1 }}>\r\n                  • Page {currentIndex + 1} of {frames.length}\r\n                </Typography>\r\n              )}\r\n            </Typography>\r\n          }\r\n          action={\r\n            <Stack direction=\"row\" spacing={1} alignItems=\"center\">\r\n              <ButtonGroup variant=\"outlined\" size=\"small\" disabled={!hasFrames}>\r\n                <Button onClick={handleZoomOut} disabled={!hasFrames || zoom <= 0.25}>\r\n                  -\r\n                </Button>\r\n                <Button onClick={handleZoomIn} disabled={!hasFrames || zoom >= 5}>\r\n                  +\r\n                </Button>\r\n              </ButtonGroup>\r\n              <Button\r\n                variant={fitMode === 'fit-width' ? 'contained' : 'outlined'}\r\n                size=\"small\"\r\n                onClick={handleFitWidth}\r\n                disabled={!hasFrames}\r\n              >\r\n                Fit Width\r\n              </Button>\r\n              <Button\r\n                variant={fitMode === 'fit-page' ? 'contained' : 'outlined'}\r\n                size=\"small\"\r\n                onClick={handleFitPage}\r\n                disabled={!hasFrames}\r\n              >\r\n                Fit Page\r\n              </Button>\r\n              <Typography variant=\"body2\" color=\"text.secondary\" sx={{ minWidth: 64, textAlign: 'center' }}>\r\n                {hasFrames ? `${displayScale}%` : '—'}\r\n              </Typography>\r\n              <Tooltip title=\"Download\">\r\n                <IconButton\r\n                  size=\"small\"\r\n                  onClick={onDownloadClick}\r\n                >\r\n                  <DownloadIcon />\r\n                </IconButton>\r\n              </Tooltip>\r\n              {hasMultipleFrames && (\r\n                <Select\r\n                  size=\"small\"\r\n                  value={String(currentIndex)}\r\n                  onChange={(event: SelectChangeEvent<string>) => setCurrentIndex(Number(event.target.value))}\r\n                  sx={{ minWidth: 120 }}\r\n                >\r\n                  {frames.map((_, index) => (\r\n                    <MenuItem key={index} value={String(index)}>\r\n                      Page {index + 1}\r\n                    </MenuItem>\r\n                  ))}\r\n                </Select>\r\n              )}\r\n            </Stack>\r\n          }\r\n          sx={{ pb: 1 }}\r\n        />\r\n        {isLoading && <LinearProgress sx={{ mx: 3, mb: 1 }} />}\r\n        {error && (\r\n          <Typography color=\"error\" variant=\"body2\" sx={{ px: 3, pb: 1 }}>\r\n            {error}\r\n          </Typography>\r\n        )}\r\n        <Divider />\r\n        <CardContent\r\n          sx={{\r\n            flexGrow: 1,\r\n            minHeight: 0,\r\n            display: 'flex',\r\n            flexDirection: 'column',\r\n            p: 0\r\n          }}\r\n        >\r\n          <Box\r\n            ref={viewportRef}\r\n            sx={{\r\n              flex: 1,\r\n              overflow: 'auto',\r\n              display: 'flex',\r\n              alignItems: 'center',\r\n              justifyContent: 'center',\r\n              p: 3,\r\n              backgroundColor: '#f6f8fa'\r\n            }}\r\n          >\r\n            {renderImage()}\r\n          </Box>\r\n        </CardContent>\r\n        {hasMultipleFrames && (\r\n          <CardActions sx={{ justifyContent: 'center', px: 3, py: 2 }}>\r\n            <Stack direction=\"row\" spacing={1} alignItems=\"center\">\r\n              <Button\r\n                variant=\"outlined\"\r\n                size=\"small\"\r\n                onClick={() => setCurrentIndex((index) => Math.max(index - 1, 0))}\r\n                disabled={currentIndex === 0}\r\n              >\r\n                Previous\r\n              </Button>\r\n              <Typography variant=\"body2\" color=\"text.secondary\">\r\n                Page {currentIndex + 1} of {frames.length}\r\n              </Typography>\r\n              <Button\r\n                variant=\"outlined\"\r\n                size=\"small\"\r\n                onClick={() => setCurrentIndex((index) => Math.min(index + 1, frames.length - 1))}\r\n                disabled={currentIndex === frames.length - 1}\r\n              >\r\n                Next\r\n              </Button>\r\n            </Stack>\r\n          </CardActions>\r\n        )}\r\n      </Card>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport const TIFFViewer: React.FC<FileViewerProps> = (props) => {\r\n  const sourceDescription = useMemo(\r\n    () => resolveDocumentName(props.file, props.fileName, props.url),\r\n    [props.file, props.fileName, props.url]\r\n  );\r\n\r\n  return <TIFFViewerContent {...props} sourceDescription={sourceDescription} />;\r\n};\r\n"],"mappings":"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","names":[]}

package/dist/chunk-QLJKOQTP.mjs

@@ -0,0 +1,78 @@
+"use client";
+
+// src/components/viewers/DefaultViewer.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var DefaultViewer = ({
+  file,
+  url,
+  fileName,
+  mimeType,
+  fileSize,
+  className = "",
+  style = {},
+  width = "100%",
+  height = "100%",
+  onLoad,
+  onError,
+  // Filter out props that shouldn't be passed to DOM
+  showPageCount: _showPageCount,
+  showPageNavigation: _showPageNavigation,
+  showZoomControls: _showZoomControls,
+  showDownload: _showDownload,
+  showPrint: _showPrint,
+  showSearch: _showSearch,
+  showMetadata: _showMetadata,
+  showProperties: _showProperties,
+  onMetadataClick: _onMetadataClick,
+  onPropertiesClick: _onPropertiesClick,
+  onPrintClick: _onPrintClick,
+  onDownloadClick: _onDownloadClick,
+  customRegistry: _customRegistry,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `default-viewer ${className}`,
+      style: { width, height, ...style },
+      ...props,
+      children: /* @__PURE__ */ jsxs("div", { style: {
+        padding: "16px",
+        border: "1px solid #ddd",
+        borderRadius: "4px",
+        backgroundColor: "#f9f9f9",
+        height: "100%",
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center"
+      }, children: [
+        /* @__PURE__ */ jsx("h3", { children: "File Preview Not Available" }),
+        /* @__PURE__ */ jsxs("div", { style: { textAlign: "center", color: "#666" }, children: [
+          /* @__PURE__ */ jsxs("p", { children: [
+            /* @__PURE__ */ jsx("strong", { children: "File:" }),
+            " ",
+            fileName
+          ] }),
+          mimeType && /* @__PURE__ */ jsxs("p", { children: [
+            /* @__PURE__ */ jsx("strong", { children: "Type:" }),
+            " ",
+            mimeType
+          ] }),
+          fileSize && /* @__PURE__ */ jsxs("p", { children: [
+            /* @__PURE__ */ jsx("strong", { children: "Size:" }),
+            " ",
+            Math.round(fileSize / 1024),
+            " KB"
+          ] }),
+          /* @__PURE__ */ jsx("p", { style: { marginTop: "16px" }, children: "This file type is not supported for preview." })
+        ] })
+      ] })
+    }
+  );
+};
+
+export {
+  DefaultViewer
+};
+//# sourceMappingURL=chunk-QLJKOQTP.mjs.map

package/dist/chunk-QLJKOQTP.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/viewers/DefaultViewer.tsx"],"sourcesContent":["import React from 'react';\r\nimport { FileViewerProps } from '../../types';\r\n\r\nexport const DefaultViewer: React.FC<FileViewerProps> = ({\r\n  file,\r\n  url,\r\n  fileName,\r\n  mimeType,\r\n  fileSize,\r\n  className = '',\r\n  style = {},\r\n  width = '100%',\r\n  height = '100%',\r\n  onLoad,\r\n  onError,\r\n  // Filter out props that shouldn't be passed to DOM\r\n  showPageCount: _showPageCount,\r\n  showPageNavigation: _showPageNavigation,\r\n  showZoomControls: _showZoomControls,\r\n  showDownload: _showDownload,\r\n  showPrint: _showPrint,\r\n  showSearch: _showSearch,\r\n  showMetadata: _showMetadata,\r\n  showProperties: _showProperties,\r\n  onMetadataClick: _onMetadataClick,\r\n  onPropertiesClick: _onPropertiesClick,\r\n  onPrintClick: _onPrintClick,\r\n  onDownloadClick: _onDownloadClick,\r\n  customRegistry: _customRegistry,\r\n  ...props\r\n}) => {\r\n  return (\r\n    <div\r\n      className={`default-viewer ${className}`}\r\n      style={{ width, height, ...style }}\r\n      {...props}\r\n    >\r\n      <div style={{\r\n        padding: '16px',\r\n        border: '1px solid #ddd',\r\n        borderRadius: '4px',\r\n        backgroundColor: '#f9f9f9',\r\n        height: '100%',\r\n        display: 'flex',\r\n        flexDirection: 'column',\r\n        alignItems: 'center',\r\n        justifyContent: 'center'\r\n      }}>\r\n        <h3>File Preview Not Available</h3>\r\n        <div style={{ textAlign: 'center', color: '#666' }}>\r\n          <p><strong>File:</strong> {fileName}</p>\r\n          {mimeType && <p><strong>Type:</strong> {mimeType}</p>}\r\n          {fileSize && <p><strong>Size:</strong> {Math.round(fileSize / 1024)} KB</p>}\r\n          <p style={{ marginTop: '16px' }}>\r\n            This file type is not supported for preview.\r\n          </p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};"],"mappings":";;;AAgDQ,cAEE,YAFF;AA7CD,IAAM,gBAA2C,CAAC;AAAA,EACvD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ,CAAC;AAAA,EACT,QAAQ;AAAA,EACR,SAAS;AAAA,EACT;AAAA,EACA;AAAA;AAAA,EAEA,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,GAAG;AACL,MAAM;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,kBAAkB,SAAS;AAAA,MACtC,OAAO,EAAE,OAAO,QAAQ,GAAG,MAAM;AAAA,MAChC,GAAG;AAAA,MAEJ,+BAAC,SAAI,OAAO;AAAA,QACV,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,iBAAiB;AAAA,QACjB,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,eAAe;AAAA,QACf,YAAY;AAAA,QACZ,gBAAgB;AAAA,MAClB,GACE;AAAA,4BAAC,QAAG,wCAA0B;AAAA,QAC9B,qBAAC,SAAI,OAAO,EAAE,WAAW,UAAU,OAAO,OAAO,GAC/C;AAAA,+BAAC,OAAE;AAAA,gCAAC,YAAO,mBAAK;AAAA,YAAS;AAAA,YAAE;AAAA,aAAS;AAAA,UACnC,YAAY,qBAAC,OAAE;AAAA,gCAAC,YAAO,mBAAK;AAAA,YAAS;AAAA,YAAE;AAAA,aAAS;AAAA,UAChD,YAAY,qBAAC,OAAE;AAAA,gCAAC,YAAO,mBAAK;AAAA,YAAS;AAAA,YAAE,KAAK,MAAM,WAAW,IAAI;AAAA,YAAE;AAAA,aAAG;AAAA,UACvE,oBAAC,OAAE,OAAO,EAAE,WAAW,OAAO,GAAG,0DAEjC;AAAA,WACF;AAAA,SACF;AAAA;AAAA,EACF;AAEJ;","names":[]}