revojs 0.0.65 → 0.0.67

package/dist/index.js

@@ -358,6 +358,14 @@ function fromValue(value) {
 	if (value instanceof Function) return fromValue(value());
 	return value;
 }
+function untrack(invoke) {
+	let previous = activeCompute;
+	activeCompute = void 0;
+	const result = invoke();
+	if (result instanceof Promise) return result.finally(() => activeCompute = previous);
+	activeCompute = previous;
+	return result;
+}
 function defineContext(key) {
 	return key;
 }
@@ -413,11 +421,11 @@ const $fetch = async (scope, input, options) => {
 		default: return response;
 	}
 };
-const useAsync = (scope, invoke) => {
+const useAsync = (scope, invoke, options) => {
 	const { tasks } = useRuntime(scope);
 	const state = createState();
 	const isLoading = createState(true);
-	const task = invoke().then((value) => state.value = value).finally(() => isLoading.value = false);
+	const task = invoke().then((value) => state.value = value).catch(options?.catch).finally(() => isLoading.value = false);
 	if (isServer()) tasks.push(task);
 	return {
 		state,
@@ -704,7 +712,7 @@ const toCustomElement = (Component) => {
 					detail: value
 				}));
 			});
-			hydrate(this.component.scope, rootNode, this.component.setup(), 0);
+			hydrate(this.component.scope, rootNode, untrack(this.component.setup), 0);
 			requestAnimationFrame(() => this.dispatchEvent(new MountedEvent()));
 		}
 		attributeChangedCallback(name, oldValue, value) {
@@ -893,4 +901,4 @@ const useLocale = (scope, context) => {
 const LOCALE_CONTEXT = defineContext("LOCALE_CONTEXT");
 
 //#endregion
-export { $fetch, AfterNavigateEvent, CLIENT, Compute, HOST_CONTEXT, Handler, LOCALE_CONTEXT, MountedEvent, NavigateEvent, Page, ROUTER_CONTEXT, ROUTE_CONTEXT, RUNTIME_CONTEXT, Radix, SERVER, Scope, StopEvent, activeCompute, components, createApp, createCompute, createElement, createMemo, createRuntime, createState, defineComponent, defineContext, defineMiddleware, defineRoute, fileName, fromValue, hydrate, isClient, isComponent, isCustomElement, isRoute, isServer, isTemplate, mimeType, onMounted, preventDefault, provideLocaleContext, provideRouterContext, registerComponent, renderToString, sendBadRequest, sendHtml, sendJson, sendRedirect, sendText, sendUnauthorized, setCookie, startViewTransition, stopImmediatePropagation, stopPropagation, targets, toArray, toCustomElement, toFragment, toPath, toRange, toString, useAsync, useCookies, useEvent, useHost, useLocale, useRequestUrl, useRoute, useRouter, useRuntime, useSetCookies };
+export { $fetch, AfterNavigateEvent, CLIENT, Compute, HOST_CONTEXT, Handler, LOCALE_CONTEXT, MountedEvent, NavigateEvent, Page, ROUTER_CONTEXT, ROUTE_CONTEXT, RUNTIME_CONTEXT, Radix, SERVER, Scope, StopEvent, activeCompute, components, createApp, createCompute, createElement, createMemo, createRuntime, createState, defineComponent, defineContext, defineMiddleware, defineRoute, fileName, fromValue, hydrate, isClient, isComponent, isCustomElement, isRoute, isServer, isTemplate, mimeType, onMounted, preventDefault, provideLocaleContext, provideRouterContext, registerComponent, renderToString, sendBadRequest, sendHtml, sendJson, sendRedirect, sendText, sendUnauthorized, setCookie, startViewTransition, stopImmediatePropagation, stopPropagation, targets, toArray, toCustomElement, toFragment, toPath, toRange, toString, untrack, useAsync, useCookies, useEvent, useHost, useLocale, useRequestUrl, useRoute, useRouter, useRuntime, useSetCookies };

package/dist/runtime/index.d.ts

@@ -21,6 +21,9 @@ export type RuntimeContext<T = Record<string, unknown>> = {
 export type RouteContext = {
     inputs: State<Record<string, string>>;
 };
+export type AsyncOptions = {
+    catch?: (error: Error) => void | Promise<void>;
+};
 export declare const isRoute: <T>(value?: T) => value is Route & T;
 export declare const useRuntime: <T = Record<string, unknown>>(scope: Scope) => RuntimeContext<T>;
 export declare const useRoute: (scope: Scope) => RouteContext;
@@ -29,7 +32,7 @@ export declare const defineMiddleware: (middleware: Middleware) => Middleware;
 export declare const fileName: (path: string) => string | undefined;
 export declare const toPath: (value: string) => (string | undefined)[];
 export declare const $fetch: <T>(scope: Scope, input: string | URL, options?: RequestInit) => Promise<T>;
-export declare const useAsync: <T>(scope: Scope, invoke: () => Promise<T>) => {
+export declare const useAsync: <T>(scope: Scope, invoke: () => Promise<T>, options?: AsyncOptions) => {
     state: State<T | undefined>;
     isLoading: State<boolean>;
 };

package/dist/signals/index.d.ts

@@ -32,6 +32,7 @@ export declare function createState<T>(value: T): State<T>;
 export declare function createCompute<T>(scope: Scope, invoke: (scope: Scope) => T): T;
 export declare function createMemo<T>(scope: Scope, invoke: (scope: Scope) => T): State<T>;
 export declare function fromValue<T>(value: Value<T>): T;
+export declare function untrack<T>(invoke: () => T): T;
 export declare function defineContext<T>(key: string): Descriptor<T>;
 export declare let activeCompute: Compute | undefined;
 export declare const targets: WeakMap<object, Map<string | symbol, Set<Compute<void>>>>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "revojs",
-    "version": "0.0.65",
+    "version": "0.0.67",
     "type": "module",
     "repository": "coverbase/revojs",
     "license": "MIT",