@solidxai/core-ui 0.1.13-beta.5 → 0.1.13-beta.6

package/dist/helpers/downloadMediaFile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"downloadMediaFile.d.ts","sourceRoot":"","sources":["../../src/helpers/downloadMediaFile.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,iBAAiB,YAAa,MAAM,aAAa,MAAM,SAMnE,CAAC"}
+{"version":3,"file":"downloadMediaFile.d.ts","sourceRoot":"","sources":["../../src/helpers/downloadMediaFile.tsx"],"names":[],"mappings":"AAsCA,eAAO,MAAM,iBAAiB,YAAa,MAAM,aAAa,MAAM,SAMnE,CAAC"}

package/dist/helpers/downloadMediaFile.js

@@ -1,17 +1,92 @@
-var triggerBrowserDownload = function (url, fileName) {
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var triggerLinkClick = function (href, fileName, openInNewTab) {
+    if (openInNewTab === void 0) { openInNewTab = false; }
     var link = document.createElement("a");
-    var downloadUrl = new URL(url, window.location.origin);
-    downloadUrl.searchParams.set("disposition", "attachment");
-    link.href = downloadUrl.toString();
+    link.href = href;
+    if (openInNewTab) {
+        link.target = "_blank";
+        link.rel = "noopener noreferrer";
+    }
     link.download = fileName || "";
     document.body.appendChild(link);
     link.click();
     document.body.removeChild(link);
 };
+// Anchor `download` attribute is ignored by browsers for cross-origin URLs
+// (e.g. S3), so cross-origin media would open inline instead of downloading.
+// Mutating the URL's query params also breaks presigned S3 URLs, since the
+// signature is computed over the exact query string at signing time.
+// Fetching the file and downloading it via a same-origin blob: URL avoids both issues.
+var triggerBrowserDownload = function (url, fileName) { return __awaiter(void 0, void 0, void 0, function () {
+    var response, blob, blobUrl, e_1;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                _a.trys.push([0, 3, , 4]);
+                return [4 /*yield*/, fetch(url)];
+            case 1:
+                response = _a.sent();
+                if (!response.ok) {
+                    throw new Error("Failed to fetch file: ".concat(response.status));
+                }
+                return [4 /*yield*/, response.blob()];
+            case 2:
+                blob = _a.sent();
+                blobUrl = URL.createObjectURL(blob);
+                triggerLinkClick(blobUrl, fileName);
+                URL.revokeObjectURL(blobUrl);
+                return [3 /*break*/, 4];
+            case 3:
+                e_1 = _a.sent();
+                console.error("Failed to download file via fetch, falling back to direct link:", e_1);
+                // Fallback for cases fetch can't handle (e.g. no CORS on the host).
+                // This won't force a download for cross-origin URLs, but it's the
+                // best available option when the blob fetch fails.
+                triggerLinkClick(url, fileName, true);
+                return [3 /*break*/, 4];
+            case 4: return [2 /*return*/];
+        }
+    });
+}); };
 export var downloadMediaFile = function (fileUrl, fileName) {
     if (!fileUrl) {
         return;
     }
-    triggerBrowserDownload(fileUrl, fileName);
+    void triggerBrowserDownload(fileUrl, fileName);
 };
 //# sourceMappingURL=downloadMediaFile.js.map

package/dist/helpers/downloadMediaFile.js.map

