revojs 0.0.82 → 0.0.83

package/dist/app/index.d.ts

@@ -5,7 +5,7 @@ export type Mergeable<T> = {
 export type Environment = typeof CLIENT | typeof SERVER;
 export type Virtual = (environment: Environment) => void | string;
 export type ClientEntry = "index.html" | (string & {});
-export type ServerEntry = "@revojs/bun/runtime" | "revojs/cloudflare/runtime" | (string & {});
+export type ServerEntry = "@revojs/bun/runtime" | "@revojs/cloudflare/runtime" | (string & {});
 export type Module = {
     setup: (app: App) => void | Promise<void>;
 };

package/dist/html/index.d.ts

@@ -16,6 +16,10 @@ export type Template = {
     attributes: Record<string, unknown>;
     children: Array<Slot>;
 };
+export type ActiveViewTransition = {
+    name: string;
+    update: Promise<void>;
+};
 export type EventInput<T extends Events> = {
     [K in keyof T]?: EventListener<Infer<T[K]["type"]> extends Event ? Infer<T[K]["type"]> : CustomEvent<Infer<T[K]["type"]>>>;
 };
@@ -89,13 +93,13 @@ export declare function useEvent<T extends keyof WindowEventMap>(scope: Scope, t
 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(name: string, invoke: ViewTransitionUpdateCallback): Promise<void>;
-export declare function onViewTransition<T>(name: string, value: T): () => T | undefined;
+export declare function onViewTransition<T>(name: string, value: T | ((name: string) => T)): () => T | undefined;
 export declare function isClient(): boolean;
 export declare function isServer(): boolean;
 export declare function preventDefault(event: Event): void;
 export declare function stopPropagation(event: Event): void;
 export declare function stopImmediatePropagation(event: Event): void;
-export declare const activeViewTransition: State<string | undefined>;
+export declare const activeViewTransition: State<ActiveViewTransition | undefined>;
 export declare const components: Map<string, ComponentConstructor<Events, Attributes>>;
 export declare const HOST_CONTEXT: import("..").Descriptor<HostContext>;
 declare global {

package/dist/index.js

@@ -802,14 +802,19 @@ function onMounted(scope, event) {
 }
 async function startViewTransition(name, invoke) {
 	if (isClient() && document.startViewTransition !== void 0) {
-		activeViewTransition.value = name;
-		return document.startViewTransition(invoke).finished.finally(() => activeViewTransition.value = void 0);
+		await activeViewTransition.value?.update;
+		const update = document.startViewTransition(invoke).finished.finally(() => activeViewTransition.value = void 0);
+		activeViewTransition.value = {
+			name,
+			update
+		};
+		return update;
 	}
 	return invoke();
 }
 function onViewTransition(name, value) {
 	return () => {
-		if (activeViewTransition.value === name && isClient()) return value;
+		if (activeViewTransition.value?.name === name && isClient()) return value instanceof Function ? value(name) : value;
 	};
 }
 function isClient() {

package/package.json

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