ZipFileServer is a lightweight library that serves as an intermediary between the web client and the server.

It provides an efficient way to package and download numerous fragmented files as required.

The Core zip inflate feature is based on zip.js.

Table of Contents

• Overview
• Installation
• Usage
• License

Overview

When ZipFileServer receives a file request, it prioritizes searching and delivering from the corresponding remote zip package.

This process is seamless for both the client and the server.

Installation

To install ZipFileServer, run the following command:

1npm install zip-file-server

Usage

Please refer to the provided example for detailed usage.

1  import {ZipFileServer} from '../dist/main.js';
2
3  const server = new ZipFileServer({
4    remotes: [
5      {
6        name: 'bundle',
7        prefix: 'bundle/',
8        zipUrl: 'bundle.zip'
9      },
10      {
11        name: 'res',
12        prefix: 'res/',
13        zipUrl: 'res.zip'
14      }
15    ],
16    fallbackUrl: '/example/',
17    fetch: (opt) => fetch(opt)
18  });
19
20  window.server = server;
21
22  function showImg(url) {
23    return new Promise(resolve => {
24      const img = new Image();
25      server.getUrl(url).then(({url, onComplete}) => {
26        img.src = url;
27        img.onload = () => {
28          onComplete();
29          resolve();
30        };
31      });
32      document.body.appendChild(img);
33    })
34  }
35
36  server.preload('res').then(() => {
37    console.log('preload res.zip done');
38
39    // no need to load res.zip again
40    showImg('res/img.png').then(() => {
41      console.log('load res/img.png done');
42
43      // unload res.zip
44      server.unload('res');
45
46      // this time will load res.zip again
47      showImg('res/img2.png').then(() => {
48        console.log('load res/img2.png done');
49      });
50    });
51  });
52
53  server.getData('bundle/data.json')
54    .then(data => data.json())
55    .then(data => console.log('data.json', data));
56
57  showImg('bundle/img.png');
58
59  server.getData('bundle/info.txt').then(res => res.text()).then(data => {
60    console.log('info.txt', data);
61  });

License

ZipFileServer is BSD-3-Clause licensed