@sprawlify/solid 0.0.13 → 0.0.14

package/dist/index-C_ThrXdH.d.ts

@@ -0,0 +1,14 @@
+import { Context } from "solid-js";
+
+//#region src/utils/create-context.d.ts
+interface CreateContextOptions<T> {
+  strict?: boolean;
+  hookName?: string;
+  providerName?: string;
+  errorMessage?: string;
+  defaultValue?: T;
+}
+type CreateContextReturn<T> = [Context<T>['Provider'], () => T, Context<T>];
+declare function createContext$1<T>(options?: CreateContextOptions<T>): CreateContextReturn<T>;
+//#endregion
+export { createContext$1 as t };

package/dist/index.d.ts

@@ -1,17 +1,20 @@
+import { t as createContext } from "./index-C_ThrXdH.js";
 import { Key } from "@solid-primitives/keyed";
 import { Machine, MachineSchema, Service } from "@sprawlify/primitives/core";
-import { Accessor, JSX } from "solid-js";
+import * as solid_js0 from "solid-js";
+import { Accessor, JSX, ParentProps } from "solid-js";
 import * as _sprawlify_primitives_types0 from "@sprawlify/primitives/types";
+import { FilterOptions, FilterReturn, Locale } from "@sprawlify/primitives/i18n-utils";
 
 //#region src/core/machine.d.ts
 declare function useMachine<T extends MachineSchema>(machine: Machine<T>, userProps?: Partial<T["props"]> | Accessor<Partial<T["props"]>>): Service<T>;
 //#endregion
 //#region src/core/merge-props.d.ts
