seitu 0.2.4 → 0.3.0

package/dist/core/schema-store.d.ts

@@ -1,6 +1,11 @@
 import type { StandardSchemaV1 } from '@standard-schema/spec';
 import type { Simplify } from '../utils';
 import type { Readable, Subscribable, Writable } from './index';
+export interface SchemaStoreProvider<S extends SchemaStoreSchema> {
+    get: () => SchemaStoreOutput<S>;
+    set: (value: Partial<SchemaStoreOutput<S>>) => void;
+}
+export declare function createSchemaStoreMemoryProvider<S extends SchemaStoreSchema>(): SchemaStoreProvider<S>;
 export type SchemaStoreSchema = Record<string, StandardSchemaV1<unknown, unknown>>;
 export type SchemaStoreOutput<S extends SchemaStoreSchema> = Simplify<{
     [K in keyof S]: StandardSchemaV1.InferOutput<S[K]>;
@@ -11,9 +16,6 @@ export interface SchemaStore<O extends Record<string, unknown>> extends Subscrib
 export interface SchemaStoreOptions<S extends Record<string, StandardSchemaV1>> {
     schemas: S;
     defaultValues: SchemaStoreOutput<S>;
-    provider: {
-        get: () => SchemaStoreOutput<S>;
-        set: (value: Partial<SchemaStoreOutput<S>>) => void;
-    };
+    provider: SchemaStoreProvider<S>;
 }
 export declare function createSchemaStore<S extends Record<string, StandardSchemaV1>>(options: SchemaStoreOptions<S>): SchemaStore<SchemaStoreOutput<S>>;

package/dist/{core-CuCUF5Aj.js → core-CO_rFBtK.js}

@@ -6,8 +6,18 @@ function e(e) {
 		return e;
 	}
 }
