tool-shack 0.0.13 → 0.0.14

package/dist/browser/index.js

@@ -1,7 +1,7 @@
-export * from './isPushNotificationSupported';
-export * from './isShareSupported';
-export * from './isTabFocused';
-export * from './isTouchSupported';
-export * from './preferColorScheme';
-export * from './tabFocusListener';
+export * from './isPushNotificationSupported.js';
+export * from './isShareSupported.js';
+export * from './isTabFocused.js';
+export * from './isTouchSupported.js';
+export * from './preferColorScheme.js';
+export * from './tabFocusListener.js';
 //# sourceMappingURL=index.js.map

package/dist/browser/tabFocusListener.js

@@ -1,4 +1,4 @@
-import { isTabFocused } from './isTabFocused';
+import { isTabFocused } from './isTabFocused.js';
 /**
  * Set callbacks for if current browser tab is in focus
  *
@@ -9,10 +9,10 @@ import { isTabFocused } from './isTabFocused';
 export const tabFocusListener = (focusCallback, blurCallback) => {
     document.addEventListener('visibilitychange', () => {
         if (isTabFocused()) {
-            focusCallback === null || focusCallback === void 0 ? void 0 : focusCallback.call(this);
+            focusCallback?.call(this);
         }
         else {
-            blurCallback === null || blurCallback === void 0 ? void 0 : blurCallback.call(this);
+            blurCallback?.call(this);
         }
     });
 };

package/dist/dateTime/index.js

@@ -1,4 +1,4 @@
-export * from './interfaces';
-export * from './dateAsIso';
-export * from './parseDuration';
+export * from './interfaces/index.js';
+export * from './dateAsIso.js';
+export * from './parseDuration.js';
 //# sourceMappingURL=index.js.map

package/dist/dateTime/interfaces/index.js

@@ -1,2 +1,2 @@
-export * from './parseDuration';
+export * from './parseDuration.js';
 //# sourceMappingURL=index.js.map

package/dist/dom/appendAfter.js

@@ -5,5 +5,5 @@
  * @param referenceNode Reference node element
  * @returns Result of the action
  */
-export const appendAfter = (newNode, referenceNode) => { var _a; return !!((_a = referenceNode.parentElement) === null || _a === void 0 ? void 0 : _a.insertBefore(newNode, referenceNode.nextSibling)); };
+export const appendAfter = (newNode, referenceNode) => !!referenceNode.parentElement?.insertBefore(newNode, referenceNode.nextSibling);
 //# sourceMappingURL=appendAfter.js.map

package/dist/dom/appendBefore.js

@@ -5,5 +5,5 @@
  * @param referenceNode Reference node element
  * @returns Result of the action
  */
-export const appendBefore = (newNode, referenceNode) => { var _a; return !!((_a = referenceNode.parentElement) === null || _a === void 0 ? void 0 : _a.insertBefore(newNode, referenceNode)); };
+export const appendBefore = (newNode, referenceNode) => !!referenceNode.parentElement?.insertBefore(newNode, referenceNode);
 //# sourceMappingURL=appendBefore.js.map

package/dist/dom/index.js

@@ -1,9 +1,9 @@
-export * from './interfaces';
-export * from './addAsyncEventListener';
-export * from './addClickOutsideListener';
-export * from './addEventListener';
-export * from './appendAfter';
-export * from './appendBefore';
-export * from './createElement';
-export * from './fireEvent';
+export * from './interfaces/index.js';
+export * from './addAsyncEventListener.js';
+export * from './addClickOutsideListener.js';
+export * from './addEventListener.js';
+export * from './appendAfter.js';
+export * from './appendBefore.js';
+export * from './createElement.js';
+export * from './fireEvent.js';
 //# sourceMappingURL=index.js.map

package/dist/dom/interfaces/index.js

@@ -1,2 +1,2 @@
-export * from './createElement';
+export * from './createElement.js';
 //# sourceMappingURL=index.js.map

package/dist/general/index.js

