@useupup/react 3.3.0

package/dist/chunk-OXWVO7Z6.cjs

@@ -0,0 +1,70 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _chunkIG62MHVQcjs = require('./chunk-IG62MHVQ.cjs');
+
+// src/hooks/useFetchFileByUrl.ts
+var _react = require('react');
+var _internal = require('@useupup/core/internal');
+function useFetchFileByUrl() {
+  const { core } = _chunkIG62MHVQcjs.useUploaderRuntime.call(void 0, );
+  const { onError } = _chunkIG62MHVQcjs.useUploaderOptions.call(void 0, );
+  const [loading, setLoading] = _react.useState.call(void 0, false);
+  const abortControllerRef = _react.useRef.call(void 0, null);
+  const mountedRef = _react.useRef.call(void 0, true);
+  const cancelFetch = _react.useCallback.call(void 0, () => {
+    var _a;
+    (_a = abortControllerRef.current) == null ? void 0 : _a.abort();
+    abortControllerRef.current = null;
+  }, []);
+  _react.useEffect.call(void 0, () => {
+    return () => {
+      mountedRef.current = false;
+      cancelFetch();
+    };
+  }, [cancelFetch]);
+  const fetchImage = _react.useCallback.call(void 0, 
+    async (url) => {
+      if (loading) return;
+      const abortController = new AbortController();
+      abortControllerRef.current = abortController;
+      try {
+        setLoading(true);
+        const response = await fetch(url, {
+          signal: abortController.signal
+        });
+        if (!response.ok) {
+          throw new Error(`Failed to fetch URL: ${response.status}`);
+        }
+        const blob = await response.blob();
+        const fileName = _internal.deriveFetchedFileName.call(void 0, url, response, blob);
+        const file = new File([blob], fileName, {
+          type: blob.type
+        });
+        core == null ? void 0 : core.emit("url-fetch", { file });
+        return file;
+      } catch (error) {
+        if (error.name === "AbortError") {
+          core == null ? void 0 : core.emit("url-fetch-cancel", { url });
+          return;
+        }
+        onError(error.message);
+        return;
+      } finally {
+        if (abortControllerRef.current === abortController) {
+          abortControllerRef.current = null;
+        }
+        if (mountedRef.current) {
+          setLoading(false);
+        }
+      }
+    },
+    [core, loading, onError]
+  );
+  return { loading, fetchImage, cancelFetch };
+}
+
+
+
+exports.useFetchFileByUrl = useFetchFileByUrl;
+//# sourceMappingURL=chunk-OXWVO7Z6.cjs.map

