fix: lazy import file-saver

Author: dadamssg

readme.md

@@ -142,4 +142,4 @@ const excel = useExcelJS({
 
 
 ## Optimization
-The hook lazily imports the rather large `exceljs` package only once the `download` function is executed.
+The hook lazily imports `file-saver` and the rather large `exceljs` package only once the `download` function is executed.

src/deps.ts

@@ -0,0 +1,4 @@
+import { saveAs } from "file-saver"
+import ExcelJS from 'exceljs'
+
+export default { saveAs , ExcelJS}

src/makeBuffer.ts

@@ -9,7 +9,7 @@ export default async function makeBuffer<T extends Array<Sheet>>({
   data: Array<any> | Record<T[number]["name"], Array<any>>
   intercept?: InterceptFn
 }) {
-  const ExcelJS = await import("exceljs")
+  const { default: {ExcelJS} } = await import("./deps")
   let workbook = new ExcelJS.Workbook()
   for (const worksheet of worksheets) {
     const sheet = workbook.addWorksheet(worksheet.name)

src/react-use-exceljs.ts

@@ -1,5 +1,4 @@
 import React from "react"
-import { saveAs } from "file-saver"
 import { type Data, type Filename, type InterceptFn, type Sheet } from "./types"
 import makeBuffer from "./makeBuffer"
 
@@ -18,6 +17,7 @@ export default function useExcelJS<T extends Array<Sheet>>({
         const buffer = await makeBuffer({ worksheets, data, intercept })
         const fileType = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
         const blob = new Blob([buffer], { type: fileType })
+        const { default: {saveAs} } = await import("./deps")
         saveAs(blob, filename ?? "workbook.xlsx")
       },
       [filename, worksheets, intercept]

test/makeBuffer.test.ts

@@ -62,7 +62,7 @@ test("can create two sheets", async () => {
         { city: 'Dallas' },
         { city: 'New York' },
         { city: 'Miami' },
-      ]
+      ],
     },
     worksheets: [worksheetA, worksheetB],
   })