Added filebrowser & Merged a bunch of functions into file utilities

.github/workflows/build.yaml

@@ -9,34 +9,19 @@ jobs:
   build:
     name: Build NPM Project
     runs-on: ubuntu-latest
-    container:
+    container: node:20-alpine
-      image: node
-      volumes:
-        - '/mnt/swarm/gitea/runner/cache:/cache'
     steps:
       -   name: Clone Repository
           uses: ztimson/actions/clone@develop
 
-      -   name: Restore node_modules
+      -   name: Install & Build
-          uses: ztimson/actions/cache/restore@develop
+          run: |
-          with:
+            npm i
-            key: node_modules
+            npm run build
-
-      -   name: Install Dependencies
-          run: npm i
-
-      -   name: Build Project
-          run: npm run build
 
       -   name: Test
           run: npm run test:coverage
 
-      -   name: Cache node_modules
-          uses: ztimson/actions/cache@develop
-          with:
-            key: node_modules
-            pattern: node_modules
-
       -   name: Upload to Registry
           uses: ztimson/actions/npm/publish@develop
 

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@ztimson/utils",
-	"version": "0.13.0",
+	"version": "0.14.0",
 	"description": "Utility library",
 	"author": "Zak Timson",
 	"license": "MIT",

src/download.ts

@@ -1,8 +0,0 @@
-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);
-}

src/files.ts

@@ -0,0 +1,54 @@
+import {PromiseProgress} from './promise-progress.ts';
+
+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 downloadBlob(blob: Blob, name: string) {
+	const url = URL.createObjectURL(blob);
+	download(url, name);
+	URL.revokeObjectURL(url);
+}
+
+export function fileBrowser(options: {accept?: string, multiple?: boolean} = {}): Promise<File[]> {
+	return new Promise(res => {
+		const input = document.createElement('input');
+		input.type = 'file';
+		input.accept = options.accept || '*';
+		input.style.display='none';
+		input.multiple = !!options.multiple;
+		input.onblur = input.onchange = async () => {
+			res(Array.from(<any>input.files));
+			input.remove();
+		}
+		document.body.appendChild(input);
+		input.click();
+	});
+}
+
+export function uploadWithProgress(options: {
+	url: string;
+	file: File;
+	headers?: {[key: string]: string};
+	withCredentials?: boolean;
+}) {
+	return new PromiseProgress((res, rej, prog) => {
+		const xhr = new XMLHttpRequest();
+		const formData = new FormData();
+		formData.append('file', options.file);
+
+		xhr.withCredentials = !!options.withCredentials
+		Object.entries(options.headers || {}).forEach(([key, value]) => xhr.setRequestHeader(key, value));
+		xhr.upload.addEventListener('progress', (event) => event.lengthComputable ? prog(event.loaded / event.total) : null);
+		xhr.upload.addEventListener('load', (resp) => res(resp));
+		xhr.upload.addEventListener('error', (err) => rej(err));
+
+		xhr.open('POST', options.url);
+		xhr.send(formData);
+	});
+}

src/http.ts

@@ -1,5 +1,5 @@
 import {clean} from './objects';
-import {PromiseProgress} from './promise-progress.ts';
+import {PromiseProgress} from './promise-progress';
 
 export type DecodedResponse<T> = Response & {data?: T}
 

src/index.ts

@@ -1,9 +1,9 @@
 export * from './array';
 export * from './aset';
-export * from './download';
+export * from './files';
 export * from './emitter';
 export * from './errors';
-export * from './http.ts';
+export * from './http';
 export * from './logger';
 export * from './math';
 export * from './misc';
@@ -11,4 +11,3 @@ export * from './objects';
 export * from './promise-progress';
 export * from './string';
 export * from './time';
-export * from './upload.ts';

src/upload.ts

@@ -1,25 +0,0 @@
-import {PromiseProgress} from './promise-progress.ts';
-
-export type UploadOptions = {
-	url: string;
-	file: File;
-	headers?: {[key: string]: string};
-	withCredentials?: boolean;
-}
-
-export function uploadWithProgress(options: UploadOptions) {
-	return new PromiseProgress((res, rej, prog) => {
-		const xhr = new XMLHttpRequest();
-		const formData = new FormData();
-		formData.append('file', options.file);
-
-		xhr.withCredentials = !!options.withCredentials
-		Object.entries(options.headers || {}).forEach(([key, value]) => xhr.setRequestHeader(key, value));
-		xhr.upload.addEventListener('progress', (event) => event.lengthComputable ? prog(event.loaded / event.total) : null);
-		xhr.upload.addEventListener('load', (resp) => res(resp));
-		xhr.upload.addEventListener('error', (err) => rej(err));
-
-		xhr.open('POST', options.url);
-		xhr.send(formData);
-	});
-}