react-csv-autopilot 0.0.3 → 0.0.5

package/README.md

@@ -56,7 +56,7 @@ function ExportButton() {
   });
 
   const handleExport = async () => {
-    await handler.start({
+    await handler.execute({
       fileName: 'users-export',
       columns: [
         { key: 'id', label: 'ID' },
@@ -99,7 +99,7 @@ Hook that provides access to the CSV export controller.
 ```typescript
 const { handler } = useExportCSV();
 
-await handler.start({
+await handler.execute({
   fileName: 'data-export',
   columns: [...],
   getNextPage: async (offset) => {...}

package/dist/index.cjs

@@ -61,8 +61,8 @@ resolveStrategy_fn = function() {
 
 // src/core/strategy/BolbExportStrategy.ts
 var BolbExportStrategy = class {
-  export(params) {
-    return Promise.resolve({});
+  export(_params) {
+    return Promise.resolve({ finished: true, totalRowsLoaded: 10 });
   }
 };
 var BolbExportStrategy_default = BolbExportStrategy;
@@ -86,8 +86,8 @@ var _WorkerManager = class _WorkerManager {
       workerUrl = "/worker.js";
     }
     __privateSet(this, _worker, new Worker(workerUrl, {
-      type: "module",
-      name: WEB_WORKER_NAME
+      name: WEB_WORKER_NAME,
+      type: "module"
     }));
     __privateMethod(this, _WorkerManager_instances, listenerRegistry_fn).call(this);
   }
@@ -97,9 +97,9 @@ var _WorkerManager = class _WorkerManager {
   async triggerWorker(payload) {
     const id = payload.id ?? Math.random().toString(36).substr(2);
     const p = new Promise((resolve, reject) => {
-      pending.set(id, { resolve, reject });
+      pending.set(id, { reject, resolve });
     });
-    __privateGet(this, _worker).postMessage(payload);
+    __privateGet(this, _worker)?.postMessage(payload);
     return p;
   }
   terminate() {
@@ -112,7 +112,7 @@ var _WorkerManager = class _WorkerManager {
 _worker = new WeakMap();
 _WorkerManager_instances = new WeakSet();
 listenerRegistry_fn = function() {
-  __privateGet(this, _worker).addEventListener("message", (event) => {
+  __privateGet(this, _worker)?.addEventListener("message", (event) => {
     const { id, result, error } = event.data;
     const entity = pending.get(id);
     if (!entity) {
@@ -125,7 +125,7 @@ listenerRegistry_fn = function() {
       entity.resolve(result);
     }
   });
-  __privateGet(this, _worker).addEventListener("error", (event) => {
+  __privateGet(this, _worker)?.addEventListener("error", (event) => {
     for (const [, { reject }] of pending) {
       reject(event);
     }
@@ -144,7 +144,7 @@ var FsAccessExportStrategy = class {
     const _suggestedName = params?.fileName || "export";
     const fileHandle = await window.showSaveFilePicker({
       suggestedName: _suggestedName,
-      types: [{ description: "CSV file", accept: { "text/csv": [".csv"] } }]
+      types: [{ accept: { "text/csv": [".csv"] }, description: "CSV file" }]
     });
     const writableFileStream = await fileHandle.createWritable();
     let iterator = 0;
@@ -158,44 +158,51 @@ var FsAccessExportStrategy = class {
           const safeRows = Array.isArray(response.rows) ? response?.rows : [];
           const safeTotal = response.total ?? 0;
           const isRowsEmpty = !safeRows || !safeRows.length;
-          totalRowsLoaded = isRowsEmpty ? safeTotal : totalRowsLoaded += safeRows.length;
+          const nextRowsLoaded = totalRowsLoaded + safeRows.length;
+          totalRowsLoaded = isRowsEmpty ? safeTotal : nextRowsLoaded;
           const isFinished = totalRowsLoaded >= safeTotal;
           if (isRowsEmpty) {
             messaging.postMessage(
               JSON.stringify({
-                type: "done",
+                loadedItemsCount: totalRowsLoaded,
                 total: safeTotal,
-                loadedItemsCount: totalRowsLoaded
+                type: "done"
               })
             );
-            await this.workerManager.triggerWorker({ id: iterator, type: "completed" });
+            await this.workerManager.triggerWorker({
+              id: iterator,
+              type: "completed"
+            });
             messaging.close();
             controller.close();
             return;
           }
           const csvChunks = await this.workerManager.triggerWorker({
-            id: iterator,
-            type: "to_csv_chunk",
+            columns: params.columns,
             data: safeRows,
-            columns: params.columns
+            id: iterator,
+            type: "to_csv_chunk"
           });
           messaging.postMessage(
             JSON.stringify({
-              type: "progress",
+              loadedItemsCount: totalRowsLoaded,
               total: safeTotal,
-              loadedItemsCount: totalRowsLoaded
+              type: "progress"
             })
           );
           controller.enqueue(encoder.encode(csvChunks));
           if (isFinished) {
             messaging.postMessage(
               JSON.stringify({
-                type: "done",
+                loadedItemsCount: totalRowsLoaded,
                 total: safeTotal,
-                loadedItemsCount: totalRowsLoaded
+                type: "done"
               })
             );
-            await this.workerManager.triggerWorker({ id: iterator, type: "completed" });
+            await this.workerManager.triggerWorker({
+              id: iterator,
+              type: "completed"
+            });
             messaging.close();
             controller.close();
             return;
@@ -204,9 +211,9 @@ var FsAccessExportStrategy = class {
           controller.error(error);
           messaging.postMessage(
             JSON.stringify({
-              type: "failed",
+              loadedItemsCount: totalRowsLoaded,
               total: 0,
-              loadedItemsCount: totalRowsLoaded
+              type: "failed"
             })
           );
         }
@@ -222,25 +229,20 @@ var FsAccessExportStrategy = class {
     }
     return {
       finished: true,
-      totalRowsLoaded,
-      logs: {
-        warnings: []
-      }
+      totalRowsLoaded
     };
   }
 };
 var FsAccessExportStrategy_default = FsAccessExportStrategy;
 
-// src/core/fabric/ExportControlFabric.ts
-var ExportControlFabric = class {
-  static create() {
-    const controller = new ExportController({
-      fsAccessStrategy: new FsAccessExportStrategy_default(),
-      blobExportStrategy: new BolbExportStrategy_default()
-    });
-    return controller;
-  }
-};
+// src/core/createExportController.ts
+function createExportController() {
+  return new ExportController({
+    blobExportStrategy: new BolbExportStrategy_default(),
+    fsAccessStrategy: new FsAccessExportStrategy_default()
+  });
+}
+var createExportController_default = createExportController;
 
 // src/core/ExportControllerSingleton.ts
 var _ExportControllerSingleton = class _ExportControllerSingleton {
@@ -248,7 +250,7 @@ var _ExportControllerSingleton = class _ExportControllerSingleton {
     if (_ExportControllerSingleton.instance) {
       return _ExportControllerSingleton.instance;
     }
-    _ExportControllerSingleton.instance = ExportControlFabric.create();
+    _ExportControllerSingleton.instance = createExportController_default();
     _ExportControllerSingleton.initialized = true;
     return _ExportControllerSingleton.instance;
   }
@@ -268,7 +270,7 @@ var ExportControllerSingleton_default = ExportControllerSingleton;
 function useExportCSV() {
   const exportCallbackRef = (0, import_react.useRef)(ExportControllerSingleton_default.init());
   return {
-    handler: exportCallbackRef.current
+    handler: exportCallbackRef?.current
   };
 }
 var useExportCSV_default = useExportCSV;
@@ -289,6 +291,6 @@ function useMessageExportCSV(cb) {
     return () => {
       channel.close();
     };
-  }, []);
+  }, [cb]);
 }
 var useMessageExportCSV_default = useMessageExportCSV;

package/dist/index.d.cts

@@ -5,26 +5,30 @@ type Column = {
     timezone?: "UTC" | string;
     formatType?: formatterTypes;
 };
-type ExportParams = {
+type ExportParams<T> = {
     fileName: string;
     columns: Column[];
     getNextPage: (offset: number) => Promise<{
-        rows: any[];
+        rows: T[];
         total: number;
     }>;
 };
+type ExportResponse = {
+    finished: boolean;
+    totalRowsLoaded: number;
+};
 interface ExportStrategy {
-    export(params: ExportParams): Promise<any>;
+    export<T>(params: ExportParams<T>): Promise<ExportResponse>;
 }
 
 declare class BolbExportStrategy implements ExportStrategy {
-    export(params: ExportParams): Promise<any>;
+    export<T>(_params: ExportParams<T>): Promise<ExportResponse>;
 }
 
 declare class FsAccessExportStrategy implements ExportStrategy {
     private workerManager;
     constructor();
-    export(params: ExportParams): Promise<any>;
+    export<T>(params: ExportParams<T>): Promise<ExportResponse>;
 }
 
 type ExportControllerDeps = {
@@ -35,7 +39,7 @@ declare class ExportController {
     #private;
     private readonly deps;
     constructor(deps: ExportControllerDeps);
-    start(params: ExportParams): Promise<any>;
+    start<T>(params: ExportParams<T>): Promise<ExportResponse>;
 }
 
 declare function useExportCSV(): {

package/dist/index.d.ts

@@ -5,26 +5,30 @@ type Column = {
     timezone?: "UTC" | string;
     formatType?: formatterTypes;
 };
-type ExportParams = {
+type ExportParams<T> = {
     fileName: string;
     columns: Column[];
     getNextPage: (offset: number) => Promise<{
-        rows: any[];
+        rows: T[];
         total: number;
     }>;
 };
+type ExportResponse = {
+    finished: boolean;
+    totalRowsLoaded: number;
+};
 interface ExportStrategy {
-    export(params: ExportParams): Promise<any>;
+    export<T>(params: ExportParams<T>): Promise<ExportResponse>;
 }
 
 declare class BolbExportStrategy implements ExportStrategy {
-    export(params: ExportParams): Promise<any>;
+    export<T>(_params: ExportParams<T>): Promise<ExportResponse>;
 }
 
 declare class FsAccessExportStrategy implements ExportStrategy {
     private workerManager;
     constructor();
-    export(params: ExportParams): Promise<any>;
+    export<T>(params: ExportParams<T>): Promise<ExportResponse>;
 }
 
 type ExportControllerDeps = {
@@ -35,7 +39,7 @@ declare class ExportController {
     #private;
     private readonly deps;
     constructor(deps: ExportControllerDeps);
-    start(params: ExportParams): Promise<any>;
+    start<T>(params: ExportParams<T>): Promise<ExportResponse>;
 }
 
 declare function useExportCSV(): {

package/dist/index.js

@@ -35,8 +35,8 @@ resolveStrategy_fn = function() {
 
 // src/core/strategy/BolbExportStrategy.ts
 var BolbExportStrategy = class {
-  export(params) {
-    return Promise.resolve({});
+  export(_params) {
+    return Promise.resolve({ finished: true, totalRowsLoaded: 10 });
   }
 };
 var BolbExportStrategy_default = BolbExportStrategy;
@@ -59,8 +59,8 @@ var _WorkerManager = class _WorkerManager {
       workerUrl = "/worker.js";
     }
     __privateSet(this, _worker, new Worker(workerUrl, {
-      type: "module",
-      name: WEB_WORKER_NAME
+      name: WEB_WORKER_NAME,
+      type: "module"
     }));
     __privateMethod(this, _WorkerManager_instances, listenerRegistry_fn).call(this);
   }
@@ -70,9 +70,9 @@ var _WorkerManager = class _WorkerManager {
   async triggerWorker(payload) {
     const id = payload.id ?? Math.random().toString(36).substr(2);
     const p = new Promise((resolve, reject) => {
-      pending.set(id, { resolve, reject });
+      pending.set(id, { reject, resolve });
     });
-    __privateGet(this, _worker).postMessage(payload);
+    __privateGet(this, _worker)?.postMessage(payload);
     return p;
   }
   terminate() {
@@ -85,7 +85,7 @@ var _WorkerManager = class _WorkerManager {
 _worker = new WeakMap();
 _WorkerManager_instances = new WeakSet();
 listenerRegistry_fn = function() {
-  __privateGet(this, _worker).addEventListener("message", (event) => {
+  __privateGet(this, _worker)?.addEventListener("message", (event) => {
     const { id, result, error } = event.data;
     const entity = pending.get(id);
     if (!entity) {
@@ -98,7 +98,7 @@ listenerRegistry_fn = function() {
       entity.resolve(result);
     }
   });
-  __privateGet(this, _worker).addEventListener("error", (event) => {
+  __privateGet(this, _worker)?.addEventListener("error", (event) => {
     for (const [, { reject }] of pending) {
       reject(event);
     }
@@ -117,7 +117,7 @@ var FsAccessExportStrategy = class {
     const _suggestedName = params?.fileName || "export";
     const fileHandle = await window.showSaveFilePicker({
       suggestedName: _suggestedName,
-      types: [{ description: "CSV file", accept: { "text/csv": [".csv"] } }]
+      types: [{ accept: { "text/csv": [".csv"] }, description: "CSV file" }]
     });
     const writableFileStream = await fileHandle.createWritable();
     let iterator = 0;
@@ -131,44 +131,51 @@ var FsAccessExportStrategy = class {
           const safeRows = Array.isArray(response.rows) ? response?.rows : [];
           const safeTotal = response.total ?? 0;
           const isRowsEmpty = !safeRows || !safeRows.length;
-          totalRowsLoaded = isRowsEmpty ? safeTotal : totalRowsLoaded += safeRows.length;
+          const nextRowsLoaded = totalRowsLoaded + safeRows.length;
+          totalRowsLoaded = isRowsEmpty ? safeTotal : nextRowsLoaded;
           const isFinished = totalRowsLoaded >= safeTotal;
           if (isRowsEmpty) {
             messaging.postMessage(
               JSON.stringify({
-                type: "done",
+                loadedItemsCount: totalRowsLoaded,
                 total: safeTotal,
-                loadedItemsCount: totalRowsLoaded
+                type: "done"
               })
             );
-            await this.workerManager.triggerWorker({ id: iterator, type: "completed" });
+            await this.workerManager.triggerWorker({
+              id: iterator,
+              type: "completed"
+            });
             messaging.close();
             controller.close();
             return;
           }
           const csvChunks = await this.workerManager.triggerWorker({
-            id: iterator,
-            type: "to_csv_chunk",
+            columns: params.columns,
             data: safeRows,
-            columns: params.columns
+            id: iterator,
+            type: "to_csv_chunk"
           });
           messaging.postMessage(
             JSON.stringify({
-              type: "progress",
+              loadedItemsCount: totalRowsLoaded,
               total: safeTotal,
-              loadedItemsCount: totalRowsLoaded
+              type: "progress"
             })
           );
           controller.enqueue(encoder.encode(csvChunks));
           if (isFinished) {
             messaging.postMessage(
               JSON.stringify({
-                type: "done",
+                loadedItemsCount: totalRowsLoaded,
                 total: safeTotal,
-                loadedItemsCount: totalRowsLoaded
+                type: "done"
               })
             );
-            await this.workerManager.triggerWorker({ id: iterator, type: "completed" });
+            await this.workerManager.triggerWorker({
+              id: iterator,
+              type: "completed"
+            });
             messaging.close();
             controller.close();
             return;
@@ -177,9 +184,9 @@ var FsAccessExportStrategy = class {
           controller.error(error);
           messaging.postMessage(
             JSON.stringify({
-              type: "failed",
+              loadedItemsCount: totalRowsLoaded,
               total: 0,
-              loadedItemsCount: totalRowsLoaded
+              type: "failed"
             })
           );
         }
@@ -195,25 +202,20 @@ var FsAccessExportStrategy = class {
     }
     return {
       finished: true,
-      totalRowsLoaded,
-      logs: {
-        warnings: []
-      }
+      totalRowsLoaded
     };
   }
 };
 var FsAccessExportStrategy_default = FsAccessExportStrategy;
 
-// src/core/fabric/ExportControlFabric.ts
-var ExportControlFabric = class {
-  static create() {
-    const controller = new ExportController({
-      fsAccessStrategy: new FsAccessExportStrategy_default(),
-      blobExportStrategy: new BolbExportStrategy_default()
-    });
-    return controller;
-  }
-};
+// src/core/createExportController.ts
+function createExportController() {
+  return new ExportController({
+    blobExportStrategy: new BolbExportStrategy_default(),
+    fsAccessStrategy: new FsAccessExportStrategy_default()
+  });
+}
+var createExportController_default = createExportController;
 
 // src/core/ExportControllerSingleton.ts
 var _ExportControllerSingleton = class _ExportControllerSingleton {
@@ -221,7 +223,7 @@ var _ExportControllerSingleton = class _ExportControllerSingleton {
     if (_ExportControllerSingleton.instance) {
       return _ExportControllerSingleton.instance;
     }
-    _ExportControllerSingleton.instance = ExportControlFabric.create();
+    _ExportControllerSingleton.instance = createExportController_default();
     _ExportControllerSingleton.initialized = true;
     return _ExportControllerSingleton.instance;
   }
@@ -241,7 +243,7 @@ var ExportControllerSingleton_default = ExportControllerSingleton;
 function useExportCSV() {
   const exportCallbackRef = useRef(ExportControllerSingleton_default.init());
   return {
-    handler: exportCallbackRef.current
+    handler: exportCallbackRef?.current
   };
 }
 var useExportCSV_default = useExportCSV;
@@ -262,7 +264,7 @@ function useMessageExportCSV(cb) {
     return () => {
       channel.close();
     };
-  }, []);
+  }, [cb]);
 }
 var useMessageExportCSV_default = useMessageExportCSV;
 export {

package/package.json

@@ -1,19 +1,21 @@
 {
-  "name": "react-csv-autopilot",
-  "version": "0.0.3",
-  "description": "React hooks for CSV export with automatic pagination - drop the function, we handle the rest",
   "author": "Pavlo Kuzina",
-  "license": "MIT",
-  "type": "module",
-  "sideEffects": false,
-  "main": "dist/index.cjs",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "bugs": {
+    "url": "https://github.com/PashaSchool/utils-kit/issues"
+  },
+  "description": "React hooks for CSV export with automatic pagination - drop the function, we handle the rest",
+  "devDependencies": {
+    "@types/react": "^18",
+    "@types/wicg-file-system-access": "^2023.10.7",
+    "react": "^19.2.3",
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0"
+  },
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+      "require": "./dist/index.cjs",
+      "types": "./dist/index.d.ts"
     }
   },
   "files": [
@@ -21,28 +23,6 @@
     "README.md",
     "LICENSE"
   ],
-  "scripts": {
-    "build": "tsup",
-    "dev": "tsup --watch"
-  },
-  "peerDependencies": {
-    "react": "^18 || ^19"
-  },
-  "devDependencies": {
-    "@types/react": "^18",
-    "@types/wicg-file-system-access": "^2023.10.7",
-    "react": "^19.2.3",
-    "tsup": "^8.0.0",
-    "typescript": "^5.0.0"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/PashaSchool/utils-kit.git",
-    "directory": "packages/react-csv-autopilot"
-  },
-  "bugs": {
-    "url": "https://github.com/PashaSchool/utils-kit/issues"
-  },
   "homepage": "https://github.com/PashaSchool/utils-kit/blob/main/packages/react-csv-autopilot/README.md",
   "keywords": [
     "react",
@@ -60,5 +40,25 @@
     "file-system-access",
     "large-datasets",
     "data-export"
-  ]
+  ],
+  "license": "MIT",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "name": "react-csv-autopilot",
+  "peerDependencies": {
+    "react": "^18 || ^19"
+  },
+  "repository": {
+    "directory": "packages/react-csv-autopilot",
+    "type": "git",
+    "url": "git+https://github.com/PashaSchool/utils-kit.git"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "types": "dist/index.d.ts",
+  "version": "0.0.5"
 }