tool-shack 0.0.11 → 0.0.14

package/dist/browser/index.js

@@ -1,5 +1,7 @@
-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/isPushNotificationSupported.js

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

package/dist/browser/isShareSupported.js

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

package/dist/browser/isTouchSupported.js

@@ -1,7 +1,9 @@
 /**
  * Check if user's browser supports touch events
  *
- * @returns Boolean indicating if user's browser support touch events
+ * @returns Boolean indicating if user's browser supports touch events
  */
-export const isTouchSupported = () => ('ontouchstart' in window || (window.DocumentTouch && document instanceof window.DocumentTouch));
+export const isTouchSupported = () => 'ontouchstart' in window ||
+    (window.DocumentTouch &&
+        document instanceof window.DocumentTouch);
 //# sourceMappingURL=isTouchSupported.js.map

package/dist/browser/preferColorScheme.js

@@ -3,13 +3,13 @@
  *
  * @returns Boolean indicating if user prefers light color scheme
  */
-export const preferLightColorScheme = () => !!(window.matchMedia('(prefers-color-scheme: light)').matches);
+export const preferLightColorScheme = () => !!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 = () => !!(window.matchMedia('(prefers-color-scheme: dark)').matches);
+export const preferDarkColorScheme = () => !!window.matchMedia('(prefers-color-scheme: dark)').matches;
 /**
  * Check what color scheme (light or dark) is prefered by user
  *

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/addEventListener.js

@@ -6,9 +6,9 @@
  * @returns void
  */
 export const addEventListener = (element, listeners) => {
-    const elementList = (element instanceof Array || element instanceof HTMLCollection || element instanceof NodeList ?
-        Array.from(element) :
-        [element]);
+    const elementList = (element instanceof Array || element instanceof HTMLCollection || element instanceof NodeList
+        ? Array.from(element)
+        : [element]);
     elementList.forEach((element) => {
         for (let eventName in listeners) {
             const functionList = (listeners[eventName] instanceof Array ? listeners[eventName] : [listeners[eventName]]);

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/schedule/runAsync.js

@@ -11,7 +11,7 @@ export const runAsync = (fn) => {
             res(data);
             worker.terminate();
         };
-        worker.onerror = err => {
+        worker.onerror = (err) => {
             rej(err);
             worker.terminate();
         };

package/dist/string/byteSize.js

@@ -0,0 +1,8 @@
+/**
+ * Return size of string in bytes
+ *
+ * @param value String to be sized
+ * @returns Byte size of given string
+ */
+export const byteSize = (value) => new Blob([value]).size;
+//# sourceMappingURL=byteSize.js.map

package/dist/string/index.js

@@ -1,5 +1,6 @@
-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.11",
+  "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",
-    "pretty-quick": "^3.1.2",
-    "typedoc": "^0.22.10",
-    "typescript": "^4.5.2"
+    "prettier": "^2.6.2",
+    "pretty-quick": "^3.1.3",
+    "typedoc": "^0.22.13",
+    "typescript": "^4.6.3"
   }
 }

package/src/browser/index.ts

@@ -1,4 +1,6 @@
-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/interfaces/isTouchSupported.ts

@@ -1,3 +1,3 @@
-export interface IExtendedWindow extends Window {
-  DocumentTouch: any;
-}
+export interface IExtendedWindow extends Window {
+  DocumentTouch: any;
+}

package/src/browser/isPushNotificationSupported.ts

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

package/src/browser/isShareSupported.ts

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

package/src/browser/isTabFocused.ts

@@ -1,6 +1,6 @@
-/**
- * Check if current browser tab is in focus
- *
- * @returns Boolean indicating if current browser tab is in focus
- */
-export const isTabFocused = (): boolean => !document.hidden;
+/**
+ * Check if current browser tab is in focus
+ *
+ * @returns Boolean indicating if current browser tab is in focus
+ */
+export const isTabFocused = (): boolean => !document.hidden;

package/src/browser/isTouchSupported.ts

@@ -1,12 +1,11 @@
-import { IExtendedWindow } from './interfaces/isTouchSupported';
-
-/**
- * Check if user's browser supports touch events
- *
- * @returns Boolean indicating if user's browser support 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,20 +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,18 +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/index.ts

@@ -1,4 +1,4 @@
-export * from './interfaces';
-
-export * from './dateAsIso';
-export * from './parseDuration';
+export * from './interfaces';
+
+export * from './dateAsIso';
+export * from './parseDuration';

package/src/dateTime/interfaces/index.ts

@@ -1 +1 @@
-export * from './parseDuration';
+export * from './parseDuration';

package/src/dateTime/interfaces/parseDuration.ts

@@ -1,7 +1,7 @@
-export interface IDuration {
-  days: number;
-  hours: number;
-  minutes: number;
-  seconds: number;
-  milliseconds: number;
-}
+export interface IDuration {
+  days: number;
+  hours: number;
+  minutes: number;
+  seconds: number;
+  milliseconds: number;
+}

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,32 +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);
+        }
+      }),
+    );
+  }
+};