solid-tiny-utils 0.13.0 → 0.14.0

package/dist/index.d.mts

@@ -4,10 +4,12 @@ import { isValidHex, isValidOKLCH, isValidRGB } from "./color/validation.mjs";
 import { hasAnimation } from "./dom/animation.mjs";
 import { dataIf } from "./dom/attrs.mjs";
 import { combineClass, combineStyle, mountStyle, stringStyleToObject } from "./dom/css.mjs";
+import { assignAccessors } from "./solidjs/assign-accessors.mjs";
 import { AnyFn, Fn } from "./types/fn.mjs";
 import { MaybeAccessor, MaybeArray, MaybeNullableAccessor, MaybePromise } from "./types/maybe.mjs";
 import { SetterParam } from "./types/solidjs.mjs";
 import { createClickOutside } from "./solidjs/create-click-outside.mjs";
+import { createContextProvider } from "./solidjs/create-context-provider.mjs";
 import { createDebounce } from "./solidjs/create-debounce.mjs";
 import { createDebouncedWatch } from "./solidjs/create-debounce-watch.mjs";
 import { DocumentEventName, GeneralEventListener, WindowEventName, makeEventListener } from "./solidjs/make-event-listener.mjs";
@@ -29,4 +31,4 @@ import { isArray, isClient, isDate, isDefined, isEmpty, isFloat, isFn, isInt, is
 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, MakePresenceOptions, MaybeAccessor, MaybeArray, MaybeCallableChild, MaybeNullableAccessor, MaybePromise, OKLCH, PersistedStorage, PersistedStoreOption, PresencePhase, RGB, SetterParam, StaticStoreSetter, UseVisibilityObserverFn, WindowEventName, access, accessWith, callMaybeCallableChild, camel, capitalize, clamp, clearArray, combineClass, combineStyle, createClickOutside, createDebounce, createDebouncedWatch, createEventListener, createIntersectionObserver, createList, createLoopExec, createPersistedStore, createPresence, createStaticStore, 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 };
