seitu 0.0.1 → 0.1.0

package/README.md

@@ -30,7 +30,7 @@ value.remove()
 value.subscribe(v => console.log(v))
 
 function Counter() {
-  const count = useSubscription(value)
+  const count = useSubscription(() => value)
 
   return (
     <div>

package/dist/core/index.d.ts

@@ -1 +1,2 @@
+export * from './store';
 export * from './subscription';

package/dist/core/store.d.ts

@@ -0,0 +1,107 @@
+import type { StandardSchemaV1 } from '@standard-schema/spec';
+import type { Simplify } from '../utils';
+import type { Readable, Subscribable, Writable } from './index';
+export type StoreSchema = Record<string, StandardSchemaV1<unknown, unknown>>;
+export type StoreOutput<S extends StoreSchema> = Simplify<{
+    [K in keyof S]: StandardSchemaV1.InferOutput<S[K]>;
+}>;
+export interface Store<O extends Record<string, unknown>> extends Subscribable<O>, Readable<O>, Writable<O> {
+    getDefaultValue: <K extends keyof O>(key: K) => O[K];
+}
+export interface StoreOptions<S extends Record<string, StandardSchemaV1>> {
+    /**
+     * Schemas for each storage key (one validator per key).
+     * Use this when each key has its own type; for a single compound schema use a wrapper with one key.
+     *
+     * @example
+     * ```ts
+     * const store = createStore({
+     *   schemas: {
+     *     token: z.string().nullable(),
+     *     preferences: z.object({ theme: z.enum(['light', 'dark']) }),
+     *   },
+     *   defaultValues: { token: null, preferences: { theme: 'light' } },
+     *   provider: {
+     *     get: () => ({
+     *       token: window.localStorage.getItem('token'),
+     *       preferences: window.localStorage.getItem('preferences'),
+     *     }),
+     *     set: (value) => {
+     *       window.localStorage.setItem('token', value.token ?? '')
+     *       window.localStorage.setItem('preferences', JSON.stringify(value.preferences))
+     *     },
+     *   },
+     * })
+     * ```
+     */
+    schemas: S;
+    /**
+     * The default values to use for the storage.
+     *
+     * @example
+     * ```ts
+     * const store = createStore({
+     *   schemas: {
+     *     token: z.string().nullable(),
+     *     preferences: z.object({ theme: z.enum(['light', 'dark']) }),
+     *   },
+     *   defaultValues: {
+     *     token: null,
+     *     preferences: { theme: 'light' },
+     *   },
+     *   provider: {
+     *     get: () => ({
+     *       token: window.localStorage.getItem('token'),
+     *       preferences: window.localStorage.getItem('preferences'),
+     *     }),
+     *     set: (value) => {
+     *       window.localStorage.setItem('token', value.token ?? '')
+     *       window.localStorage.setItem('preferences', JSON.stringify(value.preferences))
+     *     },
+     *   },
+     * })
+     * ```
+     */
+    defaultValues: StoreOutput<S>;
+    provider: {
+        get: () => StoreOutput<S>;
+        set: (value: StoreOutput<S>) => void;
+    };
+}
+/**
+ * Creates a reactive handle for a storage instance.
+ *
+ * @example
+ * ```ts twoslash
+ * import { createStore } from 'seitu'
+ * import * as z from 'zod'
+ *
+ * const store = createStore({
+ *   schemas: {
+ *     token: z.string().nullable(),
+ *     preferences: z.object({ theme: z.enum(['light', 'dark']) }),
+ *   },
+ *   defaultValues: { token: null, preferences: { theme: 'light' } },
+ *   provider: {
+ *     get: () => ({
+ *       token: window.localStorage.getItem('token'),
+ *       preferences: JSON.parse(window.localStorage.getItem('preferences') ?? '{"theme":"light"}'),
+ *     }),
+ *     set: (value) => {
+ *       window.localStorage.setItem('token', value.token ?? '')
+ *       window.localStorage.setItem('preferences', JSON.stringify(value.preferences))
+ *     },
+ *   },
+ * })
+ *
+ * store.get().token // null
+ * store.get().preferences // { theme: 'light' }
+ * store.set({ token: '123', preferences: { theme: 'dark' } })
+ * store.get().token // '123'
+ * store.get().preferences // { theme: 'dark' }
+ * store.subscribe(value => console.log(value))
+ * store.set({ token: '456', preferences: { theme: 'light' } })
+ * // { token: '456', preferences: { theme: 'light' } }
+ * ```
+ */
+export declare function createStore<S extends Record<string, StandardSchemaV1>>(options: StoreOptions<S>): Store<StoreOutput<S>>;

package/dist/core/store.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/core/subscription.d.ts

@@ -1,19 +1,17 @@
 export interface Subscribable<V> {
     'subscribe': (callback: (value: V) => any) => () => void;
-    '~types': {
+    '~': {
         output: V;
+        notify: () => void;
     };
 }
 export interface Readable<T> {
     get: () => T;
 }
-export interface Writable<T, P extends Partial<T> = T> {
-    set: (value: T | ((prev: P) => T)) => any;
+export interface Writable<T> {
+    set: (value: T | ((prev: T) => T)) => any;
 }
-export interface Removable {
-    remove: () => void;
-}
-export declare function createSubscription<V>(): {
-    subscribe: (callback: (value: V) => any) => () => void;
-    notify: (value: V) => void;
+export declare function createSubscription<T = void>(): {
+    subscribe: (callback: (payload: T) => any) => () => void;
+    notify: (payload: T) => void;
 };

package/dist/core-CuCUF5Aj.js

@@ -0,0 +1,48 @@
+function e(e) {
+	if (typeof e != "string") return e;
+	try {
+		return JSON.parse(e);
+	} catch {
+		return e;
+	}
+}
+function t(t) {
+	let { subscribe: r, notify: i } = n(), a = { ...t.defaultValues }, o = () => {
+		let n = { ...a };
+		for (let [r, i] of Object.entries(t.schemas)) {
+			let o = t.provider.get()[r], s = i["~standard"].validate(e(o));
+			if (s instanceof Promise) throw TypeError("[createStorage] Validation schema should not return a Promise.");
+			s.issues && console.warn(JSON.stringify(s.issues, null, 2), { cause: s.issues }), n[r] = s.issues ? a[r] : s.value;
+		}
+		return n;
+	};
+	return {
+		get: o,
+		set: (e) => {
+			let n = typeof e == "function" ? e(o()) : e;
+			t.provider.set(n), i();
+		},
+		getDefaultValue: (e) => a[e],
+		subscribe: (e) => r(() => {
+			e(o());
+		}),
+		"~": {
+			output: null,
+			notify: i
+		}
+	};
+}
+function n() {
+	let e = new Set();
+	return {
+		subscribe(t) {
+			return e.add(t), () => {
+				e.delete(t);
+			};
+		},
+		notify(t) {
+			e.forEach((e) => e(t));
+		}
+	};
+}
+export { t as n, e as r, n as t };

package/dist/core.js

@@ -1,14 +1,2 @@
-function e() {
-	let e = new Set();
-	return {
-		subscribe(t) {
-			return e.add(t), () => {
-				e.delete(t);
-			};
-		},
-		notify(t) {
-			e.forEach((e) => e(t));
-		}
-	};
-}
-export { e as createSubscription };
+import { n as e, t } from "./core-CuCUF5Aj.js";
+export { e as createStore, t as createSubscription };

package/dist/react/hooks.d.ts

@@ -1,6 +1,7 @@
-import type { Readable, Subscribable } from '../core/subscription';
+import type { Readable, Subscribable } from '../core/index';
 /**
- * Use this hook to access a subscription for any function that implements the Subscription interface.
+ * Use this hook to subscribe to a reactive value. The factory function is called only
+ * once on first render — subsequent renders reuse the cached subscription.
  *
  * @kind hook
  *
@@ -13,7 +14,7 @@ import type { Readable, Subscribable } from '../core/subscription';
  * import * as z from 'zod'
  *
  * export default function Page() {
- *   const value = useSubscription(sessionStorageValue({
+ *   const value = useSubscription(() => sessionStorageValue({
  *     key: 'test',
  *     defaultValue: 0,
  *     schema: z.number(),
@@ -27,28 +28,7 @@ import type { Readable, Subscribable } from '../core/subscription';
  * ```tsx twoslash title="/app/page.tsx"
  * 'use client'
  *
- * import { sessionStorageValue } from 'seitu/web'
- * import { useSubscription } from 'seitu/react'
- * import * as z from 'zod'
- *
- * const sessionStorage = sessionStorageValue({
- *   key: 'test',
- *   defaultValue: 0,
- *   schema: z.number(),
- * })
- *
- * export default function Page() {
- *   const value = useSubscription(sessionStorage)
- *
- *   return <div>{value}</div>
- * }
- * ```
- *
- * @example
- * ```tsx twoslash title="/app/page.tsx"
- * 'use client'
- *
- * import { createSessionStorage, sessionStorageValue } from 'seitu/web'
+ * import { createSessionStorage } from 'seitu/web'
  * import { useSubscription } from 'seitu/react'
  * import * as z from 'zod'
  *
@@ -60,12 +40,12 @@ import type { Readable, Subscribable } from '../core/subscription';
  *   defaultValues: { count: 0, name: '' },
  * })
  *
- * // Usage with selector, re-renders only when count changes
  * export default function Page() {
- *   const count = useSubscription(sessionStorage, value => value.count)
+ *   // Usage with selector, re-renders only when count changes
+ *   const count = useSubscription(() => sessionStorage, value => value.count)
  *
  *   return <div>{count}</div>
  * }
  * ```
  */
-export declare function useSubscription<S extends Subscribable<any> & Readable<any>, R = S['~types']['output']>(subscription: S, selector?: (value: S['~types']['output']) => R): R;
+export declare function useSubscription<S extends Subscribable<any> & Readable<any>, R = S['~']['output']>(factory: () => S, selector?: (value: S['~']['output']) => R): R;

package/dist/react/hooks.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/vitest';

package/dist/react.js

@@ -1778,11 +1778,14 @@ var t = Object.create, n = Object.defineProperty, r = Object.getOwnPropertyDescr
 	};
 }))(), 1);
 function Ze(t, n) {
-	if (!t.get || !t.subscribe) throw Error("Subscription is not valid. It must have a get and subscribe method.");
-	let [r, i] = e.useState(() => n ? n(t.get()) : t.get()), a = e.useEffectEvent(() => r);
-	return e.useEffect(() => t.subscribe((e) => {
+	let r = e.useRef(void 0);
+	r.current === void 0 && (r.current = t());
+	let i = r.current;
+	if (!i.get || !i.subscribe) throw Error("Subscription is not valid. It must have a get and subscribe method.");
+	let [a, o] = e.useState(() => n ? n(i.get()) : i.get()), s = e.useEffectEvent(() => a);
+	return e.useEffect(() => i.subscribe((e) => {
 		let t = n ? n(e) : e;
-		(0, Xe.default)(t, a()) || i(t);
-	}), [t, n]), r;
+		(0, Xe.default)(t, s()) || o(t);
+	}), [i, n]), a;
 }
 export { Ze as useSubscription };

