Skip to content
Archive library for browsers
Branch: master
Clone or download
Latest commit 01e74de Jul 12, 2019


npm version build status dependency status license


Libarchivejs is a archive tool for browser which can extract various types of compression, it's port of libarchive to WebAssembly and javascript wrapper to make it easier to use, since it runs on WebAssembly performance should be near native. supported formats: ZIP, 7-Zip, GZIP, RAR v4, TAR and more

How to use

Install with npm i libarchive.js and use it as ES module. library consists of two parts: ES module and webworker bundle, ES module part is your interface to talk to library, use it like any other module, webworker bundle lives in libarchive.js/dist folder so you need to make sure that it is available in your public folder since it will not get bundled if you're using bundler (it's all bundled up already) and specify correct path to Archive.init() method

import {Archive} from 'libarchive.js/main.js';

    workerUrl: 'libarchive.js/dist/worker-bundle.js'

document.getElementById('file').addEventListener('change', async (e) => {
    const file = e.currentTarget.files[0];

    const archive = await;
    let obj = await archive.extractFiles();

// outputs
    ".gitignore": {File},
    "addon": {
        "": {File},
        "addon.xml": {File}
    "": {File}

More options

To get file listing without actually decompressing archive, use one of these methods

    await archive.getFilesObject();
    // outputs
        ".gitignore": {CompressedFile},
        "addon": {
            "": {CompressedFile},
            "addon.xml": {CompressedFile}
        "": {CompressedFile}

    await archive.getFilesArray();
    // outputs
        {file: {CompressedFile}, path: ""},
        {file: {CompressedFile},   path: "addon/"},
        {file: {CompressedFile},  path: "addon/"},
        {file: {CompressedFile},  path: ""}

if this methods get called after archive.extractFiles(); they will contain actual files as well

decompression might take long for bigger files, to track each file as it gets extracted archive.extractFiles accepts callback

    archive.extractFiles((entry) => { // { file: {File}, path: {String} }

Extract single file form archive

To extract single file from archive you can use extract() method on returned CompressedFile

    const filesObj = await archive.getFilesObject();
    const file = await filesObj['.gitignore'].extract();

How it works

Libarchivejs is port of popular libarchive C library to WASM. since WASM runs in current thread library uses WebWorkers for heavy lifting, ES Module (Archive class) is just a client for WebWorker, it's tiny and doesn't take up much space. only when you actually open archive file web worker will be spawn and WASM module will be downloaded, each call corresponds to each WebWorker. after calling extractFiles worker will be terminated to free up memory, client will still work with cached data

You can’t perform that action at this time.