package/dist/chunk-OXWVO7Z6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["c:\\Users\\amind\\OneDrive\\Desktop\\Projects\\INTERNAL\\upup\\packages\\react\\dist\\chunk-OXWVO7Z6.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,wDAA6B;AAC7B;AACA;AACA,8BAAgE;AAChE,kDAA8D;AAC9D,SAAS,iBAAiB,CAAC,EAAE;AAC7B,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,kDAAkB,CAAE;AACvC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,kDAAkB,CAAE;AAC1C,EAAE,MAAM,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,6BAAQ,KAAM,CAAC;AAC/C,EAAE,MAAM,mBAAmB,EAAE,2BAAM,IAAK,CAAC;AACzC,EAAE,MAAM,WAAW,EAAE,2BAAM,IAAK,CAAC;AACjC,EAAE,MAAM,YAAY,EAAE,gCAAW,CAAE,EAAE,GAAG;AACxC,IAAI,IAAI,EAAE;AACV,IAAI,CAAC,GAAG,EAAE,kBAAkB,CAAC,OAAO,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC;AACnE,IAAI,kBAAkB,CAAC,QAAQ,EAAE,IAAI;AACrC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AACR,EAAE,8BAAS,CAAE,EAAE,GAAG;AAClB,IAAI,OAAO,CAAC,EAAE,GAAG;AACjB,MAAM,UAAU,CAAC,QAAQ,EAAE,KAAK;AAChC,MAAM,WAAW,CAAC,CAAC;AACnB,IAAI,CAAC;AACL,EAAE,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC;AACnB,EAAE,MAAM,WAAW,EAAE,gCAAW;AAChC,IAAI,MAAM,CAAC,GAAG,EAAE,GAAG;AACnB,MAAM,GAAG,CAAC,OAAO,EAAE,MAAM;AACzB,MAAM,MAAM,gBAAgB,EAAE,IAAI,eAAe,CAAC,CAAC;AACnD,MAAM,kBAAkB,CAAC,QAAQ,EAAE,eAAe;AAClD,MAAM,IAAI;AACV,QAAQ,UAAU,CAAC,IAAI,CAAC;AACxB,QAAQ,MAAM,SAAS,EAAE,MAAM,KAAK,CAAC,GAAG,EAAE;AAC1C,UAAU,MAAM,EAAE,eAAe,CAAC;AAClC,QAAQ,CAAC,CAAC;AACV,QAAQ,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE,EAAE;AAC1B,UAAU,MAAM,IAAI,KAAK,CAAC,CAAC,qBAAqB,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,UAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,QAAA;AACA,UAAA;AACA,UAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,QAAA;AACA,UAAA;AACA,QAAA;AACA,QAAA;AACA,UAAA;AACA,QAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,EAAA;AACA,EAAA;AACA;AACA;AACA;AACA;AACA","file":"C:\\Users\\amind\\OneDrive\\Desktop\\Projects\\INTERNAL\\upup\\packages\\react\\dist\\chunk-OXWVO7Z6.cjs","sourcesContent":[null]}

package/dist/chunk-PLGHK2Y4.js

@@ -0,0 +1,79 @@
+// src/components/Icon.tsx
+import { createElement } from "react";
+import { ICONS } from "@useupup/core";
+import { cn } from "@useupup/core/internal";
+var REACT_ATTR_MAP = {
+  "stroke-width": "strokeWidth",
+  "stroke-linecap": "strokeLinecap",
+  "stroke-linejoin": "strokeLinejoin",
+  "fill-rule": "fillRule"
+};
+function toReactAttrs(attrs) {
+  var _a;
+  const out = {};
+  for (const [k, v] of Object.entries(attrs != null ? attrs : {}))
+    out[(_a = REACT_ATTR_MAP[k]) != null ? _a : k] = v;
+  return out;
+}
+function Icon({ name, size, className }) {
+  const def = ICONS[name];
+  const px = size != null ? size : def.defaultSize;
+  return createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: def.viewBox,
+    width: px,
+    height: px,
+    ...toReactAttrs(def.attrs),
+    className: cn(def.className, className),
+    dangerouslySetInnerHTML: { __html: def.inner }
+  });
+}
+var Icon_default = Icon;
+
+// src/lib/file.ts
+import pako from "pako";
+import { fileAppendParams, revokeFileUrl } from "@useupup/core/internal";
+import {
+  bytesToSize,
+  sizeToBytes,
+  checkFileSize,
+  PREVIEW_MAX_TEXT_SIZE,
+  PREVIEW_TEXT_TRUNCATE_LENGTH,
+  fileGetIsImage,
+  fileGetIsPdf,
+  fileGetIsText,
+  fileCanPreviewText,
+  fileGetExtension,
+  fileIs3D,
+  searchDriveFiles
+} from "@useupup/core/internal";
+function formatFileSize(bytes, tr) {
+  var _a;
+  if (!bytes || bytes === 0) return tr.zeroBytes;
+  const k = 1024;
+  const sizes = [tr.bytes, tr.kb, tr.mb, tr.gb];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return `${Math.round(bytes / Math.pow(k, i) * 10) / 10} ${(_a = sizes[i]) != null ? _a : ""}`;
+}
+
+// src/context/SourceViewHeaderExtraContext.ts
+import { createContext } from "react";
+var SourceViewHeaderExtraContext = createContext(
+  null
+);
+
+export {
+  Icon_default,
+  formatFileSize,
+  PREVIEW_MAX_TEXT_SIZE,
+  PREVIEW_TEXT_TRUNCATE_LENGTH,
+  fileGetIsImage,
+  fileGetIsPdf,
+  fileGetIsText,
+  fileCanPreviewText,
+  fileGetExtension,
+  fileIs3D,
+  searchDriveFiles,
+  SourceViewHeaderExtraContext
+};
+//# sourceMappingURL=chunk-PLGHK2Y4.js.map

