@fetchmax/plugin-progress 1.0.0

package/dist/index.cjs

@@ -0,0 +1,133 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  default: () => index_default,
+  progressPlugin: () => progressPlugin
+});
+module.exports = __toCommonJS(index_exports);
+function formatBytes(bytes) {
+  if (bytes === 0) return "0 B";
+  const k = 1024;
+  const sizes = ["B", "KB", "MB", "GB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return `${(bytes / Math.pow(k, i)).toFixed(2)} ${sizes[i]}`;
+}
+function progressPlugin(config = {}) {
+  const { onUploadProgress: _onUploadProgress, onDownloadProgress } = config;
+  return {
+    name: "progress",
+    async onRequest(requestConfig, context) {
+      if (onDownloadProgress) {
+        context.originalResponseType = requestConfig.responseType;
+        context.progressCallback = onDownloadProgress;
+        requestConfig.responseType = "stream";
+      }
+      return requestConfig;
+    },
+    async onResponse(response, _request, context) {
+      const progressCallback = context.progressCallback;
+      if (!progressCallback) {
+        return response;
+      }
+      const body = response.data;
+      if (!body || typeof body.getReader !== "function") {
+        if (response.response && !response.response.bodyUsed) {
+          try {
+            const text2 = await response.response.text();
+            const contentType2 = response.headers.get("content-type") || "";
+            const originalResponseType2 = context.originalResponseType;
+            if (originalResponseType2 === "text" || contentType2.includes("text/")) {
+              response.data = text2;
+            } else {
+              try {
+                response.data = JSON.parse(text2);
+              } catch {
+                response.data = text2;
+              }
+            }
+          } catch (error) {
+          }
+        }
+        return response;
+      }
+      const reader = body.getReader();
+      const contentLength = +(response.headers.get("Content-Length") || 0);
+      let receivedLength = 0;
+      const chunks = [];
+      try {
+        while (true) {
+          const { done, value } = await reader.read();
+          if (done) break;
+          chunks.push(value);
+          receivedLength += value.length;
+          progressCallback({
+            loaded: receivedLength,
+            total: contentLength,
+            percentage: contentLength ? receivedLength / contentLength * 100 : 0,
+            bytes: formatBytes(receivedLength)
+          });
+        }
+      } catch (error) {
+        if (response.response && !response.response.bodyUsed) {
+          try {
+            const text2 = await response.response.text();
+            try {
+              response.data = JSON.parse(text2);
+            } catch {
+              response.data = text2;
+            }
+          } catch (e) {
+          }
+        }
+        return response;
+      }
+      const chunksAll = new Uint8Array(receivedLength);
+      let position = 0;
+      for (const chunk of chunks) {
+        chunksAll.set(chunk, position);
+        position += chunk.length;
+      }
+      const text = new TextDecoder().decode(chunksAll);
+      const originalResponseType = context.originalResponseType;
+      const contentType = response.headers.get("content-type") || "";
+      if (originalResponseType === "text" || contentType.includes("text/")) {
+        response.data = text;
+      } else if (originalResponseType === "blob" || contentType.includes("image/")) {
+        response.data = new Blob([chunksAll], { type: contentType });
+      } else if (originalResponseType === "arrayBuffer") {
+        response.data = chunksAll.buffer;
+      } else {
+        try {
+          response.data = JSON.parse(text);
+        } catch {
+          response.data = text;
+        }
+      }
+      return response;
+    }
+  };
+}
+var index_default = progressPlugin;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  progressPlugin
+});

package/dist/index.d.cts

@@ -0,0 +1,15 @@
+import { Plugin } from '@fetchmax/core';
+
+interface ProgressEvent {
+    loaded: number;
+    total: number;
+    percentage: number;
+    bytes: string;
+}
+interface ProgressConfig {
+    onUploadProgress?: (event: ProgressEvent) => void;
+    onDownloadProgress?: (event: ProgressEvent) => void;
+}
+declare function progressPlugin(config?: ProgressConfig): Plugin;
+
+export { type ProgressConfig, type ProgressEvent, progressPlugin as default, progressPlugin };

package/dist/index.d.ts

@@ -0,0 +1,15 @@
+import { Plugin } from '@fetchmax/core';
+
+interface ProgressEvent {
+    loaded: number;
+    total: number;
+    percentage: number;
+    bytes: string;
+}
+interface ProgressConfig {
+    onUploadProgress?: (event: ProgressEvent) => void;
+    onDownloadProgress?: (event: ProgressEvent) => void;
+}
+declare function progressPlugin(config?: ProgressConfig): Plugin;
+
+export { type ProgressConfig, type ProgressEvent, progressPlugin as default, progressPlugin };

