@thednp/shorty 2.0.6 → 2.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thednp/shorty",
-  "version": "2.0.6",
+  "version": "2.0.7",
   "description": "TypeScript shorties for the web",
   "source": "./src/index.ts",
   "main": "./dist/shorty.js",
@@ -33,14 +33,14 @@
   "homepage": "https://github.com/thednp/shorty",
   "devDependencies": {
     "@types/node": "^20.17.1",
-    "@vitest/browser": "^2.1.3",
-    "@vitest/coverage-istanbul": "^2.1.3",
-    "@vitest/ui": "^2.1.3",
-    "dts-bundle-generator": "^9.5.1",
+    "@vitest/browser": "^2.1.4",
+    "@vitest/coverage-istanbul": "^2.1.4",
+    "@vitest/ui": "^2.1.4",
     "playwright": "^1.48.2",
     "typescript": "^5.6.3",
     "vite": "^5.4.10",
-    "vitest": "^2.1.3"
+    "vite-plugin-dts": "^4.3.0",
+    "vitest": "^2.1.4"
   },
   "engines": {
     "node": ">=16",
@@ -57,7 +57,6 @@
     "lint:ts": "deno lint src",
     "fix:ts": "deno lint src --fix",
     "check:ts": "tsc -noEmit",
-    "build": "vite build && pnpm dts",
-    "dts": "dts-bundle-generator --config ./dts.config.ts"
+    "build": "vite build"
   }
 }

package/src/boolean/isApple.ts

@@ -1,16 +1,15 @@
-import type { NavigatorUABrand } from "../interface/navigatorUA";
-import userAgentData from "../strings/userAgentData";
-import userAgent from "../strings/userAgent";
-
-const appleBrands = /(iPhone|iPod|iPad)/;
+import type { NavigatorUA } from "../interface/navigatorUA";
 
 /**
- * A global `boolean` for Apple browsers.
+ * A global `boolean` getter for Apple browsers.
  */
-const isApple: boolean = userAgentData
-  ? userAgentData.brands.some((x: NavigatorUABrand) =>
+const isApple = () => {
+  const appleBrands = /(iPhone|iPod|iPad)/;
+  return (navigator as NavigatorUA)?.userAgentData?.brands.some((x) =>
     appleBrands.test(x.brand)
-  )
-  : /* istanbul ignore next @preserve */ appleBrands.test(userAgent);
-
+  ) || /* istanbul ignore next @preserve */
+    appleBrands.test(
+      navigator?.userAgent,
+    ) || false;
+};
 export default isApple;

package/src/boolean/isFirefox.ts

@@ -1,11 +1,9 @@
-import userAgent from "../strings/userAgent";
-
 /**
  * A global boolean for Gecko browsers. When writing this file,
  * Gecko was not supporting `userAgentData`.
  */
-const isFirefox = userAgent
-  ? userAgent.includes("Firefox")
-  : /* istanbul ignore next @preserve */ false;
+const isFirefox = () =>
+  navigator?.userAgent?.includes("Firefox") ||
+  /* istanbul ignore next @preserve */ false;
 
 export default isFirefox;

package/src/boolean/isMobile.ts

@@ -1,19 +1,14 @@
-import userAgentData from "../strings/userAgentData";
-import userAgent from "../strings/userAgent";
-
-const mobileBrands = /iPhone|iPad|iPod|Android/i;
-let isMobileCheck = false;
-
-// istanbul ignore else @preserve
-if (userAgentData) {
-  isMobileCheck = userAgentData.brands.some((x) => mobileBrands.test(x.brand));
-} else {
-  isMobileCheck = mobileBrands.test(userAgent);
-}
+import type { NavigatorUA } from "../interface/navigatorUA";
 
 /**
  * A global `boolean` for mobile detection.
  */
-const isMobile = isMobileCheck;
-
+const isMobile = () => {
+  const mobileBrands = /iPhone|iPad|iPod|Android/i;
+
+  return (navigator as NavigatorUA)?.userAgentData?.brands.some((x) =>
+    mobileBrands.test(x.brand)
+  ) ||
+    mobileBrands.test(navigator?.userAgent) || false;
+};
 export default isMobile;

package/src/boolean/support3DTransform.ts

@@ -1,10 +1,7 @@
-import documentHead from "../blocks/documentHead";
-
 /**
  * A global `boolean` for CSS3 3D transform support.
  */