package/dist/chunk-PLGHK2Y4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Icon.tsx","../src/lib/file.ts","../src/context/SourceViewHeaderExtraContext.ts"],"sourcesContent":["import { createElement, type ReactElement } from 'react'\r\nimport { ICONS, type IconName } from '@useupup/core'\r\nimport { cn } from '@useupup/core/internal'\r\n\r\nexport interface IconProps {\r\n    name: IconName\r\n    size?: number | undefined\r\n    className?: string | undefined\r\n}\r\n\r\n// React uses camelCase SVG prop names; the registry stores kebab-case (raw-SVG) keys.\r\n// Mapping the OUTER-svg attrs avoids React's \"Invalid DOM property\" dev warnings.\r\n// (def.inner is injected raw via dangerouslySetInnerHTML and is NOT processed by React,\r\n//  so kebab attrs inside it are fine.)\r\nconst REACT_ATTR_MAP: Record<string, string> = {\r\n    'stroke-width': 'strokeWidth',\r\n    'stroke-linecap': 'strokeLinecap',\r\n    'stroke-linejoin': 'strokeLinejoin',\r\n    'fill-rule': 'fillRule',\r\n}\r\nfunction toReactAttrs(attrs?: Record<string, string>): Record<string, string> {\r\n    const out: Record<string, string> = {}\r\n    for (const [k, v] of Object.entries(attrs ?? {}))\r\n        out[REACT_ATTR_MAP[k] ?? k] = v\r\n    return out\r\n}\r\n\r\nexport function Icon({ name, size, className }: IconProps): ReactElement {\r\n    const def = ICONS[name]\r\n    const px = size ?? def.defaultSize\r\n    return createElement('svg', {\r\n        xmlns: 'http://www.w3.org/2000/svg',\r\n        viewBox: def.viewBox,\r\n        width: px,\r\n        height: px,\r\n        ...toReactAttrs(def.attrs),\r\n        className: cn(def.className, className),\r\n        dangerouslySetInnerHTML: { __html: def.inner },\r\n    })\r\n}\r\n\r\nexport default Icon\r\n","import pako from 'pako'\r\nimport type { Translations, UploadFile } from '@useupup/core'\r\nimport { fileAppendParams, revokeFileUrl } from '@useupup/core/internal'\r\n\r\nexport { fileAppendParams, revokeFileUrl }\r\n\r\n/** Human-readable file size using the localized unit labels. Shared by\r\n *  FilePreview (grid tile), FileRow (list) and FileHero (single-file). */\r\nexport function formatFileSize(\r\n    bytes: number | undefined,\r\n    tr: Translations,\r\n): string {\r\n    if (!bytes || bytes === 0) return tr.zeroBytes\r\n    const k = 1024\r\n    const sizes = [tr.bytes, tr.kb, tr.mb, tr.gb]\r\n    const i = Math.floor(Math.log(bytes) / Math.log(k))\r\n    return `${Math.round((bytes / Math.pow(k, i)) * 10) / 10} ${sizes[i] ?? ''}`\r\n}\r\nexport {\r\n    bytesToSize,\r\n    sizeToBytes,\r\n    checkFileSize,\r\n    PREVIEW_MAX_TEXT_SIZE,\r\n    PREVIEW_TEXT_TRUNCATE_LENGTH,\r\n    fileGetIsImage,\r\n    fileGetIsPdf,\r\n    fileGetIsText,\r\n    fileCanPreviewText,\r\n    fileGetExtension,\r\n    fileIs3D,\r\n    searchDriveFiles,\r\n} from '@useupup/core/internal'\r\n\r\nexport async function compressFile(oldFile: UploadFile): Promise<UploadFile> {\r\n    const buffer = await oldFile.arrayBuffer()\r\n    const compressed = new File([pako.gzip(buffer)], oldFile.name + '.gz', {\r\n        type: 'application/octet-stream',\r\n        lastModified: oldFile.lastModified,\r\n    })\r\n    const newUploadFile = fileAppendParams(compressed)\r\n    newUploadFile.id = oldFile.id\r\n    /* eslint-disable @typescript-eslint/no-deprecated -- carry legacy thumbnail/fileHash across compression until v3 removes them */\r\n    if (oldFile.thumbnail !== undefined)\r\n        newUploadFile.thumbnail = oldFile.thumbnail\r\n    if (oldFile.fileHash !== undefined)\r\n        newUploadFile.fileHash = oldFile.fileHash\r\n    /* eslint-enable @typescript-eslint/no-deprecated -- end legacy field carry-over */\r\n    if (oldFile.key !== undefined) newUploadFile.key = oldFile.key\r\n    newUploadFile.source = oldFile.source\r\n    newUploadFile.status = oldFile.status\r\n    newUploadFile.metadata = oldFile.metadata\r\n    revokeFileUrl(oldFile)\r\n    return newUploadFile\r\n}\r\n","import { createContext } from 'react'\r\n\r\n/**\r\n * DOM host inside the SourceView header row, just before the Back button.\r\n * A source view portals its right-side header extras into it (e.g. the drive\r\n * browser's avatar + log out + separator) so account controls share the top\r\n * row instead of occupying their own strip. Null when no header is mounted.\r\n */\r\nexport const SourceViewHeaderExtraContext = createContext<HTMLElement | null>(\r\n    null,\r\n)\r\n"],"mappings":";AAAA,SAAS,qBAAwC;AACjD,SAAS,aAA4B;AACrC,SAAS,UAAU;AAYnB,IAAM,iBAAyC;AAAA,EAC3C,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,aAAa;AACjB;AACA,SAAS,aAAa,OAAwD;AApB9E;AAqBI,QAAM,MAA8B,CAAC;AACrC,aAAW,CAAC,GAAG,CAAC,KAAK,OAAO,QAAQ,wBAAS,CAAC,CAAC;AAC3C,SAAI,oBAAe,CAAC,MAAhB,YAAqB,CAAC,IAAI;AAClC,SAAO;AACX;AAEO,SAAS,KAAK,EAAE,MAAM,MAAM,UAAU,GAA4B;AACrE,QAAM,MAAM,MAAM,IAAI;AACtB,QAAM,KAAK,sBAAQ,IAAI;AACvB,SAAO,cAAc,OAAO;AAAA,IACxB,OAAO;AAAA,IACP,SAAS,IAAI;AAAA,IACb,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,GAAG,aAAa,IAAI,KAAK;AAAA,IACzB,WAAW,GAAG,IAAI,WAAW,SAAS;AAAA,IACtC,yBAAyB,EAAE,QAAQ,IAAI,MAAM;AAAA,EACjD,CAAC;AACL;AAEA,IAAO,eAAQ;;;ACzCf,OAAO,UAAU;AAEjB,SAAS,kBAAkB,qBAAqB;AAgBhD;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACG;AAvBA,SAAS,eACZ,OACA,IACM;AAXV;AAYI,MAAI,CAAC,SAAS,UAAU,EAAG,QAAO,GAAG;AACrC,QAAM,IAAI;AACV,QAAM,QAAQ,CAAC,GAAG,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,EAAE;AAC5C,QAAM,IAAI,KAAK,MAAM,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,CAAC,CAAC;AAClD,SAAO,GAAG,KAAK,MAAO,QAAQ,KAAK,IAAI,GAAG,CAAC,IAAK,EAAE,IAAI,EAAE,KAAI,WAAM,CAAC,MAAP,YAAY,EAAE;AAC9E;;;ACjBA,SAAS,qBAAqB;AAQvB,IAAM,+BAA+B;AAAA,EACxC;AACJ;","names":[]}

