@hedystia/view 2.1.0

package/dist/constants.cjs

@@ -0,0 +1,13 @@
+//#region src/constants.ts
+/**
+* Internal constants for the reactive system
+*/
+/**
+* Symbol to mark proxy objects for store reactivity
+*/
+const $STORE = Symbol("hedystia-store");
+typeof window !== "undefined" && window.__DEV__;
+//#endregion
+exports.$STORE = $STORE;
+
+//# sourceMappingURL=constants.cjs.map

package/dist/constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.cjs","names":[],"sources":["../src/constants.ts"],"sourcesContent":["/**\n * Internal constants for the reactive system\n */\n\n/**\n * Symbol to mark proxy objects for store reactivity\n */\nexport const $STORE = Symbol(\"hedystia-store\");\n\n/**\n * Symbol to track signal access for dependency tracking\n */\nexport const $TRACK = Symbol(\"hedystia-track\");\n\n/**\n * Symbol for fragment type in JSX\n */\nexport const $FRAGMENT = Symbol(\"hedystia-fragment\");\n\n/**\n * Development mode flag\n */\nexport const IS_DEV = typeof window !== \"undefined\" && (window as any).__DEV__ === true;\n"],"mappings":";;;;;;;AAOA,MAAa,SAAS,OAAO,iBAAiB;AAexB,OAAO,WAAW,eAAgB,OAAe"}

package/dist/constants.mjs

@@ -0,0 +1,13 @@
+//#region src/constants.ts
+/**
+* Internal constants for the reactive system
+*/
+/**
+* Symbol to mark proxy objects for store reactivity
+*/
+const $STORE = Symbol("hedystia-store");
+typeof window !== "undefined" && window.__DEV__;
+//#endregion
+export { $STORE };
+
+//# sourceMappingURL=constants.mjs.map

package/dist/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","names":[],"sources":["../src/constants.ts"],"sourcesContent":["/**\n * Internal constants for the reactive system\n */\n\n/**\n * Symbol to mark proxy objects for store reactivity\n */\nexport const $STORE = Symbol(\"hedystia-store\");\n\n/**\n * Symbol to track signal access for dependency tracking\n */\nexport const $TRACK = Symbol(\"hedystia-track\");\n\n/**\n * Symbol for fragment type in JSX\n */\nexport const $FRAGMENT = Symbol(\"hedystia-fragment\");\n\n/**\n * Development mode flag\n */\nexport const IS_DEV = typeof window !== \"undefined\" && (window as any).__DEV__ === true;\n"],"mappings":";;;;;;;AAOA,MAAa,SAAS,OAAO,iBAAiB;AAexB,OAAO,WAAW,eAAgB,OAAe"}

package/dist/context/context.cjs

@@ -0,0 +1,51 @@
+const require_signal = require("../signal/signal.cjs");
+//#region src/context/context.ts
+const contextMap = /* @__PURE__ */ new Map();
+/**
+* Create a typed context for dependency injection
+* @template T - The type of the context value
+* @param {T} [defaultValue] - Optional default value
+* @returns {Context<T>} A context object with Provider
+* @example
+* const ThemeCtx = ctx<{ mode: "dark" | "light"; accent: string }>();
+*/
+function ctx(defaultValue) {
+	const id = Symbol("context");
+	if (defaultValue !== void 0) contextMap.set(id, require_signal.sig(defaultValue));
+	const Provider = (props) => {
+		const prevValue = contextMap.get(id);
+		const newSignal = require_signal.sig(props.value);
+		contextMap.set(id, newSignal);
+		try {
+			return props.children;
+		} finally {
+			if (prevValue !== void 0) contextMap.set(id, prevValue);
+			else contextMap.delete(id);
+		}
+	};
+	return {
+		_id: id,
+		_defaultValue: defaultValue,
+		Provider
+	};
+}
+/**
+* Consume a context value
+* @template T - The type of the context value
+* @param {Context<T>} context - The context to consume
+* @returns {T} The context value
+* @throws {Error} When context is not found and no default exists
+* @example
+* const theme = use(ThemeCtx);
+*/
+function use(context) {
+	const signal = contextMap.get(context._id);
+	if (signal !== void 0) return require_signal.val(signal);
+	if (context._defaultValue !== void 0) return context._defaultValue;
+	throw new Error(`Context not found: ${String(context._id)}`);
+}
+//#endregion
+exports.ctx = ctx;
+exports.use = use;
+
+//# sourceMappingURL=context.cjs.map

