@etsoo/shared 1.1.22 → 1.1.23

package/README.md

@@ -122,6 +122,7 @@ DOM/window related utilities
 |detectedCountry|Current detected country|
 |detectedCulture|Current detected culture|
 |dimensionEqual|Check two rectangles equality|
+|fileToDataURL|File to data URL|
 |formDataToObject|Form data to object|
 |getCulture|Get the available culture definition|
 |getDataChanges|Get data changed fields with input data updated|

package/lib/cjs/DomUtils.d.ts

@@ -43,6 +43,12 @@ export declare namespace DomUtils {
      * @param d2 Dimension 2
      */
     function dimensionEqual(d1?: DOMRect, d2?: DOMRect): boolean;
+    /**
+     * File to data URL
+     * @param file File
+     * @returns Data URL
+     */
+    function fileToDataURL(file: File): Promise<string>;
     /**
      * Form data to object
      * @param form Form data

package/lib/cjs/DomUtils.js

@@ -213,6 +213,27 @@ var DomUtils;
         return false;
     }
     DomUtils.dimensionEqual = dimensionEqual;
+    /**
+     * File to data URL
+     * @param file File
+     * @returns Data URL
+     */
+    async function fileToDataURL(file) {
+        return new Promise((resolve, reject) => {
+            const reader = new FileReader();
+            reader.onerror = reject;
+            reader.onload = () => {
+                const data = reader.result;
+                if (data == null) {
+                    reject();
+                    return;
+                }
+                resolve(data);
+            };
+            reader.readAsDataURL(file);
+        });
+    }
+    DomUtils.fileToDataURL = fileToDataURL;
     /**
      * Form data to object
      * @param form Form data

package/lib/mjs/DomUtils.d.ts

@@ -43,6 +43,12 @@ export declare namespace DomUtils {
      * @param d2 Dimension 2
      */
     function dimensionEqual(d1?: DOMRect, d2?: DOMRect): boolean;
+    /**
+     * File to data URL
+     * @param file File
+     * @returns Data URL
+     */
+    function fileToDataURL(file: File): Promise<string>;
     /**
      * Form data to object
      * @param form Form data

package/lib/mjs/DomUtils.js

@@ -210,6 +210,27 @@ export var DomUtils;
         return false;
     }
     DomUtils.dimensionEqual = dimensionEqual;
+    /**
+     * File to data URL
+     * @param file File
+     * @returns Data URL
+     */
+    async function fileToDataURL(file) {
+        return new Promise((resolve, reject) => {
+            const reader = new FileReader();
+            reader.onerror = reject;
+            reader.onload = () => {
+                const data = reader.result;
+                if (data == null) {
+                    reject();
+                    return;
+                }
+                resolve(data);
+            };
+            reader.readAsDataURL(file);
+        });
+    }
+    DomUtils.fileToDataURL = fileToDataURL;
     /**
      * Form data to object
      * @param form Form data

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@etsoo/shared",
-    "version": "1.1.22",
+    "version": "1.1.23",
     "description": "TypeScript shared utilities and functions",
     "main": "lib/cjs/index.js",
     "module": "lib/mjs/index.js",
@@ -55,13 +55,13 @@
     "dependencies": {},
     "devDependencies": {
         "@types/jest": "^27.4.1",
-        "@typescript-eslint/eslint-plugin": "^5.20.0",
-        "@typescript-eslint/parser": "^5.20.0",
+        "@typescript-eslint/eslint-plugin": "^5.21.0",
+        "@typescript-eslint/parser": "^5.21.0",
         "eslint": "^8.14.0",
         "eslint-config-airbnb-base": "^15.0.0",
         "eslint-plugin-import": "^2.26.0",
         "jest": "^27.5.1",
         "ts-jest": "^27.1.4",
-        "typescript": "^4.6.3"
+        "typescript": "^4.6.4"
     }
 }

package/src/DomUtils.ts

@@ -261,6 +261,28 @@ export namespace DomUtils {
         return false;
     }
 
+    /**
+     * File to data URL
+     * @param file File
+     * @returns Data URL
+     */
+    export async function fileToDataURL(file: File) {
+        return new Promise<string>((resolve, reject) => {
+            const reader = new FileReader();
+            reader.onerror = reject;
+            reader.onload = () => {
+                const data = reader.result;
+                if (data == null) {
+                    reject();
+                    return;
+                }
+
+                resolve(data as string);
+            };
+            reader.readAsDataURL(file);
+        });
+    }
+
     /**
      * Form data to object
      * @param form Form data