@cannyminds/dms-file-viewers 0.1.0

package/dist/index.mjs

@@ -0,0 +1,284 @@
+"use client";
+import {
+  AudioViewer
+} from "./chunk-FZYMVHF6.mjs";
+import {
+  DefaultViewer
+} from "./chunk-QLJKOQTP.mjs";
+import {
+  ImageViewer
+} from "./chunk-XQBXRMB7.mjs";
+import {
+  PDFViewer
+} from "./chunk-73ZIFR3P.mjs";
+import {
+  TextViewer
+} from "./chunk-LKBM4O47.mjs";
+import {
+  TIFFViewer
+} from "./chunk-NOLXOOIP.mjs";
+import {
+  VideoViewer
+} from "./chunk-QRYIHDRT.mjs";
+import {
+  FileIcon_default,
+  getFileExtension,
+  getMimeTypeFromExtension
+} from "./chunk-QQDQJ7TS.mjs";
+
+// src/components/FileViewer.tsx
+import { useState, useEffect, useMemo } from "react";
+
+// src/registry.ts
+var loadTextViewer = () => import("./components/viewers/TextViewer.mjs").then((m) => ({ default: m.TextViewer }));
+var loadImageViewer = () => import("./components/viewers/ImageViewer.mjs").then((m) => ({ default: m.ImageViewer }));
+var loadPDFViewer = () => import("./components/viewers/PDFViewer.mjs").then((m) => ({ default: m.PDFViewer }));
+var loadVideoViewer = () => import("./components/viewers/VideoViewer.mjs").then((m) => ({ default: m.VideoViewer }));
+var loadAudioViewer = () => import("./components/viewers/AudioViewer.mjs").then((m) => ({ default: m.AudioViewer }));
+var loadTIFFViewer = () => import("./components/viewers/TIFFViewer.mjs").then((m) => ({ default: m.TIFFViewer }));
+var loadDefaultViewer = () => import("./components/viewers/DefaultViewer.mjs").then((m) => ({ default: m.DefaultViewer }));
+var dynamicViewerRegistry = {
+  // Text files
+  "txt": { type: "text", loader: loadTextViewer },
+  "json": { type: "text", loader: loadTextViewer },
+  "xml": { type: "text", loader: loadTextViewer },
+  "csv": { type: "text", loader: loadTextViewer },
+  "md": { type: "text", loader: loadTextViewer },
+  "js": { type: "text", loader: loadTextViewer },
+  "jsx": { type: "text", loader: loadTextViewer },
+  "ts": { type: "text", loader: loadTextViewer },
+  "tsx": { type: "text", loader: loadTextViewer },
+  "css": { type: "text", loader: loadTextViewer },
+  "scss": { type: "text", loader: loadTextViewer },
+  "html": { type: "text", loader: loadTextViewer },
+  "py": { type: "text", loader: loadTextViewer },
+  "java": { type: "text", loader: loadTextViewer },
+  "cpp": { type: "text", loader: loadTextViewer },
+  "c": { type: "text", loader: loadTextViewer },
+  "php": { type: "text", loader: loadTextViewer },
+  "rb": { type: "text", loader: loadTextViewer },
+  "go": { type: "text", loader: loadTextViewer },
+  "rs": { type: "text", loader: loadTextViewer },
+  "sql": { type: "text", loader: loadTextViewer },
+  "yaml": { type: "text", loader: loadTextViewer },
+  "yml": { type: "text", loader: loadTextViewer },
+  // Images
+  "jpg": { type: "image", loader: loadImageViewer },
+  "jpeg": { type: "image", loader: loadImageViewer },
+  "png": { type: "image", loader: loadImageViewer },
+  "gif": { type: "image", loader: loadImageViewer },
+  "svg": { type: "image", loader: loadImageViewer },
+  "webp": { type: "image", loader: loadImageViewer },
+  "bmp": { type: "image", loader: loadImageViewer },
+  "ico": { type: "image", loader: loadImageViewer },
+  "tif": { type: "tiff", loader: loadTIFFViewer },
+  "tiff": { type: "tiff", loader: loadTIFFViewer },
+  // PDF
+  "pdf": { type: "pdf", loader: loadPDFViewer },
+  // Videos
+  "mp4": { type: "video", loader: loadVideoViewer },
+  "webm": { type: "video", loader: loadVideoViewer },
+  "ogg": { type: "video", loader: loadVideoViewer },
+  "avi": { type: "video", loader: loadVideoViewer },
+  "mov": { type: "video", loader: loadVideoViewer },
+  "wmv": { type: "video", loader: loadVideoViewer },
+  "flv": { type: "video", loader: loadVideoViewer },
+  "mkv": { type: "video", loader: loadVideoViewer },
+  // Audio
+  "mp3": { type: "audio", loader: loadAudioViewer },
+  "wav": { type: "audio", loader: loadAudioViewer },
+  "m4a": { type: "audio", loader: loadAudioViewer },
+  "flac": { type: "audio", loader: loadAudioViewer },
+  "aac": { type: "audio", loader: loadAudioViewer },
+  "oga": { type: "audio", loader: loadAudioViewer }
+};
+var componentCache = /* @__PURE__ */ new Map();
+var getViewerInfo = (extension) => {
+  const ext = extension.toLowerCase();
+  return dynamicViewerRegistry[ext] || { type: "default", loader: loadDefaultViewer };
+};
+var getViewerComponent = async (extension, customRegistry) => {
+  const ext = extension.toLowerCase();
+  if (componentCache.has(ext)) {
+    return componentCache.get(ext);
+  }
+  const registry = { ...dynamicViewerRegistry, ...customRegistry };
+  const viewerInfo = registry[ext] || { type: "default", loader: loadDefaultViewer };
+  try {
+    const { default: Component } = await viewerInfo.loader();
+    componentCache.set(ext, Component);
+    return Component;
+  } catch (error) {
+    if (!componentCache.has("default")) {
+      const { default: DefaultComponent } = await loadDefaultViewer();
+      componentCache.set("default", DefaultComponent);
+    }
+    return componentCache.get("default");
+  }
+};
+
+// src/components/FileViewer.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+if (typeof document !== "undefined") {
+  const style = document.createElement("style");
+  style.textContent = `
+    @keyframes dms-file-viewer-spin {
+      0% { transform: rotate(0deg); }
+      100% { transform: rotate(360deg); }
+    }
+  `;
+  document.head.appendChild(style);
+}
+var DefaultLoadingComponent = ({ fileName, type }) => /* @__PURE__ */ jsx("div", { style: {
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  padding: "40px",
+  border: "1px solid #ddd",
+  borderRadius: "4px",
+  backgroundColor: "#f9f9f9"
+}, children: /* @__PURE__ */ jsxs("div", { style: { textAlign: "center" }, children: [
+  /* @__PURE__ */ jsx("div", { style: {
+    width: "24px",
+    height: "24px",
+    border: "2px solid #ccc",
+    borderTop: "2px solid #007bff",
+    borderRadius: "50%",
+    animation: "dms-file-viewer-spin 1s linear infinite",
+    margin: "0 auto 16px"
+  } }),
+  /* @__PURE__ */ jsxs("p", { children: [
+    "Loading ",
+    type,
+    " viewer..."
+  ] }),
+  fileName && /* @__PURE__ */ jsxs("p", { style: { fontSize: "12px", color: "#666" }, children: [
+    "File: ",
+    fileName
+  ] })
+] }) });
+var DefaultErrorComponent = ({ error, retry }) => /* @__PURE__ */ jsx("div", { style: {
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  padding: "40px",
+  border: "1px solid #ddd",
+  borderRadius: "4px",
+  backgroundColor: "#fff2f2"
+}, children: /* @__PURE__ */ jsxs("div", { style: { textAlign: "center" }, children: [
+  /* @__PURE__ */ jsx("p", { style: { color: "#d32f2f", marginBottom: "16px" }, children: "Failed to load file viewer" }),
+  /* @__PURE__ */ jsx("p", { style: { fontSize: "12px", color: "#666", marginBottom: "16px" }, children: error.message }),
+  /* @__PURE__ */ jsx(
+    "button",
+    {
+      onClick: retry,
+      style: {
+        padding: "8px 16px",
+        border: "1px solid #007bff",
+        borderRadius: "4px",
+        backgroundColor: "#007bff",
+        color: "#fff",
+        cursor: "pointer"
+      },
+      children: "Retry"
+    }
+  )
+] }) });
+var FileViewer = ({
+  file,
+  url,
+  fileName,
+  mimeType,
+  customRegistry,
+  loadingComponent: LoadingComponent = DefaultLoadingComponent,
+  errorComponent: ErrorComponent = DefaultErrorComponent,
+  ...props
+}) => {
+  const [ViewerComponent, setViewerComponent] = useState(null);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const resolvedFileInfo = useMemo(() => {
+    let resolvedFileName = fileName;
+    if (!resolvedFileName && file) {
+      resolvedFileName = file.name;
+    }
+    if (!resolvedFileName && url) {
+      resolvedFileName = url.split("/").pop() || "unknown";
+    }
+    const extension = resolvedFileName ? getFileExtension(resolvedFileName) : "";
+    let resolvedMimeType = mimeType;
+    if (!resolvedMimeType && file) {
+      resolvedMimeType = file.type;
+    }
+    if (!resolvedMimeType && extension) {
+      resolvedMimeType = getMimeTypeFromExtension(extension);
+    }
+    const viewerInfo = getViewerInfo(extension);
+    return {
+      fileName: resolvedFileName,
+      extension,
+      mimeType: resolvedMimeType,
+      viewerInfo
+    };
+  }, [file, url, fileName, mimeType]);
+  const loadViewer = async () => {
+    if (loading) return;
+    setLoading(true);
+    setError(null);
+    try {
+      const component = await getViewerComponent(resolvedFileInfo.extension, customRegistry);
+      setViewerComponent(() => component);
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error("Failed to load viewer"));
+    } finally {
+      setLoading(false);
+    }
+  };
+  useEffect(() => {
+    loadViewer();
+  }, [resolvedFileInfo.extension]);
+  const viewerProps = useMemo(() => ({
+    file,
+    url,
+    fileName: resolvedFileInfo.fileName,
+    mimeType: resolvedFileInfo.mimeType,
+    fileSize: file?.size,
+    ...props
+  }), [file, url, resolvedFileInfo.fileName, resolvedFileInfo.mimeType, props]);
+  if (loading || !ViewerComponent) {
+    return /* @__PURE__ */ jsx(
+      LoadingComponent,
+      {
+        fileName: resolvedFileInfo.fileName,
+        type: resolvedFileInfo.viewerInfo.type
+      }
+    );
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx(
+      ErrorComponent,
+      {
+        error,
+        retry: loadViewer
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(ViewerComponent, { ...viewerProps });
+};
+export {
+  AudioViewer,
+  DefaultViewer,
+  FileIcon_default as FileIcon,
+  FileViewer,
+  ImageViewer,
+  PDFViewer,
+  TIFFViewer,
+  TextViewer,
+  VideoViewer,
+  dynamicViewerRegistry,
+  getFileExtension,
+  getMimeTypeFromExtension,
+  getViewerComponent,
+  getViewerInfo
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/FileViewer.tsx","../src/registry.ts"],"sourcesContent":["import React, { useState, useEffect, useMemo } from 'react';\r\nimport { FileViewerProps, ViewerInfo, FileViewerComponent } from '../types';\r\nimport { getFileExtension, getMimeTypeFromExtension } from '../utils/fileUtils';\r\nimport { getViewerComponent, getViewerInfo } from '../registry';\r\n\r\n// Inject CSS for spinner animation\r\nif (typeof document !== 'undefined') {\r\n  const style = document.createElement('style');\r\n  style.textContent = `\r\n    @keyframes dms-file-viewer-spin {\r\n      0% { transform: rotate(0deg); }\r\n      100% { transform: rotate(360deg); }\r\n    }\r\n  `;\r\n  document.head.appendChild(style);\r\n}\r\n\r\nexport interface FileViewerComponentProps extends Partial<FileViewerProps> {\r\n  customRegistry?: Record<string, ViewerInfo>;\r\n  loadingComponent?: React.ComponentType<{ fileName?: string; type?: string }>;\r\n  errorComponent?: React.ComponentType<{ error: Error; retry: () => void }>;\r\n}\r\n\r\n// Default loading component\r\nconst DefaultLoadingComponent: React.FC<{ fileName?: string; type?: string }> = ({ fileName, type }) => (\r\n  <div style={{\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    justifyContent: 'center',\r\n    padding: '40px',\r\n    border: '1px solid #ddd',\r\n    borderRadius: '4px',\r\n    backgroundColor: '#f9f9f9'\r\n  }}>\r\n    <div style={{ textAlign: 'center' }}>\r\n      <div style={{\r\n        width: '24px',\r\n        height: '24px',\r\n        border: '2px solid #ccc',\r\n        borderTop: '2px solid #007bff',\r\n        borderRadius: '50%',\r\n        animation: 'dms-file-viewer-spin 1s linear infinite',\r\n        margin: '0 auto 16px'\r\n      }} />\r\n      <p>Loading {type} viewer...</p>\r\n      {fileName && <p style={{ fontSize: '12px', color: '#666' }}>File: {fileName}</p>}\r\n    </div>\r\n  </div>\r\n);\r\n\r\n// Default error component\r\nconst DefaultErrorComponent: React.FC<{ error: Error; retry: () => void }> = ({ error, retry }) => (\r\n  <div style={{\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    justifyContent: 'center',\r\n    padding: '40px',\r\n    border: '1px solid #ddd',\r\n    borderRadius: '4px',\r\n    backgroundColor: '#fff2f2'\r\n  }}>\r\n    <div style={{ textAlign: 'center' }}>\r\n      <p style={{ color: '#d32f2f', marginBottom: '16px' }}>\r\n        Failed to load file viewer\r\n      </p>\r\n      <p style={{ fontSize: '12px', color: '#666', marginBottom: '16px' }}>\r\n        {error.message}\r\n      </p>\r\n      <button\r\n        onClick={retry}\r\n        style={{\r\n          padding: '8px 16px',\r\n          border: '1px solid #007bff',\r\n          borderRadius: '4px',\r\n          backgroundColor: '#007bff',\r\n          color: '#fff',\r\n          cursor: 'pointer'\r\n        }}\r\n      >\r\n        Retry\r\n      </button>\r\n    </div>\r\n  </div>\r\n);\r\n\r\nexport const FileViewer: React.FC<FileViewerComponentProps> = ({\r\n  file,\r\n  url,\r\n  fileName,\r\n  mimeType,\r\n  customRegistry,\r\n  loadingComponent: LoadingComponent = DefaultLoadingComponent,\r\n  errorComponent: ErrorComponent = DefaultErrorComponent,\r\n  ...props\r\n}) => {\r\n  const [ViewerComponent, setViewerComponent] = useState<FileViewerComponent | null>(null);\r\n  const [loading, setLoading] = useState(false);\r\n  const [error, setError] = useState<Error | null>(null);\r\n\r\n  // Resolve file information\r\n  const resolvedFileInfo = useMemo(() => {\r\n    // Determine file name\r\n    let resolvedFileName = fileName;\r\n    if (!resolvedFileName && file) {\r\n      resolvedFileName = file.name;\r\n    }\r\n    if (!resolvedFileName && url) {\r\n      resolvedFileName = url.split('/').pop() || 'unknown';\r\n    }\r\n\r\n    // Determine file extension\r\n    const extension = resolvedFileName ? getFileExtension(resolvedFileName) : '';\r\n\r\n    // Determine mime type\r\n    let resolvedMimeType = mimeType;\r\n    if (!resolvedMimeType && file) {\r\n      resolvedMimeType = file.type;\r\n    }\r\n    if (!resolvedMimeType && extension) {\r\n      resolvedMimeType = getMimeTypeFromExtension(extension);\r\n    }\r\n\r\n    // Get viewer info\r\n    const viewerInfo = getViewerInfo(extension);\r\n\r\n    return {\r\n      fileName: resolvedFileName,\r\n      extension,\r\n      mimeType: resolvedMimeType,\r\n      viewerInfo\r\n    };\r\n  }, [file, url, fileName, mimeType]);\r\n\r\n  // Load viewer component dynamically\r\n  const loadViewer = async () => {\r\n    if (loading) return;\r\n\r\n    setLoading(true);\r\n    setError(null);\r\n\r\n    try {\r\n      const component = await getViewerComponent(resolvedFileInfo.extension, customRegistry);\r\n      setViewerComponent(() => component);\r\n    } catch (err) {\r\n      setError(err instanceof Error ? err : new Error('Failed to load viewer'));\r\n    } finally {\r\n      setLoading(false);\r\n    }\r\n  };\r\n\r\n  // Load viewer when file info changes\r\n  useEffect(() => {\r\n    loadViewer();\r\n  }, [resolvedFileInfo.extension]);\r\n\r\n  // Prepare props for the viewer\r\n  const viewerProps = useMemo(() => ({\r\n    file,\r\n    url,\r\n    fileName: resolvedFileInfo.fileName,\r\n    mimeType: resolvedFileInfo.mimeType,\r\n    fileSize: file?.size,\r\n    ...props\r\n  }), [file, url, resolvedFileInfo.fileName, resolvedFileInfo.mimeType, props]);\r\n\r\n  // Show loading state\r\n  if (loading || !ViewerComponent) {\r\n    return (\r\n      <LoadingComponent\r\n        fileName={resolvedFileInfo.fileName}\r\n        type={resolvedFileInfo.viewerInfo.type}\r\n      />\r\n    );\r\n  }\r\n\r\n  // Show error state\r\n  if (error) {\r\n    return (\r\n      <ErrorComponent\r\n        error={error}\r\n        retry={loadViewer}\r\n      />\r\n    );\r\n  }\r\n\r\n  // Render the loaded viewer component\r\n  return <ViewerComponent {...viewerProps} />;\r\n};","import { DynamicViewerRegistry, ViewerInfo, FileViewerComponent } from './types';\r\n\r\n// Dynamic import functions for each viewer type\r\nconst loadTextViewer = () => import('./components/viewers/TextViewer').then(m => ({ default: m.TextViewer }));\r\nconst loadImageViewer = () => import('./components/viewers/ImageViewer').then(m => ({ default: m.ImageViewer }));\r\nconst loadPDFViewer = () => import('./components/viewers/PDFViewer').then(m => ({ default: m.PDFViewer }));\r\nconst loadVideoViewer = () => import('./components/viewers/VideoViewer').then(m => ({ default: m.VideoViewer }));\r\nconst loadAudioViewer = () => import('./components/viewers/AudioViewer').then(m => ({ default: m.AudioViewer }));\r\nconst loadTIFFViewer = () => import('./components/viewers/TIFFViewer').then(m => ({ default: m.TIFFViewer }));\r\nconst loadDefaultViewer = () => import('./components/viewers/DefaultViewer').then(m => ({ default: m.DefaultViewer }));\r\n\r\n// Registry mapping file extensions to viewer info\r\nexport const dynamicViewerRegistry: Record<string, ViewerInfo> = {\r\n  // Text files\r\n  'txt': { type: 'text', loader: loadTextViewer },\r\n  'json': { type: 'text', loader: loadTextViewer },\r\n  'xml': { type: 'text', loader: loadTextViewer },\r\n  'csv': { type: 'text', loader: loadTextViewer },\r\n  'md': { type: 'text', loader: loadTextViewer },\r\n  'js': { type: 'text', loader: loadTextViewer },\r\n  'jsx': { type: 'text', loader: loadTextViewer },\r\n  'ts': { type: 'text', loader: loadTextViewer },\r\n  'tsx': { type: 'text', loader: loadTextViewer },\r\n  'css': { type: 'text', loader: loadTextViewer },\r\n  'scss': { type: 'text', loader: loadTextViewer },\r\n  'html': { type: 'text', loader: loadTextViewer },\r\n  'py': { type: 'text', loader: loadTextViewer },\r\n  'java': { type: 'text', loader: loadTextViewer },\r\n  'cpp': { type: 'text', loader: loadTextViewer },\r\n  'c': { type: 'text', loader: loadTextViewer },\r\n  'php': { type: 'text', loader: loadTextViewer },\r\n  'rb': { type: 'text', loader: loadTextViewer },\r\n  'go': { type: 'text', loader: loadTextViewer },\r\n  'rs': { type: 'text', loader: loadTextViewer },\r\n  'sql': { type: 'text', loader: loadTextViewer },\r\n  'yaml': { type: 'text', loader: loadTextViewer },\r\n  'yml': { type: 'text', loader: loadTextViewer },\r\n\r\n  // Images\r\n  'jpg': { type: 'image', loader: loadImageViewer },\r\n  'jpeg': { type: 'image', loader: loadImageViewer },\r\n  'png': { type: 'image', loader: loadImageViewer },\r\n  'gif': { type: 'image', loader: loadImageViewer },\r\n  'svg': { type: 'image', loader: loadImageViewer },\r\n  'webp': { type: 'image', loader: loadImageViewer },\r\n  'bmp': { type: 'image', loader: loadImageViewer },\r\n  'ico': { type: 'image', loader: loadImageViewer },\r\n  'tif': { type: 'tiff', loader: loadTIFFViewer },\r\n  'tiff': { type: 'tiff', loader: loadTIFFViewer },\r\n\r\n  // PDF\r\n  'pdf': { type: 'pdf', loader: loadPDFViewer },\r\n\r\n  // Videos\r\n  'mp4': { type: 'video', loader: loadVideoViewer },\r\n  'webm': { type: 'video', loader: loadVideoViewer },\r\n  'ogg': { type: 'video', loader: loadVideoViewer },\r\n  'avi': { type: 'video', loader: loadVideoViewer },\r\n  'mov': { type: 'video', loader: loadVideoViewer },\r\n  'wmv': { type: 'video', loader: loadVideoViewer },\r\n  'flv': { type: 'video', loader: loadVideoViewer },\r\n  'mkv': { type: 'video', loader: loadVideoViewer },\r\n\r\n  // Audio\r\n  'mp3': { type: 'audio', loader: loadAudioViewer },\r\n  'wav': { type: 'audio', loader: loadAudioViewer },\r\n  'm4a': { type: 'audio', loader: loadAudioViewer },\r\n  'flac': { type: 'audio', loader: loadAudioViewer },\r\n  'aac': { type: 'audio', loader: loadAudioViewer },\r\n  'oga': { type: 'audio', loader: loadAudioViewer },\r\n};\r\n\r\n// Cache to store loaded components\r\nconst componentCache = new Map<string, FileViewerComponent>();\r\n\r\nexport const getViewerInfo = (extension: string): ViewerInfo => {\r\n  const ext = extension.toLowerCase();\r\n  return dynamicViewerRegistry[ext] || { type: 'default', loader: loadDefaultViewer };\r\n};\r\n\r\nexport const getViewerComponent = async (\r\n  extension: string,\r\n  customRegistry?: Record<string, ViewerInfo>\r\n): Promise<FileViewerComponent> => {\r\n  const ext = extension.toLowerCase();\r\n\r\n  // Check cache first\r\n  if (componentCache.has(ext)) {\r\n    return componentCache.get(ext)!;\r\n  }\r\n\r\n  // Get viewer info from registry\r\n  const registry = { ...dynamicViewerRegistry, ...customRegistry };\r\n  const viewerInfo = registry[ext] || { type: 'default', loader: loadDefaultViewer };\r\n\r\n  try {\r\n    // Dynamically import the component\r\n    const { default: Component } = await viewerInfo.loader();\r\n\r\n    // Cache the loaded component\r\n    componentCache.set(ext, Component);\r\n\r\n    return Component;\r\n  } catch (error) {\r\n    // Fallback to default viewer on error\r\n    if (!componentCache.has('default')) {\r\n      const { default: DefaultComponent } = await loadDefaultViewer();\r\n      componentCache.set('default', DefaultComponent);\r\n    }\r\n\r\n    return componentCache.get('default')!;\r\n  }\r\n};"],"mappings":"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","names":[]}

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@cannyminds/dms-file-viewers",
+  "version": "0.1.0",
+  "description": "File viewer components library with dynamic loading",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch"
+  },
+  "dependencies": {
+    "@cannyminds/pdf-viewer": "0.3.0",
+    "pdf-lib": "^1.17.1",
+    "react-window": "^1.8.10",
+    "utif": "^3.1.0"
+  },
+  "peerDependencies": {
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.0",
+    "@mui/icons-material": "^7.3.4",
+    "@mui/material": "^7.3.4",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@types/react-window": "^2.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}