@macrowing/filepilot-parser-viewer 0.1.0

package/dist/index.cjs

@@ -0,0 +1,228 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.tsx
+var index_exports = {};
+__export(index_exports, {
+  default: () => ViewerParser
+});
+module.exports = __toCommonJS(index_exports);
+var import_react = require("react");
+var import_react2 = __toESM(require("@file-viewer/react"), 1);
+var import_preset_lite = __toESM(require("@file-viewer/preset-lite"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
+var isSourceUrl = (source) => /^(?:https?:|data:|blob:|\/|\.\/|\.\.\/)/i.test(source);
+var toViewerProps = (source, name, textContent) => {
+  if (typeof source === "string" && !textContent && isSourceUrl(source)) return { url: source, name };
+  if (source instanceof Blob) return { file: source, name };
+  const buffer = typeof source === "string" ? new TextEncoder().encode(source).buffer : source instanceof Uint8Array ? source.slice().buffer : source;
+  return { buffer, name };
+};
+var HIGHLIGHT_ATTRIBUTE = "data-filepilot-line-range-highlight";
+var HIGHLIGHT_OVERLAY_ATTRIBUTE = "data-filepilot-line-range-highlight-overlay";
+var PREVIOUS_BACKGROUND_ATTRIBUTE = "data-filepilot-previous-background-color";
+var PREVIOUS_BACKGROUND_PRIORITY_ATTRIBUTE = "data-filepilot-previous-background-priority";
+var getViewerRoots = (container) => {
+  if (!container) return [];
+  const roots = [container];
+  if (container.shadowRoot) roots.push(container.shadowRoot);
+  container.querySelectorAll("*").forEach((element) => {
+    if (element.shadowRoot) roots.push(element.shadowRoot);
+  });
+  return roots;
+};
+var clearLineRangeHighlight = (container) => {
+  getViewerRoots(container).forEach((root) => {
+    root.querySelectorAll(`[${HIGHLIGHT_OVERLAY_ATTRIBUTE}]`).forEach((element) => element.remove());
+    root.querySelectorAll(`[${HIGHLIGHT_ATTRIBUTE}]`).forEach((element) => {
+      element.style.setProperty(
+        "background-color",
+        element.getAttribute(PREVIOUS_BACKGROUND_ATTRIBUTE) ?? "",
+        element.getAttribute(PREVIOUS_BACKGROUND_PRIORITY_ATTRIBUTE) ?? ""
+      );
+      element.removeAttribute(HIGHLIGHT_ATTRIBUTE);
+      element.removeAttribute(PREVIOUS_BACKGROUND_ATTRIBUTE);
+      element.removeAttribute(PREVIOUS_BACKGROUND_PRIORITY_ATTRIBUTE);
+    });
+  });
+};
+var markLineRangeElement = (element, color) => {
+  if (!element.hasAttribute(HIGHLIGHT_ATTRIBUTE)) {
+    element.setAttribute(PREVIOUS_BACKGROUND_ATTRIBUTE, element.style.backgroundColor);
+    element.setAttribute(PREVIOUS_BACKGROUND_PRIORITY_ATTRIBUTE, element.style.getPropertyPriority("background-color"));
+  }
+  element.setAttribute(HIGHLIGHT_ATTRIBUTE, "true");
+  element.style.setProperty("background-color", color, "important");
+};
+var isLeafLineElement = (element) => {
+  if (element.matches("pre, code") && /\r\n|\r|\n/.test(element.textContent || "")) return false;
+  return !element.querySelector("[data-viewer-line], [data-line]");
+};
+var getLineElements = (root, line) => {
+  return Array.from(root.querySelectorAll(`[data-viewer-line="${line}"], [data-line="${line}"]`)).filter(isLeafLineElement);
+};
+var createCodeLineOverlays = (element, from, to, color) => {
+  const lines = (element.textContent || "").split(/\r\n|\r|\n/);
+  if (lines.length <= 1) return [];
+  const ownerDocument = element.ownerDocument;
+  const overlays = [];
+  const computedStyle = ownerDocument.defaultView?.getComputedStyle(element);
+  const lineHeight = parseFloat(computedStyle?.lineHeight ?? "") || parseFloat(computedStyle?.fontSize ?? "16") * 1.2;
+  const start = Math.max(1, from);
+  const end = Math.min(to, lines.length);
+  if (start > end) return [];
+  if (ownerDocument.defaultView?.getComputedStyle(element.parentElement ?? element).position === "static") {
+    (element.parentElement ?? element).style.position = "relative";
+  }
+  for (let line = start; line <= end; line += 1) {
+    const overlay = ownerDocument.createElement("span");
+    overlay.setAttribute(HIGHLIGHT_OVERLAY_ATTRIBUTE, "true");
+    overlay.style.position = "absolute";
+    overlay.style.left = "0";
+    overlay.style.right = "0";
+    overlay.style.top = `${(line - 1) * lineHeight}px`;
+    overlay.style.height = `${lineHeight}px`;
+    overlay.style.pointerEvents = "none";
+    overlay.style.backgroundColor = color;
+    overlay.style.zIndex = "0";
+    overlays.push(overlay);
+  }
+  return overlays;
+};
+var markCodeBlockRange = (element, from, to, color) => {
+  const parent = element.parentElement;
+  if (!parent) return;
+  createCodeLineOverlays(element, from, to, color).forEach((overlay) => parent.insertBefore(overlay, element));
+  element.style.position = "relative";
+  element.style.zIndex = "1";
+};
+var applyLineRangeHighlight = async (container, handle, range, color) => {
+  clearLineRangeHighlight(container);
+  if (!range || !color) return;
+  const from = Math.min(range.from, range.to);
+  const to = Math.max(range.from, range.to);
+  if (!Number.isFinite(from) || !Number.isFinite(to) || from < 1) return;
+  await handle?.collectDocumentAnchors();
+  getViewerRoots(container).forEach((root) => {
+    for (let line = from; line <= to; line += 1) {
+      getLineElements(root, line).forEach((element) => markLineRangeElement(element, color));
+    }
+    if (!root.querySelector(`[${HIGHLIGHT_ATTRIBUTE}]`)) {
+      const codeBlock = root.querySelector(".code-area code, pre code");
+      if (codeBlock) markCodeBlockRange(codeBlock, from, to, color);
+    }
+  });
+};
+var useShallowStableValue = (value) => {
+  const ref = (0, import_react.useRef)(value);
+  const previous = ref.current;
+  const previousKeys = Object.keys(previous);
+  const nextKeys = Object.keys(value);
+  const isEqual = previousKeys.length === nextKeys.length && nextKeys.every((key) => previous[key] === value[key]);
+  if (!isEqual) ref.current = value;
+  return ref.current;
+};
+var toViewerLocale = (locale) => locale?.startsWith("en") ? "en-US" : "zh-CN";
+var withViewerOptions = (options, locale) => {
+  const preset = options?.preset;
+  const viewerLocale = options?.locale ?? toViewerLocale(locale);
+  const i18nLocale = options?.i18n?.locale ?? viewerLocale;
+  const toolbar = typeof options?.toolbar === "object" && options.toolbar ? options.toolbar : {};
+  return {
+    ...options,
+    locale: viewerLocale,
+    i18n: {
+      ...options?.i18n,
+      locale: i18nLocale
+    },
+    toolbar: {
+      download: false,
+      print: false,
+      exportHtml: false,
+      theme: false,
+      ...toolbar
+    },
+    preset: preset ? Array.isArray(preset) ? [import_preset_lite.default, ...preset] : [import_preset_lite.default, preset] : import_preset_lite.default
+  };
+};
+function ViewerParser({ file, className, style, options, locale }) {
+  const containerRef = (0, import_react.useRef)(null);
+  const handleRef = (0, import_react.useRef)(null);
+  const scrolledLineRef = (0, import_react.useRef)(void 0);
+  const highlightedRangeRef = (0, import_react.useRef)(void 0);
+  const navigationRef = (0, import_react.useRef)({});
+  const onStateChangeRef = (0, import_react.useRef)(void 0);
+  const onHandleReadyRef = (0, import_react.useRef)(void 0);
+  const typedOptions = options;
+  const { line, lineRange, lineRangeHighlightColor, textContent, onHandleReady, onStateChange, ...restViewerOptions } = typedOptions ?? {};
+  const stableViewerOptions = useShallowStableValue(restViewerOptions);
+  const viewerOptions = (0, import_react.useMemo)(() => withViewerOptions(stableViewerOptions, locale), [stableViewerOptions, locale]);
+  const viewerProps = (0, import_react.useMemo)(() => toViewerProps(file.source, file.name, textContent), [file.source, file.name, textContent]);
+  navigationRef.current = { line, lineRange, lineRangeHighlightColor };
+  onStateChangeRef.current = onStateChange;
+  onHandleReadyRef.current = onHandleReady;
+  const applyNavigation = (0, import_react.useCallback)((force = false) => {
+    const { line: line2, lineRange: lineRange2, lineRangeHighlightColor: lineRangeHighlightColor2 } = navigationRef.current;
+    const rangeKey = lineRange2 ? `${lineRange2.from}:${lineRange2.to}:${lineRangeHighlightColor2 ?? ""}` : "";
+    if (line2 && scrolledLineRef.current !== line2 && handleRef.current) {
+      void handleRef.current.scrollToLine(line2);
+      scrolledLineRef.current = line2;
+    }
+    if (!force && highlightedRangeRef.current === rangeKey) return;
+    highlightedRangeRef.current = rangeKey;
+    void applyLineRangeHighlight(containerRef.current, handleRef.current, lineRange2, lineRangeHighlightColor2);
+  }, []);
+  (0, import_react.useEffect)(() => {
+    scrolledLineRef.current = void 0;
+    highlightedRangeRef.current = void 0;
+    applyNavigation();
+  }, [file.source, line, lineRange?.from, lineRange?.to, lineRangeHighlightColor, applyNavigation]);
+  (0, import_react.useEffect)(() => {
+    if (handleRef.current && onHandleReadyRef.current) {
+      onHandleReadyRef.current(handleRef.current);
+    }
+  }, []);
+  const handleStateChange = (0, import_react.useCallback)((state, event) => {
+    onStateChangeRef.current?.(state, event);
+    if (state.ready && (!event || event.type === "load-complete")) {
+      scrolledLineRef.current = void 0;
+      highlightedRangeRef.current = void 0;
+      applyNavigation(true);
+    }
+  }, [applyNavigation]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: containerRef, className, style: { height: "100%", minHeight: 480, ...style }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react2.default,
+    {
+      ref: handleRef,
+      ...viewerProps,
+      options: viewerOptions,
+      onStateChange: handleStateChange
+    }
+  ) });
+}

