@turinhub/atomix-common-ui 0.4.0 → 0.6.0

package/dist/video-reader.js

@@ -0,0 +1,158 @@
+import { j as e } from "./jsx-runtime-B4hRZ52C.js";
+import { useState as y, useMemo as K, useEffect as Q, createElement as T } from "react";
+import { ExternalLink as W } from "lucide-react";
+import { c as x } from "./utils-B6yFEsav.js";
+import { i as Z, g as ee } from "./media-utils-5UPuocc1.js";
+const te = [
+  "mp4",
+  "webm",
+  "ogg",
+  "ogv",
+  "mov",
+  "m4v"
+], se = [
+  "video/mp4",
+  "video/webm",
+  "video/ogg",
+  "video/quicktime",
+  "video/x-m4v"
+], ne = (s) => s ? s instanceof Error ? s : new Error(s) : null;
+function de({
+  src: s,
+  fileName: o,
+  mimeType: r,
+  title: f,
+  components: V,
+  tracks: i,
+  loading: _ = !1,
+  error: I,
+  className: p,
+  containerClassName: M,
+  videoClassName: O,
+  toolbarClassName: P,
+  loadingText: C = "正在加载视频...",
+  errorText: h = "视频加载失败",
+  unsupportedText: R = "暂不支持该视频格式",
+  showToolbar: k = !0,
+  showOpenInNewTab: L = !0,
+  allowUnsupportedFormat: U = !1,
+  supportedExtensions: z = te,
+  supportedMimeTypes: B = se,
+  controls: F = !0,
+  preload: $ = "metadata",
+  playsInline: q = !0,
+  onLoadedData: l,
+  onError: a,
+  ...D
+}) {
+  const { Card: g, CardContent: v, Button: j, Skeleton: d } = V || {}, [X, u] = y(!0), [Y, c] = y(null), n = ne(I) || Y, b = U || Z({
+    src: s,
+    fileName: o,
+    mimeType: r,
+    supportedExtensions: z,
+    supportedMimeTypes: B
+  }), w = _ || X && !n, A = K(() => {
+    const t = ee(s, o);
+    return t ? t.toUpperCase() : r || "视频";
+  }, [o, r, s]);
+  Q(() => {
+    u(!0), c(null);
+  }, [s]);
+  const G = (t, N, S) => {
+    const J = "inline-flex h-8 w-8 items-center justify-center rounded-md border border-input bg-background text-foreground shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground";
+    return j ? /* @__PURE__ */ e.jsx(
+      j,
+      {
+        "aria-label": t,
+        className: "h-8 w-8",
+        onClick: S,
+        size: "icon",
+        title: t,
+        type: "button",
+        variant: "outline",
+        children: N
+      }
+    ) : /* @__PURE__ */ e.jsx(
+      "button",
+      {
+        "aria-label": t,
+        className: J,
+        onClick: S,
+        title: t,
+        type: "button",
+        children: N
+      }
+    );
+  }, H = () => /* @__PURE__ */ e.jsx("div", { className: "w-full space-y-3 p-4", role: "status", "aria-live": "polite", children: d ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(d, { className: "h-4 w-32" }),
+    /* @__PURE__ */ e.jsx(d, { className: "aspect-video w-full" })
+  ] }) : /* @__PURE__ */ e.jsx("p", { className: "text-sm text-muted-foreground", children: C }) }), E = (t) => /* @__PURE__ */ e.jsxs("div", { className: "p-4 text-center text-sm text-destructive", role: "alert", children: [
+    /* @__PURE__ */ e.jsx("p", { className: "font-medium", children: t || h }),
+    n != null && n.message ? /* @__PURE__ */ e.jsx("p", { className: "mt-1 opacity-80", children: n.message }) : null
+  ] }), m = /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: x(
+        "flex h-full min-h-[360px] flex-col overflow-hidden rounded-md border bg-background",
+        M
+      ),
+      children: [
+        k ? /* @__PURE__ */ e.jsxs(
+          "div",
+          {
+            className: x(
+              "flex flex-wrap items-center justify-between gap-2 border-b px-3 py-2",
+              P
+            ),
+            children: [
+              /* @__PURE__ */ e.jsx("span", { className: "text-xs font-medium text-muted-foreground", children: f || A }),
+              L ? G(
+                "新窗口打开",
+                /* @__PURE__ */ e.jsx(W, { className: "h-4 w-4" }),
+                () => window.open(s, "_blank", "noreferrer")
+              ) : null
+            ]
+          }
+        ) : null,
+        /* @__PURE__ */ e.jsxs("div", { className: "relative flex min-h-0 flex-1 items-center justify-center bg-muted/20 p-4", children: [
+          b ? n ? E() : null : E(R),
+          b && !n ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+            w ? H() : null,
+            /* @__PURE__ */ T(
+              "video",
+              {
+                ...D,
+                key: s,
+                className: x(
+                  "max-h-full w-full max-w-full bg-black",
+                  w ? "invisible absolute" : "visible",
+                  O
+                ),
+                controls: F,
+                onError: () => {
+                  const t = new Error(h);
+                  u(!1), c(t), a == null || a(t);
+                },
+                onLoadedData: () => {
+                  u(!1), c(null), l == null || l();
+                },
+                playsInline: q,
+                preload: $,
+                title: f
+              },
+              /* @__PURE__ */ e.jsx("source", { src: s, type: r }),
+              i == null ? void 0 : i.map((t) => /* @__PURE__ */ e.jsx("track", { ...t }, `${t.src}-${t.kind || ""}`))
+            )
+          ] }) : null
+        ] })
+      ]
+    }
+  );
+  return g ? /* @__PURE__ */ e.jsx(g, { className: p, children: v ? /* @__PURE__ */ e.jsx(v, { children: m }) : m }) : /* @__PURE__ */ e.jsx("div", { className: p, children: m });
+}
+export {
+  te as SUPPORTED_VIDEO_EXTENSIONS,
+  se as SUPPORTED_VIDEO_MIME_TYPES,
+  de as VideoReader
+};
+//# sourceMappingURL=video-reader.js.map