package/dist/utils.d.ts

@@ -4,4 +4,4 @@ export type Simplify<T> = {
 } & {};
 export type Satisfies<T extends U, U> = T;
 export type PartialForKeys<T, K extends keyof T> = Partial<Pick<T, K>> & Omit<T, K>;
-export declare function tryParseJson(value: string): unknown;
+export declare function tryParseJson(value: unknown): unknown;

package/dist/web/index.d.ts

@@ -1,2 +1,4 @@
+export * from './media-query';
+export * from './scroll-state';
 export * from './session-storage';
 export * from './session-storage-value';

package/dist/web/media-query.d.ts

@@ -0,0 +1,75 @@
+import type { Readable, Subscribable } from '../core/index';
+export interface MediaQuery extends Subscribable<boolean>, Readable<boolean> {
+}
+type MinMaxPrefix = 'min-' | 'max-' | '';
+type CSSUnitSuffix = 'px' | 'em' | 'rem' | 'vw' | 'vh' | 'dvw' | 'dvh' | 'svw' | 'svh' | 'lvw' | 'lvh' | 'cqw' | 'cqh' | 'vmin' | 'vmax' | 'cm' | 'mm' | 'in' | 'pt' | 'pc';
+type CSSUnit = `${number}${CSSUnitSuffix}`;
+type CSSResolution = `${number}${'dpi' | 'dpcm' | 'dppx' | 'x'}`;
+type Ratio = `${number}/${number}`;
+type Digit = '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';
+type ParseNum<S extends string, Acc extends string = ''> = S extends `${infer D extends Digit | '.'}${infer Rest}` ? ParseNum<Rest, `${Acc}${D}`> : Acc extends `${infer N extends number}` ? N : false;
+type MQEnum<F extends string, V extends string> = `(${F}: ${V})`;
+type MQRange<F extends string, V extends string = CSSUnit> = `(${MinMaxPrefix}${F}: ${V})`;
+type MQOptNum<F extends string> = `(${MinMaxPrefix}${F}${'' | `: ${number}`})`;
+export type MediaQueryType = `${'only ' | 'not ' | ''}${'screen' | 'print' | 'all'}` | MQEnum<'any-hover' | 'hover', 'hover' | 'none'> | MQEnum<'any-pointer' | 'pointer', 'none' | 'coarse' | 'fine'> | MQRange<'width' | 'height' | 'device-width' | 'device-height' | 'inline-size' | 'block-size'> | MQRange<'aspect-ratio' | 'device-aspect-ratio', Ratio> | MQOptNum<'color' | 'color-index' | 'monochrome'> | MQEnum<'color-gamut', 'srgb' | 'p3' | 'rec2020'> | MQEnum<'dynamic-range' | 'video-dynamic-range', 'standard' | 'high'> | MQEnum<'device-posture', 'continuous' | 'folded'> | MQEnum<'display-mode', 'browser' | 'fullscreen' | 'minimal-ui' | 'picture-in-picture' | 'standalone' | 'window-controls-overlay'> | MQEnum<'orientation', 'portrait' | 'landscape'> | MQEnum<'scan', 'interlace' | 'progressive'> | MQEnum<'grid', '0' | '1'> | MQEnum<'update', 'none' | 'slow' | 'fast'> | MQEnum<'overflow-block', 'none' | 'scroll' | 'optional-paged' | 'paged'> | MQEnum<'overflow-inline', 'none' | 'scroll'> | MQEnum<'environment-blending', 'opaque' | 'additive' | 'subtractive'> | MQRange<'resolution', 'infinite' | CSSResolution> | MQEnum<'prefers-color-scheme', 'light' | 'dark'> | MQEnum<'prefers-contrast', 'no-preference' | 'more' | 'less' | 'forced'> | MQEnum<'prefers-reduced-motion' | 'prefers-reduced-transparency' | 'prefers-reduced-data', 'no-preference' | 'reduce'> | MQEnum<'forced-colors', 'none' | 'active'> | MQEnum<'inverted-colors', 'none' | 'inverted'> | MQEnum<'prefers-online', 'online' | 'offline'> | MQEnum<'scripting', 'none' | 'initial-only' | 'enabled'>;
+type Suggestion = MediaQueryType | `${MediaQueryType} and ` | `${MediaQueryType}, `;
+type IsValid<T extends string> = string extends T ? true : T extends `${infer L}, ${infer R}` ? (IsValid<L> extends true ? IsValid<R> : false) : T extends `${infer L} and ${infer R}` ? (IsValid<L> extends true ? IsValid<R> : false) : T extends `not ${infer Rest}` ? IsValid<Rest> : T extends MediaQueryType ? true : false;
+type ValuesOf<F extends string, MQ = MediaQueryType> = MQ extends `(${F}: ${infer V})` ? V : never;
+type SuggestFeature<F extends string, V extends string> = ParseNum<V> extends infer N extends number ? `(${F}: ${N}${CSSUnitSuffix})` : [ValuesOf<F>] extends [never] ? MediaQueryType : `(${F}: ${ValuesOf<F>})`;
+type Suggest<T extends string> = string extends T ? Suggestion : T extends `${infer L}, ${infer R}` ? (IsValid<L> extends true ? `${L}, ${Suggest<R>}` : Suggestion) : T extends `${infer L} and ${infer R}` ? (IsValid<L> extends true ? `${L} and ${Suggest<R>}` : Suggestion) : T extends `not ${infer Rest}` ? `not ${Suggest<Rest>}` : T extends `(${infer F}: ${infer Rest}` ? SuggestFeature<F, Rest extends `${infer V})` ? V : Rest> : MediaQueryType;
+export interface MediaQueryOptions<T extends string> {
+    /**
+     * A media query string (e.g. `(min-width: 768px)` or `(prefers-color-scheme: dark)`).
+     */
+    query: IsValid<T> extends true ? T : Suggest<T>;
+    /**
+     * Value returned from `get()` during SSR.
+     * @default false
+     */
+    defaultMatches?: boolean;
+}
+/**
+ * Creates a handle for a media query.
+ *
+ * @example
+ * ```ts twoslash title="media-query.ts"
+ * import { mediaQuery } from 'seitu/web'
+ * import { useSubscription } from 'seitu/react'
+ *
+ * const isDesktop = mediaQuery({ query: '(min-width: 768px)' })
+ *
+ * // Usage with subscribe
+ * isDesktop.subscribe(matches => {
+ *   console.log(matches)
+ * })
+ *
+ * const state = isDesktop.get()
+ * console.log(state)
+ * ```
+ *
+ * ```tsx twoslash title="page.tsx"
+ * import { mediaQuery } from 'seitu/web'
+ * import { useSubscription } from 'seitu/react'
+ *
+ * const isDesktop = mediaQuery({ query: '(min-width: 768px)' })
+ *
+ * // Usage with some function component
+ * function Layout() {
+ *   const matches = useSubscription(() => isDesktop)
+ *   return matches ? 'i am desktop' : 'i am mobile'
+ * }
+ * ```
+ *
+ * ```tsx twoslash
+ * import { mediaQuery } from 'seitu/web'
+ * import { useSubscription } from 'seitu/react'
+ *
+ * // @errors: 2362 2322 1109
+ * mediaQuery({ query: '(min-width: ' })
+ *
+ * // @errors: 2362 2322 2820
+ * mediaQuery({ query: '(min-width: 768' })
+ * ```
+ */
+export declare function mediaQuery<T extends string>(options: MediaQueryOptions<T>): MediaQuery;
+export {};