package/dist/chunk-SSLP3MEC.js

@@ -0,0 +1,39 @@
+import {
+  useUploaderTheme
+} from "./chunk-LCMDDPUD.js";
+
+// src/components/shared/SourceViewContainer.tsx
+import { cn } from "@useupup/core/internal";
+import { jsx } from "react/jsx-runtime";
+function SourceViewContainer({
+  children,
+  isLoading = false,
+  ...rest
+}) {
+  var _a, _b;
+  const { isDark: dark, slotOverrides: slotClasses } = useUploaderTheme();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-testid": "upup-source-view",
+      className: cn(
+        // Transparent by design: the view body sits directly on the
+        // panel's gradient chrome (the old black/[0.075] wash read as
+        // a mismatched gray block over the light gradient).
+        "upup-flex upup-items-center upup-justify-center upup-overflow-hidden",
+        {
+          "upup-text-[#FAFAFA] dark:upup-text-[#FAFAFA]": isLoading && dark,
+          [(_a = slotClasses.sourceView) != null ? _a : ""]: !isLoading && slotClasses.sourceView,
+          [(_b = slotClasses.driveLoading) != null ? _b : ""]: isLoading && slotClasses.driveLoading
+        }
+      ),
+      ...rest,
+      children
+    }
+  );
+}
+
+export {
+  SourceViewContainer
+};
+//# sourceMappingURL=chunk-SSLP3MEC.js.map