-type MaybeAccessor<T> = T | (() => T);
-declare function mergeProps<T>(source: MaybeAccessor<T>): T;
-declare function mergeProps<T, U>(source: MaybeAccessor<T>, source1: MaybeAccessor<U>): T & U;
-declare function mergeProps<T, U, V>(source: MaybeAccessor<T>, source1: MaybeAccessor<U>, source2: MaybeAccessor<V>): T & U & V;
-declare function mergeProps<T, U, V, W>(source: MaybeAccessor<T>, source1: MaybeAccessor<U>, source2: MaybeAccessor<V>, source3: MaybeAccessor<W>): T & U & V & W;
+type MaybeAccessor$1<T> = T | (() => T);
+declare function mergeProps<T>(source: MaybeAccessor$1<T>): T;
+declare function mergeProps<T, U>(source: MaybeAccessor$1<T>, source1: MaybeAccessor$1<U>): T & U;
+declare function mergeProps<T, U, V>(source: MaybeAccessor$1<T>, source1: MaybeAccessor$1<U>, source2: MaybeAccessor$1<V>): T & U & V;
+declare function mergeProps<T, U, V, W>(source: MaybeAccessor$1<T>, source1: MaybeAccessor$1<U>, source2: MaybeAccessor$1<V>, source3: MaybeAccessor$1<W>): T & U & V & W;
 //#endregion
 //#region src/core/normalize-props.d.ts
 type PropTypes = JSX.IntrinsicElements & {
@@ -20,4 +23,46 @@ type PropTypes = JSX.IntrinsicElements & {
 };
 declare const normalizeProps: _sprawlify_primitives_types0.NormalizeProps<PropTypes>;
 //#endregion
-export { Key, PropTypes, mergeProps, normalizeProps, useMachine };
+//#region src/providers/environment/use-environment-context.d.ts
+type RootNode = ShadowRoot | Document | Node;
+interface UseEnvironmentContext {
+  getRootNode(): RootNode;
+  getDocument(): Document;
+  getWindow(): Window & typeof globalThis;
+}
+//#endregion
+//#region src/providers/environment/environment-provider.d.ts
+interface EnvironmentProviderProps {
+  children?: JSX.Element;
+  value?: RootNode | (() => RootNode);
+}
+declare const EnvironmentProvider: (props: EnvironmentProviderProps) => JSX.Element;
+//#endregion
+//#region src/providers/locale/locale-provider.d.ts
+interface LocaleProviderProps extends ParentProps {
+  locale: string;
+}
+declare const LocaleProvider: (props: LocaleProviderProps) => solid_js0.JSX.Element;
+//#endregion
+//#region src/providers/locale/use-collator.d.ts
+interface UseCollatorProps extends Intl.CollatorOptions {
+  locale?: string;
+}
+interface UseCollatorReturn extends Accessor<Intl.Collator> {}
+declare function useCollator(props?: UseCollatorProps): UseCollatorReturn;
+//#endregion
+//#region src/providers/locale/use-filter.d.ts
+interface UseFilterProps extends FilterOptions {}
+declare function useFilter(props: UseFilterProps): UseFilterReturn;
+interface UseFilterReturn extends Accessor<FilterReturn> {}
+//#endregion
+//#region src/providers/locale/use-locale-context.d.ts
+interface UseLocaleContext extends Accessor<Locale> {}
+//#endregion
+//#region src/types.d.ts
+type Assign<T, U> = Omit<T, keyof U> & U;
+type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;
+type MaybeAccessor<T> = Accessor<T> | T;
+type MaybePromise<T> = T | Promise<T>;
+//#endregion
+export { Assign, EnvironmentProvider, type EnvironmentProviderProps, Key, LocaleProvider, type LocaleProviderProps, MaybeAccessor, MaybePromise, Optional, PropTypes, type RootNode, type UseCollatorProps, type UseEnvironmentContext, type UseFilterProps, type UseFilterReturn, type UseLocaleContext, createContext, mergeProps, normalizeProps, useCollator, useEnvironmentContext, useFilter, useLocaleContext, useMachine };

package/dist/index.js

@@ -1,8 +1,12 @@
+import { t as createContext } from "./utils-GEMuT7an.js";
 import { Key } from "@solid-primitives/keyed";
 import { INIT_STATE, MachineStatus, createScope, mergeProps as mergeProps$1 } from "@sprawlify/primitives/core";
 import { compact, ensure, isEqual, isFunction, isNumber, isObject, isString, toArray, warn } from "@sprawlify/primitives/utils";
-import { createEffect, createMemo, createSignal, mergeProps as mergeProps$2, onCleanup, onMount, untrack } from "solid-js";
+import { Show, createEffect, createMemo, createSignal, mergeProps as mergeProps$2, onCleanup, onMount, untrack } from "solid-js";
 import { createNormalizer } from "@sprawlify/primitives/types";
+import { createComponent, memo, template, use } from "solid-js/web";
+import { getDocument, getWindow } from "@sprawlify/primitives/dom-query";
+import { createCollator, createFilter, isRTL } from "@sprawlify/primitives/i18n-utils";
 
 //#region src/core/bindable.ts
 function createBindable(props) {
@@ -199,7 +203,7 @@ function useMachine(machine, userProps = {}) {
 		if (!strs) return;
 		const fns = strs.map((s) => {
 			const fn = machine.implementations?.actions?.[s];
-			if (!fn) warn(`[zag-js] No implementation found for action "${JSON.stringify(s)}"`);
+			if (!fn) warn(`[sprawlify-js] No implementation found for action "${JSON.stringify(s)}"`);
 			return fn;
 		});
 		for (const fn of fns) fn?.(getParams());
@@ -213,7 +217,7 @@ function useMachine(machine, userProps = {}) {
 		if (!strs) return;
 		const fns = strs.map((s) => {
 			const fn = machine.implementations?.effects?.[s];
-			if (!fn) warn(`[zag-js] No implementation found for effect "${JSON.stringify(s)}"`);
+			if (!fn) warn(`[sprawlify-js] No implementation found for effect "${JSON.stringify(s)}"`);
 			return fn;
 		});
 		const cleanups = [];
@@ -232,7 +236,7 @@ function useMachine(machine, userProps = {}) {
 		});
 	};
 	const computed = (key) => {
-		ensure(machine.computed, () => `[zag-js] No computed object found on machine`);
+		ensure(machine.computed, () => `[sprawlify-js] No computed object found on machine`);
 		const fn = machine.computed[key];
 		return fn({
 			context: ctx,
@@ -413,4 +417,97 @@ function hyphenateStyleName(name) {
 }
 
 //#endregion
-export { Key, mergeProps, normalizeProps, useMachine };
+//#region src/utils/run-if-fn.ts
+const isFunction$1 = (value) => typeof value === "function";
+const runIfFn = (valueOrFn, ...args) => isFunction$1(valueOrFn) ? valueOrFn(...args) : valueOrFn;
+
+//#endregion
+//#region src/providers/environment/use-environment-context.ts
+const [EnvironmentContextProvider, useEnvironmentContext] = createContext({
+	hookName: "useEnvironmentContext",
+	providerName: "<EnvironmentProvider />",
+	strict: false,
+	defaultValue: () => ({
+		getRootNode: () => document,
+		getDocument: () => document,
+		getWindow: () => window
+	})
+});
+
+//#endregion
+//#region src/providers/environment/environment-provider.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<span hidden>`);
+const EnvironmentProvider = (props) => {
+	const [spanRef, setSpanRef] = createSignal();
+	const getRootNode = () => runIfFn(props.value) ?? spanRef()?.getRootNode() ?? document;
+	return createComponent(EnvironmentContextProvider, {
+		value: createMemo(() => ({
+			getRootNode,
+			getDocument: () => getDocument(getRootNode()),
+			getWindow: () => getWindow(getRootNode())
+		})),
+		get children() {
+			return [memo(() => props.children), createComponent(Show, {
+				get when() {
+					return !props.value;
+				},
+				get children() {
+					var _el$ = _tmpl$();
+					use(setSpanRef, _el$);
+					return _el$;
+				}
+			})];
+		}
+	});
+};
+
+//#endregion
+//#region src/providers/locale/use-locale-context.ts
+const [LocaleContextProvider, useLocaleContext] = createContext({
+	hookName: "useEnvironmentContext",
+	providerName: "<EnvironmentProvider />",
+	strict: false,
+	defaultValue: () => ({
+		dir: "ltr",
+		locale: "en-US"
+	})
+});
+
+//#endregion
+//#region src/providers/locale/locale-provider.tsx
+const LocaleProvider = (props) => {
+	return createComponent(LocaleContextProvider, {
+		value: createMemo(() => ({
+			locale: props.locale,
+			dir: isRTL(props.locale) ? "rtl" : "ltr"
+		})),
+		get children() {
+			return props.children;
+		}
+	});
+};
+
+//#endregion
+//#region src/providers/locale/use-collator.ts
+function useCollator(props = {}) {
+	const env = useLocaleContext();
+	const locale = () => props.locale ?? env().locale;
+	return createMemo(() => {
+		const { locale: _, ...options } = props;
+		return createCollator(locale(), options);
+	});
+}
+
+//#endregion
+//#region src/providers/locale/use-filter.ts
+function useFilter(props) {
+	const env = useLocaleContext();
+	const locale = createMemo(() => props.locale ?? env().locale);
+	return createMemo(() => createFilter({
+		...props,
+		locale: locale()
+	}));
+}
+
+//#endregion
+export { EnvironmentProvider, Key, LocaleProvider, createContext, mergeProps, normalizeProps, useCollator, useEnvironmentContext, useFilter, useLocaleContext, useMachine };

package/dist/index.jsx

@@ -1,8 +1,11 @@
+import { t as createContext } from "./utils-DSKoW7eB.jsx";
 import { Key } from "@solid-primitives/keyed";
 import { INIT_STATE, MachineStatus, createScope, mergeProps as mergeProps$1 } from "@sprawlify/primitives/core";
 import { compact, ensure, isEqual, isFunction, isNumber, isObject, isString, toArray, warn } from "@sprawlify/primitives/utils";
-import { createEffect, createMemo, createSignal, mergeProps as mergeProps$2, onCleanup, onMount, untrack } from "solid-js";
+import { Show, createEffect, createMemo, createSignal, mergeProps as mergeProps$2, onCleanup, onMount, untrack } from "solid-js";
 import { createNormalizer } from "@sprawlify/primitives/types";
+import { getDocument, getWindow } from "@sprawlify/primitives/dom-query";
+import { createCollator, createFilter, isRTL } from "@sprawlify/primitives/i18n-utils";
 
 //#region src/core/bindable.ts
 function createBindable(props) {
@@ -199,7 +202,7 @@ function useMachine(machine, userProps = {}) {
 		if (!strs) return;
 		const fns = strs.map((s) => {
 			const fn = machine.implementations?.actions?.[s];
-			if (!fn) warn(`[zag-js] No implementation found for action "${JSON.stringify(s)}"`);
+			if (!fn) warn(`[sprawlify-js] No implementation found for action "${JSON.stringify(s)}"`);
 			return fn;
 		});
 		for (const fn of fns) fn?.(getParams());
@@ -213,7 +216,7 @@ function useMachine(machine, userProps = {}) {
 		if (!strs) return;
 		const fns = strs.map((s) => {
 			const fn = machine.implementations?.effects?.[s];
-			if (!fn) warn(`[zag-js] No implementation found for effect "${JSON.stringify(s)}"`);
+			if (!fn) warn(`[sprawlify-js] No implementation found for effect "${JSON.stringify(s)}"`);
 			return fn;
 		});
 		const cleanups = [];
@@ -232,7 +235,7 @@ function useMachine(machine, userProps = {}) {
 		});
 	};
 	const computed = (key) => {
-		ensure(machine.computed, () => `[zag-js] No computed object found on machine`);
+		ensure(machine.computed, () => `[sprawlify-js] No computed object found on machine`);
 		const fn = machine.computed[key];
 		return fn({
 			context: ctx,
@@ -413,4 +416,84 @@ function hyphenateStyleName(name) {
 }
 
 //#endregion
-export { Key, mergeProps, normalizeProps, useMachine };
+//#region src/utils/run-if-fn.ts
+const isFunction$1 = (value) => typeof value === "function";
+const runIfFn = (valueOrFn, ...args) => isFunction$1(valueOrFn) ? valueOrFn(...args) : valueOrFn;
+
+//#endregion
+//#region src/providers/environment/use-environment-context.ts
+const [EnvironmentContextProvider, useEnvironmentContext] = createContext({
+	hookName: "useEnvironmentContext",
+	providerName: "<EnvironmentProvider />",
+	strict: false,
+	defaultValue: () => ({
+		getRootNode: () => document,
+		getDocument: () => document,
+		getWindow: () => window
+	})
+});
+
+//#endregion
+//#region src/providers/environment/environment-provider.tsx
+const EnvironmentProvider = (props) => {
+	const [spanRef, setSpanRef] = createSignal();
+	const getRootNode = () => runIfFn(props.value) ?? spanRef()?.getRootNode() ?? document;
+	const environment = createMemo(() => ({
+		getRootNode,
+		getDocument: () => getDocument(getRootNode()),
+		getWindow: () => getWindow(getRootNode())
+	}));
+	return <EnvironmentContextProvider value={environment}>
+      {props.children}
+      <Show when={!props.value}>
+        <span hidden ref={setSpanRef} />
+      </Show>
+    </EnvironmentContextProvider>;
+};
+
+//#endregion
+//#region src/providers/locale/use-locale-context.ts
+const [LocaleContextProvider, useLocaleContext] = createContext({
+	hookName: "useEnvironmentContext",
+	providerName: "<EnvironmentProvider />",
+	strict: false,
+	defaultValue: () => ({
+		dir: "ltr",
+		locale: "en-US"
+	})
+});
+
+//#endregion
+//#region src/providers/locale/locale-provider.tsx
+const LocaleProvider = (props) => {
+	const context = createMemo(() => ({
+		locale: props.locale,
+		dir: isRTL(props.locale) ? "rtl" : "ltr"
+	}));
+	return <LocaleContextProvider value={context}>{props.children}</LocaleContextProvider>;
+};
+
+//#endregion
+//#region src/providers/locale/use-collator.ts
+function useCollator(props = {}) {
+	const env = useLocaleContext();
+	const locale = () => props.locale ?? env().locale;
+	return createMemo(() => {
+		const { locale: _, ...options } = props;
+		return createCollator(locale(), options);
+	});
+}
+
+//#endregion
+//#region src/providers/locale/use-filter.ts
+function useFilter(props) {
+	const env = useLocaleContext();
+	const locale = createMemo(() => props.locale ?? env().locale);
+	return createMemo(() => createFilter({
+		...props,
+		locale: locale()
+	}));
+}
+
+//#endregion
+export { EnvironmentProvider, Key, LocaleProvider, createContext, mergeProps, normalizeProps, useCollator, useEnvironmentContext, useFilter, useLocaleContext, useMachine };

package/dist/utils/index.d.ts

@@ -0,0 +1,2 @@
+import { t as createContext } from "../index-C_ThrXdH.js";
+export { createContext };

package/dist/utils/index.js

@@ -0,0 +1,3 @@
+import { t as createContext } from "../utils-GEMuT7an.js";
+
+export { createContext };

package/dist/utils/index.jsx

@@ -0,0 +1,3 @@
+import { t as createContext } from "../utils-DSKoW7eB.jsx";
+
+export { createContext };

package/dist/utils-DSKoW7eB.jsx

@@ -0,0 +1,29 @@
+import { hasProp, isFunction } from "@sprawlify/primitives/utils";
+import { createContext, useContext } from "solid-js";
+
+//#region src/utils/create-context.ts
+function getErrorMessage(hook, provider) {
+	return `${hook} returned \`undefined\`. Seems you forgot to wrap component within ${provider}`;
+}
+function createContext$1(options = {}) {
+	const { strict = true, hookName = "useContext", providerName = "Provider", errorMessage, defaultValue } = options;
+	const Context$1 = createContext(defaultValue);
+	function useContext$1() {
+		const context = useContext(Context$1);
+		if (!context && strict) {
+			const error = new Error(errorMessage ?? getErrorMessage(hookName, providerName));
+			error.name = "ContextError";
+			if (hasProp(Error, "captureStackTrace") && isFunction(Error.captureStackTrace)) Error.captureStackTrace(error, useContext$1);
+			throw error;
+		}
+		return context;
+	}
+	return [
+		Context$1.Provider,
+		useContext$1,
+		Context$1
+	];
+}
+
+//#endregion
+export { createContext$1 as t };

package/dist/utils-GEMuT7an.js

@@ -0,0 +1,29 @@
+import { hasProp, isFunction } from "@sprawlify/primitives/utils";
+import { createContext, useContext } from "solid-js";
+
+//#region src/utils/create-context.ts
+function getErrorMessage(hook, provider) {
+	return `${hook} returned \`undefined\`. Seems you forgot to wrap component within ${provider}`;
+}
+function createContext$1(options = {}) {
+	const { strict = true, hookName = "useContext", providerName = "Provider", errorMessage, defaultValue } = options;
+	const Context$1 = createContext(defaultValue);
+	function useContext$1() {
+		const context = useContext(Context$1);
+		if (!context && strict) {
+			const error = new Error(errorMessage ?? getErrorMessage(hookName, providerName));
+			error.name = "ContextError";
+			if (hasProp(Error, "captureStackTrace") && isFunction(Error.captureStackTrace)) Error.captureStackTrace(error, useContext$1);
+			throw error;
+		}
+		return context;
+	}
+	return [
+		Context$1.Provider,
+		useContext$1,
+		Context$1
+	];
+}
+
+//#endregion
+export { createContext$1 as t };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sprawlify/solid",
-  "version": "0.0.13",
+  "version": "0.0.14",
   "type": "module",
   "description": "Solid wrapper for primitives.",
   "author": "sprawlify <npm@sprawlify.com>",
@@ -22,7 +22,7 @@
   },
   "dependencies": {
     "@solid-primitives/keyed": "^1.5.2",
-    "@sprawlify/primitives": "0.0.13"
+    "@sprawlify/primitives": "0.0.14"
   },
   "peerDependencies": {
     "solid-js": ">=1.1.3"