We need zip js for Angular 11

[DJ-991]

How can we use zip.js in Angular11? I need to encrypt zip having pdf. Please suggest, after npm install how can we use zip.js in angular framework? We have blob for the PDF.

[gildas-lormeau]

What should be particular to Angular 11?

[DJ-991]

Just in angular how can we implement zip.js

[gildas-lormeau]

Like in any other JavaScript/TypeScript project?

[DJ-991]

This is angular project with typescript, we need to encrypt the zip having pdf blob. Can we do this with zip.js?

Ask- whenever user open that downloaded zip, it should ask for the password.

[gildas-lormeau]

Yes, it is probably possible to implement this. What's blocking you?

[DJ-991]

is this code is fine for encryption and zip that pdf blob? blob we are getting from API

[DJ-991]

PFA - by running:
$ npm install @zip.js/zip.js

and importing the libary as an ECMAScript module:
import * as zip from "@zip.js/zip.js";

using like this : useCompressionStream is giving error in code

[gildas-lormeau]

useCompressionStream is an option passed to zip.configure(). See here for an example of code using encryption: https://github.com/gildas-lormeau/zip.js/blob/master/tests/all/test-crypto.js.

[DJ-991]

https://github.com/gildas-lormeau/zip.js/blob/master/tests/all/test-crypto.js
should we use that code(test-crypto.js) for encryption in our typescript code and for zipping ? @gildas-lormeau

[gildas-lormeau]

This is a code example that shows how to write a zip file with an AES password so I assume it's similar to what you want to do.

[DJ-991]

Will try this code hope this will work. @gildas-lormeau

[gildas-lormeau]

You'll probably have to follow these instructions as well: #229

[DJ-991]

getting this error after config

here it is:
1: create file inside src -

2: angular.json "serve" config

3: angular.json "builder" and "options"

4: package.json

My angular version is Angular 11. so i installed npm install -D @angular-builders/custom-webpack@11.1.1

[gildas-lormeau]

It looks like the ES version in your project is too old. Here is the fix of a similar issue in Angular CLI:

• angular/angular-cli@dd60228
• for await is not supported when targeting es2018 angular/angular-cli#21196

[DJ-991]

in which file we need to change tsconfig.json or package.json ? not getting

[gildas-lormeau]

I'm sorry but I don't know because I don't use Angular.

[DJ-991]

is there any cdn available for zip.js ?

[DJ-991]

is there any cdn available for zip.js ? @gildas-lormeau

[DJ-991]

this is the error coming. in catch block after passing the blob application.pdf

[gildas-lormeau]

This error is normal, it's a test to verify everything works properly (i.e. missing and invalid password). The code which does not throw an error is at line 497 in your code.

[DJ-991]

i tried that test-crypto.js code, having text blob, its not giving encrypted zip file in data variable, its just giving the text file without encryption. In line no 511 its downloading... as per above screenshot. @gildas-lormeau

[DJ-991]