package/dist/chunk-SSLP3MEC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/shared/SourceViewContainer.tsx"],"sourcesContent":["import React, { HTMLAttributes, PropsWithChildren } from 'react'\r\nimport { useUploaderTheme } from '../../context/UploaderContext'\r\nimport { cn } from '@useupup/core/internal'\r\n\r\nexport default function SourceViewContainer({\r\n    children,\r\n    isLoading = false,\r\n    ...rest\r\n}: PropsWithChildren<\r\n    { isLoading?: boolean } & HTMLAttributes<HTMLDivElement>\r\n>): React.ReactElement | null {\r\n    const { isDark: dark, slotOverrides: slotClasses } = useUploaderTheme()\r\n\r\n    return (\r\n        <div\r\n            data-testid=\"upup-source-view\"\r\n            className={cn(\r\n                // Transparent by design: the view body sits directly on the\r\n                // panel's gradient chrome (the old black/[0.075] wash read as\r\n                // a mismatched gray block over the light gradient).\r\n                'upup-flex upup-items-center upup-justify-center upup-overflow-hidden',\r\n                {\r\n                    'upup-text-[#FAFAFA] dark:upup-text-[#FAFAFA]':\r\n                        isLoading && dark,\r\n                    [slotClasses.sourceView ?? '']:\r\n                        !isLoading && slotClasses.sourceView,\r\n                    [slotClasses.driveLoading ?? '']:\r\n                        isLoading && slotClasses.driveLoading,\r\n                },\r\n            )}\r\n            {...rest}\r\n        >\r\n            {children}\r\n        </div>\r\n    )\r\n}\r\n"],"mappings":";;;;;AAEA,SAAS,UAAU;AAYX;AAVO,SAAR,oBAAqC;AAAA,EACxC;AAAA,EACA,YAAY;AAAA,EACZ,GAAG;AACP,GAE8B;AAV9B;AAWI,QAAM,EAAE,QAAQ,MAAM,eAAe,YAAY,IAAI,iBAAiB;AAEtE,SACI;AAAA,IAAC;AAAA;AAAA,MACG,eAAY;AAAA,MACZ,WAAW;AAAA;AAAA;AAAA;AAAA,QAIP;AAAA,QACA;AAAA,UACI,gDACI,aAAa;AAAA,UACjB,EAAC,iBAAY,eAAZ,YAA0B,EAAE,GACzB,CAAC,aAAa,YAAY;AAAA,UAC9B,EAAC,iBAAY,iBAAZ,YAA4B,EAAE,GAC3B,aAAa,YAAY;AAAA,QACjC;AAAA,MACJ;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACL;AAER;","names":[]}

