revojs 0.0.81 → 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"]>>>;
 };
@@ -67,14 +71,6 @@ export interface CustomElement<TEvents extends Events, TAttributes extends Attri
 export interface CustomElementConstructor<TEvents extends Events, TAttributes extends Attributes> {
     new (): CustomElement<TEvents, TAttributes>;
 }
-export declare class ViewTransitionEvent extends Event {
-    readonly name: string;
-    constructor(name: string);
-}
-export declare class AfterViewTransitionEvent extends Event {
-    readonly name: string;
-    constructor(name: string);
-}
 export declare class MountedEvent extends Event {
     constructor();
 }
@@ -97,19 +93,16 @@ 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(scope: Scope, viewTransition: string, name: string): () => string;
+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<ActiveViewTransition | undefined>;
 export declare const components: Map<string, ComponentConstructor<Events, Attributes>>;
 export declare const HOST_CONTEXT: import("..").Descriptor<HostContext>;
 declare global {
-    interface ElementEventMap {
-        viewTransition: ViewTransitionEvent;
-        afterViewTransition: AfterViewTransitionEvent;
-    }
     interface HTMLElementEventMap {
         mounted: MountedEvent;
     }

package/dist/index.js

@@ -520,20 +520,6 @@ const ROUTE_CONTEXT = defineContext("ROUTE_CONTEXT");
 
 //#endregion
 //#region src/html/index.ts
-var ViewTransitionEvent = class extends Event {
-	name;
-	constructor(name) {
-		super("viewTransition");
-		this.name = name;
-	}
-};
-var AfterViewTransitionEvent = class extends Event {
-	name;
-	constructor(name) {
-		super("afterViewTransition");
-		this.name = name;
-	}
-};
 var MountedEvent = class extends Event {
 	constructor() {
 		super("mounted");
@@ -816,22 +802,20 @@ function onMounted(scope, event) {
 }
 async function startViewTransition(name, invoke) {
 	if (isClient() && document.startViewTransition !== void 0) {
-		document.dispatchEvent(new ViewTransitionEvent(name));
-		return document.startViewTransition(invoke).finished.finally(() => document.dispatchEvent(new AfterViewTransitionEvent(name)));
+		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(scope, viewTransition, name) {
-	const state = createState(name);
-	if (isClient()) {
-		useEvent(scope, document, "viewTransition", (event) => {
-			if (event.name === viewTransition) state.value = name;
-		});
-		useEvent(scope, document, "afterViewTransition", (event) => {
-			if (event.name === viewTransition) state.value = "none";
-		});
-	}
-	return () => `view-transition-name: ${state.value}`;
+function onViewTransition(name, value) {
+	return () => {
+		if (activeViewTransition.value?.name === name && isClient()) return value instanceof Function ? value(name) : value;
+	};
 }
 function isClient() {
 	return typeof window !== "undefined";
@@ -848,6 +832,7 @@ function stopPropagation(event) {
 function stopImmediatePropagation(event) {
 	event.stopImmediatePropagation();
 }
+const activeViewTransition = createState();
 const components = /* @__PURE__ */ new Map();
 const HOST_CONTEXT = defineContext("HOST_CONTEXT");
 
@@ -897,13 +882,7 @@ function provideRouterContext(scope, options) {
 	});
 	fetch$1();
 	useEvent(scope, navigator, "navigate", () => startViewTransition("navigate", fetch$1));
-	if (isClient()) {
-		useEvent(scope, window, "popstate", () => {
-			fetch$1();
-			document.dispatchEvent(new AfterViewTransitionEvent("navigate"));
-		});
-		requestAnimationFrame(() => document.dispatchEvent(new AfterViewTransitionEvent("navigate")));
-	}
+	if (isClient()) useEvent(scope, window, "popstate", fetch$1);
 	return useRouter(scope);
 }
 function useRouter(scope, context) {
@@ -980,4 +959,4 @@ function useLocale(scope, context) {
 const LOCALE_CONTEXT = defineContext("LOCALE_CONTEXT");
 
 //#endregion
-export { $fetch, AfterNavigateEvent, AfterViewTransitionEvent, CLIENT, Compute, HOST_CONTEXT, Handler, LOCALE_CONTEXT, MountedEvent, NavigateEvent, Page, ROUTER_CONTEXT, ROUTE_CONTEXT, RUNTIME_CONTEXT, Radix, SERVER, Scope, StopEvent, ViewTransitionEvent, activeCompute, components, createApp, createCompute, createElement, createMemo, createRuntime, createState, defineComponent, defineContext, defineMiddleware, defineRoute, fileName, fromValue, hydrate, isClient, isComponent, isCustomElement, isRoute, isServer, isTemplate, mergeObjects, mimeType, onMounted, onViewTransition, 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 };
+export { $fetch, AfterNavigateEvent, CLIENT, Compute, HOST_CONTEXT, Handler, LOCALE_CONTEXT, MountedEvent, NavigateEvent, Page, ROUTER_CONTEXT, ROUTE_CONTEXT, RUNTIME_CONTEXT, Radix, SERVER, Scope, StopEvent, activeCompute, activeViewTransition, components, createApp, createCompute, createElement, createMemo, createRuntime, createState, defineComponent, defineContext, defineMiddleware, defineRoute, fileName, fromValue, hydrate, isClient, isComponent, isCustomElement, isRoute, isServer, isTemplate, mergeObjects, mimeType, onMounted, onViewTransition, 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/jsx/index.js

@@ -1,7 +1,44 @@
 //#region src/signals/index.ts
+var Handler = class Handler {
+	get(target, key) {
+		const compute = activeCompute;
+		if (compute) {
+			const computes = targets.get(target) ?? /* @__PURE__ */ new Map();
+			const set = computes.get(key) ?? /* @__PURE__ */ new Set();
+			computes.set(key, set.add(compute));
+			targets.set(target, computes);
+			compute.parentScope?.onStop(() => {
+				set.delete(compute);
+				if (set.size === 0) {
+					computes.delete(key);
+					if (computes.size === 0) targets.delete(target);
+				}
+			});
+		}
+		const value = Reflect.get(target, key);
+		if (value) {
+			if (typeof value === "function" && !value.prototype) return value.bind(target);
+			if (typeof value === "object") {
+				const tag = Object.prototype.toString.call(value);
+				if (tag === "[object Object]" || tag === "[object Array]" || tag === "[object Map]" || tag === "[object Set]" || tag === "[object WeakMap]" || tag === "[object WeakSet]") return new Proxy(value, new Handler());
+			}
+		}
+		return value;
+	}
+	set(target, key, value) {
+		const result = Reflect.set(target, key, value);
+		for (const compute of targets.get(target)?.get(key) ?? []) compute.run();
+		return result;
+	}
+};
+function createState(value) {
+	return new Proxy({ value }, new Handler());
+}
 function defineContext(key) {
 	return key;
 }
+let activeCompute;
+const targets = /* @__PURE__ */ new WeakMap();
 
 //#endregion
 //#region src/runtime/index.ts
@@ -29,6 +66,7 @@ function createElement(input, attributes, ...children) {
 		children
 	});
 }
+const activeViewTransition = createState();
 const HOST_CONTEXT = defineContext("HOST_CONTEXT");
 
 //#endregion

package/package.json

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