revojs 0.0.61 → 0.0.62

package/dist/html/index.d.ts

@@ -89,6 +89,8 @@ export declare const registerComponent: <TEvents extends Events, TAttributes ext
 export declare function useEvent<T extends keyof ElementEventMap>(scope: Scope, target: EventTarget | undefined | null, event: T, input: EventListener<ElementEventMap[T]>, options?: AddEventListenerOptions): void;
 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 const onMounted: (scope: Scope, event: EventListener<MountedEvent>) => void;
+export declare const startViewTransition: (invoke: ViewTransitionUpdateCallback) => Promise<void>;
 export declare const isClient: () => boolean;
 export declare const isServer: () => boolean;
 export declare const preventDefault: (event: Event) => void;

package/dist/index.js

@@ -480,6 +480,16 @@ function useEvent(scope, target, event, input, options) {
 	});
 	scope.onStop(() => controller.abort());
 }
+const onMounted = (scope, event) => {
+	if (isClient()) {
+		const { host } = useHost(scope);
+		useEvent(scope, host, "mounted", event);
+	}
+};
+const startViewTransition = (invoke) => {
+	if (isClient() && document.startViewTransition !== void 0) return document.startViewTransition(invoke).updateCallbackDone;
+	return invoke();
+};
 const isClient = () => typeof window !== "undefined";
 const isServer = () => typeof window === "undefined";
 const preventDefault = (event) => event.preventDefault();
@@ -775,7 +785,7 @@ const createRouter = (options) => {
 			url.value = new URL(request?.url ?? window?.location.href);
 			const match = radix.match(url.value.pathname);
 			inputs.value = match.inputs;
-			route.value = await match.value?.();
+			await startViewTransition(async () => route.value = await match.value?.());
 		};
 		if (isClient()) useEvent(scope, window, "popstate", () => navigator.dispatchEvent(new NavigateEvent()));
 		scope.setContext(ROUTE_CONTEXT, { inputs: createState() });
@@ -872,4 +882,4 @@ const useLocale = (scope, context) => {
 };
 
 //#endregion
-export { $fetch, 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, createLocale, createMemo, createRouter, createRuntime, createState, defineComponent, defineContext, defineMiddleware, defineRoute, fileName, fromValue, hydrate, isClient, isComponent, isCustomElement, isRoute, isServer, isTemplate, mimeType, preventDefault, registerComponent, renderToString, sendBadRequest, sendHtml, sendJson, sendRedirect, sendText, sendUnauthorized, setCookie, stopImmediatePropagation, stopPropagation, targets, toArray, toCustomElement, toFragment, toPath, toRange, toString, useCookies, useEvent, useHost, useLocale, useRequestUrl, useRoute, useRouter, useRuntime, useSetCookies };
+export { $fetch, 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, createLocale, createMemo, createRouter, createRuntime, createState, defineComponent, defineContext, defineMiddleware, defineRoute, fileName, fromValue, hydrate, isClient, isComponent, isCustomElement, isRoute, isServer, isTemplate, mimeType, onMounted, preventDefault, registerComponent, renderToString, sendBadRequest, sendHtml, sendJson, sendRedirect, sendText, sendUnauthorized, setCookie, startViewTransition, stopImmediatePropagation, stopPropagation, targets, toArray, toCustomElement, toFragment, toPath, toRange, toString, useCookies, useEvent, useHost, useLocale, useRequestUrl, useRoute, useRouter, useRuntime, useSetCookies };

package/package.json

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