package/dist/chunk-WYMKISZI.js

@@ -0,0 +1,70 @@
+import {
+  useUploaderOptions,
+  useUploaderRuntime
+} from "./chunk-LCMDDPUD.js";
+
+// src/hooks/useFetchFileByUrl.ts
+import { useCallback, useEffect, useRef, useState } from "react";
+import { deriveFetchedFileName } from "@useupup/core/internal";
+function useFetchFileByUrl() {
+  const { core } = useUploaderRuntime();
+  const { onError } = useUploaderOptions();
+  const [loading, setLoading] = useState(false);
+  const abortControllerRef = useRef(null);
+  const mountedRef = useRef(true);
+  const cancelFetch = useCallback(() => {
+    var _a;
+    (_a = abortControllerRef.current) == null ? void 0 : _a.abort();
+    abortControllerRef.current = null;
+  }, []);
+  useEffect(() => {
+    return () => {
+      mountedRef.current = false;
+      cancelFetch();
+    };
+  }, [cancelFetch]);
+  const fetchImage = useCallback(
+    async (url) => {
+      if (loading) return;
+      const abortController = new AbortController();
+      abortControllerRef.current = abortController;
+      try {
+        setLoading(true);
+        const response = await fetch(url, {
+          signal: abortController.signal
+        });
+        if (!response.ok) {
+          throw new Error(`Failed to fetch URL: ${response.status}`);
+        }
+        const blob = await response.blob();
+        const fileName = deriveFetchedFileName(url, response, blob);
+        const file = new File([blob], fileName, {
+          type: blob.type
+        });
+        core == null ? void 0 : core.emit("url-fetch", { file });
+        return file;
+      } catch (error) {
+        if (error.name === "AbortError") {
+          core == null ? void 0 : core.emit("url-fetch-cancel", { url });
+          return;
+        }
+        onError(error.message);
+        return;
+      } finally {
+        if (abortControllerRef.current === abortController) {
+          abortControllerRef.current = null;
+        }
+        if (mountedRef.current) {
+          setLoading(false);
+        }
+      }
+    },
+    [core, loading, onError]
+  );
+  return { loading, fetchImage, cancelFetch };
+}
+
+export {
+  useFetchFileByUrl
+};
+//# sourceMappingURL=chunk-WYMKISZI.js.map