@@ -1,4 +1,4 @@
-export * from './isEmpty';
-export * from './isNil';
-export * from './isValidJson';
+export * from './isEmpty.js';
+export * from './isNil.js';
+export * from './isValidJson.js';
 //# sourceMappingURL=index.js.map

package/dist/general/isEmpty.js

@@ -1,4 +1,4 @@
-import { isNil } from './isNil';
+import { isNil } from './isNil.js';
 /**
  * Check if given value is empty
  *

package/dist/index.js

@@ -1,7 +1,7 @@
-export * from './browser';
-export * from './dateTime';
-export * from './dom';
-export * from './general';
-export * from './schedule';
-export * from './string';
+export * from './browser/index.js';
+export * from './dateTime/index.js';
+export * from './dom/index.js';
+export * from './general/index.js';
+export * from './schedule/index.js';
+export * from './string/index.js';
 //# sourceMappingURL=index.js.map

package/dist/schedule/index.js

@@ -1,3 +1,3 @@
-export * from './runAnimation';
-export * from './runAsync';
+export * from './runAnimation.js';
+export * from './runAsync.js';
 //# sourceMappingURL=index.js.map

package/dist/string/index.js

@@ -1,6 +1,6 @@
-export * from './byteSize';
-export * from './escapeHTML';
-export * from './removeDiacritics';
-export * from './slugify';
-export * from './truncate';
+export * from './byteSize.js';
+export * from './escapeHTML.js';
+export * from './removeDiacritics.js';
+export * from './slugify.js';
+export * from './truncate.js';
 //# sourceMappingURL=index.js.map

package/dist/string/slugify.js

@@ -1,4 +1,4 @@
-import { removeDiacritics } from './removeDiacritics';
+import { removeDiacritics } from './removeDiacritics.js';
 /**
  * Create slug from given string
  *

package/package.json

@@ -1,29 +1,42 @@
 {
   "name": "tool-shack",
-  "version": "0.0.13",
+  "version": "0.0.14",
   "description": "Collection of usefull functions to ease work",
-  "main": "dist",
-  "author": "David Myška",
+  "author": {
+    "name": "David Myška",
+    "url": "https://www.davidmyska.com/"
+  },
   "license": "MIT",
   "bugs": {
     "url": "https://github.com/miskith/tool-shack/issues"
   },
-  "homepage": "https://github.com/miskith/tool-shack#readme",
+  "homepage": "https://www.davidmyska.com/tool-shack/",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/miskith/tool-shack.git"
   },
+  "type": "module",
+  "module": "dist/index.js",
+  "main": "dist/index.js",
+  "exports": {
+    "default": "./dist/index.js"
+  },
+  "files": [
+    "dist/**/*.js",
+    "src/**/*.ts"
+  ],
   "scripts": {
-    "build": "tsc -p .",
+    "build": "rm -rf dist && tsc-esm .",
     "format": "pretty-quick",
-    "generate-docs": "typedoc --name \"Tool-Shack\" --readme README.md src/*/index.ts",
+    "generate-docs": "rm -rf docs && typedoc --name \"Tool-Shack\" --readme README.md src/*/index.ts",
     "prepare": "husky install"
   },
   "devDependencies": {
+    "@digitak/tsc-esm": "^3.1.2",
     "husky": "^7.0.4",
-    "prettier": "^2.5.1",
+    "prettier": "^2.6.2",
     "pretty-quick": "^3.1.3",
-    "typedoc": "^0.22.11",
-    "typescript": "^4.5.5"
+    "typedoc": "^0.22.13",
+    "typescript": "^4.6.3"
   }
 }

package/src/browser/index.ts

@@ -1,6 +1,6 @@
-export * from './isPushNotificationSupported';
-export * from './isShareSupported';
-export * from './isTabFocused';
-export * from './isTouchSupported';
-export * from './preferColorScheme';
-export * from './tabFocusListener';
+export * from './isPushNotificationSupported';
+export * from './isShareSupported';
+export * from './isTabFocused';
+export * from './isTouchSupported';
+export * from './preferColorScheme';
+export * from './tabFocusListener';

