tool-shack 0.0.13 → 0.0.16

package/dist/browser/index.d.ts

@@ -1,6 +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 './isScrollBehaviorSupported.js';
+export * from './isShareSupported.js';
+export * from './isTabFocused.js';
+export * from './isTouchSupported.js';
+export * from './preferColorScheme.js';
+export * from './tabFocusListener.js';

package/dist/browser/index.js

@@ -1,7 +1,8 @@
-export * from './isPushNotificationSupported';
-export * from './isShareSupported';
-export * from './isTabFocused';
-export * from './isTouchSupported';
-export * from './preferColorScheme';
-export * from './tabFocusListener';
+export * from './isPushNotificationSupported.js';
+export * from './isScrollBehaviorSupported.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/isScrollBehaviorSupported.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Check if user's browser supports setting scroll behavior
+ *
+ * @returns Boolean indicating if user's browser supports setting scroll behavior
+ */
+export declare const isScrollBehaviorSupported: () => boolean;

package/dist/browser/isScrollBehaviorSupported.js

@@ -0,0 +1,7 @@
+/**
+ * Check if user's browser supports setting scroll behavior
+ *
+ * @returns Boolean indicating if user's browser supports setting scroll behavior
+ */
+export const isScrollBehaviorSupported = () => !!('scrollBehavior' in document.documentElement.style);
+//# sourceMappingURL=isScrollBehaviorSupported.js.map

package/dist/browser/tabFocusListener.d.ts

@@ -5,4 +5,4 @@
  * @param blurCallback Function to be called when current browser tab goes out of focus
  * @returns void
  */
-export declare const tabFocusListener: (focusCallback?: (() => void) | undefined, blurCallback?: (() => void) | undefined) => void;
+export declare const tabFocusListener: (focusCallback?: () => void, blurCallback?: () => void) => void;

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.d.ts

@@ -1,3 +1,3 @@
-export * from './interfaces';
-export * from './dateAsIso';
-export * from './parseDuration';
+export * from './interfaces/index.js';
+export * from './dateAsIso.js';
+export * from './parseDuration.js';

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.d.ts

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

package/dist/dateTime/interfaces/index.js

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

package/dist/dateTime/parseDuration.d.ts

@@ -1,4 +1,4 @@
-import { IDuration } from './interfaces/parseDuration';
+import { IDuration } from './interfaces/parseDuration.js';
 /**
  * Parse duration in milliseconds into days, hours, minutes, seconds, milliseconds
  *

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/createElement.d.ts

@@ -1,4 +1,4 @@
-import { IExtendingElementProps } from './interfaces/createElement';
+import { IExtendingElementProps } from './interfaces/createElement.js';
 /**
  * Method for creating Node element and assigning multiple parameters, event listeners & children in one method call
  *

package/dist/dom/index.d.ts

@@ -1,8 +1,8 @@
-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';

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.d.ts

@@ -1 +1 @@
-export * from './createElement';
+export * from './createElement.js';

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.d.ts

@@ -1,3 +1,3 @@
-export * from './isEmpty';
-export * from './isNil';
-export * from './isValidJson';
+export * from './isEmpty.js';
+export * from './isNil.js';
+export * from './isValidJson.js';

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.d.ts

@@ -1,6 +1,6 @@
-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';

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.d.ts

@@ -1,2 +1,2 @@
-export * from './runAnimation';
-export * from './runAsync';
+export * from './runAnimation.js';
+export * from './runAsync.js';

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.d.ts

@@ -1,5 +1,5 @@
-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';

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,48 @@
 {
   "name": "tool-shack",
-  "version": "0.0.13",
+  "version": "0.0.16",
   "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": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist/**/*.js",
+    "dist/**/*.d.ts",
+    "src/**/*.ts"
+  ],
   "scripts": {
-    "build": "tsc -p .",
+    "build": "rm -rf dist && tsc -b .",
     "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": {
-    "husky": "^7.0.4",
-    "prettier": "^2.5.1",
+    "husky": "^8.0.1",
+    "prettier": "^2.7.1",
     "pretty-quick": "^3.1.3",
-    "typedoc": "^0.22.11",
-    "typescript": "^4.5.5"
+    "typedoc": "^0.23.5",
+    "typescript": "^4.7.4"
   }
 }

package/src/browser/index.ts

@@ -1,6 +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 './isScrollBehaviorSupported.js';
+export * from './isShareSupported.js';
+export * from './isTabFocused.js';
+export * from './isTouchSupported.js';
+export * from './preferColorScheme.js';
+export * from './tabFocusListener.js';

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/isScrollBehaviorSupported.ts

@@ -0,0 +1,7 @@
+/**
+ * Check if user's browser supports setting scroll behavior
+ *
+ * @returns Boolean indicating if user's browser supports setting scroll behavior
+ */
+export const isScrollBehaviorSupported = (): boolean =>
+  !!('scrollBehavior' in document.documentElement.style);

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,4 +1,4 @@
-import { IExtendedWindow } from './interfaces/isTouchSupported';
+import { IExtendedWindow } from './interfaces/isTouchSupported.js';
 
 /**
  * Check if user's browser supports touch events

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,4 +1,4 @@
-import { isTabFocused } from './isTabFocused';
+import { isTabFocused } from './isTabFocused.js';
 
 /**
  * Set callbacks for if current browser tab is in focus

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/index.ts

@@ -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';

package/src/dateTime/interfaces/index.ts

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

package/src/dateTime/parseDuration.ts

@@ -1,4 +1,4 @@
-import { IDuration } from './interfaces/parseDuration';
+import { IDuration } from './interfaces/parseDuration.js';
 
 /**
  * Parse duration in milliseconds into days, hours, minutes, seconds, milliseconds

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