package/dist/web/media-query.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/web/scroll-state.d.ts

@@ -0,0 +1,70 @@
+import type { Readable, Subscribable } from '../core/index';
+export type ScrollDirection = 'vertical' | 'horizontal' | 'both';
+export interface ScrollStateEdge {
+    value: boolean;
+    remaining: number;
+}
+export interface ScrollStateValue {
+    top: ScrollStateEdge;
+    bottom: ScrollStateEdge;
+    left: ScrollStateEdge;
+    right: ScrollStateEdge;
+}
+export interface ScrollState extends Subscribable<ScrollStateValue>, Readable<ScrollStateValue> {
+}
+export interface ScrollStateOptions {
+    /**
+     * The element to observe scroll position on.
+     */
+    element: Element | null;
+    /**
+     * Which scroll axis to track.
+     * @default 'both'
+     */
+    direction?: ScrollDirection;
+    /**
+     * Number of pixels from each edge before it counts as "scrolled".
+     * @default 0
+     */
+    threshold?: number;
+}
+/**
+ * Creates a reactive handle that tracks scroll position of an element relative to each edge.
+ *
+ * @example
+ * ```ts twoslash
+ * import { scrollState } from 'seitu/web'
+ *
+ * const scroll = scrollState({
+ *   element: document.querySelector('.container'),
+ *   direction: 'vertical',
+ *   threshold: 10,
+ * })
+ *
+ * scroll.subscribe(state => {
+ *   console.log(state.top.value)       // scrolled away from top
+ *   console.log(state.top.remaining)   // px left to scroll back to top
+ *   console.log(state.bottom.value)    // reached the bottom
+ *   console.log(state.bottom.remaining) // px left to reach bottom
+ * })
+ *
+ * const state = scroll.get()
+ * console.log(state)
+ * ```
+ *
+ * ```tsx twoslash
+ * import { scrollState } from 'seitu/web'
+ * import { useSubscription } from 'seitu/react'
+ *
+ * const scroll = scrollState({
+ *   element: document.querySelector('.container'),
+ *   threshold: 10,
+ * })
+ *
+ * function Layout() {
+ *   const state = useSubscription(() => scroll)
+ *   return state.top.value ? 'scrolled' : 'at the top'
+ * }
+ * ```
+ */
+export declare function scrollState(options: ScrollStateOptions): ScrollState;