package/dist/context/context.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.cjs","names":["sig","val"],"sources":["../../src/context/context.ts"],"sourcesContent":["/**\n * Typed context system for @hedystia/view\n *\n * Provides provider/consumer pattern for dependency injection.\n */\n\nimport type { JSX } from \"../jsx.d\";\nimport { sig, val } from \"../signal\";\nimport type { Component, Context } from \"../types\";\n\nconst contextMap = new Map<symbol, any>();\n\n/**\n * Create a typed context for dependency injection\n * @template T - The type of the context value\n * @param {T} [defaultValue] - Optional default value\n * @returns {Context<T>} A context object with Provider\n * @example\n * const ThemeCtx = ctx<{ mode: \"dark\" | \"light\"; accent: string }>();\n */\nexport function ctx<T>(defaultValue?: T): Context<T> {\n  const id = Symbol(\"context\");\n  if (defaultValue !== undefined) {\n    contextMap.set(id, sig(defaultValue));\n  }\n\n  const Provider: Component<{ value: T; children: JSX.Element }> = (props) => {\n    const prevValue = contextMap.get(id);\n    const newSignal = sig(props.value);\n    contextMap.set(id, newSignal);\n\n    try {\n      return props.children;\n    } finally {\n      if (prevValue !== undefined) {\n        contextMap.set(id, prevValue);\n      } else {\n        contextMap.delete(id);\n      }\n    }\n  };\n\n  return {\n    _id: id,\n    _defaultValue: defaultValue,\n    Provider,\n  };\n}\n\n/**\n * Consume a context value\n * @template T - The type of the context value\n * @param {Context<T>} context - The context to consume\n * @returns {T} The context value\n * @throws {Error} When context is not found and no default exists\n * @example\n * const theme = use(ThemeCtx);\n */\nexport function use<T>(context: Context<T>): T {\n  const signal = contextMap.get(context._id);\n  if (signal !== undefined) {\n    return val(signal);\n  }\n  if (context._defaultValue !== undefined) {\n    return context._defaultValue;\n  }\n  throw new Error(`Context not found: ${String(context._id)}`);\n}\n"],"mappings":";;AAUA,MAAM,6BAAa,IAAI,KAAkB;;;;;;;;;AAUzC,SAAgB,IAAO,cAA8B;CACnD,MAAM,KAAK,OAAO,UAAU;AAC5B,KAAI,iBAAiB,KAAA,EACnB,YAAW,IAAI,IAAIA,eAAAA,IAAI,aAAa,CAAC;CAGvC,MAAM,YAA4D,UAAU;EAC1E,MAAM,YAAY,WAAW,IAAI,GAAG;EACpC,MAAM,YAAYA,eAAAA,IAAI,MAAM,MAAM;AAClC,aAAW,IAAI,IAAI,UAAU;AAE7B,MAAI;AACF,UAAO,MAAM;YACL;AACR,OAAI,cAAc,KAAA,EAChB,YAAW,IAAI,IAAI,UAAU;OAE7B,YAAW,OAAO,GAAG;;;AAK3B,QAAO;EACL,KAAK;EACL,eAAe;EACf;EACD;;;;;;;;;;;AAYH,SAAgB,IAAO,SAAwB;CAC7C,MAAM,SAAS,WAAW,IAAI,QAAQ,IAAI;AAC1C,KAAI,WAAW,KAAA,EACb,QAAOC,eAAAA,IAAI,OAAO;AAEpB,KAAI,QAAQ,kBAAkB,KAAA,EAC5B,QAAO,QAAQ;AAEjB,OAAM,IAAI,MAAM,sBAAsB,OAAO,QAAQ,IAAI,GAAG"}

package/dist/context/context.d.cts

@@ -0,0 +1,25 @@
+import { Context } from "../types.cjs";
+
+//#region src/context/context.d.ts
+/**
+ * Create a typed context for dependency injection
+ * @template T - The type of the context value
+ * @param {T} [defaultValue] - Optional default value
+ * @returns {Context<T>} A context object with Provider
+ * @example
+ * const ThemeCtx = ctx<{ mode: "dark" | "light"; accent: string }>();
+ */
+declare function ctx<T>(defaultValue?: T): Context<T>;
+/**
+ * Consume a context value
+ * @template T - The type of the context value
+ * @param {Context<T>} context - The context to consume
+ * @returns {T} The context value
+ * @throws {Error} When context is not found and no default exists
+ * @example
+ * const theme = use(ThemeCtx);
+ */
+declare function use<T>(context: Context<T>): T;
+//#endregion
+export { ctx, use };
+//# sourceMappingURL=context.d.cts.map

package/dist/context/context.d.mts

@@ -0,0 +1,25 @@
+import { Context } from "../types.mjs";
+
+//#region src/context/context.d.ts
+/**
+ * Create a typed context for dependency injection
+ * @template T - The type of the context value
+ * @param {T} [defaultValue] - Optional default value
+ * @returns {Context<T>} A context object with Provider
+ * @example
+ * const ThemeCtx = ctx<{ mode: "dark" | "light"; accent: string }>();
+ */
+declare function ctx<T>(defaultValue?: T): Context<T>;
+/**
+ * Consume a context value
+ * @template T - The type of the context value
+ * @param {Context<T>} context - The context to consume
+ * @returns {T} The context value
+ * @throws {Error} When context is not found and no default exists
+ * @example
+ * const theme = use(ThemeCtx);
+ */
+declare function use<T>(context: Context<T>): T;
+//#endregion
+export { ctx, use };
+//# sourceMappingURL=context.d.mts.map

package/dist/context/context.mjs