package/dist/index.js

@@ -0,0 +1,108 @@
+// src/index.ts
+function formatBytes(bytes) {
+  if (bytes === 0) return "0 B";
+  const k = 1024;
+  const sizes = ["B", "KB", "MB", "GB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return `${(bytes / Math.pow(k, i)).toFixed(2)} ${sizes[i]}`;
+}
+function progressPlugin(config = {}) {
+  const { onUploadProgress: _onUploadProgress, onDownloadProgress } = config;
+  return {
+    name: "progress",
+    async onRequest(requestConfig, context) {
+      if (onDownloadProgress) {
+        context.originalResponseType = requestConfig.responseType;
+        context.progressCallback = onDownloadProgress;
+        requestConfig.responseType = "stream";
+      }
+      return requestConfig;
+    },
+    async onResponse(response, _request, context) {
+      const progressCallback = context.progressCallback;
+      if (!progressCallback) {
+        return response;
+      }
+      const body = response.data;
+      if (!body || typeof body.getReader !== "function") {
+        if (response.response && !response.response.bodyUsed) {
+          try {
+            const text2 = await response.response.text();
+            const contentType2 = response.headers.get("content-type") || "";
+            const originalResponseType2 = context.originalResponseType;
+            if (originalResponseType2 === "text" || contentType2.includes("text/")) {
+              response.data = text2;
+            } else {
+              try {
+                response.data = JSON.parse(text2);
+              } catch {
+                response.data = text2;
+              }
+            }
+          } catch (error) {
+          }
+        }
+        return response;
+      }
+      const reader = body.getReader();
+      const contentLength = +(response.headers.get("Content-Length") || 0);
+      let receivedLength = 0;
+      const chunks = [];
+      try {
+        while (true) {
+          const { done, value } = await reader.read();
+          if (done) break;
+          chunks.push(value);
+          receivedLength += value.length;
+          progressCallback({
+            loaded: receivedLength,
+            total: contentLength,
+            percentage: contentLength ? receivedLength / contentLength * 100 : 0,
+            bytes: formatBytes(receivedLength)
+          });
+        }
+      } catch (error) {
+        if (response.response && !response.response.bodyUsed) {
+          try {
+            const text2 = await response.response.text();
+            try {
+              response.data = JSON.parse(text2);
+            } catch {
+              response.data = text2;
+            }
+          } catch (e) {
+          }
+        }
+        return response;
+      }
+      const chunksAll = new Uint8Array(receivedLength);
+      let position = 0;
+      for (const chunk of chunks) {
+        chunksAll.set(chunk, position);
+        position += chunk.length;
+      }
+      const text = new TextDecoder().decode(chunksAll);
+      const originalResponseType = context.originalResponseType;
+      const contentType = response.headers.get("content-type") || "";
+      if (originalResponseType === "text" || contentType.includes("text/")) {
+        response.data = text;
+      } else if (originalResponseType === "blob" || contentType.includes("image/")) {
+        response.data = new Blob([chunksAll], { type: contentType });
+      } else if (originalResponseType === "arrayBuffer") {
+        response.data = chunksAll.buffer;
+      } else {
+        try {
+          response.data = JSON.parse(text);
+        } catch {
+          response.data = text;
+        }
+      }
+      return response;
+    }
+  };
+}
+var index_default = progressPlugin;
+export {
+  index_default as default,
+  progressPlugin
+};

package/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "@fetchmax/plugin-progress",
+  "version": "1.0.0",
+  "description": "Progress tracking plugin for FetchMax to monitor upload and download progress",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "tsup src/index.ts --format cjs,esm --dts --clean",
+    "dev": "tsup src/index.ts --format cjs,esm --dts --watch"
+  },
+  "keywords": [
+    "fetchmax",
+    "plugin",
+    "progress",
+    "upload",
+    "download",
+    "http",
+    "fetch"
+  ],
+  "author": "FetchMax Contributors",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/fetchmax/fetchmax.git",
+    "directory": "packages/plugins/progress"
+  },
+  "bugs": {
+    "url": "https://github.com/fetchmax/fetchmax/issues"
+  },
+  "homepage": "https://github.com/fetchmax/fetchmax#readme",
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "peerDependencies": {
+    "@fetchmax/core": "^1.0.0"
+  },
+  "devDependencies": {
+    "@fetchmax/core": "*",
+    "tsup": "^8.0.1",
+    "typescript": "^5.3.3"
+  }
+}