-function t(t) {
-	let { subscribe: r, notify: i } = n(), a = { ...t.defaultValues }, o = () => {
+function t() {
+	let e = new Map();
+	return {
+		get: () => Object.fromEntries(e.entries()),
+		set: (t) => {
+			e.clear();
+			for (let [n, r] of Object.entries(t)) e.set(n, r);
+		}
+	};
+}
+function n(t) {
+	let { subscribe: n, notify: i } = r(), 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));
@@ -23,7 +33,7 @@ function t(t) {
 			t.provider.set(n), i();
 		},
 		getDefaultValue: (e) => a[e],
-		subscribe: (e) => r(() => {
+		subscribe: (e) => n(() => {
 			e(o());
 		}),
 		"~": {
@@ -32,7 +42,7 @@ function t(t) {
 		}
 	};
 }
-function n() {
+function r() {
 	let e = new Set();
 	return {
 		subscribe(t) {
@@ -45,4 +55,4 @@ function n() {
 		}
 	};
 }
-export { t as n, e as r, n as t };
+export { e as i, n, t as r, r as t };

package/dist/core.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./core-CuCUF5Aj.js";
-export { e as createSchemaStore, t as createSubscription };
+import { n as e, r as t, t as n } from "./core-CO_rFBtK.js";
+export { e as createSchemaStore, t as createSchemaStoreMemoryProvider, n as createSubscription };

package/dist/react/components.d.ts

@@ -0,0 +1,56 @@
+import type { Readable, Subscribable } from '../core';
+import type { UseSubscriptionOptions } from './hooks';
+export interface SubscriptionProps<S extends Subscribable<any> & Readable<any>, R = S['~']['output']> extends Pick<UseSubscriptionOptions<S, R>, 'selector'> {
+    value: S;
+    children: (value: R) => React.ReactNode;
+}
+/**
+ * Declarative component that subscribes to a reactive value and passes it to a render function.
+ * Re-renders when the value (or selected value) changes. Use when you prefer a component API
+ * over the useSubscription hook.
+ *
+ * @example Basic usage
+ * ```tsx twoslash title="/app/page.tsx"
+ * 'use client'
+ *
+ * import { createSessionStorage } from 'seitu/web'
+ * import { Subscription } from 'seitu/react'
+ * import * as z from 'zod'
+ *
+ * const sessionStorage = createSessionStorage({
+ *   schemas: { count: z.number(), name: z.string() },
+ *   defaultValues: { count: 0, name: '' },
+ * })
+ *
+ * export default function Page() {
+ *   return (
+ *     <Subscription value={sessionStorage}>
+ *       {(value) => <div>{value.count}</div>}
+ *     </Subscription>
+ *   )
+ * }
+ * ```
+ *
+ * @example With selector
+ * ```tsx twoslash title="/app/page.tsx"
+ * 'use client'
+ *
+ * import { createSessionStorage } from 'seitu/web'
+ * import { Subscription } from 'seitu/react'
+ * import * as z from 'zod'
+ *
+ * const sessionStorage = createSessionStorage({
+ *   schemas: { count: z.number(), name: z.string() },
+ *   defaultValues: { count: 0, name: '' },
+ * })
+ *
+ * export default function Page() {
+ *   return (
+ *     <Subscription value={sessionStorage} selector={(v) => v.count}>
+ *       {(count) => <div>{count}</div>}
+ *     </Subscription>
+ *   )
+ * }
+ * ```
+ */
+export declare function Subscription<S extends Subscribable<any> & Readable<any>, R = S['~']['output']>({ value, selector, children, }: SubscriptionProps<S, R>): import("react").ReactNode;

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

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

package/dist/react/index.d.ts

@@ -1 +1,2 @@
+export * from './components';
 export * from './hooks';

package/dist/react.js

@@ -278,4 +278,7 @@ function L(t, n) {
 		return e(l.get()), t;
 	}, [l, r]), u;
 }
-export { L as useSubscription };
+function R({ value: e, selector: t, children: n }) {
+	return n(L(e, { selector: t }));
+}
+export { R as Subscription, L as useSubscription };

package/dist/web.js

@@ -1,13 +1,13 @@
-import { n as e, r as t, t as n } from "./core-CuCUF5Aj.js";
+import { i as e, n as t, t as n } from "./core-CO_rFBtK.js";
 function r(n) {
-	let { kind: r, ...i } = n, a = e({
+	let { kind: r, ...i } = n, a = t({
 		...i,
 		provider: {
 			get: () => {
 				if (typeof window > "u") return i.defaultValues;
-				let e = window[r], n = { ...i.defaultValues };
+				let t = window[r], n = { ...i.defaultValues };
 				for (let r in n) {
-					let a = t(e.getItem(r)), o = i.schemas[r]["~standard"].validate(a);
+					let a = e(t.getItem(r)), o = i.schemas[r]["~standard"].validate(a);
 					if (o instanceof Promise) throw TypeError("[createWebSchemaStore] Validation schema should not return a Promise.");
 					o.issues && console.warn(JSON.stringify(o.issues, null, 2), { cause: o.issues }), n[r] = o.issues ? i.defaultValues[r] : o.value;
 				}
@@ -38,21 +38,21 @@ function i(e) {
 		...e
 	});
 }
-function a(e) {
-	let r = "storage" in e ? e.storage["~"].kind : e.kind, i = `${r}Value`;
-	if ("schema" in e && e.defaultValue === void 0) throw Error(`[${i}] Default value is required`);
-	if (e.key === void 0) throw Error(`[${i}] Key is required`);
-	if (!("schema" in e || "storage" in e)) throw Error(`[${i}] Either schema or storage must be provided`);
-	let a = ("schema" in e ? e.defaultValue : e.storage.getDefaultValue(e.key)) ?? null, { subscribe: o, notify: s } = n(), c = () => {
+function a(t) {
+	let r = "storage" in t ? t.storage["~"].kind : t.kind, i = `${r}Value`;
+	if ("schema" in t && t.defaultValue === void 0) throw Error(`[${i}] Default value is required`);
+	if (t.key === void 0) throw Error(`[${i}] Key is required`);
+	if (!("schema" in t || "storage" in t)) throw Error(`[${i}] Either schema or storage must be provided`);
+	let a = ("schema" in t ? t.defaultValue : t.storage.getDefaultValue(t.key)) ?? null, { subscribe: o, notify: s } = n(), c = () => {
 		if (typeof window > "u") return a;
-		let n = window[r].getItem(e.key);
+		let n = window[r].getItem(t.key);
 		if (n === null) return a;
-		let i = t(n);
+		let i = e(n);
 		try {
-			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 }), a) : t.value;
+			if ("schema" in t) {
+				let e = t.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 }), a) : e.value;
 			} else return i;
 		} catch {
 			return a !== void 0 && typeof a != "string" ? a : i;
@@ -60,14 +60,14 @@ function a(e) {
 	};
 	return {
 		get: c,
-		set: (t) => {
+		set: (e) => {
 			if (typeof window > "u") return;
-			let n = window[r], i = typeof t == "function" ? t(c()) : t;
-			n.setItem(e.key, typeof i == "string" ? i : JSON.stringify(i)), window.dispatchEvent(new Event("storage")), s();
+			let n = window[r], i = typeof e == "function" ? e(c()) : e;
+			n.setItem(t.key, typeof i == "string" ? i : JSON.stringify(i)), window.dispatchEvent(new Event("storage")), s();
 		},
-		subscribe: (t) => {
-			let n = o(() => t(c())), r = (n) => {
-				n.key === e.key && t(c());
+		subscribe: (e) => {
+			let n = o(() => e(c())), r = (n) => {
+				n.key === t.key && e(c());
 			};
 			return typeof window < "u" && window.addEventListener("storage", r), () => {
 				n(), typeof window < "u" && window.removeEventListener("storage", r);

package/package.json

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