package/dist/video-reader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"video-reader.js","sources":["../src/components/VideoReader.tsx"],"sourcesContent":["import { ExternalLink as ExternalLinkIcon } from 'lucide-react';\nimport { useEffect, useMemo, useState } from 'react';\nimport type {\n  HTMLAttributes,\n  ReactNode,\n  TrackHTMLAttributes,\n  VideoHTMLAttributes,\n} from 'react';\n\nimport { cn } from '../lib/utils';\nimport type {\n  ButtonComponent,\n  CardComponent,\n  SkeletonComponent,\n  UIComponent,\n} from '../types/component-types';\n\nimport { getMediaExtension, isSupportedMediaSource } from './media-utils';\n\nexport const SUPPORTED_VIDEO_EXTENSIONS = [\n  'mp4',\n  'webm',\n  'ogg',\n  'ogv',\n  'mov',\n  'm4v',\n] as const;\n\nexport const SUPPORTED_VIDEO_MIME_TYPES = [\n  'video/mp4',\n  'video/webm',\n  'video/ogg',\n  'video/quicktime',\n  'video/x-m4v',\n] as const;\n\nexport interface VideoReaderUIComponents {\n  Card?: CardComponent;\n  CardContent?: UIComponent<HTMLAttributes<HTMLDivElement>>;\n  Button?: ButtonComponent;\n  Skeleton?: SkeletonComponent;\n}\n\nexport interface VideoReaderTrack extends Omit<\n  TrackHTMLAttributes<HTMLTrackElement>,\n  'children'\n> {\n  src: string;\n}\n\nexport interface VideoReaderProps extends Omit<\n  VideoHTMLAttributes<HTMLVideoElement>,\n  'children' | 'className' | 'onError' | 'onLoadedData' | 'src'\n> {\n  src: string;\n  fileName?: string;\n  mimeType?: string;\n  title?: string;\n  components?: VideoReaderUIComponents;\n  tracks?: VideoReaderTrack[];\n  loading?: boolean;\n  error?: Error | string | null;\n  className?: string;\n  containerClassName?: string;\n  videoClassName?: string;\n  toolbarClassName?: string;\n  loadingText?: string;\n  errorText?: string;\n  unsupportedText?: string;\n  showToolbar?: boolean;\n  showOpenInNewTab?: boolean;\n  allowUnsupportedFormat?: boolean;\n  supportedExtensions?: readonly string[];\n  supportedMimeTypes?: readonly string[];\n  onLoadedData?: () => void;\n  onError?: (error: Error) => void;\n}\n\nconst normalizeError = (error: Error | string | null | undefined) => {\n  if (!error) return null;\n  return error instanceof Error ? error : new Error(error);\n};\n\nexport function VideoReader({\n  src,\n  fileName,\n  mimeType,\n  title,\n  components,\n  tracks,\n  loading = false,\n  error,\n  className,\n  containerClassName,\n  videoClassName,\n  toolbarClassName,\n  loadingText = '正在加载视频...',\n  errorText = '视频加载失败',\n  unsupportedText = '暂不支持该视频格式',\n  showToolbar = true,\n  showOpenInNewTab = true,\n  allowUnsupportedFormat = false,\n  supportedExtensions = SUPPORTED_VIDEO_EXTENSIONS,\n  supportedMimeTypes = SUPPORTED_VIDEO_MIME_TYPES,\n  controls = true,\n  preload = 'metadata',\n  playsInline = true,\n  onLoadedData,\n  onError,\n  ...videoProps\n}: VideoReaderProps) {\n  const { Card, CardContent, Button, Skeleton } = components || {};\n  const [isVideoLoading, setIsVideoLoading] = useState(true);\n  const [videoError, setVideoError] = useState<Error | null>(null);\n\n  const displayedError = normalizeError(error) || videoError;\n  const isSupported =\n    allowUnsupportedFormat ||\n    isSupportedMediaSource({\n      src,\n      fileName,\n      mimeType,\n      supportedExtensions,\n      supportedMimeTypes,\n    });\n  const isLoading = loading || (isVideoLoading && !displayedError);\n\n  const formatLabel = useMemo(() => {\n    const extension = getMediaExtension(src, fileName);\n    return extension ? extension.toUpperCase() : mimeType || '视频';\n  }, [fileName, mimeType, src]);\n\n  useEffect(() => {\n    setIsVideoLoading(true);\n    setVideoError(null);\n  }, [src]);\n\n  const renderButton = (\n    label: string,\n    icon: ReactNode,\n    onClick: () => void\n  ) => {\n    const buttonClassName =\n      'inline-flex h-8 w-8 items-center justify-center rounded-md border border-input bg-background text-foreground shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground';\n\n    if (Button) {\n      return (\n        <Button\n          aria-label={label}\n          className=\"h-8 w-8\"\n          onClick={onClick}\n          size=\"icon\"\n          title={label}\n          type=\"button\"\n          variant=\"outline\"\n        >\n          {icon}\n        </Button>\n      );\n    }\n\n    return (\n      <button\n        aria-label={label}\n        className={buttonClassName}\n        onClick={onClick}\n        title={label}\n        type=\"button\"\n      >\n        {icon}\n      </button>\n    );\n  };\n\n  const renderLoading = () => (\n    <div className=\"w-full space-y-3 p-4\" role=\"status\" aria-live=\"polite\">\n      {Skeleton ? (\n        <>\n          <Skeleton className=\"h-4 w-32\" />\n          <Skeleton className=\"aspect-video w-full\" />\n        </>\n      ) : (\n        <p className=\"text-sm text-muted-foreground\">{loadingText}</p>\n      )}\n    </div>\n  );\n\n  const renderError = (message?: string) => (\n    <div className=\"p-4 text-center text-sm text-destructive\" role=\"alert\">\n      <p className=\"font-medium\">{message || errorText}</p>\n      {displayedError?.message ? (\n        <p className=\"mt-1 opacity-80\">{displayedError.message}</p>\n      ) : null}\n    </div>\n  );\n\n  const body = (\n    <div\n      className={cn(\n        'flex h-full min-h-[360px] flex-col overflow-hidden rounded-md border bg-background',\n        containerClassName\n      )}\n    >\n      {showToolbar ? (\n        <div\n          className={cn(\n            'flex flex-wrap items-center justify-between gap-2 border-b px-3 py-2',\n            toolbarClassName\n          )}\n        >\n          <span className=\"text-xs font-medium text-muted-foreground\">\n            {title || formatLabel}\n          </span>\n          {showOpenInNewTab\n            ? renderButton(\n                '新窗口打开',\n                <ExternalLinkIcon className=\"h-4 w-4\" />,\n                () => window.open(src, '_blank', 'noreferrer')\n              )\n            : null}\n        </div>\n      ) : null}\n      <div className=\"relative flex min-h-0 flex-1 items-center justify-center bg-muted/20 p-4\">\n        {!isSupported\n          ? renderError(unsupportedText)\n          : displayedError\n            ? renderError()\n            : null}\n        {isSupported && !displayedError ? (\n          <>\n            {isLoading ? renderLoading() : null}\n            <video\n              {...videoProps}\n              key={src}\n              className={cn(\n                'max-h-full w-full max-w-full bg-black',\n                isLoading ? 'invisible absolute' : 'visible',\n                videoClassName\n              )}\n              controls={controls}\n              onError={() => {\n                const nextError = new Error(errorText);\n                setIsVideoLoading(false);\n                setVideoError(nextError);\n                onError?.(nextError);\n              }}\n              onLoadedData={() => {\n                setIsVideoLoading(false);\n                setVideoError(null);\n                onLoadedData?.();\n              }}\n              playsInline={playsInline}\n              preload={preload}\n              title={title}\n            >\n              <source src={src} type={mimeType} />\n              {tracks?.map((track) => (\n                <track key={`${track.src}-${track.kind || ''}`} {...track} />\n              ))}\n            </video>\n          </>\n        ) : null}\n      </div>\n    </div>\n  );\n\n  if (Card) {\n    return (\n      <Card className={className}>\n        {CardContent ? <CardContent>{body}</CardContent> : body}\n      </Card>\n    );\n  }\n\n  return <div className={className}>{body}</div>;\n}\n"],"names":["SUPPORTED_VIDEO_EXTENSIONS","SUPPORTED_VIDEO_MIME_TYPES","normalizeError","error","VideoReader","src","fileName","mimeType","title","components","tracks","loading","className","containerClassName","videoClassName","toolbarClassName","loadingText","errorText","unsupportedText","showToolbar","showOpenInNewTab","allowUnsupportedFormat","supportedExtensions","supportedMimeTypes","controls","preload","playsInline","onLoadedData","onError","videoProps","Card","CardContent","Button","Skeleton","isVideoLoading","setIsVideoLoading","useState","videoError","setVideoError","displayedError","isSupported","isSupportedMediaSource","isLoading","formatLabel","useMemo","extension","getMediaExtension","useEffect","renderButton","label","icon","onClick","buttonClassName","jsx","renderLoading","jsxs","Fragment","renderError","message","body","cn","ExternalLinkIcon","createElement","nextError","track"],"mappings":";;;;;AAmBO,MAAMA,KAA6B;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEaC,KAA6B;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GA4CMC,KAAiB,CAACC,MACjBA,IACEA,aAAiB,QAAQA,IAAQ,IAAI,MAAMA,CAAK,IADpC;AAId,SAASC,GAAY;AAAA,EAC1B,KAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,OAAAR;AAAA,EACA,WAAAS;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,WAAAC,IAAY;AAAA,EACZ,iBAAAC,IAAkB;AAAA,EAClB,aAAAC,IAAc;AAAA,EACd,kBAAAC,IAAmB;AAAA,EACnB,wBAAAC,IAAyB;AAAA,EACzB,qBAAAC,IAAsBtB;AAAA,EACtB,oBAAAuB,IAAqBtB;AAAA,EACrB,UAAAuB,IAAW;AAAA,EACX,SAAAC,IAAU;AAAA,EACV,aAAAC,IAAc;AAAA,EACd,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GAAqB;AACnB,QAAM,EAAE,MAAAC,GAAM,aAAAC,GAAa,QAAAC,GAAQ,UAAAC,EAAA,IAAaxB,KAAc,CAAA,GACxD,CAACyB,GAAgBC,CAAiB,IAAIC,EAAS,EAAI,GACnD,CAACC,GAAYC,CAAa,IAAIF,EAAuB,IAAI,GAEzDG,IAAiBrC,GAAeC,CAAK,KAAKkC,GAC1CG,IACJnB,KACAoB,EAAuB;AAAA,IACrB,KAAApC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,qBAAAe;AAAA,IACA,oBAAAC;AAAA,EAAA,CACD,GACGmB,IAAY/B,KAAYuB,KAAkB,CAACK,GAE3CI,IAAcC,EAAQ,MAAM;AAChC,UAAMC,IAAYC,GAAkBzC,GAAKC,CAAQ;AACjD,WAAOuC,IAAYA,EAAU,YAAA,IAAgBtC,KAAY;AAAA,EAC3D,GAAG,CAACD,GAAUC,GAAUF,CAAG,CAAC;AAE5B,EAAA0C,EAAU,MAAM;AACd,IAAAZ,EAAkB,EAAI,GACtBG,EAAc,IAAI;AAAA,EACpB,GAAG,CAACjC,CAAG,CAAC;AAER,QAAM2C,IAAe,CACnBC,GACAC,GACAC,MACG;AACH,UAAMC,IACJ;AAEF,WAAIpB,IAEAqB,gBAAAA,EAAAA;AAAAA,MAACrB;AAAA,MAAA;AAAA,QACC,cAAYiB;AAAA,QACZ,WAAU;AAAA,QACV,SAAAE;AAAA,QACA,MAAK;AAAA,QACL,OAAOF;AAAA,QACP,MAAK;AAAA,QACL,SAAQ;AAAA,QAEP,UAAAC;AAAA,MAAA;AAAA,IAAA,IAMLG,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,cAAYJ;AAAA,QACZ,WAAWG;AAAA,QACX,SAAAD;AAAA,QACA,OAAOF;AAAA,QACP,MAAK;AAAA,QAEJ,UAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP,GAEMI,IAAgB,MACpBD,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,wBAAuB,MAAK,UAAS,aAAU,UAC3D,UAAApB,IACCsB,gBAAAA,EAAAA,KAAAC,EAAAA,UAAA,EACE,UAAA;AAAA,IAAAH,gBAAAA,EAAAA,IAACpB,GAAA,EAAS,WAAU,WAAA,CAAW;AAAA,IAC/BoB,gBAAAA,EAAAA,IAACpB,GAAA,EAAS,WAAU,sBAAA,CAAsB;AAAA,EAAA,GAC5C,IAEAoB,gBAAAA,MAAC,KAAA,EAAE,WAAU,iCAAiC,aAAY,GAE9D,GAGII,IAAc,CAACC,MACnBH,gBAAAA,EAAAA,KAAC,SAAI,WAAU,4CAA2C,MAAK,SAC7D,UAAA;AAAA,IAAAF,gBAAAA,EAAAA,IAAC,KAAA,EAAE,WAAU,eAAe,UAAAK,KAAWzC,GAAU;AAAA,IAChDsB,KAAA,QAAAA,EAAgB,UACfc,gBAAAA,MAAC,KAAA,EAAE,WAAU,mBAAmB,UAAAd,EAAe,SAAQ,IACrD;AAAA,EAAA,GACN,GAGIoB,IACJJ,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWK;AAAA,QACT;AAAA,QACA/C;AAAA,MAAA;AAAA,MAGD,UAAA;AAAA,QAAAM,IACCoC,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWK;AAAA,cACT;AAAA,cACA7C;AAAA,YAAA;AAAA,YAGF,UAAA;AAAA,cAAAsC,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,6CACb,UAAA7C,KAASmC,GACZ;AAAA,cACCvB,IACG4B;AAAA,gBACE;AAAA,gBACAK,gBAAAA,EAAAA,IAACQ,GAAA,EAAiB,WAAU,UAAA,CAAU;AAAA,gBACtC,MAAM,OAAO,KAAKxD,GAAK,UAAU,YAAY;AAAA,cAAA,IAE/C;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,IAEJ;AAAA,QACJkD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,4EACZ,UAAA;AAAA,UAACf,IAEED,IACEkB,MACA,OAHFA,EAAYvC,CAAe;AAAA,UAI9BsB,KAAe,CAACD,IACfgB,gBAAAA,EAAAA,KAAAC,EAAAA,UAAA,EACG,UAAA;AAAA,YAAAd,IAAYY,MAAkB;AAAA,YAC/B,gBAAAQ;AAAA,cAAC;AAAA,cAAA;AAAA,gBACE,GAAGjC;AAAA,gBACJ,KAAKxB;AAAA,gBACL,WAAWuD;AAAA,kBACT;AAAA,kBACAlB,IAAY,uBAAuB;AAAA,kBACnC5B;AAAA,gBAAA;AAAA,gBAEF,UAAAU;AAAA,gBACA,SAAS,MAAM;AACb,wBAAMuC,IAAY,IAAI,MAAM9C,CAAS;AACrC,kBAAAkB,EAAkB,EAAK,GACvBG,EAAcyB,CAAS,GACvBnC,KAAA,QAAAA,EAAUmC;AAAA,gBACZ;AAAA,gBACA,cAAc,MAAM;AAClB,kBAAA5B,EAAkB,EAAK,GACvBG,EAAc,IAAI,GAClBX,KAAA,QAAAA;AAAA,gBACF;AAAA,gBACA,aAAAD;AAAA,gBACA,SAAAD;AAAA,gBACA,OAAAjB;AAAA,cAAA;AAAA,cAEA6C,gBAAAA,EAAAA,IAAC,UAAA,EAAO,KAAAhD,GAAU,MAAME,EAAA,CAAU;AAAA,cACjCG,KAAA,gBAAAA,EAAQ,IAAI,CAACsD,MACZX,gBAAAA,EAAAA,IAAC,WAAgD,GAAGW,EAAA,GAAxC,GAAGA,EAAM,GAAG,IAAIA,EAAM,QAAQ,EAAE,EAAe;AAAA,YAC5D;AAAA,UACH,EAAA,CACF,IACE;AAAA,QAAA,EAAA,CACN;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIJ,SAAIlC,IAEAuB,gBAAAA,EAAAA,IAACvB,KAAK,WAAAlB,GACH,UAAAmB,0BAAeA,GAAA,EAAa,UAAA4B,EAAA,CAAK,IAAiBA,EAAA,CACrD,IAIGN,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAAzC,GAAuB,UAAA+C,EAAA,CAAK;AAC1C;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@turinhub/atomix-common-ui",
-  "version": "0.4.0",
+  "version": "0.6.0",
   "description": "Common UI components for TurinHub projects",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -17,6 +17,16 @@
         "default": "./dist/index.cjs"
       }
     },
