@eternalheart/react-file-preview 1.5.0 → 1.5.2

package/lib/chunks/index-CRZqNMQ7.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-CRZqNMQ7.mjs","sources":["../../src/renderers/Xlsx/index.tsx"],"sourcesContent":["import { useState, useEffect, useRef, useCallback, forwardRef, useImperativeHandle } from 'react';\nimport ExcelJS from 'exceljs';\nimport Spreadsheet from 'x-data-spreadsheet';\nimport 'x-data-spreadsheet/dist/xspreadsheet.css';\nimport { convertWorkbookToSpreadsheetData } from '../../utils/excelDataConverter';\nimport { useTranslator } from '../../i18n/LocaleContext';\nimport { useFetcher } from '../../RequestContext';\nimport { RendererError } from '../RendererError';\nimport type { RendererHandle } from '../base.types';\n\ninterface XlsxRendererProps {\n  url: string;\n}\n\nexport const XlsxRenderer = forwardRef<RendererHandle, XlsxRendererProps>(({ url }, ref) => {\n  const t = useTranslator();\n  const fetcher = useFetcher();\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const spreadsheetRef = useRef<Spreadsheet | null>(null);\n  const sheetDataRef = useRef<Record<string, unknown>[] | null>(null);\n  const resizeObserverRef = useRef<ResizeObserver | null>(null);\n  const resizeTimeoutRef = useRef<number | null>(null);\n  const lastDimensionsRef = useRef({ width: 0, height: 0 });\n\n  const calculateDimensions = useCallback(() => {\n    if (!containerRef.current) return { width: 800, height: 600 };\n    const rawWidth = containerRef.current.clientWidth;\n    const rawHeight = containerRef.current.clientHeight;\n    const width = rawWidth > 100 ? rawWidth : 800;\n    const height = rawHeight > 100 ? rawHeight : 600;\n    return { width, height };\n  }, []);\n\n  const mountSpreadsheet = useCallback(() => {\n    if (!containerRef.current || !sheetDataRef.current) return;\n\n    // 清空容器\n    containerRef.current.innerHTML = '';\n    spreadsheetRef.current = null;\n\n    const { width, height } = calculateDimensions();\n    const isMobile = width < 640;\n\n    const s = new Spreadsheet(containerRef.current, {\n      mode: 'read',\n      showToolbar: false,\n      showContextmenu: false,\n      showGrid: true,\n      row: {\n        len: 100,\n        height: 25,\n      },\n      col: {\n        len: 26,\n        width: isMobile ? 80 : 100,\n        indexWidth: isMobile ? 40 : 60,\n        minWidth: isMobile ? 40 : 60,\n      },\n      view: {\n        height: () => height,\n        width: () => width,\n      },\n    });\n\n    s.loadData(sheetDataRef.current as unknown as Record<string, unknown>);\n    spreadsheetRef.current = s;\n  }, [calculateDimensions]);\n\n  // 监听容器尺寸变化\n  useEffect(() => {\n    if (!containerRef.current) return;\n\n    let isInitialRender = true;\n\n    const updateDimensions = () => {\n      if (isInitialRender) {\n        isInitialRender = false;\n        lastDimensionsRef.current = calculateDimensions();\n        return;\n      }\n\n      const newDimensions = calculateDimensions();\n      const lastDimensions = lastDimensionsRef.current;\n      const widthDiff = Math.abs(lastDimensions.width - newDimensions.width);\n      const heightDiff = Math.abs(lastDimensions.height - newDimensions.height);\n\n      if (widthDiff < 10 && heightDiff < 10) return;\n\n      lastDimensionsRef.current = newDimensions;\n\n      if (resizeTimeoutRef.current) {\n        clearTimeout(resizeTimeoutRef.current);\n      }\n\n      resizeTimeoutRef.current = window.setTimeout(() => {\n        if (sheetDataRef.current) {\n          mountSpreadsheet();\n        }\n      }, 500);\n    };\n\n    resizeObserverRef.current = new ResizeObserver(() => {\n      updateDimensions();\n    });\n\n    resizeObserverRef.current.observe(containerRef.current);\n\n    return () => {\n      if (resizeObserverRef.current) {\n        resizeObserverRef.current.disconnect();\n      }\n      if (resizeTimeoutRef.current) {\n        clearTimeout(resizeTimeoutRef.current);\n      }\n    };\n  }, [calculateDimensions, mountSpreadsheet]);\n\n  useEffect(() => {\n    // 只有 URL 有效时才加载（避免空字符串或已 revoke 的 blob URL）\n    if (!url) return;\n\n    let isMounted = true;\n\n    const loadExcel = async () => {\n      if (!containerRef.current) return;\n\n      setLoading(true);\n      setError(null);\n\n      try {\n        const response = await fetcher(url, {\n          mode: 'cors',\n          credentials: 'omit',\n          redirect: 'follow',\n        });\n\n        if (!response.ok) {\n          if (response.status === 404) {\n            throw new Error(t('xlsx.not_found'));\n          } else if (response.status === 403) {\n            throw new Error('无权限访问此文件');\n          } else {\n            throw new Error(`文件加载失败 (${response.status})`);\n          }\n        }\n\n        const arrayBuffer = await response.arrayBuffer();\n\n        if (arrayBuffer.byteLength === 0) {\n          throw new Error('文件为空');\n        }\n\n        // 使用 exceljs 解析\n        const workbook = new ExcelJS.Workbook();\n        await workbook.xlsx.load(arrayBuffer);\n\n        // 转换为 x-data-spreadsheet 数据格式\n        const sheetData = convertWorkbookToSpreadsheetData(workbook);\n\n        if (!isMounted) return;\n\n        sheetDataRef.current = sheetData as unknown as Record<string, unknown>[];\n\n        // 挂载 x-data-spreadsheet\n        mountSpreadsheet();\n\n        setLoading(false);\n      } catch (err) {\n        if (isMounted) {\n          console.error('Excel 解析错误:', err);\n          let errorMsg = t('xlsx.parse_failed');\n          if (err instanceof Error) {\n            errorMsg = err.message;\n          }\n          setError(errorMsg);\n          setLoading(false);\n        }\n      }\n    };\n\n    const timer = setTimeout(() => {\n      requestAnimationFrame(() => {\n        loadExcel();\n      });\n    }, 100);\n\n    return () => {\n      isMounted = false;\n      clearTimeout(timer);\n      sheetDataRef.current = null;\n      if (containerRef.current) {\n        containerRef.current.innerHTML = '';\n      }\n      spreadsheetRef.current = null;\n    };\n  }, [url, mountSpreadsheet]);\n\n  // 暴露接口给父组件\n  useImperativeHandle(ref, () => ({\n    getToolbarGroups: () => [],\n  }), []);\n\n  return (\n    <div className=\"rfp-relative rfp-flex rfp-flex-col rfp-items-center rfp-w-full rfp-h-full\">\n      {/* 加载状态 */}\n      {loading && (\n        <div className=\"rfp-absolute rfp-inset-0 rfp-flex rfp-items-center rfp-justify-center rfp-bg-surface-toolbar rfp-backdrop-blur-sm rfp-z-10\">\n          <div className=\"rfp-text-center\">\n            <div className=\"rfp-w-10 rfp-h-10 md:rfp-w-12 md:rfp-h-12 rfp-mx-auto rfp-mb-3 rfp-border-4 rfp-border-line-strong rfp-border-t-spinner-head rfp-rounded-full rfp-animate-spin\" />\n            <p className=\"rfp-text-xs md:rfp-text-sm rfp-text-fg-secondary rfp-font-medium\">{t('xlsx.loading')}</p>\n          </div>\n        </div>\n      )}\n\n      {/* 错误状态 */}\n      {error && !loading && (\n        <div className=\"rfp-absolute rfp-inset-0 rfp-flex rfp-items-center rfp-justify-center rfp-bg-surface-toolbar rfp-backdrop-blur-sm rfp-z-10\">\n          <RendererError message={t('xlsx.load_failed')} detail={error} />\n        </div>\n      )}\n\n      {/* Spreadsheet 容器 */}\n      {!error && (\n        <div\n          ref={containerRef}\n          className=\"xlsx-spreadsheet-container rfp-w-full rfp-h-full\"\n          style={{ opacity: loading ? 0 : 1 }}\n        />\n      )}\n    </div>\n  );\n});\n"],"names":["XlsxRenderer","forwardRef","url","ref","t","useTranslator","fetcher","useFetcher","loading","setLoading","useState","error","setError","containerRef","useRef","spreadsheetRef","sheetDataRef","resizeObserverRef","resizeTimeoutRef","lastDimensionsRef","calculateDimensions","useCallback","rawWidth","rawHeight","width","height","mountSpreadsheet","isMobile","s","Spreadsheet","useEffect","isInitialRender","updateDimensions","newDimensions","lastDimensions","widthDiff","heightDiff","isMounted","loadExcel","response","arrayBuffer","workbook","ExcelJS","sheetData","convertWorkbookToSpreadsheetData","err","errorMsg","timer","useImperativeHandle","jsxs","jsx","RendererError"],"mappings":"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"}

package/lib/chunks/index-D-Is8qvU.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-D-Is8qvU.mjs","sources":["../../src/renderers/Csv/index.tsx"],"sourcesContent":["import { useState, useEffect, useRef, useCallback, forwardRef, useImperativeHandle } from 'react';\nimport Spreadsheet from 'x-data-spreadsheet';\nimport 'x-data-spreadsheet/dist/xspreadsheet.css';\nimport {\n  parseCsv,\n  guessCsvDelimiter,\n  fetchTextUtf8,\n  convertCsvToSpreadsheetData,\n} from '@eternalheart/file-preview-core';\nimport { useTranslator } from '../../i18n/LocaleContext';\nimport { useFetcher } from '../../RequestContext';\nimport { RendererError } from '../RendererError';\nimport type { RendererHandle } from '../base.types';\n\ninterface CsvRendererProps {\n  url: string;\n  fileName: string;\n}\n\nexport const CsvRenderer = forwardRef<RendererHandle, CsvRendererProps>(({ url, fileName }, ref) => {\n  const t = useTranslator();\n  const fetcher = useFetcher();\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const spreadsheetRef = useRef<Spreadsheet | null>(null);\n  const sheetDataRef = useRef<Record<string, unknown>[] | null>(null);\n  const resizeObserverRef = useRef<ResizeObserver | null>(null);\n  const resizeTimeoutRef = useRef<number | null>(null);\n  const lastDimensionsRef = useRef({ width: 0, height: 0 });\n\n  const calculateDimensions = useCallback(() => {\n    if (!containerRef.current) return { width: 800, height: 600 };\n    const rawWidth = containerRef.current.clientWidth;\n    const rawHeight = containerRef.current.clientHeight;\n    const width = rawWidth > 100 ? rawWidth : 800;\n    const height = rawHeight > 100 ? rawHeight : 600;\n    return { width, height };\n  }, []);\n\n  const mountSpreadsheet = useCallback(() => {\n    if (!containerRef.current || !sheetDataRef.current) return;\n\n    containerRef.current.innerHTML = '';\n    spreadsheetRef.current = null;\n\n    const { width, height } = calculateDimensions();\n    const isMobile = width < 640;\n\n    const s = new Spreadsheet(containerRef.current, {\n      mode: 'read',\n      showToolbar: false,\n      showContextmenu: false,\n      showGrid: true,\n      row: {\n        len: 100,\n        height: 25,\n      },\n      col: {\n        len: 26,\n        width: isMobile ? 80 : 100,\n        indexWidth: isMobile ? 40 : 60,\n        minWidth: isMobile ? 40 : 60,\n      },\n      view: {\n        height: () => height,\n        width: () => width,\n      },\n    });\n\n    s.loadData(sheetDataRef.current as unknown as Record<string, unknown>);\n    spreadsheetRef.current = s;\n  }, [calculateDimensions]);\n\n  useEffect(() => {\n    if (!containerRef.current) return;\n\n    let isInitialRender = true;\n\n    const updateDimensions = () => {\n      if (isInitialRender) {\n        isInitialRender = false;\n        lastDimensionsRef.current = calculateDimensions();\n        return;\n      }\n\n      const newDimensions = calculateDimensions();\n      const lastDimensions = lastDimensionsRef.current;\n      const widthDiff = Math.abs(lastDimensions.width - newDimensions.width);\n      const heightDiff = Math.abs(lastDimensions.height - newDimensions.height);\n\n      if (widthDiff < 10 && heightDiff < 10) return;\n\n      lastDimensionsRef.current = newDimensions;\n\n      if (resizeTimeoutRef.current) {\n        clearTimeout(resizeTimeoutRef.current);\n      }\n\n      resizeTimeoutRef.current = window.setTimeout(() => {\n        if (sheetDataRef.current) {\n          mountSpreadsheet();\n        }\n      }, 500);\n    };\n\n    resizeObserverRef.current = new ResizeObserver(() => {\n      updateDimensions();\n    });\n\n    resizeObserverRef.current.observe(containerRef.current);\n\n    return () => {\n      if (resizeObserverRef.current) {\n        resizeObserverRef.current.disconnect();\n      }\n      if (resizeTimeoutRef.current) {\n        clearTimeout(resizeTimeoutRef.current);\n      }\n    };\n  }, [calculateDimensions, mountSpreadsheet]);\n\n  useEffect(() => {\n    let isMounted = true;\n    const controller = new AbortController();\n\n    const loadCsv = async () => {\n      if (!containerRef.current) return;\n\n      setLoading(true);\n      setError(null);\n\n      try {\n        const text = await fetchTextUtf8(url, { fetcher, signal: controller.signal });\n        const parsed = parseCsv(text, { delimiter: guessCsvDelimiter(fileName) });\n        const sheetData = convertCsvToSpreadsheetData(parsed.header, parsed.rows, fileName);\n\n        if (!isMounted) return;\n\n        sheetDataRef.current = sheetData as unknown as Record<string, unknown>[];\n        mountSpreadsheet();\n        setLoading(false);\n      } catch (err: any) {\n        if (err.name === 'AbortError') return;\n        if (isMounted) {\n          console.error('CSV 解析错误:', err);\n          setError(t('csv.load_failed'));\n          setLoading(false);\n        }\n      }\n    };\n\n    const timer = setTimeout(() => {\n      requestAnimationFrame(() => {\n        loadCsv();\n      });\n    }, 100);\n\n    return () => {\n      isMounted = false;\n      controller.abort();\n      clearTimeout(timer);\n      sheetDataRef.current = null;\n      if (containerRef.current) {\n        containerRef.current.innerHTML = '';\n      }\n      spreadsheetRef.current = null;\n    };\n  }, [url, fileName, mountSpreadsheet]);\n\n  // 暴露接口给父组件\n  useImperativeHandle(ref, () => ({\n    getToolbarGroups: () => [],\n  }), []);\n\n  return (\n    <div className=\"rfp-relative rfp-flex rfp-flex-col rfp-items-center rfp-w-full rfp-h-full\">\n      {loading && (\n        <div className=\"rfp-absolute rfp-inset-0 rfp-flex rfp-items-center rfp-justify-center rfp-bg-surface-toolbar rfp-backdrop-blur-sm rfp-z-10\">\n          <div className=\"rfp-text-center\">\n            <div className=\"rfp-w-10 rfp-h-10 md:rfp-w-12 md:rfp-h-12 rfp-mx-auto rfp-mb-3 rfp-border-4 rfp-border-line-strong rfp-border-t-spinner-head rfp-rounded-full rfp-animate-spin\" />\n            <p className=\"rfp-text-xs md:rfp-text-sm rfp-text-fg-secondary rfp-font-medium\">{t('csv.loading')}</p>\n          </div>\n        </div>\n      )}\n\n      {error && !loading && (\n        <div className=\"rfp-absolute rfp-inset-0 rfp-flex rfp-items-center rfp-justify-center rfp-bg-surface-toolbar rfp-backdrop-blur-sm rfp-z-10\">\n          <RendererError message={error} />\n        </div>\n      )}\n\n      {!error && (\n        <div\n          ref={containerRef}\n          className=\"xlsx-spreadsheet-container rfp-w-full rfp-h-full\"\n          style={{ opacity: loading ? 0 : 1 }}\n        />\n      )}\n    </div>\n  );\n});\n"],"names":["CsvRenderer","forwardRef","url","fileName","ref","t","useTranslator","fetcher","useFetcher","loading","setLoading","useState","error","setError","containerRef","useRef","spreadsheetRef","sheetDataRef","resizeObserverRef","resizeTimeoutRef","lastDimensionsRef","calculateDimensions","useCallback","rawWidth","rawHeight","width","height","mountSpreadsheet","isMobile","Spreadsheet","useEffect","isInitialRender","updateDimensions","newDimensions","lastDimensions","widthDiff","heightDiff","isMounted","controller","loadCsv","text","fetchTextUtf8","parsed","parseCsv","guessCsvDelimiter","sheetData","convertCsvToSpreadsheetData","err","timer","useImperativeHandle","jsxs","jsx","RendererError"],"mappings":"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"}

package/lib/chunks/index-DoGKcq9y.mjs

@@ -1,531 +0,0 @@
-import { jsx as r, jsxs as a } from "react/jsx-runtime";
-import { useRef as G, useState as p, useEffect as F, useCallback as w, forwardRef as A, useImperativeHandle as _ } from "react";
-import { motion as d, AnimatePresence as z } from "framer-motion";
-import { Repeat as B, SkipBack as q, Pause as U, Play as X, SkipForward as J, VolumeX as K, Volume1 as Q, Volume2 as Y } from "lucide-react";
-import { u as Z } from "./index-Cz23v-TW.mjs";
-import { R as ee } from "./RendererError-D5i8eSpN.mjs";
-function re({
-  url: c
-}) {
-  const o = G(null), [E, n] = p(!1), [N, i] = p(!0), [C, g] = p(0), [h, l] = p(0), [f, u] = p(1), [x, b] = p(!1), [k, v] = p(!1), [T, y] = p(null);
-  F(() => {
-    const e = o.current;
-    if (!e) return;
-    i(!0), y(null);
-    const t = () => {
-      isNaN(e.currentTime) || g(e.currentTime);
-    }, s = () => {
-      !isNaN(e.duration) && isFinite(e.duration) && l(e.duration);
-    }, m = () => {
-      i(!1), s();
-    }, R = () => i(!0), W = () => {
-      i(!1), n(!0);
-    }, $ = () => n(!0), H = () => n(!1), O = () => n(!1), D = () => {
-      y("音频加载失败"), i(!1);
-    };
-    return e.addEventListener("timeupdate", t), e.addEventListener("loadedmetadata", s), e.addEventListener("durationchange", s), e.addEventListener("canplay", m), e.addEventListener("waiting", R), e.addEventListener("playing", W), e.addEventListener("play", $), e.addEventListener("pause", H), e.addEventListener("ended", O), e.addEventListener("error", D), e.readyState >= 3 ? (i(!1), s()) : e.readyState >= 1 && s(), () => {
-      e.removeEventListener("timeupdate", t), e.removeEventListener("loadedmetadata", s), e.removeEventListener("durationchange", s), e.removeEventListener("canplay", m), e.removeEventListener("waiting", R), e.removeEventListener("playing", W), e.removeEventListener("play", $), e.removeEventListener("pause", H), e.removeEventListener("ended", O), e.removeEventListener("error", D);
-    };
-  }, [c]);
-  const V = w(() => {
-    const e = o.current;
-    e && (e.paused ? e.play().catch(() => {
-    }) : e.pause());
-  }, []), I = w((e) => {
-    const t = o.current;
-    t && (t.currentTime = e, g(e));
-  }, []), L = w(
-    (e) => {
-      const t = o.current;
-      t && (t.currentTime = Math.max(
-        0,
-        Math.min(t.currentTime + e, t.duration || 1 / 0)
-      ));
-    },
-    []
-  ), M = w((e) => {
-    const t = o.current;
-    if (!t) return;
-    const s = Math.max(0, Math.min(1, e));
-    t.volume = s, u(s), s > 0 && (t.muted = !1, b(!1));
-  }, []), S = w(() => {
-    const e = o.current;
-    e && (e.muted = !e.muted, b(e.muted));
-  }, []), P = w(() => {
-    const e = o.current;
-    if (!e) return;
-    const t = !e.loop;
-    e.loop = t, v(t);
-  }, []), j = w((e) => {
-    if (!isFinite(e) || isNaN(e) || e < 0) return "0:00";
-    const t = Math.floor(e / 60), s = Math.floor(e % 60);
-    return `${t}:${s.toString().padStart(2, "0")}`;
-  }, []);
-  return {
-    audioRef: o,
-    isPlaying: E,
-    isLoading: N,
-    isLoop: k,
-    currentTime: C,
-    duration: h,
-    volume: f,
-    isMuted: x,
-    error: T,
-    togglePlay: V,
-    seek: I,
-    skip: L,
-    setVolume: M,
-    toggleMute: S,
-    toggleLoop: P,
-    formatTime: j
-  };
-}
-const te = ({ text: c, className: o = "", style: E }) => {
-  const n = G(null), N = G(null), [i, C] = p(!1), [g, h] = p(0);
-  F(() => {
-    const x = () => {
-      const k = n.current, v = N.current;
-      if (!k || !v) return;
-      const T = k.clientWidth, y = v.scrollWidth;
-      C(y > T), h(y);
-    };
-    x();
-    const b = new ResizeObserver(x);
-    return n.current && b.observe(n.current), () => b.disconnect();
-  }, [c]);
-  const l = 60, f = g + l, u = f / 40;
-  return /* @__PURE__ */ a(
-    "div",
-    {
-      ref: n,
-      className: `rfp-overflow-hidden rfp-whitespace-nowrap ${o}`,
-      style: E,
-      children: [
-        i ? /* @__PURE__ */ a(
-          d.div,
-          {
-            className: "rfp-inline-flex rfp-whitespace-nowrap",
-            animate: { x: [0, -f] },
-            transition: { duration: u, repeat: 1 / 0, ease: "linear", repeatDelay: 1.5 },
-            children: [
-              /* @__PURE__ */ r("span", { children: c }),
-              /* @__PURE__ */ r("span", { style: { width: l }, className: "rfp-inline-block" }),
-              /* @__PURE__ */ r("span", { children: c })
-            ]
-          }
-        ) : null,
-        /* @__PURE__ */ r(
-          "div",
-          {
-            ref: N,
-            className: "rfp-whitespace-nowrap",
-            style: i ? { position: "absolute", visibility: "hidden", pointerEvents: "none" } : void 0,
-            children: c
-          }
-        )
-      ]
-    }
-  );
-}, ae = ({ isPlaying: c }) => /* @__PURE__ */ r(
-  d.div,
-  {
-    className: "rfp-absolute",
-    style: {
-      top: "-6px",
-      right: "2px",
-      width: "100px",
-      height: "120px",
-      transformOrigin: "76px 16px",
-      zIndex: 5
-    },
-    animate: { rotate: c ? 16 : 0 },
-    transition: { duration: 0.8, ease: [0.4, 0, 0.2, 1] },
-    children: /* @__PURE__ */ a(
-      "svg",
-      {
-        width: "100",
-        height: "120",
-        viewBox: "0 0 100 120",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: [
-          /* @__PURE__ */ r("circle", { cx: "76", cy: "16", r: "13", fill: "rgba(0,0,0,0.3)" }),
-          /* @__PURE__ */ r("circle", { cx: "76", cy: "16", r: "11", fill: "url(#baseGrad)" }),
-          /* @__PURE__ */ r("circle", { cx: "76", cy: "16", r: "6", fill: "url(#baseInnerGrad)" }),
-          /* @__PURE__ */ r("circle", { cx: "76", cy: "16", r: "2.5", fill: "#222", stroke: "#555", strokeWidth: "0.5" }),
-          /* @__PURE__ */ r(
-            "path",
-            {
-              d: "M74 22 L56 88",
-              stroke: "url(#armGrad)",
-              strokeWidth: "3.5",
-              strokeLinecap: "round"
-            }
-          ),
-          /* @__PURE__ */ r(
-            "path",
-            {
-              d: "M74.8 22 L56.8 88",
-              stroke: "rgba(255,255,255,0.06)",
-              strokeWidth: "1",
-              strokeLinecap: "round"
-            }
-          ),
-          /* @__PURE__ */ r("rect", { x: "50", y: "86", width: "12", height: "7", rx: "1.5", fill: "url(#headGrad)" }),
-          /* @__PURE__ */ r("rect", { x: "52.5", y: "92", width: "7", height: "9", rx: "1", fill: "url(#cartridgeGrad)" }),
-          /* @__PURE__ */ r("line", { x1: "56", y1: "101", x2: "56", y2: "105", stroke: "#bbb", strokeWidth: "1.2", strokeLinecap: "round" }),
-          /* @__PURE__ */ r("circle", { cx: "56", cy: "105.5", r: "0.8", fill: "#ddd" }),
-          /* @__PURE__ */ a("defs", { children: [
-            /* @__PURE__ */ a("radialGradient", { id: "baseGrad", cx: "40%", cy: "35%", children: [
-              /* @__PURE__ */ r("stop", { offset: "0%", stopColor: "#555" }),
-              /* @__PURE__ */ r("stop", { offset: "100%", stopColor: "#1a1a1a" })
-            ] }),
-            /* @__PURE__ */ a("radialGradient", { id: "baseInnerGrad", cx: "40%", cy: "35%", children: [
-              /* @__PURE__ */ r("stop", { offset: "0%", stopColor: "#666" }),
-              /* @__PURE__ */ r("stop", { offset: "100%", stopColor: "#333" })
-            ] }),
-            /* @__PURE__ */ a("linearGradient", { id: "armGrad", x1: "0", y1: "0", x2: "0", y2: "1", children: [
-              /* @__PURE__ */ r("stop", { offset: "0%", stopColor: "#555" }),
-              /* @__PURE__ */ r("stop", { offset: "50%", stopColor: "#444" }),
-              /* @__PURE__ */ r("stop", { offset: "100%", stopColor: "#333" })
-            ] }),
-            /* @__PURE__ */ a("linearGradient", { id: "headGrad", x1: "0", y1: "0", x2: "0", y2: "1", children: [
-              /* @__PURE__ */ r("stop", { offset: "0%", stopColor: "#555" }),
-              /* @__PURE__ */ r("stop", { offset: "100%", stopColor: "#333" })
-            ] }),
-            /* @__PURE__ */ a("linearGradient", { id: "cartridgeGrad", x1: "0", y1: "0", x2: "0", y2: "1", children: [
-              /* @__PURE__ */ r("stop", { offset: "0%", stopColor: "#444" }),
-              /* @__PURE__ */ r("stop", { offset: "100%", stopColor: "#222" })
-            ] })
-          ] })
-        ]
-      }
-    )
-  }
-), pe = A(({ url: c, fileName: o }, E) => {
-  const n = Z(), {
-    audioRef: N,
-    isPlaying: i,
-    isLoading: C,
-    isLoop: g,
-    currentTime: h,
-    duration: l,
-    volume: f,
-    isMuted: u,
-    error: x,
-    togglePlay: b,
-    seek: k,
-    skip: v,
-    setVolume: T,
-    toggleMute: y,
-    toggleLoop: V,
-    formatTime: I
-  } = re({ url: c }), [L, M] = p(!1), S = G(null), P = G(), j = l > 0 ? h / l : 0;
-  F(() => {
-    const m = (R) => {
-      S.current && !S.current.contains(R.target) && M(!1);
-    };
-    return L && document.addEventListener("mousedown", m), () => document.removeEventListener("mousedown", m);
-  }, [L]);
-  const e = () => {
-    clearTimeout(P.current), M(!0);
-  }, t = () => {
-    P.current = setTimeout(() => M(!1), 300);
-  }, s = u || f === 0 ? K : f < 0.5 ? Q : Y;
-  return _(E, () => ({
-    getToolbarGroups: () => []
-  }), []), x ? /* @__PURE__ */ r(ee, { message: x }) : /* @__PURE__ */ a("div", { className: "rfp-flex rfp-flex-col rfp-items-center rfp-justify-center rfp-w-full rfp-h-full rfp-p-6 rfp-gap-6 rfp-select-none", children: [
-    /* @__PURE__ */ a("div", { className: "rfp-relative", style: { width: "260px", height: "240px" }, children: [
-      /* @__PURE__ */ r(
-        d.div,
-        {
-          className: "rfp-absolute rfp-rounded-full",
-          style: {
-            width: "220px",
-            height: "220px",
-            top: "18px",
-            left: "8px",
-            background: "radial-gradient(circle, rgba(129,140,248,0.12) 0%, transparent 70%)"
-          },
-          animate: i ? { scale: [1, 1.08, 1], opacity: [0.5, 1, 0.5] } : { scale: 1, opacity: 0.2 },
-          transition: i ? { duration: 3, repeat: 1 / 0, ease: "easeInOut" } : { duration: 0.5 }
-        }
-      ),
-      /* @__PURE__ */ a(
-        "div",
-        {
-          className: "rfp-absolute rfp-rounded-full rfp-overflow-hidden",
-          style: {
-            width: "200px",
-            height: "200px",
-            top: "28px",
-            left: "18px",
-            background: `
-              radial-gradient(circle at center, transparent 95%, rgba(30,30,30,0.8) 95.5%, #111 97%),
-              radial-gradient(circle at center, transparent 38%, rgba(50,50,50,0.5) 38.15%, transparent 38.4%),
-              radial-gradient(circle at center, transparent 45%, rgba(50,50,50,0.3) 45.15%, transparent 45.4%),
-              radial-gradient(circle at center, transparent 52%, rgba(50,50,50,0.5) 52.15%, transparent 52.4%),
-              radial-gradient(circle at center, transparent 59%, rgba(50,50,50,0.3) 59.15%, transparent 59.4%),
-              radial-gradient(circle at center, transparent 66%, rgba(50,50,50,0.5) 66.15%, transparent 66.4%),
-              radial-gradient(circle at center, transparent 73%, rgba(50,50,50,0.3) 73.15%, transparent 73.4%),
-              radial-gradient(circle at center, transparent 80%, rgba(50,50,50,0.4) 80.15%, transparent 80.4%),
-              radial-gradient(circle at center, transparent 87%, rgba(50,50,50,0.3) 87.15%, transparent 87.4%),
-              conic-gradient(from 0deg, #1c1c1c, #232323, #1a1a1a, #262626, #1c1c1c, #212121, #1a1a1a, #252525, #1c1c1c, #232323, #1a1a1a, #262626, #1c1c1c)
-            `,
-            boxShadow: i ? "0 0 36px rgba(129,140,248,0.1), 0 8px 32px rgba(0,0,0,0.4), inset 0 0 20px rgba(0,0,0,0.4)" : "0 8px 32px rgba(0,0,0,0.4), inset 0 0 20px rgba(0,0,0,0.4)",
-            animation: "rfp-vinyl-spin 8s linear infinite",
-            animationPlayState: i ? "running" : "paused"
-          },
-          children: [
-            /* @__PURE__ */ a(
-              "div",
-              {
-                className: "rfp-absolute rfp-rounded-full",
-                style: {
-                  width: "34%",
-                  height: "34%",
-                  top: "33%",
-                  left: "33%",
-                  background: "radial-gradient(circle at 40% 38%, #818cf8, #6366f1, #4f46e5, #4338ca)",
-                  boxShadow: "inset 0 1px 3px rgba(255,255,255,0.25), inset 0 -1px 3px rgba(0,0,0,0.3), 0 0 8px rgba(0,0,0,0.3)"
-                },
-                children: [
-                  /* @__PURE__ */ r(
-                    "div",
-                    {
-                      className: "rfp-absolute rfp-inset-0 rfp-rounded-full rfp-opacity-20",
-                      style: {
-                        background: `
-                  radial-gradient(circle at center, transparent 30%, rgba(0,0,0,0.3) 31%, transparent 32%),
-                  radial-gradient(circle at center, transparent 50%, rgba(0,0,0,0.2) 51%, transparent 52%),
-                  radial-gradient(circle at center, transparent 70%, rgba(0,0,0,0.3) 71%, transparent 72%),
-                  radial-gradient(circle at center, transparent 88%, rgba(0,0,0,0.2) 89%, transparent 90%)
-                `
-                      }
-                    }
-                  ),
-                  /* @__PURE__ */ r(
-                    "div",
-                    {
-                      className: "rfp-absolute rfp-rounded-full",
-                      style: {
-                        width: "14%",
-                        height: "14%",
-                        top: "43%",
-                        left: "43%",
-                        background: "radial-gradient(circle at 40% 40%, #333, #0d0d0d)",
-                        boxShadow: "inset 0 1px 3px rgba(0,0,0,0.9), 0 0 2px rgba(0,0,0,0.5)"
-                      }
-                    }
-                  )
-                ]
-              }
-            ),
-            C && /* @__PURE__ */ r(
-              d.div,
-              {
-                className: "rfp-absolute rfp-inset-0 rfp-rounded-full",
-                style: { border: "2px solid rgba(129,140,248,0.3)" },
-                animate: { scale: [1, 1.02, 1], opacity: [0.3, 0.6, 0.3] },
-                transition: { duration: 1.5, repeat: 1 / 0 }
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ r(ae, { isPlaying: i })
-    ] }),
-    /* @__PURE__ */ a("div", { className: "rfp-text-center rfp-max-w-md rfp-px-4", children: [
-      /* @__PURE__ */ r(
-        te,
-        {
-          text: o,
-          className: "rfp-text-lg rfp-font-medium rfp-mb-1 rfp-text-fg-primary"
-        }
-      ),
-      /* @__PURE__ */ r("p", { className: "rfp-text-xs rfp-tracking-widest rfp-uppercase rfp-text-accent", children: "Audio" })
-    ] }),
-    /* @__PURE__ */ a(
-      "div",
-      {
-        className: "rfp-w-full rfp-max-w-md rfp-rounded-2xl rfp-p-5 rfp-border rfp-bg-surface-1 rfp-border-line-weak",
-        style: { backdropFilter: "blur(16px)" },
-        children: [
-          /* @__PURE__ */ a("div", { className: "rfp-mb-5", children: [
-            /* @__PURE__ */ a("div", { className: "rfp-relative rfp-h-4 rfp-flex rfp-items-center", children: [
-              /* @__PURE__ */ r("div", { className: "rfp-absolute rfp-w-full rfp-h-[5px] rfp-rounded-full rfp-bg-surface-2" }),
-              /* @__PURE__ */ r(
-                "div",
-                {
-                  className: "rfp-absolute rfp-h-[5px] rfp-rounded-full rfp-pointer-events-none",
-                  style: {
-                    width: `${j * 100}%`,
-                    background: "linear-gradient(90deg, var(--fp-accent), var(--fp-accent-hover))",
-                    boxShadow: i ? "0 0 8px rgba(129,140,248,0.4)" : "none",
-                    transition: "width 0.1s linear"
-                  }
-                }
-              ),
-              /* @__PURE__ */ r(
-                "input",
-                {
-                  type: "range",
-                  min: "0",
-                  max: l > 0 ? l : h || 100,
-                  step: "any",
-                  value: h,
-                  onChange: (m) => k(parseFloat(m.target.value)),
-                  disabled: l <= 0,
-                  "aria-label": n("audio.aria.progress"),
-                  className: "audio-slider rfp-absolute rfp-w-full"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ a("div", { className: "rfp-flex rfp-justify-between rfp-text-xs rfp-mt-2.5 rfp-text-fg-tertiary", children: [
-              /* @__PURE__ */ r("span", { style: { fontVariantNumeric: "tabular-nums" }, children: I(h) }),
-              /* @__PURE__ */ r("span", { style: { fontVariantNumeric: "tabular-nums" }, children: l > 0 ? I(l) : "--:--" })
-            ] })
-          ] }),
-          /* @__PURE__ */ a("div", { className: "rfp-flex rfp-items-center rfp-justify-center rfp-gap-3", children: [
-            /* @__PURE__ */ r(
-              d.button,
-              {
-                onClick: V,
-                whileHover: { scale: 1.1 },
-                whileTap: { scale: 0.92 },
-                "aria-label": n(g ? "audio.aria.loop_off" : "audio.aria.loop_on"),
-                className: `rfp-w-9 rfp-h-9 rfp-rounded-full rfp-flex rfp-items-center rfp-justify-center rfp-transition-colors ${g ? "rfp-bg-accent-soft rfp-text-accent" : "rfp-bg-surface-2 rfp-text-fg-tertiary"}`,
-                children: /* @__PURE__ */ r(B, { className: "rfp-w-4 rfp-h-4" })
-              }
-            ),
-            /* @__PURE__ */ r(
-              d.button,
-              {
-                onClick: () => v(-10),
-                whileHover: { scale: 1.1 },
-                whileTap: { scale: 0.92 },
-                "aria-label": n("audio.aria.backward_10"),
-                className: "rfp-w-10 rfp-h-10 rfp-rounded-full rfp-flex rfp-items-center rfp-justify-center rfp-transition-colors rfp-bg-surface-2 rfp-text-fg-secondary",
-                children: /* @__PURE__ */ r(q, { className: "rfp-w-[18px] rfp-h-[18px]" })
-              }
-            ),
-            /* @__PURE__ */ r(
-              d.button,
-              {
-                onClick: b,
-                whileHover: { scale: 1.06 },
-                whileTap: { scale: 0.94 },
-                "aria-label": n(i ? "audio.aria.pause" : "audio.aria.play"),
-                className: "rfp-w-14 rfp-h-14 rfp-rounded-full rfp-flex rfp-items-center rfp-justify-center",
-                style: {
-                  background: "linear-gradient(135deg, var(--fp-accent-hover), var(--fp-accent))",
-                  color: "#fff",
-                  boxShadow: "0 4px 20px rgba(99,102,241,0.35)"
-                },
-                children: i ? /* @__PURE__ */ r(U, { className: "rfp-w-6 rfp-h-6" }) : /* @__PURE__ */ r(X, { className: "rfp-w-6 rfp-h-6 rfp-ml-0.5" })
-              }
-            ),
-            /* @__PURE__ */ r(
-              d.button,
-              {
-                onClick: () => v(10),
-                whileHover: { scale: 1.1 },
-                whileTap: { scale: 0.92 },
-                "aria-label": n("audio.aria.forward_10"),
-                className: "rfp-w-10 rfp-h-10 rfp-rounded-full rfp-flex rfp-items-center rfp-justify-center rfp-transition-colors rfp-bg-surface-2 rfp-text-fg-secondary",
-                children: /* @__PURE__ */ r(J, { className: "rfp-w-[18px] rfp-h-[18px]" })
-              }
-            ),
-            /* @__PURE__ */ a(
-              "div",
-              {
-                ref: S,
-                className: "rfp-relative",
-                onMouseEnter: e,
-                onMouseLeave: t,
-                children: [
-                  /* @__PURE__ */ r(
-                    d.button,
-                    {
-                      onClick: y,
-                      whileHover: { scale: 1.1 },
-                      whileTap: { scale: 0.92 },
-                      "aria-label": n(u ? "audio.aria.unmute" : "audio.aria.mute"),
-                      className: `rfp-w-9 rfp-h-9 rfp-rounded-full rfp-flex rfp-items-center rfp-justify-center rfp-transition-colors ${L ? "rfp-bg-accent-soft rfp-text-accent" : "rfp-bg-surface-2 rfp-text-fg-secondary"}`,
-                      children: /* @__PURE__ */ r(s, { className: "rfp-w-4 rfp-h-4" })
-                    }
-                  ),
-                  /* @__PURE__ */ r(z, { children: L && /* @__PURE__ */ r(
-                    d.div,
-                    {
-                      initial: { opacity: 0, scale: 0.95 },
-                      animate: { opacity: 1, scale: 1 },
-                      exit: { opacity: 0, scale: 0.95 },
-                      transition: { duration: 0.12 },
-                      className: "rfp-absolute rfp-bottom-full rfp-mb-2 rfp-rounded-xl rfp-p-3 rfp-border rfp-bg-surface-3 rfp-border-line",
-                      style: {
-                        left: "50%",
-                        marginLeft: "-27px",
-                        backdropFilter: "blur(16px)"
-                      },
-                      onMouseEnter: e,
-                      onMouseLeave: t,
-                      children: /* @__PURE__ */ a("div", { className: "rfp-flex rfp-flex-col rfp-items-center rfp-gap-2", style: { height: "100px" }, children: [
-                        /* @__PURE__ */ a("div", { className: "rfp-relative rfp-flex rfp-items-center rfp-justify-center", style: { width: "24px", height: "80px" }, children: [
-                          /* @__PURE__ */ r(
-                            "div",
-                            {
-                              className: "rfp-absolute rfp-rounded-full rfp-bg-surface-2",
-                              style: { width: "3px", height: "100%" }
-                            }
-                          ),
-                          /* @__PURE__ */ r(
-                            "div",
-                            {
-                              className: "rfp-absolute rfp-bottom-0 rfp-rounded-full rfp-pointer-events-none",
-                              style: {
-                                width: "3px",
-                                height: `${(u ? 0 : f) * 100}%`,
-                                background: "var(--fp-accent-hover)",
-                                transition: "height 0.1s linear"
-                              }
-                            }
-                          ),
-                          /* @__PURE__ */ r(
-                            "input",
-                            {
-                              type: "range",
-                              min: "0",
-                              max: "1",
-                              step: "0.01",
-                              value: u ? 0 : f,
-                              onChange: (m) => T(parseFloat(m.target.value)),
-                              "aria-label": n("audio.aria.volume"),
-                              className: "volume-slider-vertical rfp-absolute",
-                              style: {
-                                width: "80px",
-                                height: "24px",
-                                transform: "rotate(-90deg)",
-                                transformOrigin: "center center"
-                              }
-                            }
-                          )
-                        ] }),
-                        /* @__PURE__ */ r("span", { className: "rfp-text-[10px] rfp-tabular-nums rfp-text-fg-tertiary", children: Math.round((u ? 0 : f) * 100) })
-                      ] })
-                    }
-                  ) })
-                ]
-              }
-            )
-          ] })
-        ]
-      }
-    ),
-    /* @__PURE__ */ r("audio", { ref: N, src: c, className: "rfp-hidden" })
-  ] });
-});
-export {
-  pe as AudioRenderer
-};
-//# sourceMappingURL=index-DoGKcq9y.mjs.map