package/src/browser/isPushNotificationSupported.ts

@@ -1,7 +1,7 @@
-/**
- * Check if user's browser supports push notifications
- *
- * @returns Boolean indicating if user's browser supports push notifications
- */
-export const isPushNotificationSupported = (): boolean =>
-  !!(window.Notification || 'webkitNotifications' in window);
+/**
+ * Check if user's browser supports push notifications
+ *
+ * @returns Boolean indicating if user's browser supports push notifications
+ */
+export const isPushNotificationSupported = (): boolean =>
+  !!(window.Notification || 'webkitNotifications' in window);

package/src/browser/isShareSupported.ts

@@ -1,7 +1,7 @@
-/**
- * Check if user's browser supports navigator share
- *
- * @returns Boolean indicating if user's browser supports navigator share
- */
-export const isShareSupported = (): boolean =>
-  !!('navigator' in window && 'share' in window.navigator && !!navigator.share);
+/**
+ * Check if user's browser supports navigator share
+ *
+ * @returns Boolean indicating if user's browser supports navigator share
+ */
+export const isShareSupported = (): boolean =>
+  !!('navigator' in window && 'share' in window.navigator && !!navigator.share);

package/src/browser/isTouchSupported.ts

@@ -1,11 +1,11 @@
-import { IExtendedWindow } from './interfaces/isTouchSupported';
-
-/**
- * Check if user's browser supports touch events
- *
- * @returns Boolean indicating if user's browser supports touch events
- */
-export const isTouchSupported = (): boolean =>
-  'ontouchstart' in window ||
-  ((window as unknown as IExtendedWindow).DocumentTouch &&
-    document instanceof (window as unknown as IExtendedWindow).DocumentTouch);
+import { IExtendedWindow } from './interfaces/isTouchSupported';
+
+/**
+ * Check if user's browser supports touch events
+ *
+ * @returns Boolean indicating if user's browser supports touch events
+ */
+export const isTouchSupported = (): boolean =>
+  'ontouchstart' in window ||
+  ((window as unknown as IExtendedWindow).DocumentTouch &&
+    document instanceof (window as unknown as IExtendedWindow).DocumentTouch);

package/src/browser/preferColorScheme.ts

@@ -1,23 +1,23 @@
-/**
- * Check if user prefers light color scheme
- *
- * @returns Boolean indicating if user prefers light color scheme
- */
-export const preferLightColorScheme = (): boolean =>
-  !!window.matchMedia('(prefers-color-scheme: light)').matches;
-
-/**
- * Check if user prefers dark color scheme
- *
- * @returns Boolean indicating if user prefers dark color scheme
- */
-export const preferDarkColorScheme = (): boolean =>
-  !!window.matchMedia('(prefers-color-scheme: dark)').matches;
-
-/**
- * Check what color scheme (light or dark) is prefered by user
- *
- * @returns String indicating prefered light color scheme ('light') or dark color scheme ('dark')
- */
-export const preferColorScheme = (): 'light' | 'dark' =>
-  preferLightColorScheme() ? 'light' : 'dark';
+/**
+ * Check if user prefers light color scheme
+ *
+ * @returns Boolean indicating if user prefers light color scheme
+ */
+export const preferLightColorScheme = (): boolean =>
+  !!window.matchMedia('(prefers-color-scheme: light)').matches;
+
+/**
+ * Check if user prefers dark color scheme
+ *
+ * @returns Boolean indicating if user prefers dark color scheme
+ */
+export const preferDarkColorScheme = (): boolean =>
+  !!window.matchMedia('(prefers-color-scheme: dark)').matches;
+
+/**
+ * Check what color scheme (light or dark) is prefered by user
+ *
+ * @returns String indicating prefered light color scheme ('light') or dark color scheme ('dark')
+ */
+export const preferColorScheme = (): 'light' | 'dark' =>
+  preferLightColorScheme() ? 'light' : 'dark';