@@ -0,0 +1,50 @@
+import { sig, val } from "../signal/signal.mjs";
+//#region src/context/context.ts
+const contextMap = /* @__PURE__ */ new Map();
+/**
+* Create a typed context for dependency injection
+* @template T - The type of the context value
+* @param {T} [defaultValue] - Optional default value
+* @returns {Context<T>} A context object with Provider
+* @example
+* const ThemeCtx = ctx<{ mode: "dark" | "light"; accent: string }>();
+*/
+function ctx(defaultValue) {
+	const id = Symbol("context");
+	if (defaultValue !== void 0) contextMap.set(id, sig(defaultValue));
+	const Provider = (props) => {
+		const prevValue = contextMap.get(id);
+		const newSignal = sig(props.value);
+		contextMap.set(id, newSignal);
+		try {
+			return props.children;
+		} finally {
+			if (prevValue !== void 0) contextMap.set(id, prevValue);
+			else contextMap.delete(id);
+		}
+	};
+	return {
+		_id: id,
+		_defaultValue: defaultValue,
+		Provider
+	};
+}
+/**
+* Consume a context value
+* @template T - The type of the context value
+* @param {Context<T>} context - The context to consume
+* @returns {T} The context value
+* @throws {Error} When context is not found and no default exists
+* @example
+* const theme = use(ThemeCtx);
+*/
+function use(context) {
+	const signal = contextMap.get(context._id);
+	if (signal !== void 0) return val(signal);
+	if (context._defaultValue !== void 0) return context._defaultValue;
+	throw new Error(`Context not found: ${String(context._id)}`);
+}
+//#endregion
+export { ctx, use };
+
+//# sourceMappingURL=context.mjs.map

package/dist/context/context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.mjs","names":[],"sources":["../../src/context/context.ts"],"sourcesContent":["/**\n * Typed context system for @hedystia/view\n *\n * Provides provider/consumer pattern for dependency injection.\n */\n\nimport type { JSX } from \"../jsx.d\";\nimport { sig, val } from \"../signal\";\nimport type { Component, Context } from \"../types\";\n\nconst contextMap = new Map<symbol, any>();\n\n/**\n * Create a typed context for dependency injection\n * @template T - The type of the context value\n * @param {T} [defaultValue] - Optional default value\n * @returns {Context<T>} A context object with Provider\n * @example\n * const ThemeCtx = ctx<{ mode: \"dark\" | \"light\"; accent: string }>();\n */\nexport function ctx<T>(defaultValue?: T): Context<T> {\n  const id = Symbol(\"context\");\n  if (defaultValue !== undefined) {\n    contextMap.set(id, sig(defaultValue));\n  }\n\n  const Provider: Component<{ value: T; children: JSX.Element }> = (props) => {\n    const prevValue = contextMap.get(id);\n    const newSignal = sig(props.value);\n    contextMap.set(id, newSignal);\n\n    try {\n      return props.children;\n    } finally {\n      if (prevValue !== undefined) {\n        contextMap.set(id, prevValue);\n      } else {\n        contextMap.delete(id);\n      }\n    }\n  };\n\n  return {\n    _id: id,\n    _defaultValue: defaultValue,\n    Provider,\n  };\n}\n\n/**\n * Consume a context value\n * @template T - The type of the context value\n * @param {Context<T>} context - The context to consume\n * @returns {T} The context value\n * @throws {Error} When context is not found and no default exists\n * @example\n * const theme = use(ThemeCtx);\n */\nexport function use<T>(context: Context<T>): T {\n  const signal = contextMap.get(context._id);\n  if (signal !== undefined) {\n    return val(signal);\n  }\n  if (context._defaultValue !== undefined) {\n    return context._defaultValue;\n  }\n  throw new Error(`Context not found: ${String(context._id)}`);\n}\n"],"mappings":";;AAUA,MAAM,6BAAa,IAAI,KAAkB;;;;;;;;;AAUzC,SAAgB,IAAO,cAA8B;CACnD,MAAM,KAAK,OAAO,UAAU;AAC5B,KAAI,iBAAiB,KAAA,EACnB,YAAW,IAAI,IAAI,IAAI,aAAa,CAAC;CAGvC,MAAM,YAA4D,UAAU;EAC1E,MAAM,YAAY,WAAW,IAAI,GAAG;EACpC,MAAM,YAAY,IAAI,MAAM,MAAM;AAClC,aAAW,IAAI,IAAI,UAAU;AAE7B,MAAI;AACF,UAAO,MAAM;YACL;AACR,OAAI,cAAc,KAAA,EAChB,YAAW,IAAI,IAAI,UAAU;OAE7B,YAAW,OAAO,GAAG;;;AAK3B,QAAO;EACL,KAAK;EACL,eAAe;EACf;EACD;;;;;;;;;;;AAYH,SAAgB,IAAO,SAAwB;CAC7C,MAAM,SAAS,WAAW,IAAI,QAAQ,IAAI;AAC1C,KAAI,WAAW,KAAA,EACb,QAAO,IAAI,OAAO;AAEpB,KAAI,QAAQ,kBAAkB,KAAA,EAC5B,QAAO,QAAQ;AAEjB,OAAM,IAAI,MAAM,sBAAsB,OAAO,QAAQ,IAAI,GAAG"}

package/dist/fetch/resource.cjs

