solid-tiny-utils 0.9.0 → 0.10.0

package/dist/dom/animation.d.mts

@@ -0,0 +1,4 @@
+//#region src/dom/animation.d.ts
+declare function hasAnimation(element: HTMLElement): boolean;
+//#endregion
+export { hasAnimation };

package/dist/dom/animation.mjs

@@ -0,0 +1,8 @@
+//#region src/dom/animation.ts
+function hasAnimation(element) {
+	const styles = getComputedStyle(element);
+	return Number.parseFloat(styles.animationDuration || "0") > 0;
+}
+
+//#endregion
+export { hasAnimation };

package/dist/event/create-presence.d.mts

@@ -0,0 +1,14 @@
+import { MaybeAccessor } from "../types/maybe.mjs";
+import { Accessor } from "solid-js";
+
+//#region src/event/create-presence.d.ts
+type PresenceState = "opening" | "opened" | "closing" | "closed";
+declare function createPresence(params: {
+  show: Accessor<boolean>;
+  element: MaybeAccessor<HTMLElement | undefined>;
+}): {
+  show: () => boolean;
+  state: Accessor<PresenceState>;
+};
+//#endregion
+export { PresenceState, createPresence };

package/dist/event/create-presence.mjs

@@ -0,0 +1,32 @@
+import { hasAnimation } from "../dom/animation.mjs";
+import { access } from "../reactive/access.mjs";
+import { noop } from "../fn/index.mjs";
+import { createWatch } from "../reactive/create-watch.mjs";
+import { makeEventListener } from "./make-event-listener.mjs";
+import { createSignal } from "solid-js";
+
+//#region src/event/create-presence.ts
+function createPresence(params) {
+	const [state, setState] = createSignal(access(params.show) ? "opened" : "closed");
+	createWatch(params.show, (show) => {
+		if (show) setState("opening");
+		else setState("closing");
+	}, { defer: true });
+	let clear = noop;
+	createWatch(state, (current) => {
+		clear();
+		const el = access(params.element);
+		if (!el) return;
+		if (current.endsWith("ing")) if (hasAnimation(el)) clear = makeEventListener(el, "animationend", () => {
+			setState(current === "opening" ? "opened" : "closed");
+		}, { once: true });
+		else setState(current === "opening" ? "opened" : "closed");
+	});
+	return {
+		show: () => state() !== "closed",
+		state
+	};
+}
+
+//#endregion
+export { createPresence };

package/dist/event/index.d.mts

@@ -2,6 +2,7 @@ import { createClickOutside } from "./create-click-outside.mjs";
 import { DocumentEventName, GeneralEventListener, WindowEventName, makeEventListener } from "./make-event-listener.mjs";
 import { createEventListener } from "./create-event-listener.mjs";
 import { createIntersectionObserver } from "./create-intersection-observer.mjs";
+import { PresenceState, createPresence } from "./create-presence.mjs";
 import { CreateVisibilityObserverOption, EntryCallback, UseVisibilityObserverFn, createVisibilityObserver } from "./create-visibility-observer.mjs";
 import { JSX } from "solid-js/jsx-runtime";
 

package/dist/event/index.mjs

@@ -2,6 +2,7 @@ import { makeEventListener } from "./make-event-listener.mjs";
 import { createClickOutside } from "./create-click-outside.mjs";
 import { createEventListener } from "./create-event-listener.mjs";
 import { createIntersectionObserver } from "./create-intersection-observer.mjs";
+import { createPresence } from "./create-presence.mjs";
 import { createVisibilityObserver } from "./create-visibility-observer.mjs";
 
 //#region src/event/index.ts

package/dist/index.d.mts

@@ -1,6 +1,7 @@
 import { OKLCH, RGB, oklchToRgb, rgbToOklch } from "./color/oklch-rgb.mjs";
 import { hexToRgb, rgbToHex } from "./color/hex-rgb.mjs";
 import { isValidHex, isValidOKLCH, isValidRGB } from "./color/validation.mjs";
+import { hasAnimation } from "./dom/animation.mjs";
 import { combineClass, combineStyle, mountStyle, stringStyleToObject } from "./dom/css.mjs";
 import { AnyFn, Fn } from "./types/fn.mjs";
 import { MaybeAccessor, MaybeArray, MaybeNullableAccessor, MaybePromise } from "./types/maybe.mjs";
@@ -9,6 +10,7 @@ import { createClickOutside } from "./event/create-click-outside.mjs";
 import { DocumentEventName, GeneralEventListener, WindowEventName, makeEventListener } from "./event/make-event-listener.mjs";
 import { createEventListener } from "./event/create-event-listener.mjs";
 import { createIntersectionObserver } from "./event/create-intersection-observer.mjs";
+import { PresenceState, createPresence } from "./event/create-presence.mjs";
 import { CreateVisibilityObserverOption, EntryCallback, UseVisibilityObserverFn, createVisibilityObserver } from "./event/create-visibility-observer.mjs";
 import { runSolidEventHandler } from "./event/index.mjs";
 import { createDebounce } from "./fn/create-debounce.mjs";
@@ -22,8 +24,8 @@ import { createWatch } from "./reactive/create-watch.mjs";
 import "./reactive/index.mjs";
 import { clearArray, iterate, list, range } from "./utils/array.mjs";
 import { runAtNextAnimationFrame, sleep } from "./utils/async.mjs";
