@amimpact/willy-utils 1.8.0 → 1.8.2

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import { createCookie, readCookie, eraseCookie } from './cookie';
 import { formatCraftDate, formatDateFromNow, formatNewDate, formatUTCDate, parseISODuration } from './date';
 import { convertObjectToFormData } from './form';
-import { bytesToSize, capitalize, checkForScrollbars, convertHexToRGBA, downloadFile, getNestedSet, getUrlsFromString, isPlainObject, observeResize, wrap } from './misc';
+import { bytesToSize, capitalize, checkForScrollbars, convertHexToRGBA, downloadFile, getNestedSet, getUrlsFromString, isHoverableDevice, isPlainObject, isTouchDevice, isValidUrl, observeResize, wrap } from './misc';
 import { $, $$, getParents } from './selectors';
 import { isCraftActionUrl, isInternalLink, isExternalUrl, isAsset } from './url';
-export { $, $$, bytesToSize, capitalize, checkForScrollbars, convertHexToRGBA, createCookie, downloadFile, eraseCookie, formatCraftDate, convertObjectToFormData, formatDateFromNow, formatNewDate, formatUTCDate, getNestedSet, getParents, getUrlsFromString, isAsset, isCraftActionUrl, isExternalUrl, isInternalLink, isPlainObject, observeResize, parseISODuration, readCookie, wrap, };
+export { $, $$, bytesToSize, capitalize, checkForScrollbars, convertHexToRGBA, createCookie, downloadFile, eraseCookie, formatCraftDate, convertObjectToFormData, formatDateFromNow, formatNewDate, formatUTCDate, getNestedSet, getParents, getUrlsFromString, isAsset, isCraftActionUrl, isExternalUrl, isHoverableDevice, isInternalLink, isPlainObject, isTouchDevice, isValidUrl, observeResize, parseISODuration, readCookie, wrap, };

package/dist/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.wrap = exports.readCookie = exports.parseISODuration = exports.observeResize = exports.isPlainObject = exports.isInternalLink = exports.isExternalUrl = exports.isCraftActionUrl = exports.isAsset = exports.getUrlsFromString = exports.getParents = exports.getNestedSet = exports.formatUTCDate = exports.formatNewDate = exports.formatDateFromNow = exports.convertObjectToFormData = exports.formatCraftDate = exports.eraseCookie = exports.downloadFile = exports.createCookie = exports.convertHexToRGBA = exports.checkForScrollbars = exports.capitalize = exports.bytesToSize = exports.$$ = exports.$ = void 0;
+exports.wrap = exports.readCookie = exports.parseISODuration = exports.observeResize = exports.isValidUrl = exports.isTouchDevice = exports.isPlainObject = exports.isInternalLink = exports.isHoverableDevice = exports.isExternalUrl = exports.isCraftActionUrl = exports.isAsset = exports.getUrlsFromString = exports.getParents = exports.getNestedSet = exports.formatUTCDate = exports.formatNewDate = exports.formatDateFromNow = exports.convertObjectToFormData = exports.formatCraftDate = exports.eraseCookie = exports.downloadFile = exports.createCookie = exports.convertHexToRGBA = exports.checkForScrollbars = exports.capitalize = exports.bytesToSize = exports.$$ = exports.$ = void 0;
 var cookie_1 = require("./cookie");
 Object.defineProperty(exports, "createCookie", { enumerable: true, get: function () { return cookie_1.createCookie; } });
 Object.defineProperty(exports, "readCookie", { enumerable: true, get: function () { return cookie_1.readCookie; } });