@@ -0,0 +1,89 @@
+const require_signal = require("../signal/signal.cjs");
+const require_watcher = require("../watch/watcher.cjs");
+//#region src/fetch/resource.ts
+/**
+* Reactive data fetching for @hedystia/view
+*
+* Provides load() for reactive data fetching and action() for mutations.
+*/
+/**
+* Create a reactive resource for data fetching
+*/
+function load(key, fetcher) {
+	const dataSig = require_signal.sig(void 0);
+	const loadingSig = require_signal.sig(true);
+	const errorSig = require_signal.sig(void 0);
+	const stateSig = require_signal.sig("pending");
+	let hasResolved = false;
+	let currentAbort = null;
+	const execute = async (keyValue) => {
+		if (currentAbort) currentAbort.abort();
+		currentAbort = new AbortController();
+		if (hasResolved) require_signal.batch(() => {
+			require_signal.set(loadingSig, true);
+			require_signal.set(stateSig, "refreshing");
+		});
+		try {
+			const result = await fetcher(keyValue);
+			require_signal.batch(() => {
+				require_signal.set(dataSig, result);
+				require_signal.set(errorSig, void 0);
+				require_signal.set(loadingSig, false);
+				require_signal.set(stateSig, "ready");
+			});
+			hasResolved = true;
+		} catch (err) {
+			if (err.name === "AbortError") return;
+			require_signal.batch(() => {
+				require_signal.set(errorSig, err instanceof Error ? err : new Error(String(err)));
+				require_signal.set(loadingSig, false);
+				require_signal.set(stateSig, "errored");
+			});
+			hasResolved = true;
+		}
+	};
+	require_watcher.on(key, (keyValue) => {
+		queueMicrotask(() => execute(keyValue));
+	});
+	return {
+		state: stateSig,
+		loading: loadingSig,
+		error: errorSig,
+		data: dataSig,
+		get ready() {
+			return require_signal.val(stateSig) === "ready";
+		}
+	};
+}
+/**
+* Create a reactive action for mutations
+*/
+function action(fn) {
+	const loadingSig = require_signal.sig(false);
+	const errorSig = require_signal.sig(void 0);
+	const dataSig = require_signal.sig(void 0);
+	const run = (args) => {
+		require_signal.set(loadingSig, true);
+		require_signal.set(errorSig, void 0);
+		return fn(args).then((result) => {
+			require_signal.set(dataSig, result);
+			require_signal.set(loadingSig, false);
+			return result;
+		}).catch((err) => {
+			require_signal.set(errorSig, err instanceof Error ? err : new Error(String(err)));
+			require_signal.set(loadingSig, false);
+			throw err;
+		});
+	};
+	return {
+		run,
+		loading: loadingSig,
+		error: errorSig,
+		data: dataSig
+	};
+}
+//#endregion
+exports.action = action;
+exports.load = load;
+
+//# sourceMappingURL=resource.cjs.map

package/dist/fetch/resource.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"resource.cjs","names":["sig","val"],"sources":["../../src/fetch/resource.ts"],"sourcesContent":["/**\n * Reactive data fetching for @hedystia/view\n *\n * Provides load() for reactive data fetching and action() for mutations.\n */\n\nimport { batch, set, sig, val } from \"../signal\";\nimport type { Accessor, Action, Resource } from \"../types\";\nimport { on } from \"../watch\";\n\n/**\n * Create a reactive resource for data fetching\n */\nexport function load<T, K>(key: Accessor<K>, fetcher: (key: K) => Promise<T>): Resource<T> {\n  const dataSig = sig<T | undefined>(undefined);\n  const loadingSig = sig(true);\n  const errorSig = sig<Error | undefined>(undefined);\n  const stateSig = sig<\"unresolved\" | \"pending\" | \"ready\" | \"refreshing\" | \"errored\">(\"pending\");\n\n  let hasResolved = false;\n  let currentAbort: AbortController | null = null;\n\n  const execute = async (keyValue: K) => {\n    if (currentAbort) {\n      currentAbort.abort();\n    }\n    currentAbort = new AbortController();\n\n    if (hasResolved) {\n      batch(() => {\n        set(loadingSig, true);\n        set(stateSig, \"refreshing\");\n      });\n    }\n\n    try {\n      const result = await fetcher(keyValue);\n      batch(() => {\n        set(dataSig, result as T);\n        set(errorSig, undefined);\n        set(loadingSig, false);\n        set(stateSig, \"ready\");\n      });\n      hasResolved = true;\n    } catch (err) {\n      if ((err as Error).name === \"AbortError\") {\n        return;\n      }\n      batch(() => {\n        set(errorSig, err instanceof Error ? err : new Error(String(err)));\n        set(loadingSig, false);\n        set(stateSig, \"errored\");\n      });\n      hasResolved = true;\n    }\n  };\n\n  on(key, (keyValue) => {\n    queueMicrotask(() => execute(keyValue));\n  });\n\n  const resource: Resource<T> = {\n    state: stateSig,\n    loading: loadingSig,\n    error: errorSig,\n    data: dataSig,\n    get ready() {\n      return val(stateSig) === \"ready\";\n    },\n  } as Resource<T>;\n\n  return resource;\n}\n\n/**\n * Create a reactive action for mutations\n */\nexport function action<T, A>(fn: (args: A) => Promise<T>): Action<T, A> {\n  const loadingSig = sig(false);\n  const errorSig = sig<Error | undefined>(undefined);\n  const dataSig = sig<T | undefined>(undefined);\n\n  const run = (args: A): Promise<T> => {\n    set(loadingSig, true);\n    set(errorSig, undefined);\n\n    return fn(args)\n      .then((result) => {\n        set(dataSig, result as T);\n        set(loadingSig, false);\n        return result;\n      })\n      .catch((err) => {\n        set(errorSig, err instanceof Error ? err : new Error(String(err)));\n        set(loadingSig, false);\n        throw err;\n      });\n  };\n\n  const actionFn: Action<T, A> = {\n    run,\n    loading: loadingSig,\n    error: errorSig,\n    data: dataSig,\n  } as Action<T, A>;\n\n  return actionFn;\n}\n"],"mappings":";;;;;;;;;;;AAaA,SAAgB,KAAW,KAAkB,SAA8C;CACzF,MAAM,UAAUA,eAAAA,IAAmB,KAAA,EAAU;CAC7C,MAAM,aAAaA,eAAAA,IAAI,KAAK;CAC5B,MAAM,WAAWA,eAAAA,IAAuB,KAAA,EAAU;CAClD,MAAM,WAAWA,eAAAA,IAAmE,UAAU;CAE9F,IAAI,cAAc;CAClB,IAAI,eAAuC;CAE3C,MAAM,UAAU,OAAO,aAAgB;AACrC,MAAI,aACF,cAAa,OAAO;AAEtB,iBAAe,IAAI,iBAAiB;AAEpC,MAAI,YACF,gBAAA,YAAY;AACV,kBAAA,IAAI,YAAY,KAAK;AACrB,kBAAA,IAAI,UAAU,aAAa;IAC3B;AAGJ,MAAI;GACF,MAAM,SAAS,MAAM,QAAQ,SAAS;AACtC,kBAAA,YAAY;AACV,mBAAA,IAAI,SAAS,OAAY;AACzB,mBAAA,IAAI,UAAU,KAAA,EAAU;AACxB,mBAAA,IAAI,YAAY,MAAM;AACtB,mBAAA,IAAI,UAAU,QAAQ;KACtB;AACF,iBAAc;WACP,KAAK;AACZ,OAAK,IAAc,SAAS,aAC1B;AAEF,kBAAA,YAAY;AACV,mBAAA,IAAI,UAAU,eAAe,QAAQ,MAAM,IAAI,MAAM,OAAO,IAAI,CAAC,CAAC;AAClE,mBAAA,IAAI,YAAY,MAAM;AACtB,mBAAA,IAAI,UAAU,UAAU;KACxB;AACF,iBAAc;;;AAIlB,iBAAA,GAAG,MAAM,aAAa;AACpB,uBAAqB,QAAQ,SAAS,CAAC;GACvC;AAYF,QAV8B;EAC5B,OAAO;EACP,SAAS;EACT,OAAO;EACP,MAAM;EACN,IAAI,QAAQ;AACV,UAAOC,eAAAA,IAAI,SAAS,KAAK;;EAE5B;;;;;AAQH,SAAgB,OAAa,IAA2C;CACtE,MAAM,aAAaD,eAAAA,IAAI,MAAM;CAC7B,MAAM,WAAWA,eAAAA,IAAuB,KAAA,EAAU;CAClD,MAAM,UAAUA,eAAAA,IAAmB,KAAA,EAAU;CAE7C,MAAM,OAAO,SAAwB;AACnC,iBAAA,IAAI,YAAY,KAAK;AACrB,iBAAA,IAAI,UAAU,KAAA,EAAU;AAExB,SAAO,GAAG,KAAK,CACZ,MAAM,WAAW;AAChB,kBAAA,IAAI,SAAS,OAAY;AACzB,kBAAA,IAAI,YAAY,MAAM;AACtB,UAAO;IACP,CACD,OAAO,QAAQ;AACd,kBAAA,IAAI,UAAU,eAAe,QAAQ,MAAM,IAAI,MAAM,OAAO,IAAI,CAAC,CAAC;AAClE,kBAAA,IAAI,YAAY,MAAM;AACtB,SAAM;IACN;;AAUN,QAP+B;EAC7B;EACA,SAAS;EACT,OAAO;EACP,MAAM;EACP"}

