solid-tiny-utils 0.8.0 → 0.9.0

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2025 g-mero
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2025 g-mero
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,9 +1,9 @@
-# solid-tiny-utils
-
-Tiny utilities for SolidJS applications.
-
-## Installation
-
-```bash
-pnpm add solid-tiny-utils
-```
+# solid-tiny-utils
+
+Tiny utilities for SolidJS applications.
+
+## Installation
+
+```bash
+pnpm add solid-tiny-utils
+```

package/dist/event/index.d.mts

@@ -3,7 +3,6 @@ import { DocumentEventName, GeneralEventListener, WindowEventName, makeEventList
 import { createEventListener } from "./create-event-listener.mjs";
 import { createIntersectionObserver } from "./create-intersection-observer.mjs";
 import { CreateVisibilityObserverOption, EntryCallback, UseVisibilityObserverFn, createVisibilityObserver } from "./create-visibility-observer.mjs";
-import { OnMotionEndOptions, OnMotionEndType, createOnMotionEnd, makeOnMotionEnd } from "./on-motion-end.mjs";
 import { JSX } from "solid-js/jsx-runtime";
 
 //#region src/event/index.d.ts

package/dist/event/index.mjs

@@ -3,7 +3,6 @@ import { createClickOutside } from "./create-click-outside.mjs";
 import { createEventListener } from "./create-event-listener.mjs";
 import { createIntersectionObserver } from "./create-intersection-observer.mjs";
 import { createVisibilityObserver } from "./create-visibility-observer.mjs";
-import { createOnMotionEnd, makeOnMotionEnd } from "./on-motion-end.mjs";
 
 //#region src/event/index.ts
 function runSolidEventHandler(event, handler) {

package/dist/index.d.mts

@@ -10,7 +10,6 @@ import { DocumentEventName, GeneralEventListener, WindowEventName, makeEventList
 import { createEventListener } from "./event/create-event-listener.mjs";
 import { createIntersectionObserver } from "./event/create-intersection-observer.mjs";
 import { CreateVisibilityObserverOption, EntryCallback, UseVisibilityObserverFn, createVisibilityObserver } from "./event/create-visibility-observer.mjs";
-import { OnMotionEndOptions, OnMotionEndType, createOnMotionEnd, makeOnMotionEnd } from "./event/on-motion-end.mjs";
 import { runSolidEventHandler } from "./event/index.mjs";
 import { createDebounce } from "./fn/create-debounce.mjs";
 import { createLoopExec } from "./fn/create-loop-exec.mjs";
@@ -27,4 +26,4 @@ import { isArray, isClient, isDate, isEmpty, isFloat, isFn, isInt, isNumber, isO
 import { clamp, inRange, max, min, toHex } from "./utils/number.mjs";
 import { draw, random, shuffle, uid } from "./utils/random.mjs";
 import { camel, capitalize, dash, pascal, snake, template, title, trim } from "./utils/str.mjs";
-export { AnyFn, CreateVisibilityObserverOption, DocumentEventName, EntryCallback, Fn, GeneralEventListener, MaybeAccessor, MaybeArray, MaybeNullableAccessor, MaybePromise, OKLCH, OnMotionEndOptions, OnMotionEndType, RGB, UseVisibilityObserverFn, WindowEventName, access, camel, capitalize, clamp, clearArray, combineClass, combineStyle, createClickOutside, createDebounce, createDebouncedWatch, createEventListener, createIntersectionObserver, createLoopExec, createOnMotionEnd, createThrottle, createVisibilityObserver, createWatch, dash, dataIf, draw, hexToRgb, inRange, isArray, isClient, isDate, isEmpty, isFloat, isFn, isInt, isNumber, isObject, isPrimitive, isPromise, isString, isSymbol, isValidHex, isValidOKLCH, isValidRGB, iterate, list, makeEventListener, makeOnMotionEnd, max, min, mountStyle, noop, oklchToRgb, pascal, random, range, rgbToHex, rgbToOklch, runAtNextAnimationFrame, runSolidEventHandler, shuffle, sleep, snake, stringStyleToObject, template, title, toHex, trim, uid };
+export { AnyFn, CreateVisibilityObserverOption, DocumentEventName, EntryCallback, Fn, GeneralEventListener, MaybeAccessor, MaybeArray, MaybeNullableAccessor, MaybePromise, OKLCH, RGB, UseVisibilityObserverFn, WindowEventName, access, camel, capitalize, clamp, clearArray, combineClass, combineStyle, createClickOutside, createDebounce, createDebouncedWatch, createEventListener, createIntersectionObserver, createLoopExec, createThrottle, createVisibilityObserver, createWatch, dash, dataIf, draw, hexToRgb, inRange, isArray, isClient, isDate, isEmpty, isFloat, isFn, isInt, isNumber, isObject, isPrimitive, isPromise, isString, isSymbol, isValidHex, isValidOKLCH, isValidRGB, iterate, list, makeEventListener, max, min, mountStyle, noop, oklchToRgb, pascal, random, range, rgbToHex, rgbToOklch, runAtNextAnimationFrame, runSolidEventHandler, shuffle, sleep, snake, stringStyleToObject, template, title, toHex, trim, uid };

package/dist/index.mjs

@@ -20,8 +20,7 @@ import { createClickOutside } from "./event/create-click-outside.mjs";
 import { createEventListener } from "./event/create-event-listener.mjs";
 import { createIntersectionObserver } from "./event/create-intersection-observer.mjs";
 import { createVisibilityObserver } from "./event/create-visibility-observer.mjs";
-import { createOnMotionEnd, makeOnMotionEnd } from "./event/on-motion-end.mjs";
 import { runSolidEventHandler } from "./event/index.mjs";
 import { dataIf } from "./jsx/attrs.mjs";
 
-export { access, camel, capitalize, clamp, clearArray, combineClass, combineStyle, createClickOutside, createDebounce, createDebouncedWatch, createEventListener, createIntersectionObserver, createLoopExec, createOnMotionEnd, createThrottle, createVisibilityObserver, createWatch, dash, dataIf, draw, hexToRgb, inRange, isArray, isClient, isDate, isEmpty, isFloat, isFn, isInt, isNumber, isObject, isPrimitive, isPromise, isString, isSymbol, isValidHex, isValidOKLCH, isValidRGB, iterate, list, makeEventListener, makeOnMotionEnd, max, min, mountStyle, noop, oklchToRgb, pascal, random, range, rgbToHex, rgbToOklch, runAtNextAnimationFrame, runSolidEventHandler, shuffle, sleep, snake, stringStyleToObject, template, title, toHex, trim, uid };
+export { access, camel, capitalize, clamp, clearArray, combineClass, combineStyle, createClickOutside, createDebounce, createDebouncedWatch, createEventListener, createIntersectionObserver, createLoopExec, createThrottle, createVisibilityObserver, createWatch, dash, dataIf, draw, hexToRgb, inRange, isArray, isClient, isDate, isEmpty, isFloat, isFn, isInt, isNumber, isObject, isPrimitive, isPromise, isString, isSymbol, isValidHex, isValidOKLCH, isValidRGB, iterate, list, makeEventListener, max, min, mountStyle, noop, oklchToRgb, pascal, random, range, rgbToHex, rgbToOklch, runAtNextAnimationFrame, runSolidEventHandler, shuffle, sleep, snake, stringStyleToObject, template, title, toHex, trim, uid };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "solid-tiny-utils",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "description": "A collection of tiny utilities for SolidJS applications",
   "main": "./dist/index.mjs",
   "type": "module",
@@ -19,19 +19,19 @@
     "@testing-library/user-event": "^14.6.1",
     "@types/culori": "^4.0.0",
     "@types/node": "^25.0.3",
+    "@typescript/native-preview": "7.0.0-dev.20251226.1",
     "@vitest/ui": "^4.0.16",
     "bumpp": "^10.2.3",
     "culori": "^4.0.2",
     "jsdom": "^27.3.0",
+    "solid-tiny-context": "0.2.3",
     "tsdown": "^0.18.3",
-    "typescript": "^5.8.3",
     "ultracite": "6.5.0",
     "unocss": "^66.3.3",
     "vite": "^7.3.0",
     "vite-plugin-solid": "^2.11.0",
-    "vite-plugin-solid-pages": "^0.3.4",
-    "vitest": "^4.0.16",
-    "solid-tiny-context": "0.2.3"
+    "vite-plugin-solid-pages": "^0.3.5",
+    "vitest": "^4.0.16"
   },
   "keywords": [
     "solidjs",
@@ -57,7 +57,7 @@
     "lint": "pnpm dlx ultracite@latest check",
     "lint:error": "pnpm dlx ultracite@latest check --diagnostic-level error",
     "lint:fix": "pnpm dlx ultracite@latest fix",
-    "type-check": "tsc --noEmit --skipLibCheck",
+    "type-check": "tsgo --noEmit --skipLibCheck",
     "bump": "pnpm type-check && pnpm lint:fix && pnpm test && pnpm bumpp --no-push",
     "prepublish": "pnpm build"
   }

package/dist/event/on-motion-end.d.mts

@@ -1,63 +0,0 @@
-//#region src/event/on-motion-end.d.ts
-type Accessor<T> = () => T;
-type OnMotionEndType = "animationend" | "transitionend" | "transitioncancel" | "no-motion";
-interface OnMotionEndOptions {
-  /**
-   * Specifies which type of motion to listen for.
-   *
-   * @default "auto"
-   */
-  motionType?: "animation" | "transition" | "auto";
-  /**
-   * If true, the callback will be executed immediately if there are no motions on the element.
-   *
-   * @default true
-   */
-  execWhenNoMotion?: boolean;
-  /**
-   * If true, 'transitioncancel' events will also be detected and treated as motion end.
-   *
-   * @default false
-   */
-  detectCancelled?: boolean;
-}
-/**
- * Calls the callback when all CSS motions (animations and transitions) on the element have ended.
- *
- * if opt.motionType is set to "auto" (default), both animations and transitions are considered,
- * but animation takes precedence if both are present.
- *
- *
- * @example
- * ```ts
- * import { makeOnMotionEnd } from "solid-tiny-utils/event";
- *
- * const el = document.getElementById("my-element");
- *
- * makeOnMotionEnd(el, () => {
- *   console.log("All motions ended!");
- * });
- * ```
- */
-declare function makeOnMotionEnd(el: HTMLElement, cb: (params: {
-  type: OnMotionEndType;
-}) => void, opt?: OnMotionEndOptions): () => void;
-/** * Reactive version of `makeOnMotionEnd`.
- *
- * @example
- * ```ts
- * import { createOnMotionEnd } from "solid-tiny-utils/event";
- * import { createSignal } from "solid-js";
- *
- * const [el, setEl] = createSignal<HTMLElement | undefined>(undefined);
- *
- * createOnMotionEnd(el, () => {
- *   console.log("All motions ended!");
- * });
- * ```
- */
-declare function createOnMotionEnd(el: Accessor<HTMLElement | undefined>, cb: (params: {
-  type: OnMotionEndType;
-}) => void, opt?: OnMotionEndOptions): void;
-//#endregion
-export { OnMotionEndOptions, OnMotionEndType, createOnMotionEnd, makeOnMotionEnd };

package/dist/event/on-motion-end.mjs

@@ -1,96 +0,0 @@
-import { noop } from "../fn/index.mjs";
-import { createWatch } from "../reactive/create-watch.mjs";
-import { makeEventListener } from "./make-event-listener.mjs";
-import { onCleanup } from "solid-js";
-
-//#region src/event/on-motion-end.ts
-/**
-* Calls the callback when all CSS motions (animations and transitions) on the element have ended.
-*
-* if opt.motionType is set to "auto" (default), both animations and transitions are considered,
-* but animation takes precedence if both are present.
-*
-*
-* @example
-* ```ts
-* import { makeOnMotionEnd } from "solid-tiny-utils/event";
-*
-* const el = document.getElementById("my-element");
-*
-* makeOnMotionEnd(el, () => {
-*   console.log("All motions ended!");
-* });
-* ```
-*/
-function makeOnMotionEnd(el, cb, opt = {}) {
-	const node = el;
-	const style = getComputedStyle(node);
-	const { motionType = "auto", execWhenNoMotion = true, detectCancelled = false } = opt;
-	const allowAnimation = motionType === "animation" || motionType === "auto";
-	const allowTransition = motionType === "transition" || motionType === "auto";
-	const cleanups = [];
-	const cleanup = () => {
-		for (const c of cleanups) c();
-	};
-	const resolve = (params) => {
-		cb(params);
-	};
-	if (allowAnimation) {
-		const animNames = style.animationName.split(",").map((s) => s.trim());
-		const animationIterationCounts = style.animationIterationCount.split(",").map((s) => s.trim());
-		function onAnimEnd(e) {
-			if (e.target !== node) return;
-			resolve({ type: "animationend" });
-		}
-		if (style.animationName && style.animationName !== "none" && animNames.length > 0 && animationIterationCounts.some((count) => count !== "infinite")) {
-			cleanups.push(makeEventListener(node, ["animationend"], onAnimEnd));
-			onCleanup(cleanup);
-			return cleanup;
-		}
-	}
-	if (allowTransition) {
-		const transProps = style.transitionProperty.split(",").map((s) => s.trim());
-		const transPending = /* @__PURE__ */ new Set();
-		function onTransEnd(e) {
-			if (e.target !== node) return;
-			transPending.delete(e.propertyName);
-			if (transPending.size === 0) resolve({ type: e.type });
-		}
-		function onTransRun(e) {
-			if (e.target !== node) return;
-			transPending.add(e.propertyName);
-		}
-		if (transProps.length > 0) {
-			const events = detectCancelled ? ["transitionend", "transitioncancel"] : ["transitionend"];
-			cleanups.push(makeEventListener(node, events, onTransEnd), makeEventListener(node, "transitionrun", onTransRun));
-			onCleanup(cleanup);
-			return cleanup;
-		}
-	}
-	if (execWhenNoMotion) cb({ type: "no-motion" });
-	return cleanup;
-}
-/** * Reactive version of `makeOnMotionEnd`.
-*
-* @example
-* ```ts
-* import { createOnMotionEnd } from "solid-tiny-utils/event";
-* import { createSignal } from "solid-js";
-*
-* const [el, setEl] = createSignal<HTMLElement | undefined>(undefined);
-*
-* createOnMotionEnd(el, () => {
-*   console.log("All motions ended!");
-* });
-* ```
-*/
-function createOnMotionEnd(el, cb, opt) {
-	let cleanup = noop;
-	createWatch(el, (node) => {
-		cleanup();
-		if (node) cleanup = makeOnMotionEnd(node, cb, opt);
-	});
-}
-
-//#endregion
-export { createOnMotionEnd, makeOnMotionEnd };