package/src/browser/tabFocusListener.ts

@@ -1,18 +1,18 @@
-import { isTabFocused } from './isTabFocused';
-
-/**
- * Set callbacks for if current browser tab is in focus
- *
- * @param focusCallback Function to be called when current browser tab goes into focus
- * @param blurCallback Function to be called when current browser tab goes out of focus
- * @returns void
- */
-export const tabFocusListener = (focusCallback?: () => void, blurCallback?: () => void): void => {
-  document.addEventListener('visibilitychange', () => {
-    if (isTabFocused()) {
-      focusCallback?.call(this);
-    } else {
-      blurCallback?.call(this);
-    }
-  });
-};
+import { isTabFocused } from './isTabFocused';
+
+/**
+ * Set callbacks for if current browser tab is in focus
+ *
+ * @param focusCallback Function to be called when current browser tab goes into focus
+ * @param blurCallback Function to be called when current browser tab goes out of focus
+ * @returns void
+ */
+export const tabFocusListener = (focusCallback?: () => void, blurCallback?: () => void): void => {
+  document.addEventListener('visibilitychange', () => {
+    if (isTabFocused()) {
+      focusCallback?.call(this);
+    } else {
+      blurCallback?.call(this);
+    }
+  });
+};

package/src/dateTime/dateAsIso.ts

@@ -1,24 +1,24 @@
-/**
- * Return date in ISO format with timezone
- *
- * @param date Date to be converted
- * @returns ISO format with timezone
- */
-export const dateAsIso = (date: Date) => {
-  const timezoneOffset = date.getTimezoneOffset();
-
-  let isoFormat = '';
-  isoFormat += `${date.getFullYear()}-${padNumber(date.getMonth() + 1)}-${padNumber(
-    date.getDate(),
-  )}`;
-  isoFormat += `T${padNumber(date.getHours())}:${padNumber(date.getMinutes())}:${padNumber(
-    date.getSeconds(),
-  )}`;
-  isoFormat += `${timezoneOffset <= 0 ? '+' : '-'}${padNumber(
-    Math.floor(Math.abs(timezoneOffset) / 60),
-  )}:${padNumber(Math.abs(timezoneOffset) % 60)}`;
-
-  return isoFormat;
-};
-
-const padNumber = (number: number): string => `${number}`.padStart(2, '0');
+/**
+ * Return date in ISO format with timezone
+ *
+ * @param date Date to be converted
+ * @returns ISO format with timezone
+ */
+export const dateAsIso = (date: Date) => {
+  const timezoneOffset = date.getTimezoneOffset();
+
+  let isoFormat = '';
+  isoFormat += `${date.getFullYear()}-${padNumber(date.getMonth() + 1)}-${padNumber(
+    date.getDate(),
+  )}`;
+  isoFormat += `T${padNumber(date.getHours())}:${padNumber(date.getMinutes())}:${padNumber(
+    date.getSeconds(),
+  )}`;
+  isoFormat += `${timezoneOffset <= 0 ? '+' : '-'}${padNumber(
+    Math.floor(Math.abs(timezoneOffset) / 60),
+  )}:${padNumber(Math.abs(timezoneOffset) % 60)}`;
+
+  return isoFormat;
+};
+
+const padNumber = (number: number): string => `${number}`.padStart(2, '0');

package/src/dateTime/parseDuration.ts