@@ -1 +1 @@
-{"version":3,"file":"downloadMediaFile.js","sourceRoot":"","sources":["../../src/helpers/downloadMediaFile.tsx"],"names":[],"mappings":"AAAA,IAAM,sBAAsB,GAAG,UAAC,GAAW,EAAE,QAAiB;IAC1D,IAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACzC,IAAM,WAAW,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IACzD,WAAW,CAAC,YAAY,CAAC,GAAG,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC;IAC1D,IAAI,CAAC,IAAI,GAAG,WAAW,CAAC,QAAQ,EAAE,CAAC;IACnC,IAAI,CAAC,QAAQ,GAAG,QAAQ,IAAI,EAAE,CAAC;IAC/B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAChC,IAAI,CAAC,KAAK,EAAE,CAAK;IACjB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;AACpC,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,OAAe,EAAE,QAAiB;IAChE,IAAI,CAAC,OAAO,EAAE;QACV,OAAO;KACV;IAED,sBAAsB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;AAC9C,CAAC,CAAC","sourcesContent":["const triggerBrowserDownload = (url: string, fileName?: string) => {\n    const link = document.createElement(\"a\");\n    const downloadUrl = new URL(url, window.location.origin);\n    downloadUrl.searchParams.set(\"disposition\", \"attachment\");\n    link.href = downloadUrl.toString();\n    link.download = fileName || \"\";\n    document.body.appendChild(link);\n    link.click()    ;\n    document.body.removeChild(link);\n};\n\nexport const downloadMediaFile = (fileUrl: string, fileName?: string) => {\n    if (!fileUrl) {\n        return;\n    }\n\n    triggerBrowserDownload(fileUrl, fileName);\n};\n"]}
+{"version":3,"file":"downloadMediaFile.js","sourceRoot":"","sources":["../../src/helpers/downloadMediaFile.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAM,gBAAgB,GAAG,UAAC,IAAY,EAAE,QAAiB,EAAE,YAAoB;IAApB,6BAAA,EAAA,oBAAoB;IAC3E,IAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACzC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IAEjB,IAAI,YAAY,EAAE;QACd,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC;QACvB,IAAI,CAAC,GAAG,GAAG,qBAAqB,CAAC;KACpC;IACD,IAAI,CAAC,QAAQ,GAAG,QAAQ,IAAI,EAAE,CAAC;IAC/B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAChC,IAAI,CAAC,KAAK,EAAE,CAAC;IACb,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;AACpC,CAAC,CAAC;AAEF,2EAA2E;AAC3E,6EAA6E;AAC7E,2EAA2E;AAC3E,qEAAqE;AACrE,uFAAuF;AACvF,IAAM,sBAAsB,GAAG,UAAO,GAAW,EAAE,QAAiB;;;;;;gBAE3C,qBAAM,KAAK,CAAC,GAAG,CAAC,EAAA;;gBAA3B,QAAQ,GAAG,SAAgB;gBACjC,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE;oBACd,MAAM,IAAI,KAAK,CAAC,gCAAyB,QAAQ,CAAC,MAAM,CAAE,CAAC,CAAC;iBAC/D;gBACY,qBAAM,QAAQ,CAAC,IAAI,EAAE,EAAA;;gBAA5B,IAAI,GAAG,SAAqB;gBAC5B,OAAO,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;gBAC1C,gBAAgB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;gBACpC,GAAG,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;;;;gBAE7B,OAAO,CAAC,KAAK,CAAC,iEAAiE,EAAE,GAAC,CAAC,CAAC;gBACpF,oEAAoE;gBACpE,kEAAkE;gBAClE,mDAAmD;gBACnD,gBAAgB,CAAC,GAAG,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC;;;;;KAE7C,CAAC;AAEF,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,OAAe,EAAE,QAAiB;IAChE,IAAI,CAAC,OAAO,EAAE;QACV,OAAO;KACV;IAED,KAAK,sBAAsB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;AACnD,CAAC,CAAC","sourcesContent":["const triggerLinkClick = (href: string, fileName?: string, openInNewTab = false) => {\n    const link = document.createElement(\"a\");\n    link.href = href;\n\n    if (openInNewTab) {\n        link.target = \"_blank\";\n        link.rel = \"noopener noreferrer\";\n    }\n    link.download = fileName || \"\";\n    document.body.appendChild(link);\n    link.click();\n    document.body.removeChild(link);\n};\n\n// Anchor `download` attribute is ignored by browsers for cross-origin URLs\n// (e.g. S3), so cross-origin media would open inline instead of downloading.\n// Mutating the URL's query params also breaks presigned S3 URLs, since the\n// signature is computed over the exact query string at signing time.\n// Fetching the file and downloading it via a same-origin blob: URL avoids both issues.\nconst triggerBrowserDownload = async (url: string, fileName?: string) => {\n    try {\n        const response = await fetch(url);\n        if (!response.ok) {\n            throw new Error(`Failed to fetch file: ${response.status}`);\n        }\n        const blob = await response.blob();\n        const blobUrl = URL.createObjectURL(blob);\n        triggerLinkClick(blobUrl, fileName);\n        URL.revokeObjectURL(blobUrl);\n    } catch(e) {\n        console.error(\"Failed to download file via fetch, falling back to direct link:\", e);\n        // Fallback for cases fetch can't handle (e.g. no CORS on the host).\n        // This won't force a download for cross-origin URLs, but it's the\n        // best available option when the blob fetch fails.\n        triggerLinkClick(url, fileName, true);\n    }\n};\n\nexport const downloadMediaFile = (fileUrl: string, fileName?: string) => {\n    if (!fileUrl) {\n        return;\n    }\n\n    void triggerBrowserDownload(fileUrl, fileName);\n};\n"]}

package/dist/helpers/downloadMediaFile.tsx

@@ -1,18 +1,45 @@
-const triggerBrowserDownload = (url: string, fileName?: string) => {
+const triggerLinkClick = (href: string, fileName?: string, openInNewTab = false) => {
     const link = document.createElement("a");
-    const downloadUrl = new URL(url, window.location.origin);
-    downloadUrl.searchParams.set("disposition", "attachment");
-    link.href = downloadUrl.toString();
+    link.href = href;
+
+    if (openInNewTab) {
+        link.target = "_blank";
+        link.rel = "noopener noreferrer";
+    }
     link.download = fileName || "";
     document.body.appendChild(link);
-    link.click()    ;
+    link.click();
     document.body.removeChild(link);
 };
 
+// Anchor `download` attribute is ignored by browsers for cross-origin URLs
+// (e.g. S3), so cross-origin media would open inline instead of downloading.
+// Mutating the URL's query params also breaks presigned S3 URLs, since the
+// signature is computed over the exact query string at signing time.
+// Fetching the file and downloading it via a same-origin blob: URL avoids both issues.
+const triggerBrowserDownload = async (url: string, fileName?: string) => {
+    try {
+        const response = await fetch(url);
+        if (!response.ok) {
+            throw new Error(`Failed to fetch file: ${response.status}`);
+        }
+        const blob = await response.blob();
+        const blobUrl = URL.createObjectURL(blob);
+        triggerLinkClick(blobUrl, fileName);
+        URL.revokeObjectURL(blobUrl);
+    } catch(e) {
+        console.error("Failed to download file via fetch, falling back to direct link:", e);
+        // Fallback for cases fetch can't handle (e.g. no CORS on the host).
+        // This won't force a download for cross-origin URLs, but it's the
+        // best available option when the blob fetch fails.
+        triggerLinkClick(url, fileName, true);
+    }
+};
+
 export const downloadMediaFile = (fileUrl: string, fileName?: string) => {
     if (!fileUrl) {
         return;
     }
 
-    triggerBrowserDownload(fileUrl, fileName);
+    void triggerBrowserDownload(fileUrl, fileName);
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solidxai/core-ui",
-  "version": "0.1.13-beta.5",
+  "version": "0.1.13-beta.6",
   "scripts": {
     "build:tailwind": "tailwindcss -i ./src/resources/solid-tailwind.css -o ./src/resources/solid-tailwind-generated.css -c ./tailwind.config.js --minify",
     "prebuild": "npm run build:tailwind && npm run copy-resources && npm run copy-styles",