package/dist/web/scroll-state.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/web/session-storage-value.d.ts

@@ -1,9 +1,9 @@
 import type { StandardSchemaV1 } from '@standard-schema/spec';
-import type { Readable, Removable, Subscribable, Writable } from '../core/index';
+import type { Readable, Subscribable, Writable } from '../core/index';
 import type { SessionStorage } from './session-storage';
-export interface SessionStorageValue<V> extends Subscribable<V>, Readable<V>, Writable<V>, Removable {
+export interface SessionStorageValue<V> extends Subscribable<V>, Readable<V>, Writable<V> {
 }
-export interface SessionStorageValueOptionsWithStorage<Storage extends SessionStorage<any>, K extends keyof Storage['~types']['output']> {
+export interface SessionStorageValueOptionsWithStorage<Storage extends SessionStorage<any>, K extends keyof Storage['~']['output']> {
     storage: Storage;
     key: K;
 }
@@ -35,7 +35,6 @@ export type SessionStorageValueOptions = SessionStorageValueOptionsWithStorage<S
  * value.get() // 0
  * value.set(1)
  * value.set(v => v + 1)
- * value.remove()
  * value.subscribe(v => console.log(v))
  * ```
  *
@@ -53,5 +52,5 @@ export type SessionStorageValueOptions = SessionStorageValueOptionsWithStorage<S
  * storage.get().count === 5 // true
  * ```
  */
-export declare function sessionStorageValue<Storage extends SessionStorage<any>, K extends keyof Storage['~types']['output']>(options: SessionStorageValueOptionsWithStorage<Storage, K>): SessionStorageValue<Storage['~types']['output'][K]>;
+export declare function sessionStorageValue<Storage extends SessionStorage<any>, K extends keyof Storage['~']['output']>(options: SessionStorageValueOptionsWithStorage<Storage, K>): SessionStorageValue<Storage['~']['output'][K]>;
 export declare function sessionStorageValue<S extends StandardSchemaV1<unknown>>(options: SessionStorageValueOptionsWithSchema<S>): SessionStorageValue<StandardSchemaV1.InferOutput<S>>;

package/dist/web/session-storage-value.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/web/session-storage.d.ts

@@ -1,45 +1,5 @@
-import type { StandardSchemaV1 } from '@standard-schema/spec';
-import type { Readable, Subscribable, Writable } from '../core/index';
-import type { Simplify } from '../utils';
-type Output<S extends Record<string, StandardSchemaV1>> = Simplify<{
-    [K in keyof S]: StandardSchemaV1.InferOutput<S[K]>;
-}>;
-export interface SessionStorage<O extends Record<string, unknown>> extends Subscribable<O>, Readable<O>, Writable<Partial<O>, O> {
-    clear: () => void;
-    defaultValues: Readonly<O>;
-}
-export interface SessionStorageOptions<S extends Record<string, StandardSchemaV1>> {
-    /**
-     * Schemas for each session storage key (one validator per key).
-     * Use this when each key has its own type; for a single compound schema use a wrapper with one key.
-     *
-     * @example
-     * ```ts
-     * const sessionStorage = createSessionStorage({
-     *   schemas: {
-     *     token: z.string().nullable(),
-     *     preferences: z.object({ theme: z.enum(['light', 'dark']) }),
-     *   },
-     *   defaultValues: { token: null, preferences: { theme: 'light' } },
-     * })
-     * ```
-     */
-    schemas: S;
-    /**
-     * The default values to use for the session storage.
-     *
-     * @example
-     * ```ts
-     * const sessionStorage = createSessionStorage({
-     *   defaultValues: {
-     *     token: null,
-     *     preferences: { theme: 'light' },
-     *   },
-     * })
-     * ```
-     */
-    defaultValues: Output<S>;
-}
+import type { Store, StoreOptions, StoreOutput, StoreSchema } from '../core/index';
+export type SessionStorage<O extends Record<string, unknown>> = Store<O>;
 /**
  * Creates a reactive handle for a sessionStorage instance.
  *
@@ -61,15 +21,9 @@ export interface SessionStorageOptions<S extends Record<string, StandardSchemaV1
  * sessionStorage.set({ token: '123', preferences: { theme: 'dark' } })
  * sessionStorage.get().token // '123'
  * sessionStorage.get().preferences // { theme: 'dark' }
- * sessionStorage.clear()
- * sessionStorage.get().token // null
- * sessionStorage.get().preferences // { theme: 'light' }
  * sessionStorage.subscribe(value => console.log(value))
  * sessionStorage.set({ token: '456', preferences: { theme: 'light' } })
  * // { token: '456', preferences: { theme: 'light' } }
- * sessionStorage.clear()
- * // { token: null, preferences: { theme: 'light' } }
  * ```
  */
-export declare function createSessionStorage<S extends Record<string, StandardSchemaV1>>(options: SessionStorageOptions<S>): SessionStorage<Output<S>>;
-export {};
+export declare function createSessionStorage<S extends StoreSchema>(options: Omit<StoreOptions<S>, 'provider'>): SessionStorage<StoreOutput<S>>;

package/dist/web/session-storage.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/web.js

@@ -1,87 +1,131 @@
-import { createSubscription as e } from "./core.js";
-function t(e) {
-	try {
-		return JSON.parse(e);
-	} catch {
-		return e;
-	}
-}
-function n(n) {
-	let { subscribe: r, notify: i } = e(), a = { ...n.defaultValues }, o = () => {
-		let e = { ...a };
-		for (let [r, i] of Object.entries(n.schemas)) {
-			if (typeof window > "u") return a;
-			let n = window.sessionStorage.getItem(r);
-			if (n === null) continue;
-			let o = i["~standard"].validate(t(n));
-			if (o instanceof Promise) throw TypeError("[createSessionStorage] Validation schema should not return a Promise.");
-			e[r] = o.issues ? a[r] : o.value;
+import { n as e, r as t, t as n } from "./core-CuCUF5Aj.js";
+function r(e) {
+	let { subscribe: t, notify: r } = n(), i = () => {
+		if (typeof window > "u") return e.defaultMatches ?? !1;
+		try {
+			return window.matchMedia(e.query).matches;
+		} catch {
+			return e.defaultMatches ?? !1;
 		}
-		return e;
 	};
 	return {
-		get: o,
-		set: (e) => {
-			let t = typeof e == "function" ? e(o()) : e;
-			for (let [e, n] of Object.entries(t)) window.sessionStorage.setItem(e, typeof n == "string" ? n : JSON.stringify(n));
-			i({
-				...o(),
-				...t
-			});
-		},
-		subscribe: (e) => {
-			let t = r(() => {
-				e(o());
-			});
-			return () => {
-				t();
+		get: i,
+		subscribe: (n) => {
+			if (typeof window > "u") return n(i()), () => {};
+			let r = t(() => n(i())), a = window.matchMedia(e.query), o = () => n(i());
+			return a.addEventListener("change", o), () => {
+				r(), a.removeEventListener("change", o);
 			};
 		},
-		clear: () => {
-			window.sessionStorage.clear(), i({ ...n.defaultValues });
+		"~": {
+			output: null,
+			notify: r
+		}
+	};
+}
+var i = {
+	value: !1,
+	remaining: 0
+};
+function a(e) {
+	let { direction: t = "both", threshold: r = 0 } = e, { subscribe: a, notify: o } = n(), s = () => {
+		let n = e.element, a = (e, t) => ({
+			value: e,
+			remaining: Math.max(0, t)
+		});
+		if (!n) return {
+			top: i,
+			bottom: i,
+			left: i,
+			right: i
+		};
+		let o = n.scrollTop, s = n.scrollHeight - n.scrollTop - n.clientHeight, c = n.scrollLeft, l = n.scrollWidth - n.scrollLeft - n.clientWidth;
+		return {
+			top: t === "horizontal" ? i : a(o > r, o),
+			bottom: t === "horizontal" ? i : a(s <= r, s),
+			left: t === "vertical" ? i : a(c > r, c),
+			right: t === "vertical" ? i : a(l <= r, l)
+		};
+	};
+	return {
+		get: s,
+		subscribe: (t) => {
+			let n = e.element;
+			if (!n) return t(s()), () => {};
+			let r = a(() => t(s())), i = () => t(s());
+			return n.addEventListener("scroll", i, { passive: !0 }), () => {
+				r(), n.removeEventListener("scroll", i);
+			};
 		},
-		defaultValues: a,
-		"~types": { output: null }
+		"~": {
+			output: null,
+			notify: o
+		}
 	};
 }
-function r(n) {
-	if ("schema" in n && n.defaultValue === void 0) throw Error("[sessionStorageValue] Default value is required");
-	if (n.key === void 0) throw Error("[sessionStorageValue] Key is required");
-	if (!("schema" in n || "storage" in n)) throw Error("[sessionStorageValue] Either schema or storage must be provided");
-	let r = ("schema" in n ? n.defaultValue : n.storage.defaultValues[n.key]) ?? null, { subscribe: i, notify: a } = e(), o = () => {
+function o(n) {
+	let r = e({
+		...n,
+		provider: {
+			get: () => {
+				if (typeof window > "u") return n.defaultValues;
+				let e = { ...n.defaultValues };
+				for (let r in e) {
+					let i = t(window.sessionStorage.getItem(r)), a = n.schemas[r]["~standard"].validate(i);
+					if (a instanceof Promise) throw TypeError("[createSessionStorage] Validation schema should not return a Promise.");
+					a.issues && console.warn(JSON.stringify(a.issues, null, 2), { cause: a.issues }), e[r] = a.issues ? n.defaultValues[r] : a.value;
+				}
+				return e;
+			},
+			set: (e) => {
+				typeof window > "u" || Object.entries(e).forEach(([e, t]) => {
+					window.sessionStorage.setItem(e, typeof t == "string" ? t : JSON.stringify(t));
+				});
+			}
+		}
+	});
+	return typeof window < "u" && window.addEventListener("storage", () => {
+		r["~"].notify();
+	}), r;
+}
+function s(e) {
+	if ("schema" in e && e.defaultValue === void 0) throw Error("[sessionStorageValue] Default value is required");
+	if (e.key === void 0) throw Error("[sessionStorageValue] Key is required");
+	if (!("schema" in e || "storage" in e)) throw Error("[sessionStorageValue] Either schema or storage must be provided");
+	let r = ("schema" in e ? e.defaultValue : e.storage.getDefaultValue(e.key)) ?? null, { subscribe: i, notify: a } = n(), o = () => {
 		if (typeof window > "u") return r;
-		let e = window.sessionStorage.getItem(n.key);
-		if (e === null) return r;
-		let i = t(e);
+		let n = window.sessionStorage.getItem(e.key);
+		if (n === null) return r;
+		let i = t(n);
 		try {
-			if ("schema" in n) {
-				let e = n.schema["~standard"].validate(i);
-				if (e instanceof Promise) throw TypeError("Validation schema should not return a Promise.");
-				return e.issues ? (console.error(JSON.stringify(e.issues, null, 2), { cause: e.issues }), r) : e.value;
-			} else return n.storage.get()[n.key];
+			if ("schema" in e) {
+				let t = e.schema["~standard"].validate(i);
+				if (t instanceof Promise) throw TypeError("Validation schema should not return a Promise.");
+				return t.issues ? (console.error(JSON.stringify(t.issues, null, 2), { cause: t.issues }), r) : t.value;
+			} else return i;
 		} catch {
 			return r !== void 0 && typeof r != "string" ? r : i;
 		}
 	};
 	return {
 		get: o,
-		set: (e) => {
+		set: (t) => {
 			if (typeof window > "u") return;
-			let t = typeof e == "function" ? e(o()) : e;
-			window.sessionStorage.setItem(n.key, typeof t == "string" ? t : JSON.stringify(t)), window.dispatchEvent(new Event("storage")), a(t);
+			let n = typeof t == "function" ? t(o()) : t;
+			window.sessionStorage.setItem(e.key, typeof n == "string" ? n : JSON.stringify(n)), window.dispatchEvent(new Event("storage")), a();
 		},
-		remove: () => {
-			typeof window > "u" || (window.sessionStorage.removeItem(n.key), window.dispatchEvent(new Event("storage")), a(o()));
-		},
-		subscribe: (e) => {
-			let t = i(e), r = (t) => {
-				t.key === n.key && e(o());
+		subscribe: (t) => {
+			let n = i(() => t(o())), r = (n) => {
+				n.key === e.key && t(o());
 			};
 			return typeof window < "u" && window.addEventListener("storage", r), () => {
-				t(), typeof window < "u" && window.removeEventListener("storage", r);
+				n(), typeof window < "u" && window.removeEventListener("storage", r);
 			};
 		},
-		"~types": { output: null }
+		"~": {
+			output: null,
+			notify: a
+		}
 	};
 }
-export { n as createSessionStorage, r as sessionStorageValue };
+export { o as createSessionStorage, r as mediaQuery, a as scrollState, s as sessionStorageValue };

package/package.json

@@ -2,7 +2,7 @@
   "name": "seitu",
   "displayName": "Seitu",
   "type": "module",
-  "version": "0.0.1",
+  "version": "0.1.0",
   "private": false,
   "author": "Valerii Strilets",
   "license": "MIT",