+export { AnyFn, CreateVisibilityObserverOption, DocumentEventName, EntryCallback, Fn, GeneralEventListener, MakePresenceOptions, MaybeAccessor, MaybeArray, MaybeCallableChild, MaybeNullableAccessor, MaybePromise, OKLCH, PersistedStorage, PersistedStoreOption, PresencePhase, RGB, SetterParam, StaticStoreSetter, UseVisibilityObserverFn, WindowEventName, access, accessWith, assignAccessors, callMaybeCallableChild, camel, capitalize, clamp, clearArray, combineClass, combineStyle, createClickOutside, createContextProvider, createDebounce, createDebouncedWatch, createEventListener, createIntersectionObserver, createList, createLoopExec, createPersistedStore, createPresence, createStaticStore, 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

@@ -10,9 +10,11 @@ import { oklchToRgb, rgbToOklch } from "./color/oklch-rgb.mjs";
 import { isValidHex, isValidOKLCH, isValidRGB } from "./color/validation.mjs";
 import { hasAnimation } from "./dom/animation.mjs";
 import { dataIf } from "./dom/attrs.mjs";
+import { assignAccessors } from "./solidjs/assign-accessors.mjs";
 import { makeEventListener } from "./solidjs/make-event-listener.mjs";
 import { access, accessWith, callMaybeCallableChild, runSolidEventHandler } from "./solidjs/utils.mjs";
 import { createClickOutside } from "./solidjs/create-click-outside.mjs";
+import { createContextProvider } from "./solidjs/create-context-provider.mjs";
 import { createDebounce } from "./solidjs/create-debounce.mjs";
 import { createWatch } from "./solidjs/create-watch.mjs";
 import { createDebouncedWatch } from "./solidjs/create-debounce-watch.mjs";
@@ -26,4 +28,4 @@ import { createPresence } from "./solidjs/create-presence.mjs";
 import { createThrottle } from "./solidjs/create-throttle.mjs";
 import { createVisibilityObserver } from "./solidjs/create-visibility-observer.mjs";
 import { combineClass, combineStyle, mountStyle, stringStyleToObject } from "./dom/css.mjs";
-export { access, accessWith, callMaybeCallableChild, camel, capitalize, clamp, clearArray, combineClass, combineStyle, createClickOutside, createDebounce, createDebouncedWatch, createEventListener, createIntersectionObserver, createList, createLoopExec, createPersistedStore, createPresence, createStaticStore, 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 };
+export { access, accessWith, assignAccessors, callMaybeCallableChild, camel, capitalize, clamp, clearArray, combineClass, combineStyle, createClickOutside, createContextProvider, createDebounce, createDebouncedWatch, createEventListener, createIntersectionObserver, createList, createLoopExec, createPersistedStore, createPresence, createStaticStore, 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/solidjs/assign-accessors.d.mts

@@ -0,0 +1,13 @@
+import { Accessor } from "solid-js";
+
+//#region src/solidjs/assign-accessors.d.ts
+type AccessorRecord = Record<PropertyKey, Accessor<unknown>>;
+type AccessorValues<T extends AccessorRecord> = { readonly [K in keyof T]: ReturnType<T[K]> };
+/**
+ * Assigns accessor-backed getters to an object.
+ *
+ * `append` keys must not already exist on `base`.
+ */
+declare function assignAccessors<Base extends object, Append extends AccessorRecord>(base: Base, append: Append & { [K in keyof Base]?: never }): Readonly<Base & AccessorValues<Append>>;
+//#endregion
+export { assignAccessors };

package/dist/solidjs/assign-accessors.mjs

@@ -0,0 +1,15 @@
+//#region src/solidjs/assign-accessors.ts
+/**
+* Assigns accessor-backed getters to an object.
+*
+* `append` keys must not already exist on `base`.
+*/
+function assignAccessors(base, append) {
+	for (const key in append) if (Object.hasOwn(append, key) && !Object.hasOwn(base, key)) Object.defineProperty(base, key, {
+		enumerable: true,
+		get: append[key]
+	});
+	return base;
+}
+//#endregion
+export { assignAccessors };

package/dist/solidjs/create-context-provider.d.mts

@@ -0,0 +1,6 @@
+import { ParentProps } from "solid-js";
+
+//#region src/solidjs/create-context-provider.d.ts
+declare function createContextProvider<P extends Record<string, unknown>, V>(factory: (props: P) => V): readonly [(props: ParentProps<P>) => import("solid-js").JSX.Element, () => V | undefined];
+//#endregion
+export { createContextProvider };

package/dist/solidjs/create-context-provider.mjs

@@ -0,0 +1,20 @@
+import { createComponent, createContext, splitProps, useContext } from "solid-js";
+//#region src/solidjs/create-context-provider.ts
+function createContextProvider(factory) {
+	const Ctx = createContext();
+	const Provider = (props) => {
+		const [local, rest] = splitProps(props, ["children"]);
+		return createComponent(Ctx.Provider, {
+			value: factory(rest),
+			get children() {
+				return local.children;
+			}
+		});
+	};
+	function useStateContext() {
+		return useContext(Ctx);
+	}
+	return [Provider, useStateContext];
+}
+//#endregion
+export { createContextProvider };

package/dist/solidjs/index.d.mts

@@ -1,4 +1,6 @@
+import { assignAccessors } from "./assign-accessors.mjs";
 import { createClickOutside } from "./create-click-outside.mjs";
+import { createContextProvider } from "./create-context-provider.mjs";
 import { createDebounce } from "./create-debounce.mjs";
 import { createDebouncedWatch } from "./create-debounce-watch.mjs";
 import { DocumentEventName, GeneralEventListener, WindowEventName, makeEventListener } from "./make-event-listener.mjs";

package/package.json

@@ -26,7 +26,7 @@
     "solid-js": "^1.9.7"
   },
   "type": "module",
-  "version": "0.13.0",
+  "version": "0.14.0",
   "description": "A collection of tiny utilities for SolidJS applications",
   "author": "solid tiny",
   "license": "MIT",