-const support3DTransform = ["webkitPerspective", "perspective"].some((p) =>
-  p in documentHead.style
-);
+const support3DTransform = () =>
+  ["webkitPerspective", "perspective"].some((p) => p in document.head.style);
 
 export default support3DTransform;

package/src/boolean/supportAnimation.ts

@@ -1,10 +1,7 @@
-import documentHead from "../blocks/documentHead";
-
 /**
  * A global `boolean` for CSS3 animation support.
  */
-const supportAnimation = ["webkitAnimation", "animation"].some((p) =>
-  p in documentHead.style
-);
+const supportAnimation = () =>
+  ["webkitAnimation", "animation"].some((p) => p in document.head.style);
 
 export default supportAnimation;

package/src/boolean/supportPassive.ts

@@ -1,6 +1,6 @@
-import DOMContentLoadedEvent from "../strings/DOMContentLoadedEvent";
-import one from "../event/one";
 import noop from "../misc/noop";
+import one from "../event/one";
+import DOMContentLoadedEvent from "../strings/DOMContentLoadedEvent";
 
 /**
  * A global `boolean` for passive events support,
@@ -8,7 +8,7 @@ import noop from "../misc/noop";
  *
  * @see https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md#feature-detection
  */
-const supportPassive = (() => {
+const supportPassive = () => {
   let result = false;
   try {
     const opts = Object.defineProperty({}, "passive", {
@@ -24,6 +24,6 @@ const supportPassive = (() => {
   }
 
   return result;
-})();
+};
 
 export default supportPassive;

package/src/boolean/supportTouch.ts

@@ -1,7 +1,8 @@
 /**
  * A global `boolean` for touch events support.
  */
-const supportTouch = "ontouchstart" in window ||
+const supportTouch = () =>
+  "ontouchstart" in window ||
   /* istanbul ignore next @preserve */
   "msMaxTouchPoints" in navigator;
 

package/src/boolean/supportTransform.ts

@@ -1,10 +1,7 @@
-import documentHead from "../blocks/documentHead";
-
 /**
  * A global `boolean` for CSS3 transform support.
  */
-const supportTransform = ["webkitTransform", "transform"].some((p) =>
-  p in documentHead.style
-);
+const supportTransform = () =>
+  ["webkitTransform", "transform"].some((p) => p in document.head.style);
 
 export default supportTransform;

package/src/boolean/supportTransition.ts

@@ -1,10 +1,7 @@
-import documentHead from "../blocks/documentHead";
-
 /**
  * A global `boolean` for CSS3 transition support.
  */
-const supportTransition = ["webkitTransition", "transition"].some((p) =>
-  p in documentHead.style
-);
+const supportTransition = () =>
+  ["webkitTransition", "transition"].some((p) => p in document.head.style);
 
 export default supportTransition;

package/src/index.ts

@@ -118,7 +118,6 @@ import transitionProperty from "./strings/transitionProperty";
 
 import addEventListener from "./strings/addEventListener";
 import removeEventListener from "./strings/removeEventListener";
-
 import bezierEasings from "./strings/bezierEasings";
 
 import offsetHeight from "./strings/offsetHeight";
@@ -257,6 +256,50 @@ import getElementsByTagName from "./selectors/getElementsByTagName";
 import getElementsByClassName from "./selectors/getElementsByClassName";
 import matches from "./selectors/matches";
 
+import type {
+  NavigatorUA,
+  NavigatorUABrand,
+  NavigatorUAData,
+} from "./interface/navigatorUA.d";
+import type { OffsetRect } from "./interface/offsetRect.d";
+import type { OriginalEvent } from "./interface/originalEvent.d";
+import type { BoundingClientRect } from "./interface/boundingClientRect.d";
+import type { CustomElement } from "./interface/customElement.d";
+import type { CSS4Declaration } from "./interface/css4Declaration.d";
+import type {
+  AnimationEvent,
+  AnimationEventHandler,
+  ChangeEvent,
+  ChangeEventHandler,
+  ClipboardEvent,
+  ClipboardEventHandler,
+  CompositionEvent,
+  CompositionEventHandler,
+  DragEvent,
+  DragEventHandler,
+  FocusEvent,
+  FocusEventHandler,
+  FormEvent,
+  FormEventHandler,
+  KeyboardEvent,
+  KeyboardEventHandler,
+  MouseEvent,
+  MouseEventHandler,
+  NativeEvent,
+  NativeEventHandler,
+  PointerEvent,
+  PointerEventHandler,
+  PossibleEventTarget,
+  TouchEvent,
+  TouchEventHandler,
+  TransitionEvent,
+  TransitionEventHandler,
+  UIEvent,
+  UIEventHandler,
+  WheelEvent,
+  WheelEventHandler,
+} from "./interface/event.d";
+
 import { version } from "../package.json";
 
 export {
@@ -266,6 +309,8 @@ export {
   animationDelay,
   animationDuration,
   animationEndEvent,
+  type AnimationEvent,
+  type AnimationEventHandler,
   animationName,
   ariaChecked,
   ariaDescribedBy,
@@ -286,12 +331,21 @@ export {
   beforeunloadEvent,
   bezierEasings,
   blurEvent,
+  type BoundingClientRect,
+  type ChangeEvent,
   changeEvent,
+  type ChangeEventHandler,
+  type ClipboardEvent,
+  type ClipboardEventHandler,
   closest,
+  type CompositionEvent,
+  type CompositionEventHandler,
   contextmenuEvent,
   createCustomEvent,
   createElement,
   createElementNS,
+  type CSS4Declaration,
+  type CustomElement,
   Data,
   dispatchEvent,
   distinct,
@@ -302,7 +356,9 @@ export {
   DOMMouseScrollEvent,
   dragendEvent,
   dragenterEvent,
+  type DragEvent,
   dragEvent,
+  type DragEventHandler,
   dragleaveEvent,
   dragoverEvent,
   dragstartEvent,
@@ -312,11 +368,17 @@ export {
   Float32ArrayFrom,
   Float64ArrayFrom,
   focus,
+  // types
+  type FocusableElement,
   focusableSelector,
+  type FocusEvent,
   focusEvent,
+  type FocusEventHandler,
   focusEvents,
   focusinEvent,
   focusoutEvent,
+  type FormEvent,
+  type FormEventHandler,
   gesturechangeEvent,
   gestureendEvent,
   gesturestartEvent,
@@ -382,6 +444,8 @@ export {
   keyArrowRight,
   keyArrowUp,
   keyBackspace,
+  type KeyboardEvent,
+  type KeyboardEventHandler,
   keyboardEventKeys,
   keyCapsLock,
   keyControl,
@@ -407,6 +471,8 @@ export {
   mousedblclickEvent,
   mousedownEvent,
   mouseenterEvent,
+  type MouseEvent,
+  type MouseEventHandler,
   mousehoverEvent,
   mouseHoverEvents,
   mouseinEvent,
@@ -418,7 +484,12 @@ export {
   mouseupEvent,
   mousewheelEvent,
   moveEvent,
+  type NativeEvent,
+  type NativeEventHandler,
   nativeEvents,
+  type NavigatorUA,
+  type NavigatorUABrand,
+  type NavigatorUAData,
   noop,
   normalizeOptions,
   normalizeValue,
@@ -430,16 +501,21 @@ export {
   ObjectValues,
   off,
   offsetHeight,
+  type OffsetRect,
   offsetWidth,
   on,
   one,
   orientationchangeEvent,
+  type OriginalEvent,
   passiveHandler,
   pointercancelEvent,
   pointerdownEvent,
+  type PointerEvent,
+  type PointerEventHandler,
   pointerleaveEvent,
   pointermoveEvent,
   pointerupEvent,
+  type PossibleEventTarget,
   querySelector,
   querySelectorAll,
   readystatechangeEvent,
@@ -472,6 +548,8 @@ export {
   toLowerCase,
   touchcancelEvent,
   touchendEvent,
+  type TouchEvent,
+  type TouchEventHandler,
   touchEvents,
   touchmoveEvent,
   touchstartEvent,
@@ -479,55 +557,15 @@ export {
   transitionDelay,
   transitionDuration,
   transitionEndEvent,
+  type TransitionEvent,
+  type TransitionEventHandler,
   transitionProperty,
+  type UIEvent,
+  type UIEventHandler,
   unloadEvent,
   userAgent,
   userAgentData,
   version,
+  type WheelEvent,
+  type WheelEventHandler,
 };
-
-export * from "./interface/navigatorUA.d";
-export * from "./interface/offsetRect.d";
-
-export type { FocusableElement };
-export type { OriginalEvent } from "./interface/originalEvent.d";
-
-export type { BoundingClientRect } from "./interface/boundingClientRect.d";
-
-export type { CustomElement } from "./interface/customElement.d";
-
-export type { CSS4Declaration } from "./interface/css4Declaration.d";
-
-export type {
-  AnimationEvent,
-  AnimationEventHandler,
-  ChangeEvent,
-  ChangeEventHandler,
-  ClipboardEvent,
-  ClipboardEventHandler,
-  CompositionEvent,
-  CompositionEventHandler,
-  DragEvent,
-  DragEventHandler,
-  FocusEvent,
-  FocusEventHandler,
-  FormEvent,
-  FormEventHandler,
-  KeyboardEvent,
-  KeyboardEventHandler,
-  MouseEvent,
-  MouseEventHandler,
-  NativeEvent,
-  NativeEventHandler,
-  PointerEvent,
-  PointerEventHandler,
-  PossibleEventTarget,
-  TouchEvent,
-  TouchEventHandler,
-  TransitionEvent,
-  TransitionEventHandler,
-  UIEvent,
-  UIEventHandler,
-  WheelEvent,
-  WheelEventHandler,
-} from "./interface/event.d";

package/src/strings/userAgentData.ts

@@ -1,9 +1,8 @@
 import type { NavigatorUA } from "../interface/navigatorUA";
 
-const uaDATA = (navigator as NavigatorUA).userAgentData;
-
 /**
  * A global namespace for `userAgentData` object.
  */
-const userAgentData: NavigatorUA["userAgentData"] = uaDATA;
+const userAgentData: NavigatorUA["userAgentData"] =
+  (navigator as NavigatorUA).userAgentData;
 export default userAgentData;

package/test/boolean.test.ts

@@ -17,14 +17,14 @@ describe('Shorty Library Tests - BOOL', () => {
       // querySelectorAll, getWindow
     } = SHORTY;
 
-    expect(isApple, 'isApple').to.be.false;
-    expect(isMobile, 'isMobile').to.be.false;
-    expect(isFirefox, 'isFirefox').to.be.false;
-    expect(support3DTransform, 'support3DTransform').to.be.true;
-    expect(supportAnimation, 'supportAnimation').to.be.true;
-    expect(supportPassive, 'supportPassive').to.be.true;
-    expect(supportTouch, 'supportTouch').to.be.false;
-    expect(supportTransform, 'supportTransform').to.be.true;
-    expect(supportTransition, 'supportTransition').to.be.true;
+    expect(isApple(), 'isApple').to.be.false;
+    expect(isMobile(), 'isMobile').to.be.false;
+    expect(isFirefox(), 'isFirefox').to.be.false;
+    expect(support3DTransform(), 'support3DTransform').to.be.true;
+    expect(supportAnimation(), 'supportAnimation').to.be.true;
+    expect(supportPassive(), 'supportPassive').to.be.true;
+    expect(supportTouch(), 'supportTouch').to.be.false;
+    expect(supportTransform(), 'supportTransform').to.be.true;
+    expect(supportTransition(), 'supportTransition').to.be.true;
   });
 });

package/tsconfig.json

@@ -7,9 +7,10 @@
     "baseUrl": "./",
     "module": "ESNext",
     "target": "ESNext",
-    "moduleResolution": "Node",
+    "moduleResolution": "Bundler",
     "allowJs": true,
     "forceConsistentCasingInFileNames": true,
+    "resolvePackageJsonImports": true,
     "useDefineForClassFields": true,
     "strict": true,
     "sourceMap": true,

package/vite.config.mts

@@ -1,5 +1,6 @@
 import { resolve } from 'path';
 import { defineConfig } from 'vite';
+import dts from "vite-plugin-dts";
 
 const NAME = 'SHORTY';
 
@@ -11,7 +12,25 @@ const fileName = {
 
 export default defineConfig({
   base: './',
+  esbuild: {
+    legalComments: 'none',
+    minifyIdentifiers: false,
+  },
+  plugins: [
+    dts({
+      outDir: 'dist',
+      copyDtsFiles: true,
+      rollupTypes: true,
+    })
+  ],
   build: {
+    rollupOptions: {
+      preserveEntrySignatures: "strict",
+      output: {
+        compact: true
+      }
+    },
+    minify: 'esbuild',
     emptyOutDir: true,
     outDir: 'dist',
     target: 'ESNext',

package/dts.config.ts

@@ -1,16 +0,0 @@
-const config = {
-  entries: [
-    {
-      filePath: "./src/index.ts",
-      outFile: `./dist/shorty.d.ts`,
-      noCheck: false,
-      output: {
-        exportReferencedTypes: false,
-        umdModuleName: 'SHORTY',
-        noBanner: true,
-      }
-    },
-  ],
-};
-
-module.exports = config;