Browser tab freezes when using unzip

I am using fflate in a Vue.js 3 app and it it really a lot faster than other packages 😃

However, I have the following problem (not sure if it’s a bug or if I’m just using it wrong): I’m using unzip to extract a lot of xml files from a zip archive, parse them and push them into a store. As soon as the unzipping operation is started the UI of my vue app completely freezes, nothing is clickable anymore and my loading animation also stops moving.

My code looks like this:

loading.value = true
const fileBuffer = await file.file.arrayBuffer()
const archive = new Uint8Array(fileBuffer)
const unzippedFiles = []

unzip(archive, (err, unzipped) => {
  if (err) {
    console.log(err)
  }
  for (const file in unzipped) {
    const fileString = strFromU8(unzipped[file])
    unzippedFiles.push(parser.parse(fileString, {}, true))
  }
})

store.setDocuments(unzippedFiles)
loading.value = false

What can I do to prevent the freezing? Thank you!

[101arrowz]

Ok that’s fine. I’m going to guess that this will be solved by compressing as many files as possible on another thread rather than having an arbitrary byte cutoff by implementing the worker pool from #58, so I’m closing in favor of that issue. If you want to know when this is resolved follow #58; for now you should probably just make a web worker manually and call unzipSync.

[linkurzweg]

@101arrowz Sorry, I’m not allowed to send it because it contains confidential information. I understand if you can’t investigate any further in this.