revojs 0.0.78 → 0.0.80

package/dist/html/index.d.ts

@@ -88,7 +88,7 @@ export declare function useEvent<T extends keyof ElementEventMap>(scope: Scope,
 export declare function useEvent<T extends keyof WindowEventMap>(scope: Scope, target: Window | undefined | null, event: T, input: EventListener<WindowEventMap[T]>, options?: AddEventListenerOptions): void;
 export declare function useEvent<T extends keyof HTMLElementEventMap>(scope: Scope, target: Document | HTMLElement | undefined | null, event: T, input: EventListener<HTMLElementEventMap[T]>, options?: AddEventListenerOptions): void;
 export declare function onMounted(scope: Scope, event: EventListener<MountedEvent>): void;
-export declare function startViewTransition(invoke: ViewTransitionUpdateCallback): void | Promise<void>;
+export declare function startViewTransition(invoke: ViewTransitionUpdateCallback): Promise<void>;
 export declare function isClient(): boolean;
 export declare function isServer(): boolean;
 export declare function preventDefault(event: Event): void;

package/dist/http/index.d.ts

@@ -29,6 +29,9 @@ export declare function sendRedirect(scope: Scope, path: string): Response;
 export declare function sendBadRequest(scope: Scope, text: string): Response;
 export declare function sendUnauthorized(scope: Scope): Response;
 export declare function useUrl(scope: Scope, base?: string): URL;
+export declare function useQuery(scope: Scope): {
+    [k: string]: string;
+};
 export declare function useCookies(scope: Scope): Record<string, string>;
 export declare function useSetCookies(scope: Scope): Record<string, string>;
 export declare function setCookie(scope: Scope, name: string, value: string, options?: CookieOptions): void;

package/dist/index.js

@@ -146,6 +146,10 @@ function useUrl(scope, base) {
 	const { request } = useRuntime(scope);
 	return new URL(request?.url ?? window?.location.href, base);
 }
+function useQuery(scope) {
+	const { searchParams } = useUrl(scope);
+	return Object.fromEntries(searchParams);
+}
 function useCookies(scope) {
 	const { request } = useRuntime(scope);
 	return (isClient() ? document.cookie : request.headers.get("Cookie") ?? "").split("; ").reduce((result, cookie) => {
@@ -434,12 +438,17 @@ async function $fetch(scope, input, options) {
 function useAsync(scope, invoke, options) {
 	const { tasks } = useRuntime(scope);
 	const state = createState();
-	const isLoading = createState(true);
+	const isLoading = createState(false);
 	const execute = async () => {
+		isLoading.value = true;
 		try {
-			state.value = await invoke().finally(() => isLoading.value = false);
+			const result = await invoke();
+			if (options?.viewTransition) await startViewTransition(() => state.value = result);
+			else state.value = result;
 		} catch (error) {
 			options?.catch?.(error);
+		} finally {
+			isLoading.value = false;
 		}
 		return state.value;
 	};
@@ -791,7 +800,7 @@ function onMounted(scope, event) {
 		useEvent(scope, host, "mounted", event);
 	}
 }
-function startViewTransition(invoke) {
+async function startViewTransition(invoke) {
 	if (isClient() && document.startViewTransition !== void 0) return document.startViewTransition(invoke).updateCallbackDone;
 	return invoke();
 }
@@ -825,6 +834,11 @@ var AfterNavigateEvent = class extends Event {
 		super("afterNavigate");
 	}
 };
+var AfterNavigateTransitionEvent = class extends Event {
+	constructor() {
+		super("afterNavigateTransition");
+	}
+};
 function provideRouterContext(scope, options) {
 	const url = createState();
 	const route = createState();
@@ -859,7 +873,8 @@ function provideRouterContext(scope, options) {
 		route
 	});
 	fetch$1();
-	useEvent(scope, navigator, "navigate", () => startViewTransition(fetch$1));
+	useEvent(scope, navigator, "navigate", () => startViewTransition(fetch$1).finally(() => navigator.dispatchEvent(new AfterNavigateTransitionEvent())));
+	if (isClient()) requestAnimationFrame(() => navigator.dispatchEvent(new AfterNavigateTransitionEvent()));
 	return useRouter(scope);
 }
 function useRouter(scope, context) {
@@ -936,4 +951,4 @@ function 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, mergeObjects, 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, useFetch, useHost, useLocale, useRoute, useRouter, useRuntime, useSetCookies, useUrl };
+export { $fetch, AfterNavigateEvent, AfterNavigateTransitionEvent, 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, mergeObjects, 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, useFetch, useHost, useLocale, useQuery, useRoute, useRouter, useRuntime, useSetCookies, useUrl };

package/dist/router/index.d.ts

@@ -17,6 +17,9 @@ export declare class NavigateEvent extends Event {
 export declare class AfterNavigateEvent extends Event {
     constructor();
 }
+export declare class AfterNavigateTransitionEvent extends Event {
+    constructor();
+}
 export declare function provideRouterContext(scope: Scope, options: RouterOptions): {
     url: State<URL | undefined>;
     route: State<unknown>;
@@ -41,5 +44,6 @@ declare global {
     interface ElementEventMap {
         navigate: NavigateEvent;
         afterNavigate: AfterNavigateEvent;
+        afterNavigateTransition: AfterNavigateTransitionEvent;
     }
 }

package/dist/runtime/index.d.ts

@@ -22,6 +22,7 @@ export type RouteContext = {
     inputs: State<Record<string, string>>;
 };
 export type AsyncOptions = {
+    viewTransition?: boolean;
     catch?: (error: unknown) => void | Promise<void>;
 };
 export declare function isRoute<T>(value?: T): value is Route & T;

package/package.json

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