package/dist/fetch/resource.d.cts

@@ -0,0 +1,14 @@
+import { Accessor, Action, Resource } from "../types.cjs";
+
+//#region src/fetch/resource.d.ts
+/**
+ * Create a reactive resource for data fetching
+ */
+declare function load<T, K>(key: Accessor<K>, fetcher: (key: K) => Promise<T>): Resource<T>;
+/**
+ * Create a reactive action for mutations
+ */
+declare function action<T, A>(fn: (args: A) => Promise<T>): Action<T, A>;
+//#endregion
+export { action, load };
+//# sourceMappingURL=resource.d.cts.map

package/dist/fetch/resource.d.mts

@@ -0,0 +1,14 @@
+import { Accessor, Action, Resource } from "../types.mjs";
+
+//#region src/fetch/resource.d.ts
+/**
+ * Create a reactive resource for data fetching
+ */
+declare function load<T, K>(key: Accessor<K>, fetcher: (key: K) => Promise<T>): Resource<T>;
+/**
+ * Create a reactive action for mutations
+ */
+declare function action<T, A>(fn: (args: A) => Promise<T>): Action<T, A>;
+//#endregion
+export { action, load };
+//# sourceMappingURL=resource.d.mts.map

package/dist/fetch/resource.mjs

@@ -0,0 +1,88 @@
+import { batch, set, sig, val } from "../signal/signal.mjs";
+import { on } from "../watch/watcher.mjs";
+//#region src/fetch/resource.ts
+/**
+* Reactive data fetching for @hedystia/view
+*
+* Provides load() for reactive data fetching and action() for mutations.
+*/
+/**
+* Create a reactive resource for data fetching
+*/
+function load(key, fetcher) {
+	const dataSig = sig(void 0);
+	const loadingSig = sig(true);
+	const errorSig = sig(void 0);
+	const stateSig = sig("pending");
+	let hasResolved = false;
+	let currentAbort = null;
+	const execute = async (keyValue) => {
+		if (currentAbort) currentAbort.abort();
+		currentAbort = new AbortController();
+		if (hasResolved) batch(() => {
+			set(loadingSig, true);
+			set(stateSig, "refreshing");
+		});
+		try {
+			const result = await fetcher(keyValue);
+			batch(() => {
+				set(dataSig, result);
+				set(errorSig, void 0);
+				set(loadingSig, false);
+				set(stateSig, "ready");
+			});
+			hasResolved = true;
+		} catch (err) {
+			if (err.name === "AbortError") return;
+			batch(() => {
+				set(errorSig, err instanceof Error ? err : new Error(String(err)));
+				set(loadingSig, false);
+				set(stateSig, "errored");
+			});
+			hasResolved = true;
+		}
+	};
+	on(key, (keyValue) => {
+		queueMicrotask(() => execute(keyValue));
+	});
+	return {
+		state: stateSig,
+		loading: loadingSig,
+		error: errorSig,
+		data: dataSig,
+		get ready() {
+			return val(stateSig) === "ready";
+		}
+	};
+}
+/**
+* Create a reactive action for mutations
+*/
+function action(fn) {
+	const loadingSig = sig(false);
+	const errorSig = sig(void 0);
+	const dataSig = sig(void 0);
+	const run = (args) => {
+		set(loadingSig, true);
+		set(errorSig, void 0);
+		return fn(args).then((result) => {
+			set(dataSig, result);
+			set(loadingSig, false);
+			return result;
+		}).catch((err) => {
+			set(errorSig, err instanceof Error ? err : new Error(String(err)));
+			set(loadingSig, false);
+			throw err;
+		});
+	};
+	return {
+		run,
+		loading: loadingSig,
+		error: errorSig,
+		data: dataSig
+	};
+}
+//#endregion
+export { action, load };
+
+//# sourceMappingURL=resource.mjs.map