package/dist/index.d.cts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { ViewerMountOptions, FileViewerHandle } from '@file-viewer/react';
+import { FilePilotRenderProps } from '@macrowing/filepilot-types';
+
+type ViewerOptions = NonNullable<ViewerMountOptions['options']>;
+type ViewerLineRange = {
+    from: number;
+    to: number;
+};
+type ViewerParserOptions = ViewerOptions & {
+    line?: number;
+    lineRange?: ViewerLineRange;
+    lineRangeHighlightColor?: string;
+    textContent?: boolean;
+    onHandleReady?: (handle: FileViewerHandle) => void;
+    onStateChange?: ViewerMountOptions['onStateChange'];
+};
+declare function ViewerParser({ file, className, style, options, locale }: FilePilotRenderProps<ViewerParserOptions>): React.JSX.Element;
+
+export { type ViewerLineRange, type ViewerParserOptions, ViewerParser as default };

package/dist/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { ViewerMountOptions, FileViewerHandle } from '@file-viewer/react';
+import { FilePilotRenderProps } from '@macrowing/filepilot-types';
+
+type ViewerOptions = NonNullable<ViewerMountOptions['options']>;
+type ViewerLineRange = {
+    from: number;
+    to: number;
+};
+type ViewerParserOptions = ViewerOptions & {
+    line?: number;
+    lineRange?: ViewerLineRange;
+    lineRangeHighlightColor?: string;
+    textContent?: boolean;
+    onHandleReady?: (handle: FileViewerHandle) => void;
+    onStateChange?: ViewerMountOptions['onStateChange'];
+};
+declare function ViewerParser({ file, className, style, options, locale }: FilePilotRenderProps<ViewerParserOptions>): React.JSX.Element;
+
+export { type ViewerLineRange, type ViewerParserOptions, ViewerParser as default };