package/dist/chunk-WYMKISZI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useFetchFileByUrl.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react'\r\nimport { deriveFetchedFileName } from '@useupup/core/internal'\r\nimport {\r\n    useUploaderOptions,\r\n    useUploaderRuntime,\r\n} from '../context/UploaderContext'\r\n\r\nexport { deriveFetchedFileName }\r\n\r\nexport default function useFetchFileByUrl(): {\r\n    loading: boolean\r\n    fetchImage: (url: string) => Promise<File | undefined>\r\n    cancelFetch: () => void\r\n} {\r\n    const { core } = useUploaderRuntime()\r\n    const { onError } = useUploaderOptions()\r\n    const [loading, setLoading] = useState(false)\r\n    const abortControllerRef = useRef<AbortController | null>(null)\r\n    const mountedRef = useRef(true)\r\n\r\n    const cancelFetch = useCallback(() => {\r\n        abortControllerRef.current?.abort()\r\n        abortControllerRef.current = null\r\n    }, [])\r\n\r\n    // Abort any in-flight fetch on unmount so we never setState after teardown.\r\n    useEffect(() => {\r\n        return () => {\r\n            mountedRef.current = false\r\n            cancelFetch()\r\n        }\r\n    }, [cancelFetch])\r\n\r\n    const fetchImage = useCallback(\r\n        async (url: string) => {\r\n            if (loading) return\r\n            const abortController = new AbortController()\r\n            abortControllerRef.current = abortController\r\n\r\n            try {\r\n                setLoading(true)\r\n                const response = await fetch(url, {\r\n                    signal: abortController.signal,\r\n                })\r\n                if (!response.ok) {\r\n                    throw new Error(`Failed to fetch URL: ${response.status}`)\r\n                }\r\n                const blob = await response.blob()\r\n                const fileName = deriveFetchedFileName(url, response, blob)\r\n\r\n                const file = new File([blob], fileName, {\r\n                    type: blob.type,\r\n                })\r\n\r\n                core?.emit('url-fetch', { file })\r\n                return file\r\n            } catch (error) {\r\n                if ((error as Error).name === 'AbortError') {\r\n                    core?.emit('url-fetch-cancel', { url })\r\n                    return\r\n                }\r\n                onError((error as Error).message)\r\n                return\r\n            } finally {\r\n                if (abortControllerRef.current === abortController) {\r\n                    abortControllerRef.current = null\r\n                }\r\n                if (mountedRef.current) {\r\n                    setLoading(false)\r\n                }\r\n            }\r\n        },\r\n        [core, loading, onError],\r\n    )\r\n\r\n    return { loading, fetchImage, cancelFetch }\r\n}\r\n"],"mappings":";;;;;;AAAA,SAAS,aAAa,WAAW,QAAQ,gBAAgB;AACzD,SAAS,6BAA6B;AAQvB,SAAR,oBAIL;AACE,QAAM,EAAE,KAAK,IAAI,mBAAmB;AACpC,QAAM,EAAE,QAAQ,IAAI,mBAAmB;AACvC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,qBAAqB,OAA+B,IAAI;AAC9D,QAAM,aAAa,OAAO,IAAI;AAE9B,QAAM,cAAc,YAAY,MAAM;AApB1C;AAqBQ,6BAAmB,YAAnB,mBAA4B;AAC5B,uBAAmB,UAAU;AAAA,EACjC,GAAG,CAAC,CAAC;AAGL,YAAU,MAAM;AACZ,WAAO,MAAM;AACT,iBAAW,UAAU;AACrB,kBAAY;AAAA,IAChB;AAAA,EACJ,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,aAAa;AAAA,IACf,OAAO,QAAgB;AACnB,UAAI,QAAS;AACb,YAAM,kBAAkB,IAAI,gBAAgB;AAC5C,yBAAmB,UAAU;AAE7B,UAAI;AACA,mBAAW,IAAI;AACf,cAAM,WAAW,MAAM,MAAM,KAAK;AAAA,UAC9B,QAAQ,gBAAgB;AAAA,QAC5B,CAAC;AACD,YAAI,CAAC,SAAS,IAAI;AACd,gBAAM,IAAI,MAAM,wBAAwB,SAAS,MAAM,EAAE;AAAA,QAC7D;AACA,cAAM,OAAO,MAAM,SAAS,KAAK;AACjC,cAAM,WAAW,sBAAsB,KAAK,UAAU,IAAI;AAE1D,cAAM,OAAO,IAAI,KAAK,CAAC,IAAI,GAAG,UAAU;AAAA,UACpC,MAAM,KAAK;AAAA,QACf,CAAC;AAED,qCAAM,KAAK,aAAa,EAAE,KAAK;AAC/B,eAAO;AAAA,MACX,SAAS,OAAO;AACZ,YAAK,MAAgB,SAAS,cAAc;AACxC,uCAAM,KAAK,oBAAoB,EAAE,IAAI;AACrC;AAAA,QACJ;AACA,gBAAS,MAAgB,OAAO;AAChC;AAAA,MACJ,UAAE;AACE,YAAI,mBAAmB,YAAY,iBAAiB;AAChD,6BAAmB,UAAU;AAAA,QACjC;AACA,YAAI,WAAW,SAAS;AACpB,qBAAW,KAAK;AAAA,QACpB;AAAA,MACJ;AAAA,IACJ;AAAA,IACA,CAAC,MAAM,SAAS,OAAO;AAAA,EAC3B;AAEA,SAAO,EAAE,SAAS,YAAY,YAAY;AAC9C;","names":[]}