package/dist/fetch/resource.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"resource.mjs","names":[],"sources":["../../src/fetch/resource.ts"],"sourcesContent":["/**\n * Reactive data fetching for @hedystia/view\n *\n * Provides load() for reactive data fetching and action() for mutations.\n */\n\nimport { batch, set, sig, val } from \"../signal\";\nimport type { Accessor, Action, Resource } from \"../types\";\nimport { on } from \"../watch\";\n\n/**\n * Create a reactive resource for data fetching\n */\nexport function load<T, K>(key: Accessor<K>, fetcher: (key: K) => Promise<T>): Resource<T> {\n  const dataSig = sig<T | undefined>(undefined);\n  const loadingSig = sig(true);\n  const errorSig = sig<Error | undefined>(undefined);\n  const stateSig = sig<\"unresolved\" | \"pending\" | \"ready\" | \"refreshing\" | \"errored\">(\"pending\");\n\n  let hasResolved = false;\n  let currentAbort: AbortController | null = null;\n\n  const execute = async (keyValue: K) => {\n    if (currentAbort) {\n      currentAbort.abort();\n    }\n    currentAbort = new AbortController();\n\n    if (hasResolved) {\n      batch(() => {\n        set(loadingSig, true);\n        set(stateSig, \"refreshing\");\n      });\n    }\n\n    try {\n      const result = await fetcher(keyValue);\n      batch(() => {\n        set(dataSig, result as T);\n        set(errorSig, undefined);\n        set(loadingSig, false);\n        set(stateSig, \"ready\");\n      });\n      hasResolved = true;\n    } catch (err) {\n      if ((err as Error).name === \"AbortError\") {\n        return;\n      }\n      batch(() => {\n        set(errorSig, err instanceof Error ? err : new Error(String(err)));\n        set(loadingSig, false);\n        set(stateSig, \"errored\");\n      });\n      hasResolved = true;\n    }\n  };\n\n  on(key, (keyValue) => {\n    queueMicrotask(() => execute(keyValue));\n  });\n\n  const resource: Resource<T> = {\n    state: stateSig,\n    loading: loadingSig,\n    error: errorSig,\n    data: dataSig,\n    get ready() {\n      return val(stateSig) === \"ready\";\n    },\n  } as Resource<T>;\n\n  return resource;\n}\n\n/**\n * Create a reactive action for mutations\n */\nexport function action<T, A>(fn: (args: A) => Promise<T>): Action<T, A> {\n  const loadingSig = sig(false);\n  const errorSig = sig<Error | undefined>(undefined);\n  const dataSig = sig<T | undefined>(undefined);\n\n  const run = (args: A): Promise<T> => {\n    set(loadingSig, true);\n    set(errorSig, undefined);\n\n    return fn(args)\n      .then((result) => {\n        set(dataSig, result as T);\n        set(loadingSig, false);\n        return result;\n      })\n      .catch((err) => {\n        set(errorSig, err instanceof Error ? err : new Error(String(err)));\n        set(loadingSig, false);\n        throw err;\n      });\n  };\n\n  const actionFn: Action<T, A> = {\n    run,\n    loading: loadingSig,\n    error: errorSig,\n    data: dataSig,\n  } as Action<T, A>;\n\n  return actionFn;\n}\n"],"mappings":";;;;;;;;;;;AAaA,SAAgB,KAAW,KAAkB,SAA8C;CACzF,MAAM,UAAU,IAAmB,KAAA,EAAU;CAC7C,MAAM,aAAa,IAAI,KAAK;CAC5B,MAAM,WAAW,IAAuB,KAAA,EAAU;CAClD,MAAM,WAAW,IAAmE,UAAU;CAE9F,IAAI,cAAc;CAClB,IAAI,eAAuC;CAE3C,MAAM,UAAU,OAAO,aAAgB;AACrC,MAAI,aACF,cAAa,OAAO;AAEtB,iBAAe,IAAI,iBAAiB;AAEpC,MAAI,YACF,aAAY;AACV,OAAI,YAAY,KAAK;AACrB,OAAI,UAAU,aAAa;IAC3B;AAGJ,MAAI;GACF,MAAM,SAAS,MAAM,QAAQ,SAAS;AACtC,eAAY;AACV,QAAI,SAAS,OAAY;AACzB,QAAI,UAAU,KAAA,EAAU;AACxB,QAAI,YAAY,MAAM;AACtB,QAAI,UAAU,QAAQ;KACtB;AACF,iBAAc;WACP,KAAK;AACZ,OAAK,IAAc,SAAS,aAC1B;AAEF,eAAY;AACV,QAAI,UAAU,eAAe,QAAQ,MAAM,IAAI,MAAM,OAAO,IAAI,CAAC,CAAC;AAClE,QAAI,YAAY,MAAM;AACtB,QAAI,UAAU,UAAU;KACxB;AACF,iBAAc;;;AAIlB,IAAG,MAAM,aAAa;AACpB,uBAAqB,QAAQ,SAAS,CAAC;GACvC;AAYF,QAV8B;EAC5B,OAAO;EACP,SAAS;EACT,OAAO;EACP,MAAM;EACN,IAAI,QAAQ;AACV,UAAO,IAAI,SAAS,KAAK;;EAE5B;;;;;AAQH,SAAgB,OAAa,IAA2C;CACtE,MAAM,aAAa,IAAI,MAAM;CAC7B,MAAM,WAAW,IAAuB,KAAA,EAAU;CAClD,MAAM,UAAU,IAAmB,KAAA,EAAU;CAE7C,MAAM,OAAO,SAAwB;AACnC,MAAI,YAAY,KAAK;AACrB,MAAI,UAAU,KAAA,EAAU;AAExB,SAAO,GAAG,KAAK,CACZ,MAAM,WAAW;AAChB,OAAI,SAAS,OAAY;AACzB,OAAI,YAAY,MAAM;AACtB,UAAO;IACP,CACD,OAAO,QAAQ;AACd,OAAI,UAAU,eAAe,QAAQ,MAAM,IAAI,MAAM,OAAO,IAAI,CAAC,CAAC;AAClE,OAAI,YAAY,MAAM;AACtB,SAAM;IACN;;AAUN,QAP+B;EAC7B;EACA,SAAS;EACT,OAAO;EACP,MAAM;EACP"}