+    "./auth": {
+      "import": {
+        "types": "./dist/auth.d.ts",
+        "default": "./dist/auth.js"
+      },
+      "require": {
+        "types": "./dist/auth.d.ts",
+        "default": "./dist/auth.cjs"
+      }
+    },
     "./data-table": {
       "import": {
         "types": "./dist/data-table.d.ts",
@@ -87,6 +97,26 @@
         "default": "./dist/file-upload.cjs"
       }
     },
+    "./image-reader": {
+      "import": {
+        "types": "./dist/image-reader.d.ts",
+        "default": "./dist/image-reader.js"
+      },
+      "require": {
+        "types": "./dist/image-reader.d.ts",
+        "default": "./dist/image-reader.cjs"
+      }
+    },
+    "./video-reader": {
+      "import": {
+        "types": "./dist/video-reader.d.ts",
+        "default": "./dist/video-reader.js"
+      },
+      "require": {
+        "types": "./dist/video-reader.d.ts",
+        "default": "./dist/video-reader.cjs"
+      }
+    },
     "./simple-pdf-reader": {
       "import": {
         "types": "./dist/simple-pdf-reader.d.ts",
@@ -211,6 +241,7 @@
     }
   },
   "devDependencies": {
+    "@radix-ui/react-switch": "^1.3.1",
     "@testing-library/jest-dom": "^6.4.0",
     "@testing-library/react": "^16.0.0",
     "@testing-library/user-event": "^14.5.0",

package/dist/PDFSidebar-BBtucLK6.js

@@ -1,232 +0,0 @@
-import { j as a } from "./jsx-runtime-B4hRZ52C.js";
-import { memo as H, useState as N, useRef as $, useMemo as C, useEffect as g, useCallback as k } from "react";
-const B = 2, K = (t, i) => {
-  if (t <= 0) return [];
-  const l = Math.max(1, Math.min(i, t)), o = Math.max(1, l - B), c = Math.min(t, l + B);
-  return Array.from({ length: c - o + 1 }, (f, d) => o + d);
-}, L = H(
-  ({
-    thumbnail: t,
-    isCurrentPage: i,
-    onClick: l
-  }) => /* @__PURE__ */ a.jsxs(
-    "div",
-    {
-      className: `flex w-full flex-col items-center rounded p-1 ${i ? "bg-primary/10" : ""}`,
-      children: [
-        /* @__PURE__ */ a.jsx(
-          "img",
-          {
-            src: t.url,
-            alt: `Page ${t.pageNumber}`,
-            className: "w-48 cursor-pointer border transition-opacity hover:opacity-80",
-            onClick: l,
-            onKeyDown: (o) => {
-              (o.key === "Enter" || o.key === " ") && (o.preventDefault(), l());
-            },
-            role: "button",
-            tabIndex: 0
-          }
-        ),
-        /* @__PURE__ */ a.jsxs("span", { className: "mt-1 text-sm", children: [
-          "第 ",
-          t.pageNumber,
-          " 页"
-        ] })
-      ]
-    }
-  )
-);
-L.displayName = "PDFThumbnail";
-const R = ({
-  bookmark: t,
-  depth: i,
-  onClick: l
-}) => /* @__PURE__ */ a.jsxs("div", { style: { paddingLeft: `${i * 16}px` }, children: [
-  /* @__PURE__ */ a.jsx(
-    "button",
-    {
-      onClick: () => l(t),
-      className: "w-full rounded px-2 py-1 text-left text-sm hover:bg-primary/10 hover:text-primary",
-      children: t.title
-    }
-  ),
-  t.items && t.items.map((o, c) => /* @__PURE__ */ a.jsx(
-    R,
-    {
-      bookmark: o,
-      depth: i + 1,
-      onClick: l
-    },
-    `${t.title}-${c}`
-  ))
-] });
-function Q({
-  pdfDocument: t,
-  currentPage: i,
-  onPageClick: l,
-  components: o
-}) {
-  const [c, f] = N([]), [d, w] = N([]), [T, b] = N(
-    []
-  ), m = $(null), x = $(/* @__PURE__ */ new Map()), { Tabs: F, TabsList: O, TabsTrigger: P, TabsContent: E, ScrollArea: A, Skeleton: S } = o, v = C(
-    () => c.reduce((r, e) => (r[e.pageNumber] = e, r), {}),
-    [c]
-  ), p = C(() => {
-    if (!t) return [];
-    const r = /* @__PURE__ */ new Set([
-      ...K(t.numPages, i),
-      ...T
-    ]);
-    return Array.from(r).filter(
-      (e) => e >= 1 && e <= t.numPages && !v[e]
-    ).sort((e, s) => e - s);
-  }, [t, i, v, T]);
-  g(() => {
-    f([]), b([]);
-  }, [t]);
-  const I = k((r) => {
-    b(
-      (e) => e.includes(r) ? e : [...e, r]
-    );
-  }, []);
-  g(() => {
-    if (typeof IntersectionObserver > "u") {
-      t && b(
-        Array.from({ length: t.numPages }, (e, s) => s + 1)
-      );
-      return;
-    }
-    const r = new IntersectionObserver(
-      (e) => {
-        e.forEach((s) => {
-          if (!s.isIntersecting) return;
-          const n = Number(
-            s.target.dataset.pageNumber
-          );
-          Number.isFinite(n) && I(n);
-        });
-      },
-      { rootMargin: "600px 0px" }
-    );
-    return m.current = r, x.current.forEach((e) => {
-      r.observe(e);
-    }), () => {
-      r.disconnect(), m.current = null;
-    };
-  }, [t, I]);
-  const _ = k(
-    (r, e) => {
-      var n, u;
-      const s = x.current.get(r);
-      s && ((n = m.current) == null || n.unobserve(s), x.current.delete(r)), e && (x.current.set(r, e), (u = m.current) == null || u.observe(e));
-    },
-    []
-  );
-  g(() => {
-    if (!t || p.length === 0) return;
-    let r = !1;
-    return (async () => {
-      for (const s of p) {
-        if (r) return;
-        try {
-          const n = await t.getPage(s), u = n.getViewport({ scale: 0.2 }), h = document.createElement("canvas"), M = h.getContext("2d");
-          if (!M) continue;
-          if (h.width = u.width, h.height = u.height, await n.render({
-            canvasContext: M,
-            viewport: u,
-            canvas: h
-          }).promise, r) return;
-          f((y) => y.some(
-            (j) => j.pageNumber === s
-          ) ? y : [
-            ...y,
-            {
-              pageNumber: s,
-              url: h.toDataURL()
-            }
-          ].sort((j, G) => j.pageNumber - G.pageNumber));
-        } catch (n) {
-          console.error(
-            `Error loading thumbnail for page ${s}:`,
-            n
-          );
-        }
-      }
-    })(), () => {
-      r = !0;
-    };
-  }, [t, p]), g(() => {
-    (async () => {
-      if (t)
-        try {
-          const e = await t.getOutline();
-          w(e || []);
-        } catch (e) {
-          console.error("Error loading bookmarks:", e), w([]);
-        }
-    })();
-  }, [t]);
-  const V = async (r) => {
-    if (t)
-      try {
-        let e;
-        if (r.dest)
-          if (typeof r.dest == "string") {
-            const s = await t.getDestination(r.dest);
-            s && s[0] && (e = await t.getPageIndex(s[0]));
-          } else Array.isArray(r.dest) && r.dest[0] && (e = await t.getPageIndex(r.dest[0]));
-        else r.pageNumber && (e = r.pageNumber - 1);
-        typeof e == "number" && l(e + 1);
-      } catch (e) {
-        console.error("Error navigating to bookmark:", e);
-      }
-  }, U = (r) => /* @__PURE__ */ a.jsxs(
-    "div",
-    {
-      ref: (e) => _(r, e),
-      "data-page-number": r,
-      className: `flex w-full flex-col items-center rounded p-1 ${i === r ? "bg-primary/10" : ""}`,
-      children: [
-        /* @__PURE__ */ a.jsx(S, { className: "h-32 w-48" }),
-        /* @__PURE__ */ a.jsxs("span", { className: "mt-1 text-sm", children: [
-          "第 ",
-          r,
-          " 页"
-        ] })
-      ]
-    },
-    r
-  ), W = () => !t || t.numPages <= 0 ? null : Array.from({ length: t.numPages }, (r, e) => {
-    const s = e + 1, n = v[s];
-    return n ? /* @__PURE__ */ a.jsx(
-      L,
-      {
-        thumbnail: n,
-        isCurrentPage: i === s,
-        onClick: () => l(s)
-      },
-      s
-    ) : U(s);
-  });
-  return /* @__PURE__ */ a.jsx("div", { className: "w-64 border-r bg-muted", children: /* @__PURE__ */ a.jsxs(F, { defaultValue: "thumbnails", children: [
-    /* @__PURE__ */ a.jsxs(O, { className: "w-full p-2", children: [
-      /* @__PURE__ */ a.jsx(P, { value: "thumbnails", className: "flex-1 bg-transparent", children: "缩略图" }),
-      /* @__PURE__ */ a.jsx(P, { value: "bookmarks", className: "flex-1 bg-transparent", children: "书签" })
-    ] }),
-    /* @__PURE__ */ a.jsx(E, { value: "thumbnails", children: /* @__PURE__ */ a.jsx(A, { className: "h-[calc(100vh-8rem)]", children: /* @__PURE__ */ a.jsx("div", { className: "space-y-2 p-4", children: W() }) }) }),
-    /* @__PURE__ */ a.jsx(E, { value: "bookmarks", children: /* @__PURE__ */ a.jsx(A, { className: "h-[calc(100vh-8rem)]", children: /* @__PURE__ */ a.jsx("div", { className: "p-4", children: d.length === 0 ? /* @__PURE__ */ a.jsx("div", { className: "py-4 text-center text-sm text-muted-foreground", children: "没有可用的书签" }) : /* @__PURE__ */ a.jsx("div", { className: "space-y-2", children: d.map((r, e) => /* @__PURE__ */ a.jsx(
-      R,
-      {
-        bookmark: r,
-        depth: 0,
-        onClick: V
-      },
-      `${r.title}-${e}`
-    )) }) }) }) })
-  ] }) });
-}
-export {
-  Q as P
-};
-//# sourceMappingURL=PDFSidebar-BBtucLK6.js.map

package/dist/PDFSidebar-BBtucLK6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PDFSidebar-BBtucLK6.js","sources":["../src/components/PDFSidebar.tsx"],"sourcesContent":["import { useState, useEffect, memo, useCallback, useMemo, useRef } from 'react';\n\nimport type {\n  TabsComponent,\n  TabsListComponent,\n  TabsTriggerComponent,\n  TabsContentComponent,\n  ScrollAreaComponent,\n  SkeletonComponent,\n} from '../types/component-types';\n\n/**\n * react-pdf 类型定义\n */\nexport interface PDFDocumentProxy {\n  numPages: number;\n  getPage(pageNumber: number): Promise<PDFPageProxy>;\n  getOutline(): Promise<PDFOutline[] | null>;\n  getDestination(dest: string): Promise<unknown[] | null>;\n  getPageIndex(ref: unknown): Promise<number>;\n}\n\nexport interface PDFPageProxy {\n  getViewport(options: { scale: number }): PDFViewport;\n  render(renderContext: {\n    canvasContext: CanvasRenderingContext2D;\n    viewport: PDFViewport;\n    canvas: HTMLCanvasElement;\n  }): { promise: Promise<void> };\n}\n\nexport interface PDFViewport {\n  width: number;\n  height: number;\n}\n\nexport interface PDFOutline {\n  title: string;\n  bold?: boolean;\n  italic?: boolean;\n  color?: Uint8ClampedArray;\n  dest?: string | unknown[] | null;\n  url?: string | null;\n  unsafeUrl?: string;\n  newWindow?: boolean;\n  count?: number;\n  items?: PDFOutline[];\n  pageNumber?: number;\n}\n\n/**\n * PDF 缩略图\n */\ninterface PDFThumbnail {\n  pageNumber: number;\n  url: string;\n}\n\nconst THUMBNAIL_PAGE_WINDOW = 2;\n\nconst getThumbnailPages = (numPages: number, currentPage: number) => {\n  if (numPages <= 0) return [];\n\n  const safeCurrentPage = Math.max(1, Math.min(currentPage, numPages));\n  const start = Math.max(1, safeCurrentPage - THUMBNAIL_PAGE_WINDOW);\n  const end = Math.min(numPages, safeCurrentPage + THUMBNAIL_PAGE_WINDOW);\n\n  return Array.from({ length: end - start + 1 }, (_, index) => start + index);\n};\n\n/**\n * PDFSidebar 组件 Props\n */\nexport interface PDFSidebarProps {\n  /** PDF 文档对象 */\n  pdfDocument: PDFDocumentProxy | null;\n  /** 当前页码 */\n  currentPage: number;\n  /** 页面点击回调 */\n  onPageClick: (pageNumber: number) => void;\n  /** UI 组件注入 */\n  components: {\n    Tabs: TabsComponent;\n    TabsList: TabsListComponent;\n    TabsTrigger: TabsTriggerComponent;\n    TabsContent: TabsContentComponent;\n    ScrollArea: ScrollAreaComponent;\n    Skeleton: SkeletonComponent;\n  };\n}\n\n/**\n * PDF 缩略图组件 (使用 React.memo 优化性能)\n */\nconst PDFThumbnail = memo(\n  ({\n    thumbnail,\n    isCurrentPage,\n    onClick,\n  }: {\n    thumbnail: PDFThumbnail;\n    isCurrentPage: boolean;\n    onClick: () => void;\n  }) => (\n    <div\n      className={`flex w-full flex-col items-center rounded p-1 ${\n        isCurrentPage ? 'bg-primary/10' : ''\n      }`}\n    >\n      <img\n        src={thumbnail.url}\n        alt={`Page ${thumbnail.pageNumber}`}\n        className=\"w-48 cursor-pointer border transition-opacity hover:opacity-80\"\n        onClick={onClick}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault();\n            onClick();\n          }\n        }}\n        role=\"button\"\n        tabIndex={0}\n      />\n      <span className=\"mt-1 text-sm\">第 {thumbnail.pageNumber} 页</span>\n    </div>\n  )\n);\nPDFThumbnail.displayName = 'PDFThumbnail';\n\n/**\n * PDF 书签组件\n */\nconst PDFBookmark = ({\n  bookmark,\n  depth,\n  onClick,\n}: {\n  bookmark: PDFOutline;\n  depth: number;\n  onClick: (bookmark: PDFOutline) => void;\n}) => (\n  <div style={{ paddingLeft: `${depth * 16}px` }}>\n    <button\n      onClick={() => onClick(bookmark)}\n      className=\"w-full rounded px-2 py-1 text-left text-sm hover:bg-primary/10 hover:text-primary\"\n    >\n      {bookmark.title}\n    </button>\n    {bookmark.items &&\n      bookmark.items.map((item, index) => (\n        <PDFBookmark\n          key={`${bookmark.title}-${index}`}\n          bookmark={item}\n          depth={depth + 1}\n          onClick={onClick}\n        />\n      ))}\n  </div>\n);\n\n/**\n * PDFSidebar 组件\n *\n * 提供缩略图和书签导航功能。\n *\n * @example\n * ```tsx\n * import { PDFSidebar } from '@turinhub/atomix-common-ui/pdf-sidebar';\n * import { Tabs, ScrollArea, Skeleton } from '@/components/ui';\n *\n * <PDFSidebar\n *   pdfDocument={pdfDocument}\n *   currentPage={currentPage}\n *   onPageClick={handlePageClick}\n *   components={{\n *     Tabs,\n *     TabsList: Tabs.List,\n *     TabsTrigger: Tabs.Trigger,\n *     TabsContent: Tabs.Content,\n *     ScrollArea,\n *     Skeleton,\n *   }}\n * />\n * ```\n */\nexport function PDFSidebar({\n  pdfDocument,\n  currentPage,\n  onPageClick,\n  components,\n}: PDFSidebarProps) {\n  const [thumbnails, setThumbnails] = useState<PDFThumbnail[]>([]);\n  const [bookmarks, setBookmarks] = useState<PDFOutline[]>([]);\n  const [visibleThumbnailPages, setVisibleThumbnailPages] = useState<number[]>(\n    []\n  );\n  const intersectionObserverRef = useRef<IntersectionObserver | null>(null);\n  const placeholderElementsRef = useRef<Map<number, HTMLDivElement>>(new Map());\n\n  const { Tabs, TabsList, TabsTrigger, TabsContent, ScrollArea, Skeleton } =\n    components;\n\n  const thumbnailMap = useMemo(\n    () =>\n      thumbnails.reduce<Record<number, PDFThumbnail>>((map, thumbnail) => {\n        map[thumbnail.pageNumber] = thumbnail;\n        return map;\n      }, {}),\n    [thumbnails]\n  );\n\n  const pagesToLoad = useMemo(() => {\n    if (!pdfDocument) return [];\n\n    const pageNumbers = new Set([\n      ...getThumbnailPages(pdfDocument.numPages, currentPage),\n      ...visibleThumbnailPages,\n    ]);\n\n    return Array.from(pageNumbers)\n      .filter(\n        (pageNumber) =>\n          pageNumber >= 1 &&\n          pageNumber <= pdfDocument.numPages &&\n          !thumbnailMap[pageNumber]\n      )\n      .sort((a, b) => a - b);\n  }, [pdfDocument, currentPage, thumbnailMap, visibleThumbnailPages]);\n\n  useEffect(() => {\n    setThumbnails([]);\n    setVisibleThumbnailPages([]);\n  }, [pdfDocument]);\n\n  const trackVisibleThumbnailPage = useCallback((pageNumber: number) => {\n    setVisibleThumbnailPages((pages) =>\n      pages.includes(pageNumber) ? pages : [...pages, pageNumber]\n    );\n  }, []);\n\n  useEffect(() => {\n    if (typeof IntersectionObserver === 'undefined') {\n      if (pdfDocument) {\n        setVisibleThumbnailPages(\n          Array.from({ length: pdfDocument.numPages }, (_, index) => index + 1)\n        );\n      }\n      return;\n    }\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((entry) => {\n          if (!entry.isIntersecting) return;\n\n          const pageNumber = Number(\n            (entry.target as HTMLElement).dataset.pageNumber\n          );\n\n          if (Number.isFinite(pageNumber)) {\n            trackVisibleThumbnailPage(pageNumber);\n          }\n        });\n      },\n      { rootMargin: '600px 0px' }\n    );\n\n    intersectionObserverRef.current = observer;\n    placeholderElementsRef.current.forEach((element) => {\n      observer.observe(element);\n    });\n\n    return () => {\n      observer.disconnect();\n      intersectionObserverRef.current = null;\n    };\n  }, [pdfDocument, trackVisibleThumbnailPage]);\n\n  const setThumbnailPlaceholderRef = useCallback(\n    (pageNumber: number, element: HTMLDivElement | null) => {\n      const previousElement = placeholderElementsRef.current.get(pageNumber);\n\n      if (previousElement) {\n        intersectionObserverRef.current?.unobserve(previousElement);\n        placeholderElementsRef.current.delete(pageNumber);\n      }\n\n      if (!element) return;\n\n      placeholderElementsRef.current.set(pageNumber, element);\n      intersectionObserverRef.current?.observe(element);\n    },\n    []\n  );\n\n  // 按当前页附近的窗口懒加载缩略图，避免大 PDF 一次性生成全部页面。\n  useEffect(() => {\n    if (!pdfDocument || pagesToLoad.length === 0) return;\n\n    let cancelled = false;\n\n    const loadThumbnails = async () => {\n      for (const pageNumber of pagesToLoad) {\n        if (cancelled) return;\n\n        try {\n          const page = await pdfDocument.getPage(pageNumber);\n          const viewport = page.getViewport({ scale: 0.2 });\n          const canvas = document.createElement('canvas');\n          const context = canvas.getContext('2d');\n\n          if (!context) continue;\n\n          canvas.width = viewport.width;\n          canvas.height = viewport.height;\n\n          const renderTask = page.render({\n            canvasContext: context,\n            viewport,\n            canvas,\n          });\n\n          await renderTask.promise;\n\n          if (cancelled) return;\n\n          setThumbnails((currentThumbnails) => {\n            if (\n              currentThumbnails.some(\n                (thumbnail) => thumbnail.pageNumber === pageNumber\n              )\n            ) {\n              return currentThumbnails;\n            }\n\n            return [\n              ...currentThumbnails,\n              {\n                pageNumber,\n                url: canvas.toDataURL(),\n              },\n            ].sort((a, b) => a.pageNumber - b.pageNumber);\n          });\n        } catch (error) {\n          console.error(\n            `Error loading thumbnail for page ${pageNumber}:`,\n            error\n          );\n        }\n      }\n    };\n\n    loadThumbnails();\n\n    return () => {\n      cancelled = true;\n    };\n  }, [pdfDocument, pagesToLoad]);\n\n  // 加载书签\n  useEffect(() => {\n    const loadBookmarks = async () => {\n      if (!pdfDocument) return;\n      try {\n        const outline = await pdfDocument.getOutline();\n        setBookmarks((outline as PDFOutline[]) || []);\n      } catch (error) {\n        console.error('Error loading bookmarks:', error);\n        setBookmarks([]);\n      }\n    };\n\n    loadBookmarks();\n  }, [pdfDocument]);\n\n  // 处理书签点击\n  const handleBookmarkClick = async (bookmark: PDFOutline) => {\n    if (!pdfDocument) return;\n\n    try {\n      let pageIndex: number | undefined;\n\n      // 处理不同类型的书签目标\n      if (bookmark.dest) {\n        if (typeof bookmark.dest === 'string') {\n          // 命名目标\n          const destination = await pdfDocument.getDestination(bookmark.dest);\n          if (destination && destination[0]) {\n            pageIndex = await pdfDocument.getPageIndex(destination[0]);\n          }\n        } else if (Array.isArray(bookmark.dest) && bookmark.dest[0]) {\n          // 显式目标\n          pageIndex = await pdfDocument.getPageIndex(bookmark.dest[0]);\n        }\n      } else if (bookmark.pageNumber) {\n        // 直接页码\n        pageIndex = bookmark.pageNumber - 1;\n      }\n\n      if (typeof pageIndex === 'number') {\n        onPageClick(pageIndex + 1);\n      }\n    } catch (error) {\n      console.error('Error navigating to bookmark:', error);\n    }\n  };\n\n  const renderThumbnailPlaceholder = (pageNumber: number) => (\n    <div\n      ref={(element) => setThumbnailPlaceholderRef(pageNumber, element)}\n      key={pageNumber}\n      data-page-number={pageNumber}\n      className={`flex w-full flex-col items-center rounded p-1 ${\n        currentPage === pageNumber ? 'bg-primary/10' : ''\n      }`}\n    >\n      <Skeleton className=\"h-32 w-48\" />\n      <span className=\"mt-1 text-sm\">第 {pageNumber} 页</span>\n    </div>\n  );\n\n  const renderThumbnailList = () => {\n    if (!pdfDocument || pdfDocument.numPages <= 0) return null;\n\n    return Array.from({ length: pdfDocument.numPages }, (_, index) => {\n      const pageNumber = index + 1;\n      const thumbnail = thumbnailMap[pageNumber];\n\n      return thumbnail ? (\n        <PDFThumbnail\n          key={pageNumber}\n          thumbnail={thumbnail}\n          isCurrentPage={currentPage === pageNumber}\n          onClick={() => onPageClick(pageNumber)}\n        />\n      ) : (\n        renderThumbnailPlaceholder(pageNumber)\n      );\n    });\n  };\n\n  return (\n    <div className=\"w-64 border-r bg-muted\">\n      <Tabs defaultValue=\"thumbnails\">\n        <TabsList className=\"w-full p-2\">\n          <TabsTrigger value=\"thumbnails\" className=\"flex-1 bg-transparent\">\n            缩略图\n          </TabsTrigger>\n          <TabsTrigger value=\"bookmarks\" className=\"flex-1 bg-transparent\">\n            书签\n          </TabsTrigger>\n        </TabsList>\n\n        <TabsContent value=\"thumbnails\">\n          <ScrollArea className=\"h-[calc(100vh-8rem)]\">\n            <div className=\"space-y-2 p-4\">{renderThumbnailList()}</div>\n          </ScrollArea>\n        </TabsContent>\n\n        <TabsContent value=\"bookmarks\">\n          <ScrollArea className=\"h-[calc(100vh-8rem)]\">\n            <div className=\"p-4\">\n              {bookmarks.length === 0 ? (\n                <div className=\"py-4 text-center text-sm text-muted-foreground\">\n                  没有可用的书签\n                </div>\n              ) : (\n                <div className=\"space-y-2\">\n                  {bookmarks.map((bookmark, index) => (\n                    <PDFBookmark\n                      key={`${bookmark.title}-${index}`}\n                      bookmark={bookmark}\n                      depth={0}\n                      onClick={handleBookmarkClick}\n                    />\n                  ))}\n                </div>\n              )}\n            </div>\n          </ScrollArea>\n        </TabsContent>\n      </Tabs>\n    </div>\n  );\n}\n"],"names":["THUMBNAIL_PAGE_WINDOW","getThumbnailPages","numPages","currentPage","safeCurrentPage","start","end","_","index","PDFThumbnail","memo","thumbnail","isCurrentPage","onClick","jsxs","jsx","e","PDFBookmark","bookmark","depth","item","PDFSidebar","pdfDocument","onPageClick","components","thumbnails","setThumbnails","useState","bookmarks","setBookmarks","visibleThumbnailPages","setVisibleThumbnailPages","intersectionObserverRef","useRef","placeholderElementsRef","Tabs","TabsList","TabsTrigger","TabsContent","ScrollArea","Skeleton","thumbnailMap","useMemo","map","pagesToLoad","pageNumbers","pageNumber","a","b","useEffect","trackVisibleThumbnailPage","useCallback","pages","observer","entries","entry","element","setThumbnailPlaceholderRef","previousElement","_a","_b","cancelled","page","viewport","canvas","context","currentThumbnails","error","outline","handleBookmarkClick","pageIndex","destination","renderThumbnailPlaceholder","renderThumbnailList"],"mappings":"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"}

package/dist/PDFSidebar-Di0D-yPS.cjs

@@ -1,2 +0,0 @@
-"use strict";const n=require("./jsx-runtime-BB_1_6y_.cjs"),a=require("react"),M=2,V=(t,l)=>{if(t<=0)return[];const o=Math.max(1,Math.min(l,t)),c=Math.max(1,o-M),u=Math.min(t,o+M);return Array.from({length:u-c+1},(p,d)=>c+d)},A=a.memo(({thumbnail:t,isCurrentPage:l,onClick:o})=>n.jsxRuntimeExports.jsxs("div",{className:`flex w-full flex-col items-center rounded p-1 ${l?"bg-primary/10":""}`,children:[n.jsxRuntimeExports.jsx("img",{src:t.url,alt:`Page ${t.pageNumber}`,className:"w-48 cursor-pointer border transition-opacity hover:opacity-80",onClick:o,onKeyDown:c=>{(c.key==="Enter"||c.key===" ")&&(c.preventDefault(),o())},role:"button",tabIndex:0}),n.jsxRuntimeExports.jsxs("span",{className:"mt-1 text-sm",children:["第 ",t.pageNumber," 页"]})]}));A.displayName="PDFThumbnail";const I=({bookmark:t,depth:l,onClick:o})=>n.jsxRuntimeExports.jsxs("div",{style:{paddingLeft:`${l*16}px`},children:[n.jsxRuntimeExports.jsx("button",{onClick:()=>o(t),className:"w-full rounded px-2 py-1 text-left text-sm hover:bg-primary/10 hover:text-primary",children:t.title}),t.items&&t.items.map((c,u)=>n.jsxRuntimeExports.jsx(I,{bookmark:c,depth:l+1,onClick:o},`${t.title}-${u}`))]});function q({pdfDocument:t,currentPage:l,onPageClick:o,components:c}){const[u,p]=a.useState([]),[d,R]=a.useState([]),[y,f]=a.useState([]),h=a.useRef(null),g=a.useRef(new Map),{Tabs:C,TabsList:S,TabsTrigger:N,TabsContent:w,ScrollArea:T,Skeleton:k}=c,j=a.useMemo(()=>u.reduce((s,e)=>(s[e.pageNumber]=e,s),{}),[u]),b=a.useMemo(()=>{if(!t)return[];const s=new Set([...V(t.numPages,l),...y]);return Array.from(s).filter(e=>e>=1&&e<=t.numPages&&!j[e]).sort((e,r)=>e-r)},[t,l,j,y]);a.useEffect(()=>{p([]),f([])},[t]);const P=a.useCallback(s=>{f(e=>e.includes(s)?e:[...e,s])},[]);a.useEffect(()=>{if(typeof IntersectionObserver>"u"){t&&f(Array.from({length:t.numPages},(e,r)=>r+1));return}const s=new IntersectionObserver(e=>{e.forEach(r=>{if(!r.isIntersecting)return;const i=Number(r.target.dataset.pageNumber);Number.isFinite(i)&&P(i)})},{rootMargin:"600px 0px"});return h.current=s,g.current.forEach(e=>{s.observe(e)}),()=>{s.disconnect(),h.current=null}},[t,P]);const B=a.useCallback((s,e)=>{var i,x;const r=g.current.get(s);r&&((i=h.current)==null||i.unobserve(r),g.current.delete(s)),e&&(g.current.set(s,e),(x=h.current)==null||x.observe(e))},[]);a.useEffect(()=>{if(!t||b.length===0)return;let s=!1;return(async()=>{for(const r of b){if(s)return;try{const i=await t.getPage(r),x=i.getViewport({scale:.2}),m=document.createElement("canvas"),$=m.getContext("2d");if(!$)continue;if(m.width=x.width,m.height=x.height,await i.render({canvasContext:$,viewport:x,canvas:m}).promise,s)return;p(E=>E.some(v=>v.pageNumber===r)?E:[...E,{pageNumber:r,url:m.toDataURL()}].sort((v,_)=>v.pageNumber-_.pageNumber))}catch(i){console.error(`Error loading thumbnail for page ${r}:`,i)}}})(),()=>{s=!0}},[t,b]),a.useEffect(()=>{(async()=>{if(t)try{const e=await t.getOutline();R(e||[])}catch(e){console.error("Error loading bookmarks:",e),R([])}})()},[t]);const F=async s=>{if(t)try{let e;if(s.dest)if(typeof s.dest=="string"){const r=await t.getDestination(s.dest);r&&r[0]&&(e=await t.getPageIndex(r[0]))}else Array.isArray(s.dest)&&s.dest[0]&&(e=await t.getPageIndex(s.dest[0]));else s.pageNumber&&(e=s.pageNumber-1);typeof e=="number"&&o(e+1)}catch(e){console.error("Error navigating to bookmark:",e)}},L=s=>n.jsxRuntimeExports.jsxs("div",{ref:e=>B(s,e),"data-page-number":s,className:`flex w-full flex-col items-center rounded p-1 ${l===s?"bg-primary/10":""}`,children:[n.jsxRuntimeExports.jsx(k,{className:"h-32 w-48"}),n.jsxRuntimeExports.jsxs("span",{className:"mt-1 text-sm",children:["第 ",s," 页"]})]},s),O=()=>!t||t.numPages<=0?null:Array.from({length:t.numPages},(s,e)=>{const r=e+1,i=j[r];return i?n.jsxRuntimeExports.jsx(A,{thumbnail:i,isCurrentPage:l===r,onClick:()=>o(r)},r):L(r)});return n.jsxRuntimeExports.jsx("div",{className:"w-64 border-r bg-muted",children:n.jsxRuntimeExports.jsxs(C,{defaultValue:"thumbnails",children:[n.jsxRuntimeExports.jsxs(S,{className:"w-full p-2",children:[n.jsxRuntimeExports.jsx(N,{value:"thumbnails",className:"flex-1 bg-transparent",children:"缩略图"}),n.jsxRuntimeExports.jsx(N,{value:"bookmarks",className:"flex-1 bg-transparent",children:"书签"})]}),n.jsxRuntimeExports.jsx(w,{value:"thumbnails",children:n.jsxRuntimeExports.jsx(T,{className:"h-[calc(100vh-8rem)]",children:n.jsxRuntimeExports.jsx("div",{className:"space-y-2 p-4",children:O()})})}),n.jsxRuntimeExports.jsx(w,{value:"bookmarks",children:n.jsxRuntimeExports.jsx(T,{className:"h-[calc(100vh-8rem)]",children:n.jsxRuntimeExports.jsx("div",{className:"p-4",children:d.length===0?n.jsxRuntimeExports.jsx("div",{className:"py-4 text-center text-sm text-muted-foreground",children:"没有可用的书签"}):n.jsxRuntimeExports.jsx("div",{className:"space-y-2",children:d.map((s,e)=>n.jsxRuntimeExports.jsx(I,{bookmark:s,depth:0,onClick:F},`${s.title}-${e}`))})})})})]})})}exports.PDFSidebar=q;
-//# sourceMappingURL=PDFSidebar-Di0D-yPS.cjs.map

package/dist/PDFSidebar-Di0D-yPS.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PDFSidebar-Di0D-yPS.cjs","sources":["../src/components/PDFSidebar.tsx"],"sourcesContent":["import { useState, useEffect, memo, useCallback, useMemo, useRef } from 'react';\n\nimport type {\n  TabsComponent,\n  TabsListComponent,\n  TabsTriggerComponent,\n  TabsContentComponent,\n  ScrollAreaComponent,\n  SkeletonComponent,\n} from '../types/component-types';\n\n/**\n * react-pdf 类型定义\n */\nexport interface PDFDocumentProxy {\n  numPages: number;\n  getPage(pageNumber: number): Promise<PDFPageProxy>;\n  getOutline(): Promise<PDFOutline[] | null>;\n  getDestination(dest: string): Promise<unknown[] | null>;\n  getPageIndex(ref: unknown): Promise<number>;\n}\n\nexport interface PDFPageProxy {\n  getViewport(options: { scale: number }): PDFViewport;\n  render(renderContext: {\n    canvasContext: CanvasRenderingContext2D;\n    viewport: PDFViewport;\n    canvas: HTMLCanvasElement;\n  }): { promise: Promise<void> };\n}\n\nexport interface PDFViewport {\n  width: number;\n  height: number;\n}\n\nexport interface PDFOutline {\n  title: string;\n  bold?: boolean;\n  italic?: boolean;\n  color?: Uint8ClampedArray;\n  dest?: string | unknown[] | null;\n  url?: string | null;\n  unsafeUrl?: string;\n  newWindow?: boolean;\n  count?: number;\n  items?: PDFOutline[];\n  pageNumber?: number;\n}\n\n/**\n * PDF 缩略图\n */\ninterface PDFThumbnail {\n  pageNumber: number;\n  url: string;\n}\n\nconst THUMBNAIL_PAGE_WINDOW = 2;\n\nconst getThumbnailPages = (numPages: number, currentPage: number) => {\n  if (numPages <= 0) return [];\n\n  const safeCurrentPage = Math.max(1, Math.min(currentPage, numPages));\n  const start = Math.max(1, safeCurrentPage - THUMBNAIL_PAGE_WINDOW);\n  const end = Math.min(numPages, safeCurrentPage + THUMBNAIL_PAGE_WINDOW);\n\n  return Array.from({ length: end - start + 1 }, (_, index) => start + index);\n};\n\n/**\n * PDFSidebar 组件 Props\n */\nexport interface PDFSidebarProps {\n  /** PDF 文档对象 */\n  pdfDocument: PDFDocumentProxy | null;\n  /** 当前页码 */\n  currentPage: number;\n  /** 页面点击回调 */\n  onPageClick: (pageNumber: number) => void;\n  /** UI 组件注入 */\n  components: {\n    Tabs: TabsComponent;\n    TabsList: TabsListComponent;\n    TabsTrigger: TabsTriggerComponent;\n    TabsContent: TabsContentComponent;\n    ScrollArea: ScrollAreaComponent;\n    Skeleton: SkeletonComponent;\n  };\n}\n\n/**\n * PDF 缩略图组件 (使用 React.memo 优化性能)\n */\nconst PDFThumbnail = memo(\n  ({\n    thumbnail,\n    isCurrentPage,\n    onClick,\n  }: {\n    thumbnail: PDFThumbnail;\n    isCurrentPage: boolean;\n    onClick: () => void;\n  }) => (\n    <div\n      className={`flex w-full flex-col items-center rounded p-1 ${\n        isCurrentPage ? 'bg-primary/10' : ''\n      }`}\n    >\n      <img\n        src={thumbnail.url}\n        alt={`Page ${thumbnail.pageNumber}`}\n        className=\"w-48 cursor-pointer border transition-opacity hover:opacity-80\"\n        onClick={onClick}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault();\n            onClick();\n          }\n        }}\n        role=\"button\"\n        tabIndex={0}\n      />\n      <span className=\"mt-1 text-sm\">第 {thumbnail.pageNumber} 页</span>\n    </div>\n  )\n);\nPDFThumbnail.displayName = 'PDFThumbnail';\n\n/**\n * PDF 书签组件\n */\nconst PDFBookmark = ({\n  bookmark,\n  depth,\n  onClick,\n}: {\n  bookmark: PDFOutline;\n  depth: number;\n  onClick: (bookmark: PDFOutline) => void;\n}) => (\n  <div style={{ paddingLeft: `${depth * 16}px` }}>\n    <button\n      onClick={() => onClick(bookmark)}\n      className=\"w-full rounded px-2 py-1 text-left text-sm hover:bg-primary/10 hover:text-primary\"\n    >\n      {bookmark.title}\n    </button>\n    {bookmark.items &&\n      bookmark.items.map((item, index) => (\n        <PDFBookmark\n          key={`${bookmark.title}-${index}`}\n          bookmark={item}\n          depth={depth + 1}\n          onClick={onClick}\n        />\n      ))}\n  </div>\n);\n\n/**\n * PDFSidebar 组件\n *\n * 提供缩略图和书签导航功能。\n *\n * @example\n * ```tsx\n * import { PDFSidebar } from '@turinhub/atomix-common-ui/pdf-sidebar';\n * import { Tabs, ScrollArea, Skeleton } from '@/components/ui';\n *\n * <PDFSidebar\n *   pdfDocument={pdfDocument}\n *   currentPage={currentPage}\n *   onPageClick={handlePageClick}\n *   components={{\n *     Tabs,\n *     TabsList: Tabs.List,\n *     TabsTrigger: Tabs.Trigger,\n *     TabsContent: Tabs.Content,\n *     ScrollArea,\n *     Skeleton,\n *   }}\n * />\n * ```\n */\nexport function PDFSidebar({\n  pdfDocument,\n  currentPage,\n  onPageClick,\n  components,\n}: PDFSidebarProps) {\n  const [thumbnails, setThumbnails] = useState<PDFThumbnail[]>([]);\n  const [bookmarks, setBookmarks] = useState<PDFOutline[]>([]);\n  const [visibleThumbnailPages, setVisibleThumbnailPages] = useState<number[]>(\n    []\n  );\n  const intersectionObserverRef = useRef<IntersectionObserver | null>(null);\n  const placeholderElementsRef = useRef<Map<number, HTMLDivElement>>(new Map());\n\n  const { Tabs, TabsList, TabsTrigger, TabsContent, ScrollArea, Skeleton } =\n    components;\n\n  const thumbnailMap = useMemo(\n    () =>\n      thumbnails.reduce<Record<number, PDFThumbnail>>((map, thumbnail) => {\n        map[thumbnail.pageNumber] = thumbnail;\n        return map;\n      }, {}),\n    [thumbnails]\n  );\n\n  const pagesToLoad = useMemo(() => {\n    if (!pdfDocument) return [];\n\n    const pageNumbers = new Set([\n      ...getThumbnailPages(pdfDocument.numPages, currentPage),\n      ...visibleThumbnailPages,\n    ]);\n\n    return Array.from(pageNumbers)\n      .filter(\n        (pageNumber) =>\n          pageNumber >= 1 &&\n          pageNumber <= pdfDocument.numPages &&\n          !thumbnailMap[pageNumber]\n      )\n      .sort((a, b) => a - b);\n  }, [pdfDocument, currentPage, thumbnailMap, visibleThumbnailPages]);\n\n  useEffect(() => {\n    setThumbnails([]);\n    setVisibleThumbnailPages([]);\n  }, [pdfDocument]);\n\n  const trackVisibleThumbnailPage = useCallback((pageNumber: number) => {\n    setVisibleThumbnailPages((pages) =>\n      pages.includes(pageNumber) ? pages : [...pages, pageNumber]\n    );\n  }, []);\n\n  useEffect(() => {\n    if (typeof IntersectionObserver === 'undefined') {\n      if (pdfDocument) {\n        setVisibleThumbnailPages(\n          Array.from({ length: pdfDocument.numPages }, (_, index) => index + 1)\n        );\n      }\n      return;\n    }\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((entry) => {\n          if (!entry.isIntersecting) return;\n\n          const pageNumber = Number(\n            (entry.target as HTMLElement).dataset.pageNumber\n          );\n\n          if (Number.isFinite(pageNumber)) {\n            trackVisibleThumbnailPage(pageNumber);\n          }\n        });\n      },\n      { rootMargin: '600px 0px' }\n    );\n\n    intersectionObserverRef.current = observer;\n    placeholderElementsRef.current.forEach((element) => {\n      observer.observe(element);\n    });\n\n    return () => {\n      observer.disconnect();\n      intersectionObserverRef.current = null;\n    };\n  }, [pdfDocument, trackVisibleThumbnailPage]);\n\n  const setThumbnailPlaceholderRef = useCallback(\n    (pageNumber: number, element: HTMLDivElement | null) => {\n      const previousElement = placeholderElementsRef.current.get(pageNumber);\n\n      if (previousElement) {\n        intersectionObserverRef.current?.unobserve(previousElement);\n        placeholderElementsRef.current.delete(pageNumber);\n      }\n\n      if (!element) return;\n\n      placeholderElementsRef.current.set(pageNumber, element);\n      intersectionObserverRef.current?.observe(element);\n    },\n    []\n  );\n\n  // 按当前页附近的窗口懒加载缩略图，避免大 PDF 一次性生成全部页面。\n  useEffect(() => {\n    if (!pdfDocument || pagesToLoad.length === 0) return;\n\n    let cancelled = false;\n\n    const loadThumbnails = async () => {\n      for (const pageNumber of pagesToLoad) {\n        if (cancelled) return;\n\n        try {\n          const page = await pdfDocument.getPage(pageNumber);\n          const viewport = page.getViewport({ scale: 0.2 });\n          const canvas = document.createElement('canvas');\n          const context = canvas.getContext('2d');\n\n          if (!context) continue;\n\n          canvas.width = viewport.width;\n          canvas.height = viewport.height;\n\n          const renderTask = page.render({\n            canvasContext: context,\n            viewport,\n            canvas,\n          });\n\n          await renderTask.promise;\n\n          if (cancelled) return;\n\n          setThumbnails((currentThumbnails) => {\n            if (\n              currentThumbnails.some(\n                (thumbnail) => thumbnail.pageNumber === pageNumber\n              )\n            ) {\n              return currentThumbnails;\n            }\n\n            return [\n              ...currentThumbnails,\n              {\n                pageNumber,\n                url: canvas.toDataURL(),\n              },\n            ].sort((a, b) => a.pageNumber - b.pageNumber);\n          });\n        } catch (error) {\n          console.error(\n            `Error loading thumbnail for page ${pageNumber}:`,\n            error\n          );\n        }\n      }\n    };\n\n    loadThumbnails();\n\n    return () => {\n      cancelled = true;\n    };\n  }, [pdfDocument, pagesToLoad]);\n\n  // 加载书签\n  useEffect(() => {\n    const loadBookmarks = async () => {\n      if (!pdfDocument) return;\n      try {\n        const outline = await pdfDocument.getOutline();\n        setBookmarks((outline as PDFOutline[]) || []);\n      } catch (error) {\n        console.error('Error loading bookmarks:', error);\n        setBookmarks([]);\n      }\n    };\n\n    loadBookmarks();\n  }, [pdfDocument]);\n\n  // 处理书签点击\n  const handleBookmarkClick = async (bookmark: PDFOutline) => {\n    if (!pdfDocument) return;\n\n    try {\n      let pageIndex: number | undefined;\n\n      // 处理不同类型的书签目标\n      if (bookmark.dest) {\n        if (typeof bookmark.dest === 'string') {\n          // 命名目标\n          const destination = await pdfDocument.getDestination(bookmark.dest);\n          if (destination && destination[0]) {\n            pageIndex = await pdfDocument.getPageIndex(destination[0]);\n          }\n        } else if (Array.isArray(bookmark.dest) && bookmark.dest[0]) {\n          // 显式目标\n          pageIndex = await pdfDocument.getPageIndex(bookmark.dest[0]);\n        }\n      } else if (bookmark.pageNumber) {\n        // 直接页码\n        pageIndex = bookmark.pageNumber - 1;\n      }\n\n      if (typeof pageIndex === 'number') {\n        onPageClick(pageIndex + 1);\n      }\n    } catch (error) {\n      console.error('Error navigating to bookmark:', error);\n    }\n  };\n\n  const renderThumbnailPlaceholder = (pageNumber: number) => (\n    <div\n      ref={(element) => setThumbnailPlaceholderRef(pageNumber, element)}\n      key={pageNumber}\n      data-page-number={pageNumber}\n      className={`flex w-full flex-col items-center rounded p-1 ${\n        currentPage === pageNumber ? 'bg-primary/10' : ''\n      }`}\n    >\n      <Skeleton className=\"h-32 w-48\" />\n      <span className=\"mt-1 text-sm\">第 {pageNumber} 页</span>\n    </div>\n  );\n\n  const renderThumbnailList = () => {\n    if (!pdfDocument || pdfDocument.numPages <= 0) return null;\n\n    return Array.from({ length: pdfDocument.numPages }, (_, index) => {\n      const pageNumber = index + 1;\n      const thumbnail = thumbnailMap[pageNumber];\n\n      return thumbnail ? (\n        <PDFThumbnail\n          key={pageNumber}\n          thumbnail={thumbnail}\n          isCurrentPage={currentPage === pageNumber}\n          onClick={() => onPageClick(pageNumber)}\n        />\n      ) : (\n        renderThumbnailPlaceholder(pageNumber)\n      );\n    });\n  };\n\n  return (\n    <div className=\"w-64 border-r bg-muted\">\n      <Tabs defaultValue=\"thumbnails\">\n        <TabsList className=\"w-full p-2\">\n          <TabsTrigger value=\"thumbnails\" className=\"flex-1 bg-transparent\">\n            缩略图\n          </TabsTrigger>\n          <TabsTrigger value=\"bookmarks\" className=\"flex-1 bg-transparent\">\n            书签\n          </TabsTrigger>\n        </TabsList>\n\n        <TabsContent value=\"thumbnails\">\n          <ScrollArea className=\"h-[calc(100vh-8rem)]\">\n            <div className=\"space-y-2 p-4\">{renderThumbnailList()}</div>\n          </ScrollArea>\n        </TabsContent>\n\n        <TabsContent value=\"bookmarks\">\n          <ScrollArea className=\"h-[calc(100vh-8rem)]\">\n            <div className=\"p-4\">\n              {bookmarks.length === 0 ? (\n                <div className=\"py-4 text-center text-sm text-muted-foreground\">\n                  没有可用的书签\n                </div>\n              ) : (\n                <div className=\"space-y-2\">\n                  {bookmarks.map((bookmark, index) => (\n                    <PDFBookmark\n                      key={`${bookmark.title}-${index}`}\n                      bookmark={bookmark}\n                      depth={0}\n                      onClick={handleBookmarkClick}\n                    />\n                  ))}\n                </div>\n              )}\n            </div>\n          </ScrollArea>\n        </TabsContent>\n      </Tabs>\n    </div>\n  );\n}\n"],"names":["THUMBNAIL_PAGE_WINDOW","getThumbnailPages","numPages","currentPage","safeCurrentPage","start","end","_","index","PDFThumbnail","memo","thumbnail","isCurrentPage","onClick","jsxs","jsx","e","PDFBookmark","bookmark","depth","item","PDFSidebar","pdfDocument","onPageClick","components","thumbnails","setThumbnails","useState","bookmarks","setBookmarks","visibleThumbnailPages","setVisibleThumbnailPages","intersectionObserverRef","useRef","placeholderElementsRef","Tabs","TabsList","TabsTrigger","TabsContent","ScrollArea","Skeleton","thumbnailMap","useMemo","map","pagesToLoad","pageNumbers","pageNumber","a","b","useEffect","trackVisibleThumbnailPage","useCallback","pages","observer","entries","entry","element","setThumbnailPlaceholderRef","previousElement","_a","_b","cancelled","page","viewport","canvas","context","currentThumbnails","error","outline","handleBookmarkClick","pageIndex","destination","renderThumbnailPlaceholder","renderThumbnailList"],"mappings":"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"}