@@ -1,19 +1,19 @@
-import { IDuration } from './interfaces/parseDuration';
-
-/**
- * Parse duration in milliseconds into days, hours, minutes, seconds, milliseconds
- *
- * @param durationInMs Integer of duration in milliseconds
- * @returns Object containing days, hours, minutes, seconds and milliseconds of provided duration
- */
-export const parseDuration = (durationInMs: number): IDuration => {
-  durationInMs = Math.abs(durationInMs);
-
-  return {
-    days: Math.floor(durationInMs / (24 * 60 * 60 * 1000)),
-    hours: Math.floor(durationInMs / (60 * 60 * 1000)) % 24,
-    minutes: Math.floor(durationInMs / (60 * 1000)) % 60,
-    seconds: Math.floor(durationInMs / 1000) % 60,
-    milliseconds: Math.floor(durationInMs) % 1000,
-  };
-};
+import { IDuration } from './interfaces/parseDuration';
+
+/**
+ * Parse duration in milliseconds into days, hours, minutes, seconds, milliseconds
+ *
+ * @param durationInMs Integer of duration in milliseconds
+ * @returns Object containing days, hours, minutes, seconds and milliseconds of provided duration
+ */
+export const parseDuration = (durationInMs: number): IDuration => {
+  durationInMs = Math.abs(durationInMs);
+
+  return {
+    days: Math.floor(durationInMs / (24 * 60 * 60 * 1000)),
+    hours: Math.floor(durationInMs / (60 * 60 * 1000)) % 24,
+    minutes: Math.floor(durationInMs / (60 * 1000)) % 60,
+    seconds: Math.floor(durationInMs / 1000) % 60,
+    milliseconds: Math.floor(durationInMs) % 1000,
+  };
+};

package/src/dom/addAsyncEventListener.ts

@@ -1,34 +1,34 @@
-/**
- * Listen to events fired on elements that may currently not exist in the DOM
- *
- * @param elementSelector Selector for element(s) to match event target
- * @param listeners List of event types and related callback(s)
- * @param acceptBubbling Boolean switch to allow bubbling or accept only direct element match
- * @returns void
- */
-export const addAsyncEventListener = (
-  elementSelector: string,
-  listeners: Record<string, EventListener | EventListener[]>,
-  acceptBubbling = true,
-): void => {
-  for (let eventName in listeners) {
-    const functionList = (
-      listeners[eventName] instanceof Array ? listeners[eventName] : [listeners[eventName]]
-    ) as EventListener[];
-
-    functionList.forEach((fn: EventListener) =>
-      document.addEventListener(eventName, (event: Event) => {
-        const target = event.target as HTMLElement;
-        if (!target) {
-          return;
-        }
-
-        if (!acceptBubbling && target.matches(elementSelector)) {
-          fn.call(this, event);
-        } else if (acceptBubbling && target.closest(elementSelector)) {
-          fn.call(this, event);
-        }
-      }),
-    );
-  }
-};
+/**
+ * Listen to events fired on elements that may currently not exist in the DOM
+ *
+ * @param elementSelector Selector for element(s) to match event target
+ * @param listeners List of event types and related callback(s)
+ * @param acceptBubbling Boolean switch to allow bubbling or accept only direct element match
+ * @returns void
+ */
+export const addAsyncEventListener = (
+  elementSelector: string,
+  listeners: Record<string, EventListener | EventListener[]>,
+  acceptBubbling = true,
+): void => {
+  for (let eventName in listeners) {
+    const functionList = (
+      listeners[eventName] instanceof Array ? listeners[eventName] : [listeners[eventName]]
+    ) as EventListener[];
+
+    functionList.forEach((fn: EventListener) =>
+      document.addEventListener(eventName, (event: Event) => {
+        const target = event.target as HTMLElement;
+        if (!target) {
+          return;
+        }
+
+        if (!acceptBubbling && target.matches(elementSelector)) {
+          fn.call(this, event);
+        } else if (acceptBubbling && target.closest(elementSelector)) {
+          fn.call(this, event);
+        }
+      }),
+    );
+  }
+};

package/src/dom/addEventListener.ts