package/dist/index.cjs

@@ -0,0 +1,58 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_signal = require("./signal/signal.cjs");
+const require_context = require("./context/context.cjs");
+const require_watcher = require("./watch/watcher.cjs");
+const require_resource = require("./fetch/resource.cjs");
+const require_scheduler = require("./scheduler/scheduler.cjs");
+const require_element = require("./jsx/element.cjs");
+const require_hooks = require("./lifecycle/hooks.cjs");
+const require_engine = require("./render/engine.cjs");
+const require_flow = require("./render/flow.cjs");
+const require_store = require("./store/store.cjs");
+require("./store/index.cjs");
+const require_computed = require("./style/computed.cjs");
+const require_text = require("./text/text.cjs");
+exports.ErrorBoundary = require_flow.ErrorBoundary;
+exports.For = require_flow.For;
+exports.Fragment = require_element.Fragment;
+exports.Index = require_flow.Index;
+exports.Match = require_flow.Match;
+exports.Portal = require_flow.Portal;
+exports.Show = require_flow.Show;
+exports.Suspense = require_flow.Suspense;
+exports.Switch = require_flow.Switch;
+exports.action = require_resource.action;
+exports.batch = require_signal.batch;
+exports.createRoot = require_signal.createRoot;
+exports.ctx = require_context.ctx;
+exports.forceFlush = require_scheduler.forceFlush;
+exports.jsx = require_element.jsx;
+exports.jsxs = require_element.jsxs;
+exports.layout = require_text.layout;
+exports.load = require_resource.load;
+exports.memo = require_signal.memo;
+exports.merge = require_computed.merge;
+exports.mount = require_engine.mount;
+exports.nextFrame = require_scheduler.nextFrame;
+exports.on = require_watcher.on;
+exports.onCleanup = require_hooks.onCleanup;
+exports.onMount = require_hooks.onMount;
+exports.onReady = require_hooks.onReady;
+exports.once = require_watcher.once;
+exports.patch = require_store.patch;
+exports.peek = require_signal.peek;
+exports.prepare = require_text.prepare;
+exports.reactiveLayout = require_text.reactiveLayout;
+exports.renderToString = require_engine.renderToString;
+exports.reset = require_store.reset;
+exports.set = require_signal.set;
+exports.sig = require_signal.sig;
+exports.snap = require_store.snap;
+exports.store = require_store.store;
+exports.style = require_computed.style;
+exports.tick = require_scheduler.tick;
+exports.toCssString = require_computed.toCssString;
+exports.untrack = require_signal.untrack;
+exports.update = require_signal.update;
+exports.use = require_context.use;
+exports.val = require_signal.val;

package/dist/index.d.cts