@@ -21,7 +21,10 @@ Object.defineProperty(exports, "convertHexToRGBA", { enumerable: true, get: func
 Object.defineProperty(exports, "downloadFile", { enumerable: true, get: function () { return misc_1.downloadFile; } });
 Object.defineProperty(exports, "getNestedSet", { enumerable: true, get: function () { return misc_1.getNestedSet; } });
 Object.defineProperty(exports, "getUrlsFromString", { enumerable: true, get: function () { return misc_1.getUrlsFromString; } });
+Object.defineProperty(exports, "isHoverableDevice", { enumerable: true, get: function () { return misc_1.isHoverableDevice; } });
 Object.defineProperty(exports, "isPlainObject", { enumerable: true, get: function () { return misc_1.isPlainObject; } });
+Object.defineProperty(exports, "isTouchDevice", { enumerable: true, get: function () { return misc_1.isTouchDevice; } });
+Object.defineProperty(exports, "isValidUrl", { enumerable: true, get: function () { return misc_1.isValidUrl; } });
 Object.defineProperty(exports, "observeResize", { enumerable: true, get: function () { return misc_1.observeResize; } });
 Object.defineProperty(exports, "wrap", { enumerable: true, get: function () { return misc_1.wrap; } });
 var selectors_1 = require("./selectors");

package/dist/misc.d.ts

@@ -49,6 +49,12 @@ export declare const getNestedSet: (entries: any[] | undefined, level: number |
  * @param {string} content - html
  */
 export declare const getUrlsFromString: (content: string) => RegExpMatchArray | null;
+/**
+ * Bepalen of jouw device hover ondersteunt
+ *
+ * @returns {boolean}
+ */
+export declare const isHoverableDevice: () => boolean;
 /**
  * Bekijken of een waarde een object is
  * https://github.com/reduxjs/redux/blob/master/src/utils/isPlainObject.ts
@@ -57,6 +63,20 @@ export declare const getUrlsFromString: (content: string) => RegExpMatchArray |
  * @returns {boolean}
  */
 export declare const isPlainObject: (value: any) => boolean;
+/**
+ * Bepalen of je gebruikt maakt van een touchscreen
+ * https://gist.github.com/esedic/39a16a7521d42ae205203e3d40dc19f5
+ *
+ * @returns {boolean}
+ */
+export declare const isTouchDevice: () => boolean;
+/**
+ * Bekijken of een waarde url is
+ *
+ * @param {any} urlString - Waarde welke je wilt checken of het een url is
+ * @returns {boolean}
+ */
+export declare const isValidUrl: (urlString: any) => boolean;
 /**
  * Resize observer; checkt of een HTML element zijn dimensies veranderen
  * en zodra dat gebeurt wordt de callback functie gecalled.

package/dist/misc.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.wrap = exports.observeResize = exports.isPlainObject = exports.getUrlsFromString = exports.getNestedSet = exports.downloadFile = exports.convertHexToRGBA = exports.checkForScrollbars = exports.capitalize = exports.bytesToSize = void 0;
+exports.wrap = exports.observeResize = exports.isValidUrl = exports.isTouchDevice = exports.isPlainObject = exports.isHoverableDevice = exports.getUrlsFromString = exports.getNestedSet = exports.downloadFile = exports.convertHexToRGBA = exports.checkForScrollbars = exports.capitalize = exports.bytesToSize = void 0;
 /**
  * Toon mooier bestandsformaat
  * @param {string | number} bytes
@@ -81,7 +81,13 @@ var downloadFile = function (data, fileName) {
         window.navigator.msSaveOrOpenBlob(new Blob([data]), fileName);
     }
     else {
-        var fileURL = window.URL.createObjectURL(new Blob([data]));
+        var fileURL = void 0;
+        if ((0, exports.isValidUrl)(data)) {
+            fileURL = data;
+        }
+        else {
+            fileURL = window.URL.createObjectURL(new Blob([data]));
+        }
         var fileLink = document.createElement('a');
         fileLink.href = fileURL;
         fileLink.setAttribute('download', fileName);
@@ -125,6 +131,15 @@ var getUrlsFromString = function (content) {
     return m || null;
 };
 exports.getUrlsFromString = getUrlsFromString;
+/**
+ * Bepalen of jouw device hover ondersteunt
+ *
+ * @returns {boolean}
+ */
+var isHoverableDevice = function () {
+    return window.matchMedia('(hover: hover) and (pointer: fine)').matches;
+};
+exports.isHoverableDevice = isHoverableDevice;
 /**
  * Bekijken of een waarde een object is
  * https://github.com/reduxjs/redux/blob/master/src/utils/isPlainObject.ts
@@ -143,6 +158,54 @@ var isPlainObject = function (value) {
     return Object.getPrototypeOf(value) === proto;
 };
 exports.isPlainObject = isPlainObject;
+/**
+ * Bepalen of je gebruikt maakt van een touchscreen
+ * https://gist.github.com/esedic/39a16a7521d42ae205203e3d40dc19f5
+ *
+ * @returns {boolean}
+ */
+var isTouchDevice = function () {
+    var result = false;
+    if (window.PointerEvent && 'maxTouchPoints' in navigator) {
+        // if Pointer Events are supported, just check maxTouchPoints
+        if (navigator.maxTouchPoints > 0) {
+            result = true;
+        }
+    }
+    else {
+        // no Pointer Events...
+        if (window.matchMedia &&
+            window.matchMedia('(any-pointer:coarse)').matches) {
+            // check for any-pointer:coarse which mostly means touchscreen
+            result = true;
+        }
+        else if (window.TouchEvent || 'ontouchstart' in window) {
+            // last resort - check for exposed touch events API / event handler
+            result = true;
+        }
+    }
+    return result;
+};
+exports.isTouchDevice = isTouchDevice;
+/**
+ * Bekijken of een waarde url is
+ *
+ * @param {any} urlString - Waarde welke je wilt checken of het een url is
+ * @returns {boolean}
+ */
+var isValidUrl = function (urlString) {
+    if (typeof urlString !== 'string') {
+        return false;
+    }
+    var urlPattern = new RegExp('^(https?:\\/\\/)?' + // validate protocol
+        '((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|' + // validate domain name
+        '((\\d{1,3}\\.){3}\\d{1,3}))' + // validate OR ip (v4) address
+        '(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*' + // validate port and path
+        '(\\?[;&a-z\\d%_.~+=-]*)?' + // validate query string
+        '(\\#[-a-z\\d_]*)?$', 'i'); // validate fragment locator
+    return !!urlPattern.test(urlString);
+};
+exports.isValidUrl = isValidUrl;
 /**
  * Resize observer; checkt of een HTML element zijn dimensies veranderen
  * en zodra dat gebeurt wordt de callback functie gecalled.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amimpact/willy-utils",
-  "version": "1.8.0",
+  "version": "1.8.2",
   "description": "Javascript utils",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",