@@ -1,32 +1,32 @@
-/**
- * Add event listener(s) to one or more Node elements
- *
- * @param element One or multiple Node element(s) to set listener(s) for
- * @param listeners List of event types and related callback(s)
- * @returns void
- */
-export const addEventListener = (
-  element: HTMLElement | HTMLElement[] | NodeListOf<HTMLElement> | HTMLCollectionOf<HTMLElement>,
-  listeners: Record<
-    string,
-    EventListenerOrEventListenerObject | EventListenerOrEventListenerObject[]
-  >,
-): void => {
-  const elementList = (
-    element instanceof Array || element instanceof HTMLCollection || element instanceof NodeList
-      ? Array.from(element)
-      : [element]
-  ) as HTMLElement[];
-
-  elementList.forEach((element: HTMLElement) => {
-    for (let eventName in listeners) {
-      const functionList = (
-        listeners[eventName] instanceof Array ? listeners[eventName] : [listeners[eventName]]
-      ) as EventListenerOrEventListenerObject[];
-
-      functionList.forEach((fn: EventListenerOrEventListenerObject) =>
-        element.addEventListener(eventName, fn),
-      );
-    }
-  });
-};
+/**
+ * Add event listener(s) to one or more Node elements
+ *
+ * @param element One or multiple Node element(s) to set listener(s) for
+ * @param listeners List of event types and related callback(s)
+ * @returns void
+ */
+export const addEventListener = (
+  element: HTMLElement | HTMLElement[] | NodeListOf<HTMLElement> | HTMLCollectionOf<HTMLElement>,
+  listeners: Record<
+    string,
+    EventListenerOrEventListenerObject | EventListenerOrEventListenerObject[]
+  >,
+): void => {
+  const elementList = (
+    element instanceof Array || element instanceof HTMLCollection || element instanceof NodeList
+      ? Array.from(element)
+      : [element]
+  ) as HTMLElement[];
+
+  elementList.forEach((element: HTMLElement) => {
+    for (let eventName in listeners) {
+      const functionList = (
+        listeners[eventName] instanceof Array ? listeners[eventName] : [listeners[eventName]]
+      ) as EventListenerOrEventListenerObject[];
+
+      functionList.forEach((fn: EventListenerOrEventListenerObject) =>
+        element.addEventListener(eventName, fn),
+      );
+    }
+  });
+};

package/src/dom/fireEvent.ts

@@ -1,9 +1,9 @@
-/**
- * Manually fire event on Node element
- *
- * @param element Node element on which should be fired event
- * @param eventType Type name of event that should be fired
- * @returns Result of the action
- */
-export const fireEvent = (element: HTMLElement, eventType: string): boolean =>
-  element.dispatchEvent(new Event(eventType));
+/**
+ * Manually fire event on Node element
+ *
+ * @param element Node element on which should be fired event
+ * @param eventType Type name of event that should be fired
+ * @returns Result of the action
+ */
+export const fireEvent = (element: HTMLElement, eventType: string): boolean =>
+  element.dispatchEvent(new Event(eventType));

package/src/schedule/runAsync.ts

@@ -1,21 +1,21 @@
-/**
- * Run function in asynchronously in Worker
- *
- * @param fn Function to be run asynchronously
- * @returns Promise of expected result
- */
-export const runAsync = <T>(fn: () => any): Promise<T> => {
-  const worker = new Worker(URL.createObjectURL(new Blob([`postMessage((${fn})());`])));
-
-  return new Promise((res, rej) => {
-    worker.onmessage = ({ data }) => {
-      res(data);
-      worker.terminate();
-    };
-
-    worker.onerror = (err) => {
-      rej(err);
-      worker.terminate();
-    };
-  });
-};
+/**
+ * Run function in asynchronously in Worker
+ *
+ * @param fn Function to be run asynchronously
+ * @returns Promise of expected result
+ */
+export const runAsync = <T>(fn: () => any): Promise<T> => {
+  const worker = new Worker(URL.createObjectURL(new Blob([`postMessage((${fn})());`])));
+
+  return new Promise((res, rej) => {
+    worker.onmessage = ({ data }) => {
+      res(data);
+      worker.terminate();
+    };
+
+    worker.onerror = (err) => {
+      rej(err);
+      worker.terminate();
+    };
+  });
+};