@@ -0,0 +1,15 @@
+import { JSX } from "./jsx.cjs";
+import { Action, Component, Computed, ComputedStyle, Context, FlowComponent, ParentComponent, ReadonlySignal, Resource, Signal, Store, StoreNode, StoreValue, StyleProps } from "./types.cjs";
+import { ctx, use } from "./context/context.cjs";
+import { action, load } from "./fetch/resource.cjs";
+import { ElementType, Fragment, FunctionComponent, jsx, jsxs } from "./jsx/element.cjs";
+import { onCleanup, onMount, onReady } from "./lifecycle/hooks.cjs";
+import { ViewApp, mount, renderToString } from "./render/engine.cjs";
+import { ErrorBoundary, For, Index, Match, Portal, Show, Suspense, Switch } from "./render/flow.cjs";
+import { forceFlush, nextFrame, tick } from "./scheduler/scheduler.cjs";
+import { Owner, batch, createRoot, memo, peek, set, sig, untrack, update, val } from "./signal/signal.cjs";
+import { patch, reset, snap, store } from "./store/store.cjs";
+import { merge, style, toCssString } from "./style/computed.cjs";
+import { LayoutResult, PreparedText, layout, prepare, reactiveLayout } from "./text/text.cjs";
+import { on, once } from "./watch/watcher.cjs";
+export { type Action, type Component, type Computed as ComputedSignal, type ComputedStyle, type Context, type ElementType, ErrorBoundary, type FlowComponent, For, Fragment, type FunctionComponent, Index, type JSX, type LayoutResult, Match, type Owner, type ParentComponent, Portal, type PreparedText, type ReadonlySignal, type Resource, Show, type Signal, type Store, type StoreNode, type StoreValue, type StyleProps, Suspense, Switch, type ViewApp, action, batch, createRoot, ctx, forceFlush, jsx, jsxs, layout, load, memo, merge, mount, nextFrame, on, onCleanup, onMount, onReady, once, patch, peek, prepare, reactiveLayout, renderToString, reset, set, sig, snap, store, style, tick, toCssString, untrack, update, use, val };

package/dist/index.d.mts

@@ -0,0 +1,15 @@
+import { JSX } from "./jsx.mjs";
+import { Action, Component, Computed, ComputedStyle, Context, FlowComponent, ParentComponent, ReadonlySignal, Resource, Signal, Store, StoreNode, StoreValue, StyleProps } from "./types.mjs";
+import { ctx, use } from "./context/context.mjs";
+import { action, load } from "./fetch/resource.mjs";
+import { ElementType, Fragment, FunctionComponent, jsx, jsxs } from "./jsx/element.mjs";
+import { onCleanup, onMount, onReady } from "./lifecycle/hooks.mjs";
+import { ViewApp, mount, renderToString } from "./render/engine.mjs";
+import { ErrorBoundary, For, Index, Match, Portal, Show, Suspense, Switch } from "./render/flow.mjs";
+import { forceFlush, nextFrame, tick } from "./scheduler/scheduler.mjs";
+import { Owner, batch, createRoot, memo, peek, set, sig, untrack, update, val } from "./signal/signal.mjs";
+import { patch, reset, snap, store } from "./store/store.mjs";
+import { merge, style, toCssString } from "./style/computed.mjs";
+import { LayoutResult, PreparedText, layout, prepare, reactiveLayout } from "./text/text.mjs";
+import { on, once } from "./watch/watcher.mjs";
+export { type Action, type Component, type Computed as ComputedSignal, type ComputedStyle, type Context, type ElementType, ErrorBoundary, type FlowComponent, For, Fragment, type FunctionComponent, Index, type JSX, type LayoutResult, Match, type Owner, type ParentComponent, Portal, type PreparedText, type ReadonlySignal, type Resource, Show, type Signal, type Store, type StoreNode, type StoreValue, type StyleProps, Suspense, Switch, type ViewApp, action, batch, createRoot, ctx, forceFlush, jsx, jsxs, layout, load, memo, merge, mount, nextFrame, on, onCleanup, onMount, onReady, once, patch, peek, prepare, reactiveLayout, renderToString, reset, set, sig, snap, store, style, tick, toCssString, untrack, update, use, val };

package/dist/index.mjs

@@ -0,0 +1,14 @@
+import { batch, createRoot, memo, peek, set, sig, untrack, update, val } from "./signal/signal.mjs";
+import { ctx, use } from "./context/context.mjs";
+import { on, once } from "./watch/watcher.mjs";
+import { action, load } from "./fetch/resource.mjs";
+import { forceFlush, nextFrame, tick } from "./scheduler/scheduler.mjs";
+import { Fragment, jsx, jsxs } from "./jsx/element.mjs";
+import { onCleanup, onMount, onReady } from "./lifecycle/hooks.mjs";
+import { mount, renderToString } from "./render/engine.mjs";
+import { ErrorBoundary, For, Index, Match, Portal, Show, Suspense, Switch } from "./render/flow.mjs";
+import { patch, reset, snap, store } from "./store/store.mjs";
+import "./store/index.mjs";
+import { merge, style, toCssString } from "./style/computed.mjs";
+import { layout, prepare, reactiveLayout } from "./text/text.mjs";
+export { ErrorBoundary, For, Fragment, Index, Match, Portal, Show, Suspense, Switch, action, batch, createRoot, ctx, forceFlush, jsx, jsxs, layout, load, memo, merge, mount, nextFrame, on, onCleanup, onMount, onReady, once, patch, peek, prepare, reactiveLayout, renderToString, reset, set, sig, snap, store, style, tick, toCssString, untrack, update, use, val };