Added download utilities
This commit is contained in:
parent
67b314b507
commit
d0e9cbcaa6
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@ztimson/utils",
|
||||
"version": "0.5.0",
|
||||
"version": "0.6.0",
|
||||
"description": "Utility library",
|
||||
"author": "Zak Timson",
|
||||
"license": "MIT",
|
||||
|
46
src/download.ts
Normal file
46
src/download.ts
Normal file
@ -0,0 +1,46 @@
|
||||
import {TypedEmitter, TypedEvents} from './emitter.ts';
|
||||
|
||||
export type downloadEvents = TypedEvents & {
|
||||
complete: (blob: Blob) => any;
|
||||
progress: (progress: number) => any;
|
||||
}
|
||||
|
||||
export function download(href: any, name: string) {
|
||||
const a = document.createElement('a');
|
||||
a.href = href;
|
||||
a.download = name;
|
||||
document.body.appendChild(a);
|
||||
a.click();
|
||||
document.body.removeChild(a);
|
||||
}
|
||||
|
||||
export function downloadStream(url: string, name?: string) {
|
||||
const emitter = new TypedEmitter<downloadEvents>();
|
||||
fetch(url).then(response => {
|
||||
const contentLength = response.headers.get('Content-Length') || '0';
|
||||
const total = parseInt(contentLength, 10);
|
||||
let chunks: any[] = [], loaded = 0;
|
||||
const reader = response.body?.getReader();
|
||||
reader?.read().then(function processResult(result) {
|
||||
if(result.done) {
|
||||
const blob = new Blob(chunks);
|
||||
emitter.emit('progress', 1);
|
||||
if(name) {
|
||||
const url = URL.createObjectURL(blob);
|
||||
download(url, name);
|
||||
URL.revokeObjectURL(url);
|
||||
}
|
||||
emitter.emit('complete', blob);
|
||||
return;
|
||||
} else {
|
||||
const chunk = result.value;
|
||||
chunks.push(chunk);
|
||||
loaded += chunk.length;
|
||||
const progress = Math.round((loaded / total) * 100);
|
||||
emitter.emit('progress', progress);
|
||||
reader.read().then(processResult);
|
||||
}
|
||||
});
|
||||
});
|
||||
return emitter;
|
||||
}
|
@ -1,5 +1,6 @@
|
||||
export * from './array';
|
||||
export * from './aset';
|
||||
export * from './download.ts';
|
||||
export * from './emitter';
|
||||
export * from './errors';
|
||||
export * from './logger';
|
||||
|
18
src/xhr.ts
18
src/xhr.ts
@ -1,3 +1,4 @@
|
||||
import {TypedEmitter, TypedEvents} from './emitter.ts';
|
||||
import {clean} from './objects';
|
||||
|
||||
export type Interceptor = (request: Response, next: () => void) => void;
|
||||
@ -45,14 +46,6 @@ export class XHR {
|
||||
return () => { this.interceptors[key] = <any>null; }
|
||||
}
|
||||
|
||||
download(opts: RequestOptions & {url: string}) {
|
||||
this.request<Response>({...opts, skipConverting: true}).then(async resp => {
|
||||
const blob = await resp.blob();
|
||||
download(URL.createObjectURL(blob), <string>opts.url.split('/').pop());
|
||||
URL.revokeObjectURL(opts.url);
|
||||
});
|
||||
}
|
||||
|
||||
async request<T>(opts: RequestOptions = {}): Promise<T> {
|
||||
if(!this.opts.url && !opts.url) throw new Error('URL needs to be set');
|
||||
const url = (opts.url?.startsWith('http') ? opts.url : (this.opts.url || '') + (opts.url || '')).replace(/([^:]\/)\/+/g, '$1');
|
||||
@ -82,12 +75,3 @@ export class XHR {
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
export function download(href: any, name: string) {
|
||||
const a = document.createElement('a');
|
||||
a.href = href;
|
||||
a.download = name;
|
||||
document.body.appendChild(a);
|
||||
a.click();
|
||||
document.body.removeChild(a);
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user