package/dist/index.js

@@ -0,0 +1,197 @@
+// src/index.tsx
+import { useCallback, useEffect, useMemo, useRef } from "react";
+import FileViewer from "@file-viewer/react";
+import litePreset from "@file-viewer/preset-lite";
+import { jsx } from "react/jsx-runtime";
+var isSourceUrl = (source) => /^(?:https?:|data:|blob:|\/|\.\/|\.\.\/)/i.test(source);
+var toViewerProps = (source, name, textContent) => {
+  if (typeof source === "string" && !textContent && isSourceUrl(source)) return { url: source, name };
+  if (source instanceof Blob) return { file: source, name };
+  const buffer = typeof source === "string" ? new TextEncoder().encode(source).buffer : source instanceof Uint8Array ? source.slice().buffer : source;
+  return { buffer, name };
+};
+var HIGHLIGHT_ATTRIBUTE = "data-filepilot-line-range-highlight";
+var HIGHLIGHT_OVERLAY_ATTRIBUTE = "data-filepilot-line-range-highlight-overlay";
+var PREVIOUS_BACKGROUND_ATTRIBUTE = "data-filepilot-previous-background-color";
+var PREVIOUS_BACKGROUND_PRIORITY_ATTRIBUTE = "data-filepilot-previous-background-priority";
+var getViewerRoots = (container) => {
+  if (!container) return [];
+  const roots = [container];
+  if (container.shadowRoot) roots.push(container.shadowRoot);
+  container.querySelectorAll("*").forEach((element) => {
+    if (element.shadowRoot) roots.push(element.shadowRoot);
+  });
+  return roots;
+};
+var clearLineRangeHighlight = (container) => {
+  getViewerRoots(container).forEach((root) => {
+    root.querySelectorAll(`[${HIGHLIGHT_OVERLAY_ATTRIBUTE}]`).forEach((element) => element.remove());
+    root.querySelectorAll(`[${HIGHLIGHT_ATTRIBUTE}]`).forEach((element) => {
+      element.style.setProperty(
+        "background-color",
+        element.getAttribute(PREVIOUS_BACKGROUND_ATTRIBUTE) ?? "",
+        element.getAttribute(PREVIOUS_BACKGROUND_PRIORITY_ATTRIBUTE) ?? ""
+      );
+      element.removeAttribute(HIGHLIGHT_ATTRIBUTE);
+      element.removeAttribute(PREVIOUS_BACKGROUND_ATTRIBUTE);
+      element.removeAttribute(PREVIOUS_BACKGROUND_PRIORITY_ATTRIBUTE);
+    });
+  });
+};
+var markLineRangeElement = (element, color) => {
+  if (!element.hasAttribute(HIGHLIGHT_ATTRIBUTE)) {
+    element.setAttribute(PREVIOUS_BACKGROUND_ATTRIBUTE, element.style.backgroundColor);
+    element.setAttribute(PREVIOUS_BACKGROUND_PRIORITY_ATTRIBUTE, element.style.getPropertyPriority("background-color"));
+  }
+  element.setAttribute(HIGHLIGHT_ATTRIBUTE, "true");
+  element.style.setProperty("background-color", color, "important");
+};
+var isLeafLineElement = (element) => {
+  if (element.matches("pre, code") && /\r\n|\r|\n/.test(element.textContent || "")) return false;
+  return !element.querySelector("[data-viewer-line], [data-line]");
+};
+var getLineElements = (root, line) => {
+  return Array.from(root.querySelectorAll(`[data-viewer-line="${line}"], [data-line="${line}"]`)).filter(isLeafLineElement);
+};
+var createCodeLineOverlays = (element, from, to, color) => {
+  const lines = (element.textContent || "").split(/\r\n|\r|\n/);
+  if (lines.length <= 1) return [];
+  const ownerDocument = element.ownerDocument;
+  const overlays = [];
+  const computedStyle = ownerDocument.defaultView?.getComputedStyle(element);
+  const lineHeight = parseFloat(computedStyle?.lineHeight ?? "") || parseFloat(computedStyle?.fontSize ?? "16") * 1.2;
+  const start = Math.max(1, from);
+  const end = Math.min(to, lines.length);
+  if (start > end) return [];
+  if (ownerDocument.defaultView?.getComputedStyle(element.parentElement ?? element).position === "static") {
+    (element.parentElement ?? element).style.position = "relative";
+  }
+  for (let line = start; line <= end; line += 1) {
+    const overlay = ownerDocument.createElement("span");
+    overlay.setAttribute(HIGHLIGHT_OVERLAY_ATTRIBUTE, "true");
+    overlay.style.position = "absolute";
+    overlay.style.left = "0";
+    overlay.style.right = "0";
+    overlay.style.top = `${(line - 1) * lineHeight}px`;
+    overlay.style.height = `${lineHeight}px`;
+    overlay.style.pointerEvents = "none";
+    overlay.style.backgroundColor = color;
+    overlay.style.zIndex = "0";
+    overlays.push(overlay);
+  }
+  return overlays;
+};
+var markCodeBlockRange = (element, from, to, color) => {
+  const parent = element.parentElement;
+  if (!parent) return;
+  createCodeLineOverlays(element, from, to, color).forEach((overlay) => parent.insertBefore(overlay, element));
+  element.style.position = "relative";
+  element.style.zIndex = "1";
+};
+var applyLineRangeHighlight = async (container, handle, range, color) => {
+  clearLineRangeHighlight(container);
+  if (!range || !color) return;
+  const from = Math.min(range.from, range.to);
+  const to = Math.max(range.from, range.to);
+  if (!Number.isFinite(from) || !Number.isFinite(to) || from < 1) return;
+  await handle?.collectDocumentAnchors();
+  getViewerRoots(container).forEach((root) => {
+    for (let line = from; line <= to; line += 1) {
+      getLineElements(root, line).forEach((element) => markLineRangeElement(element, color));
+    }
+    if (!root.querySelector(`[${HIGHLIGHT_ATTRIBUTE}]`)) {
+      const codeBlock = root.querySelector(".code-area code, pre code");
+      if (codeBlock) markCodeBlockRange(codeBlock, from, to, color);
+    }
+  });
+};
+var useShallowStableValue = (value) => {
+  const ref = useRef(value);
+  const previous = ref.current;
+  const previousKeys = Object.keys(previous);
+  const nextKeys = Object.keys(value);
+  const isEqual = previousKeys.length === nextKeys.length && nextKeys.every((key) => previous[key] === value[key]);
+  if (!isEqual) ref.current = value;
+  return ref.current;
+};
+var toViewerLocale = (locale) => locale?.startsWith("en") ? "en-US" : "zh-CN";
+var withViewerOptions = (options, locale) => {
+  const preset = options?.preset;
+  const viewerLocale = options?.locale ?? toViewerLocale(locale);
+  const i18nLocale = options?.i18n?.locale ?? viewerLocale;
+  const toolbar = typeof options?.toolbar === "object" && options.toolbar ? options.toolbar : {};
+  return {
+    ...options,
+    locale: viewerLocale,
+    i18n: {
+      ...options?.i18n,
+      locale: i18nLocale
+    },
+    toolbar: {
+      download: false,
+      print: false,
+      exportHtml: false,
+      theme: false,
+      ...toolbar
+    },
+    preset: preset ? Array.isArray(preset) ? [litePreset, ...preset] : [litePreset, preset] : litePreset
+  };
+};
+function ViewerParser({ file, className, style, options, locale }) {
+  const containerRef = useRef(null);
+  const handleRef = useRef(null);
+  const scrolledLineRef = useRef(void 0);
+  const highlightedRangeRef = useRef(void 0);
+  const navigationRef = useRef({});
+  const onStateChangeRef = useRef(void 0);
+  const onHandleReadyRef = useRef(void 0);
+  const typedOptions = options;
+  const { line, lineRange, lineRangeHighlightColor, textContent, onHandleReady, onStateChange, ...restViewerOptions } = typedOptions ?? {};
+  const stableViewerOptions = useShallowStableValue(restViewerOptions);
+  const viewerOptions = useMemo(() => withViewerOptions(stableViewerOptions, locale), [stableViewerOptions, locale]);
+  const viewerProps = useMemo(() => toViewerProps(file.source, file.name, textContent), [file.source, file.name, textContent]);
+  navigationRef.current = { line, lineRange, lineRangeHighlightColor };
+  onStateChangeRef.current = onStateChange;
+  onHandleReadyRef.current = onHandleReady;
+  const applyNavigation = useCallback((force = false) => {
+    const { line: line2, lineRange: lineRange2, lineRangeHighlightColor: lineRangeHighlightColor2 } = navigationRef.current;
+    const rangeKey = lineRange2 ? `${lineRange2.from}:${lineRange2.to}:${lineRangeHighlightColor2 ?? ""}` : "";
+    if (line2 && scrolledLineRef.current !== line2 && handleRef.current) {
+      void handleRef.current.scrollToLine(line2);
+      scrolledLineRef.current = line2;
+    }
+    if (!force && highlightedRangeRef.current === rangeKey) return;
+    highlightedRangeRef.current = rangeKey;
+    void applyLineRangeHighlight(containerRef.current, handleRef.current, lineRange2, lineRangeHighlightColor2);
+  }, []);
+  useEffect(() => {
+    scrolledLineRef.current = void 0;
+    highlightedRangeRef.current = void 0;
+    applyNavigation();
+  }, [file.source, line, lineRange?.from, lineRange?.to, lineRangeHighlightColor, applyNavigation]);
+  useEffect(() => {
+    if (handleRef.current && onHandleReadyRef.current) {
+      onHandleReadyRef.current(handleRef.current);
+    }
+  }, []);
+  const handleStateChange = useCallback((state, event) => {
+    onStateChangeRef.current?.(state, event);
+    if (state.ready && (!event || event.type === "load-complete")) {
+      scrolledLineRef.current = void 0;
+      highlightedRangeRef.current = void 0;
+      applyNavigation(true);
+    }
+  }, [applyNavigation]);
+  return /* @__PURE__ */ jsx("div", { ref: containerRef, className, style: { height: "100%", minHeight: 480, ...style }, children: /* @__PURE__ */ jsx(
+    FileViewer,
+    {
+      ref: handleRef,
+      ...viewerProps,
+      options: viewerOptions,
+      onStateChange: handleStateChange
+    }
+  ) });
+}
+export {
+  ViewerParser as default
+};

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@macrowing/filepilot-parser-viewer",
+  "version": "0.1.0",
+  "description": "Text and Markdown parser powered by @file-viewer/react for FilePilot.",
+  "type": "module",
+  "sideEffects": false,
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "react": ">=18.2.0 || >=19.0.0"
+  },
+  "dependencies": {
+    "@file-viewer/preset-lite": "2.2.9",
+    "@file-viewer/react": "2.2.9",
+    "@macrowing/filepilot-types": "0.1.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.12",
+    "rimraf": "^6.0.1",
+    "tsup": "^8.4.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsup src/index.tsx --format esm,cjs --dts --clean --external react",
+    "clean": "rimraf dist",
+    "typecheck": "tsc -p tsconfig.json --noEmit"
+  }
+}