@cannyminds/dms-file-viewers 0.13.0 → 0.15.0

package/dist/chunk-FK6RYOAZ.mjs

@@ -0,0 +1,297 @@
+"use client";
+import {
+  getFileExtension
+} from "./chunk-M57PSU4O.mjs";
+import {
+  FileIcon_default,
+  mergeToolbarConfig
+} from "./chunk-WR5SJ3LM.mjs";
+
+// src/components/viewers/VideoViewer.tsx
+import {
+  useEffect,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+import {
+  Box,
+  Card,
+  CardContent,
+  CardHeader,
+  LinearProgress,
+  Typography,
+  Stack,
+  IconButton,
+  Tooltip
+} from "@mui/material";
+import DownloadIcon from "@mui/icons-material/Download";
+import PrintIcon from "@mui/icons-material/Print";
+import FullscreenIcon from "@mui/icons-material/Fullscreen";
+import InfoIcon from "@mui/icons-material/Info";
+import DescriptionIcon from "@mui/icons-material/Description";
+import { jsx, jsxs } from "react/jsx-runtime";
+var VideoViewer = ({
+  file,
+  url,
+  fileName,
+  className = "",
+  style = {},
+  width = "100%",
+  height = "100%",
+  onLoad,
+  onError,
+  onDownloadClick,
+  onPrintClick,
+  onMetadataClick,
+  onTagsClick,
+  onPropertiesClick,
+  showDownload = true,
+  showPrint = false,
+  showMetadata = false,
+  showTags = false,
+  showProperties = false,
+  // Extract props that shouldn't be passed to DOM elements
+  mimeType,
+  fileSize,
+  showPageCount,
+  showPageNavigation,
+  showZoomControls,
+  showSearch,
+  customRegistry,
+  initialSearchText,
+  initialSearchPages,
+  autoOpenSearch,
+  autoExecuteSearch,
+  onSearchComplete,
+  toolbarActions,
+  ...props
+}) => {
+  const videoRef = useRef(null);
+  const containerRef = useRef(null);
+  const [videoSource, setVideoSource] = useState(null);
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const [videoDimensions, setVideoDimensions] = useState(null);
+  const [isFullScreen, setIsFullScreen] = useState(false);
+  useEffect(() => {
+    let objectUrl = null;
+    if (file) {
+      objectUrl = URL.createObjectURL(file);
+      setVideoSource(objectUrl);
+      setIsLoading(true);
+    } else if (url) {
+      setVideoSource(url);
+    } else {
+      setVideoSource(null);
+    }
+    setError(null);
+    return () => {
+      if (objectUrl) {
+        URL.revokeObjectURL(objectUrl);
+      }
+    };
+  }, [file, url]);
+  useEffect(() => {
+    const element = videoRef.current;
+    if (!element) {
+      return;
+    }
+    const handleLoaded = () => {
+      setIsLoading(false);
+      setVideoDimensions({
+        width: element.videoWidth,
+        height: element.videoHeight
+      });
+      onLoad?.();
+    };
+    const handleError = () => {
+      const message = "Failed to load video resource";
+      setIsLoading(false);
+      setError(message);
+      onError?.(new Error(message));
+    };
+    element.addEventListener("loadedmetadata", handleLoaded);
+    element.addEventListener("error", handleError);
+    return () => {
+      element.removeEventListener("loadedmetadata", handleLoaded);
+      element.removeEventListener("error", handleError);
+    };
+  }, [onLoad, onError, videoSource]);
+  const resolvedFileName = useMemo(
+    () => fileName || file?.name || (url ? url.split("/").pop() : "video"),
+    [fileName, file, url]
+  );
+  const fileExtension = useMemo(
+    () => getFileExtension(resolvedFileName || ""),
+    [resolvedFileName]
+  );
+  const handleToggleFullScreen = () => {
+    if (!isFullScreen && containerRef.current?.requestFullscreen) {
+      containerRef.current.requestFullscreen();
+      setIsFullScreen(true);
+    } else if (isFullScreen && document.exitFullscreen) {
+      document.exitFullscreen();
+      setIsFullScreen(false);
+    }
+  };
+  const toolbar = mergeToolbarConfig({
+    showDownload,
+    showPrint,
+    showMetadata,
+    showTags,
+    showProperties,
+    onDownloadClick,
+    onPrintClick,
+    onMetadataClick,
+    onTagsClick,
+    onPropertiesClick,
+    toolbarActions
+  });
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      ref: containerRef,
+      className: `video-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__ */ jsx(Typography, { variant: "subtitle1", fontWeight: 500, children: resolvedFileName }),
+                action: /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, children: [
+                  !toolbar.isHidden("download") && /* @__PURE__ */ jsx(Tooltip, { title: toolbar.getLabel("download") || "Download", children: /* @__PURE__ */ jsx(
+                    IconButton,
+                    {
+                      size: "small",
+                      onClick: toolbar.getHandler("download", onDownloadClick),
+                      disabled: toolbar.isDisabled("download"),
+                      "aria-label": "Download video",
+                      children: toolbar.getIcon("download") || /* @__PURE__ */ jsx(DownloadIcon, {})
+                    }
+                  ) }),
+                  !toolbar.isHidden("print") && /* @__PURE__ */ jsx(Tooltip, { title: toolbar.getLabel("print") || "Print", children: /* @__PURE__ */ jsx(
+                    IconButton,
+                    {
+                      size: "small",
+                      onClick: toolbar.getHandler("print", onPrintClick),
+                      disabled: toolbar.isDisabled("print"),
+                      "aria-label": "Print video",
+                      children: toolbar.getIcon("print") || /* @__PURE__ */ jsx(PrintIcon, {})
+                    }
+                  ) }),
+                  !toolbar.isHidden("fullscreen") && /* @__PURE__ */ jsx(Tooltip, { title: toolbar.getLabel("fullscreen") || "Fullscreen", children: /* @__PURE__ */ jsx(
+                    IconButton,
+                    {
+                      size: "small",
+                      onClick: toolbar.getHandler(
+                        "fullscreen",
+                        handleToggleFullScreen
+                      ),
+                      disabled: toolbar.isDisabled("fullscreen"),
+                      "aria-label": "Toggle fullscreen",
+                      children: toolbar.getIcon("fullscreen") || /* @__PURE__ */ jsx(FullscreenIcon, {})
+                    }
+                  ) }),
+                  !toolbar.isHidden("metadata") && /* @__PURE__ */ jsx(
+                    Tooltip,
+                    {
+                      title: toolbar.getLabel("metadata") || "Document Metadata",
+                      children: /* @__PURE__ */ jsx(
+                        IconButton,
+                        {
+                          size: "small",
+                          onClick: toolbar.getHandler("metadata", onMetadataClick),
+                          disabled: toolbar.isDisabled("metadata"),
+                          "aria-label": "View document metadata",
+                          children: toolbar.getIcon("metadata") || /* @__PURE__ */ jsx(DescriptionIcon, {})
+                        }
+                      )
+                    }
+                  ),
+                  !toolbar.isHidden("properties") && /* @__PURE__ */ jsx(
+                    Tooltip,
+                    {
+                      title: toolbar.getLabel("properties") || "Document Properties",
+                      children: /* @__PURE__ */ jsx(
+                        IconButton,
+                        {
+                          size: "small",
+                          onClick: toolbar.getHandler(
+                            "properties",
+                            onPropertiesClick
+                          ),
+                          disabled: toolbar.isDisabled("properties"),
+                          "aria-label": "View document properties",
+                          children: toolbar.getIcon("properties") || /* @__PURE__ */ jsx(InfoIcon, {})
+                        }
+                      )
+                    }
+                  )
+                ] }),
+                sx: { pb: 1.5 }
+              }
+            ),
+            isLoading && /* @__PURE__ */ jsx(LinearProgress, { sx: { mx: 3, mb: 2 } }),
+            error && /* @__PURE__ */ jsx(Typography, { color: "error", variant: "body2", sx: { px: 3, pb: 1 }, children: error }),
+            /* @__PURE__ */ jsx(
+              CardContent,
+              {
+                sx: {
+                  flexGrow: 1,
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  p: 2,
+                  overflow: "hidden"
+                },
+                children: videoSource ? /* @__PURE__ */ jsx(
+                  Box,
+                  {
+                    sx: {
+                      width: "100%",
+                      height: "100%",
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      backgroundColor: "#000",
+                      borderRadius: 2
+                    },
+                    children: /* @__PURE__ */ jsx(
+                      "video",
+                      {
+                        ref: videoRef,
+                        controls: true,
+                        controlsList: "nodownload",
+                        style: {
+                          maxWidth: "100%",
+                          maxHeight: "100%",
+                          width: "auto",
+                          height: "auto",
+                          objectFit: "contain"
+                        },
+                        src: videoSource
+                      }
+                    )
+                  }
+                ) : /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: "No video source provided." })
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+
+export {
+  VideoViewer
+};
+//# sourceMappingURL=chunk-FK6RYOAZ.mjs.map

package/dist/chunk-FK6RYOAZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/viewers/VideoViewer.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  Card,\r\n  CardContent,\r\n  CardHeader,\r\n  LinearProgress,\r\n  Typography,\r\n  Stack,\r\n  IconButton,\r\n  Tooltip,\r\n} from \"@mui/material\";\r\nimport DownloadIcon from \"@mui/icons-material/Download\";\r\nimport PrintIcon from \"@mui/icons-material/Print\";\r\nimport FullscreenIcon from \"@mui/icons-material/Fullscreen\";\r\nimport InfoIcon from \"@mui/icons-material/Info\";\r\nimport DescriptionIcon from \"@mui/icons-material/Description\";\r\nimport { FileViewerProps } from \"../../types\";\r\nimport { getFileExtension } from \"../../utils/fileUtils\";\r\nimport { mergeToolbarConfig } from \"../../utils/toolbarUtils\";\r\nimport FileIcon from \"../FileIcon\";\r\n\r\nexport const VideoViewer: 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  onPrintClick,\r\n  onMetadataClick,\r\n  onTagsClick,\r\n  onPropertiesClick,\r\n  showDownload = true,\r\n  showPrint = false,\r\n  showMetadata = false,\r\n  showTags = false,\r\n  showProperties = false,\r\n  // Extract props that shouldn't be passed to DOM elements\r\n  mimeType,\r\n  fileSize,\r\n  showPageCount,\r\n  showPageNavigation,\r\n  showZoomControls,\r\n  showSearch,\r\n  customRegistry,\r\n  initialSearchText,\r\n  initialSearchPages,\r\n  autoOpenSearch,\r\n  autoExecuteSearch,\r\n  onSearchComplete,\r\n  toolbarActions,\r\n  ...props\r\n}) => {\r\n  const videoRef = useRef<HTMLVideoElement | null>(null);\r\n  const containerRef = useRef<HTMLDivElement>(null);\r\n  const [videoSource, setVideoSource] = useState<string | null>(null);\r\n  const [isLoading, setIsLoading] = useState(false);\r\n  const [error, setError] = useState<string | null>(null);\r\n  const [videoDimensions, setVideoDimensions] = useState<{\r\n    width: number;\r\n    height: number;\r\n  } | null>(null);\r\n  const [isFullScreen, setIsFullScreen] = useState(false);\r\n\r\n  useEffect(() => {\r\n    let objectUrl: string | null = null;\r\n\r\n    if (file) {\r\n      objectUrl = URL.createObjectURL(file);\r\n      setVideoSource(objectUrl);\r\n      setIsLoading(true);\r\n    } else if (url) {\r\n      setVideoSource(url);\r\n    } else {\r\n      setVideoSource(null);\r\n    }\r\n\r\n    setError(null);\r\n\r\n    return () => {\r\n      if (objectUrl) {\r\n        URL.revokeObjectURL(objectUrl);\r\n      }\r\n    };\r\n  }, [file, url]);\r\n\r\n  useEffect(() => {\r\n    const element = videoRef.current;\r\n    if (!element) {\r\n      return;\r\n    }\r\n\r\n    const handleLoaded = () => {\r\n      setIsLoading(false);\r\n      // Capture video dimensions\r\n      setVideoDimensions({\r\n        width: element.videoWidth,\r\n        height: element.videoHeight,\r\n      });\r\n      onLoad?.();\r\n    };\r\n\r\n    const handleError = () => {\r\n      const message = \"Failed to load video resource\";\r\n      setIsLoading(false);\r\n      setError(message);\r\n      onError?.(new Error(message));\r\n    };\r\n\r\n    element.addEventListener(\"loadedmetadata\", handleLoaded);\r\n    element.addEventListener(\"error\", handleError);\r\n\r\n    return () => {\r\n      element.removeEventListener(\"loadedmetadata\", handleLoaded);\r\n      element.removeEventListener(\"error\", handleError);\r\n    };\r\n  }, [onLoad, onError, videoSource]);\r\n\r\n  const resolvedFileName = useMemo(\r\n    () => fileName || file?.name || (url ? url.split(\"/\").pop() : \"video\"),\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 handleToggleFullScreen = () => {\r\n    if (!isFullScreen && containerRef.current?.requestFullscreen) {\r\n      containerRef.current.requestFullscreen();\r\n      setIsFullScreen(true);\r\n    } else if (isFullScreen && document.exitFullscreen) {\r\n      document.exitFullscreen();\r\n      setIsFullScreen(false);\r\n    }\r\n  };\r\n\r\n  const toolbar = mergeToolbarConfig({\r\n    showDownload,\r\n    showPrint,\r\n    showMetadata,\r\n    showTags,\r\n    showProperties,\r\n    onDownloadClick,\r\n    onPrintClick,\r\n    onMetadataClick,\r\n    onTagsClick,\r\n    onPropertiesClick,\r\n    toolbarActions,\r\n  });\r\n\r\n  return (\r\n    <Box\r\n      ref={containerRef}\r\n      className={`video-viewer ${className}`}\r\n      sx={{ width, height, ...style }}\r\n      {...props}\r\n    >\r\n      <Card\r\n        sx={{ height: \"100%\", display: \"flex\", flexDirection: \"column\" }}\r\n        elevation={1}\r\n      >\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            <Stack direction=\"row\" spacing={1}>\r\n              {!toolbar.isHidden(\"download\") && (\r\n                <Tooltip title={toolbar.getLabel(\"download\") || \"Download\"}>\r\n                  <IconButton\r\n                    size=\"small\"\r\n                    onClick={toolbar.getHandler(\"download\", onDownloadClick)}\r\n                    disabled={toolbar.isDisabled(\"download\")}\r\n                    aria-label=\"Download video\"\r\n                  >\r\n                    {toolbar.getIcon(\"download\") || <DownloadIcon />}\r\n                  </IconButton>\r\n                </Tooltip>\r\n              )}\r\n              {!toolbar.isHidden(\"print\") && (\r\n                <Tooltip title={toolbar.getLabel(\"print\") || \"Print\"}>\r\n                  <IconButton\r\n                    size=\"small\"\r\n                    onClick={toolbar.getHandler(\"print\", onPrintClick)}\r\n                    disabled={toolbar.isDisabled(\"print\")}\r\n                    aria-label=\"Print video\"\r\n                  >\r\n                    {toolbar.getIcon(\"print\") || <PrintIcon />}\r\n                  </IconButton>\r\n                </Tooltip>\r\n              )}\r\n              {!toolbar.isHidden(\"fullscreen\") && (\r\n                <Tooltip title={toolbar.getLabel(\"fullscreen\") || \"Fullscreen\"}>\r\n                  <IconButton\r\n                    size=\"small\"\r\n                    onClick={toolbar.getHandler(\r\n                      \"fullscreen\",\r\n                      handleToggleFullScreen\r\n                    )}\r\n                    disabled={toolbar.isDisabled(\"fullscreen\")}\r\n                    aria-label=\"Toggle fullscreen\"\r\n                  >\r\n                    {toolbar.getIcon(\"fullscreen\") || <FullscreenIcon />}\r\n                  </IconButton>\r\n                </Tooltip>\r\n              )}\r\n              {!toolbar.isHidden(\"metadata\") && (\r\n                <Tooltip\r\n                  title={toolbar.getLabel(\"metadata\") || \"Document Metadata\"}\r\n                >\r\n                  <IconButton\r\n                    size=\"small\"\r\n                    onClick={toolbar.getHandler(\"metadata\", onMetadataClick)}\r\n                    disabled={toolbar.isDisabled(\"metadata\")}\r\n                    aria-label=\"View document metadata\"\r\n                  >\r\n                    {toolbar.getIcon(\"metadata\") || <DescriptionIcon />}\r\n                  </IconButton>\r\n                </Tooltip>\r\n              )}\r\n              {!toolbar.isHidden(\"properties\") && (\r\n                <Tooltip\r\n                  title={\r\n                    toolbar.getLabel(\"properties\") || \"Document Properties\"\r\n                  }\r\n                >\r\n                  <IconButton\r\n                    size=\"small\"\r\n                    onClick={toolbar.getHandler(\r\n                      \"properties\",\r\n                      onPropertiesClick\r\n                    )}\r\n                    disabled={toolbar.isDisabled(\"properties\")}\r\n                    aria-label=\"View document properties\"\r\n                  >\r\n                    {toolbar.getIcon(\"properties\") || <InfoIcon />}\r\n                  </IconButton>\r\n                </Tooltip>\r\n              )}\r\n            </Stack>\r\n          }\r\n          sx={{ pb: 1.5 }}\r\n        />\r\n        {isLoading && <LinearProgress sx={{ mx: 3, mb: 2 }} />}\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        <CardContent\r\n          sx={{\r\n            flexGrow: 1,\r\n            display: \"flex\",\r\n            alignItems: \"center\",\r\n            justifyContent: \"center\",\r\n            p: 2,\r\n            overflow: \"hidden\",\r\n          }}\r\n        >\r\n          {videoSource ? (\r\n            <Box\r\n              sx={{\r\n                width: \"100%\",\r\n                height: \"100%\",\r\n                display: \"flex\",\r\n                alignItems: \"center\",\r\n                justifyContent: \"center\",\r\n                backgroundColor: \"#000\",\r\n                borderRadius: 2,\r\n              }}\r\n            >\r\n              <video\r\n                ref={videoRef}\r\n                controls\r\n                controlsList=\"nodownload\"\r\n                style={{\r\n                  maxWidth: \"100%\",\r\n                  maxHeight: \"100%\",\r\n                  width: \"auto\",\r\n                  height: \"auto\",\r\n                  objectFit: \"contain\",\r\n                }}\r\n                src={videoSource}\r\n              />\r\n            </Box>\r\n          ) : (\r\n            <Typography variant=\"body2\" color=\"text.secondary\">\r\n              No video source provided.\r\n            </Typography>\r\n          )}\r\n        </CardContent>\r\n      </Card>\r\n    </Box>\r\n  );\r\n};\r\n"],"mappings":"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","names":[]}