revojs 0.0.60 → 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

@@ -111,15 +111,9 @@ var Scope = class extends EventTarget {
 	context;
 	constructor(parentScope) {
 		super();
-		this.context = /* @__PURE__ */ new Map();
-		this.setParentScope(parentScope);
-	}
-	getParentScope() {
-		return this.parentScope;
-	}
-	setParentScope(parentScope) {
 		this.parentScope = parentScope;
-		return this.parentScope?.onStop(() => this.stop());
+		this.parentScope?.onStop(() => this.stop());
+		this.context = /* @__PURE__ */ new Map();
 	}
 	getContext(input) {
 		let scope = this;
@@ -160,7 +154,13 @@ var Handler = class Handler {
 			const set = computes.get(key) ?? /* @__PURE__ */ new Set();
 			computes.set(key, set.add(compute));
 			targets.set(target, computes);
-			compute.getParentScope()?.onStop(() => set.delete(compute));
+			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) {
@@ -416,7 +416,7 @@ const toCustomElement = (Component) => {
 					return findParentScope(node.parentNode);
 				}
 			};
-			this.component.scope.setParentScope(findParentScope(this.parentNode));
+			this.component.scope.parentScope = findParentScope(this.parentNode);
 			if (this.component.shadowRoot) rootNode = this.shadowRoot ?? this.attachShadow(this.component.shadowRoot);
 			for (const [name, event] of Object.entries(Component.$events)) Reflect.set(this.component.events, name, (value) => {
 				if (value instanceof Event) return;
@@ -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/dist/presets/bun.js

@@ -1,4 +1,4 @@
-import { RUNTIME_CONTEXT, Scope } from "./runtime-6tWe5NVu.js";
+import { RUNTIME_CONTEXT, Scope } from "./runtime-plDYfDhw.js";
 import { serve } from "bun";
 import { runtime } from "#virtual/runtime";
 

package/dist/presets/cloudflare.js

@@ -1,4 +1,4 @@
-import { RUNTIME_CONTEXT, Scope } from "./runtime-6tWe5NVu.js";
+import { RUNTIME_CONTEXT, Scope } from "./runtime-plDYfDhw.js";
 import { runtime } from "#virtual/runtime";
 
 //#region src/presets/cloudflare.ts

package/dist/presets/{runtime-6tWe5NVu.js → runtime-plDYfDhw.js}

@@ -9,15 +9,9 @@ var Scope = class extends EventTarget {
 	context;
 	constructor(parentScope) {
 		super();
-		this.context = /* @__PURE__ */ new Map();
-		this.setParentScope(parentScope);
-	}
-	getParentScope() {
-		return this.parentScope;
-	}
-	setParentScope(parentScope) {
 		this.parentScope = parentScope;
-		return this.parentScope?.onStop(() => this.stop());
+		this.parentScope?.onStop(() => this.stop());
+		this.context = /* @__PURE__ */ new Map();
 	}
 	getContext(input) {
 		let scope = this;

package/dist/signals/index.d.ts

@@ -10,11 +10,9 @@ export declare class StopEvent extends Event {
     constructor();
 }
 export declare class Scope extends EventTarget {
-    private parentScope?;
+    parentScope?: Scope;
     readonly context: Map<string, unknown>;
     constructor(parentScope?: Scope);
-    getParentScope(): Scope | undefined;
-    setParentScope(parentScope?: Scope): void | undefined;
     getContext<T>(input: Descriptor<T>): T;
     setContext<T>(input: Descriptor<T>, value: T): void;
     onStop(input: (event: StopEvent) => void): void;

package/package.json

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