-import { isArray, isClient, isDate, isEmpty, isFloat, isFn, isInt, isNumber, isObject, isPrimitive, isPromise, isString, isSymbol } from "./utils/is.mjs";
+import { isArray, isClient, isDate, isDefined, isEmpty, isFloat, isFn, isInt, isNumber, isObject, isPrimitive, isPromise, isString, isSymbol, isUndefined } from "./utils/is.mjs";
 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, 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 };
+export { AnyFn, CreateVisibilityObserverOption, DocumentEventName, EntryCallback, Fn, GeneralEventListener, MaybeAccessor, MaybeArray, MaybeNullableAccessor, MaybePromise, OKLCH, PresenceState, RGB, UseVisibilityObserverFn, WindowEventName, access, camel, capitalize, clamp, clearArray, combineClass, combineStyle, createClickOutside, createDebounce, createDebouncedWatch, createEventListener, createIntersectionObserver, createLoopExec, createPresence, createThrottle, createVisibilityObserver, createWatch, dash, dataIf, draw, hasAnimation, hexToRgb, inRange, isArray, isClient, isDate, isDefined, isEmpty, isFloat, isFn, isInt, isNumber, isObject, isPrimitive, isPromise, isString, isSymbol, isUndefined, 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

@@ -1,4 +1,4 @@
-import { isArray, isClient, isDate, isEmpty, isFloat, isFn, isInt, isNumber, isObject, isPrimitive, isPromise, isString, isSymbol } from "./utils/is.mjs";
+import { isArray, isClient, isDate, isDefined, isEmpty, isFloat, isFn, isInt, isNumber, isObject, isPrimitive, isPromise, isString, isSymbol, isUndefined } from "./utils/is.mjs";
 import { clearArray, iterate, list, range } from "./utils/array.mjs";
 import { runAtNextAnimationFrame, sleep } from "./utils/async.mjs";
 import { clamp, inRange, max, min, toHex } from "./utils/number.mjs";
@@ -7,6 +7,7 @@ import { camel, capitalize, dash, pascal, snake, template, title, trim } from ".
 import { hexToRgb, rgbToHex } from "./color/hex-rgb.mjs";
 import { oklchToRgb, rgbToOklch } from "./color/oklch-rgb.mjs";
 import { isValidHex, isValidOKLCH, isValidRGB } from "./color/validation.mjs";
+import { hasAnimation } from "./dom/animation.mjs";
 import { combineClass, combineStyle, mountStyle, stringStyleToObject } from "./dom/css.mjs";
 import { access } from "./reactive/access.mjs";
 import { createDebounce } from "./fn/create-debounce.mjs";
@@ -19,8 +20,9 @@ import { makeEventListener } from "./event/make-event-listener.mjs";
 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 { createPresence } from "./event/create-presence.mjs";
 import { createVisibilityObserver } from "./event/create-visibility-observer.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, 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 };
+export { access, camel, capitalize, clamp, clearArray, combineClass, combineStyle, createClickOutside, createDebounce, createDebouncedWatch, createEventListener, createIntersectionObserver, createLoopExec, createPresence, createThrottle, createVisibilityObserver, createWatch, dash, dataIf, draw, hasAnimation, hexToRgb, inRange, isArray, isClient, isDate, isDefined, isEmpty, isFloat, isFn, isInt, isNumber, isObject, isPrimitive, isPromise, isString, isSymbol, isUndefined, 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/utils/is.d.mts

@@ -25,5 +25,7 @@ declare const isDate: (value: any) => value is Date;
 declare const isPromise: (value: any) => value is Promise<any>;
 declare const isEmpty: (value: any) => boolean;
 declare const isClient: boolean;
+declare function isUndefined(value: any): value is undefined;
+declare function isDefined<T>(value: T | undefined): value is T;
 //#endregion
-export { isArray, isClient, isDate, isEmpty, isFloat, isFn, isInt, isNumber, isObject, isPrimitive, isPromise, isString, isSymbol };
+export { isArray, isClient, isDate, isDefined, isEmpty, isFloat, isFn, isInt, isNumber, isObject, isPrimitive, isPromise, isString, isSymbol, isUndefined };

package/dist/utils/is.mjs

@@ -67,6 +67,12 @@ const isEmpty = (value) => {
 	return Object.keys(value).length === 0;
 };
 const isClient = !isServer;
+function isUndefined(value) {
+	return typeof value === "undefined";
+}
+function isDefined(value) {
+	return !isUndefined(value);
+}
 
 //#endregion
-export { isArray, isClient, isDate, isEmpty, isFloat, isFn, isInt, isNumber, isObject, isPrimitive, isPromise, isString, isSymbol };
+export { isArray, isClient, isDate, isDefined, isEmpty, isFloat, isFn, isInt, isNumber, isObject, isPrimitive, isPromise, isString, isSymbol, isUndefined };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "solid-tiny-utils",
-  "version": "0.9.0",
+  "version": "0.10.0",
   "description": "A collection of tiny utilities for SolidJS applications",
   "main": "./dist/index.mjs",
   "type": "module",
@@ -58,7 +58,7 @@
     "lint:error": "pnpm dlx ultracite@latest check --diagnostic-level error",
     "lint:fix": "pnpm dlx ultracite@latest fix",
     "type-check": "tsgo --noEmit --skipLibCheck",
-    "bump": "pnpm type-check && pnpm lint:fix && pnpm test && pnpm bumpp --no-push",
+    "bump": "pnpm type-check && pnpm lint && pnpm test && pnpm bumpp --no-push",
     "prepublish": "pnpm build"
   }
 }