revojs 0.0.77 → 0.0.79

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) => {
@@ -437,7 +441,9 @@ function useAsync(scope, invoke, options) {
 	const isLoading = createState(true);
 	const execute = async () => {
 		try {
-			state.value = await invoke().finally(() => isLoading.value = false);
+			const result = await invoke().finally(() => isLoading.value = false);
+			if (options?.viewTransition) await startViewTransition(() => state.value = result);
+			else state.value = result;
 		} catch (error) {
 			options?.catch?.(error);
 		}
@@ -592,12 +598,14 @@ function hydrate(scope, parentNode, slot, index, previous) {
 			if (previous$1 && hydration !== previous$1) if (Array.isArray(hydration)) if (Array.isArray(previous$1)) {
 				const range = toRange(previous$1);
 				range.deleteContents();
+				range.collapse(true);
 				range.insertNode(toFragment(hydration));
 			} else if (parentNode.contains(previous$1)) parentNode.replaceChild(toFragment(hydration), previous$1);
 			else parentNode.replaceChild(toFragment(hydration), parentNode.childNodes.item(index));
 			else if (Array.isArray(previous$1)) {
 				const range = toRange(previous$1);
 				range.deleteContents();
+				range.collapse(true);
 				range.insertNode(hydration);
 			} else if (parentNode.contains(previous$1)) parentNode.replaceChild(hydration, previous$1);
 			else parentNode.replaceChild(hydration, parentNode.childNodes.item(index));
@@ -625,7 +633,11 @@ function hydrate(scope, parentNode, slot, index, previous) {
 				return target.setAttribute(name, set);
 			}
 		});
-		for (const [index$1, childSlot] of slot.children.entries()) hydrate(scope, hydration, childSlot, index$1, previous);
+		let index$1 = 0;
+		for (const childSlot of slot.children) {
+			const nodes = toArray(hydrate(scope, hydration, childSlot, index$1));
+			index$1 += nodes.length || 1;
+		}
 	}
 	hydration ??= document.createComment("");
 	if (parentNode.childNodes.item(index) === null) parentNode.appendChild(toFragment(hydration));
@@ -785,7 +797,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();
 }
@@ -819,6 +831,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();
@@ -853,7 +870,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) {
@@ -930,4 +948,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.77",
+    "version": "0.0.79",
     "type": "module",
     "repository": "coverbase/revojs",
     "license": "MIT",