revojs 0.0.55 → 0.0.57

package/dist/html/index.d.ts

@@ -86,7 +86,7 @@ export declare const toCustomElement: <TEvents extends Events, TAttributes exten
 export declare const registerComponent: <TEvents extends Events, TAttributes extends Attributes>(component: ComponentConstructor<TEvents, TAttributes>) => ComponentConstructor<TEvents, TAttributes>;
 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: HTMLElement | undefined | null, event: T, input: EventListener<HTMLElementEventMap[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 isClient: () => boolean;
 export declare const isServer: () => boolean;
 export declare const preventDefault: (event: Event) => void;

package/dist/index.js

@@ -163,8 +163,11 @@ var Handler = class Handler {
 		}
 		const value = Reflect.get(target, key);
 		if (value) {
-			if (typeof value === "function") return value.bind(target);
-			if (typeof value === "object") return new Proxy(value, new Handler());
+			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;
 	}
@@ -749,15 +752,15 @@ const createRouter = (options) => {
 	}
 	const registerRouterContext = async (scope) => {
 		const fetch$1 = async () => {
+			const { inputs } = useRoute(scope);
 			const { request } = useRuntime(scope);
 			url.value = new URL(request?.url ?? window?.location.href);
 			const match = radix.match(url.value.pathname);
-			scope.setContext(ROUTE_CONTEXT, { inputs: createState(match.inputs) });
-			const Page$1 = await match.value?.();
-			if (Page$1) route.value = /* @__PURE__ */ h(Page$1, null);
+			inputs.value = match.inputs;
+			route.value = await match.value?.();
 		};
 		if (isClient()) useEvent(scope, window, "popstate", () => navigator.dispatchEvent(new NavigateEvent()));
-		await fetch$1().then(() => useEvent(scope, navigator, "navigate", fetch$1));
+		scope.setContext(ROUTE_CONTEXT, { inputs: createState() });
 		scope.setContext(ROUTER_CONTEXT, {
 			options,
 			navigator,
@@ -765,6 +768,7 @@ const createRouter = (options) => {
 			radix,
 			route
 		});
+		await fetch$1().then(() => useEvent(scope, navigator, "navigate", fetch$1));
 		return useRouter(scope);
 	};
 	return {
@@ -796,7 +800,10 @@ const Page = defineComponent({
 	name: "x-page",
 	setup: ({ scope }) => {
 		const { route } = useRouter(scope);
-		return () => route.value;
+		return () => {
+			const Page$1 = route.value;
+			if (Page$1) return /* @__PURE__ */ h(Page$1, null);
+		};
 	}
 });
 
@@ -837,13 +844,9 @@ const useLocale = (scope, context) => {
 	const $ = (key) => {
 		return () => messages.value?.[key] ?? key;
 	};
-	const prefix = (input) => {
-		return () => `/${locale.value}` + (input ?? "");
-	};
 	return {
 		locale,
 		messages,
-		prefix,
 		$
 	};
 };

package/dist/locale/index.d.ts

@@ -16,13 +16,11 @@ export declare const createLocale: <T extends LocaleOptions>(options: T) => {
     registerLocaleContext: (scope: Scope) => Promise<{
         locale: State<string | undefined>;
         messages: State<Record<string, string> | undefined>;
-        prefix: (input?: string) => () => string;
         $: (key: never) => () => string | number | symbol;
     }>;
 };
 export declare const useLocale: <T extends LocaleContext>(scope: Scope, context?: Descriptor<T>) => {
     locale: State<string | undefined>;
     messages: State<Record<string, string> | undefined>;
-    prefix: (input?: string) => () => string;
     $: (key: keyof T["options"]["locales"][keyof T["options"]["locales"]]) => () => string | number | symbol;
 };

package/dist/router/index.d.ts

@@ -1,4 +1,4 @@
-import { type Attributes, type ComponentConstructor, type Events, type Slot } from "../html";
+import { type Attributes, type ComponentConstructor, type Events } from "../html";
 import { Radix } from "../radix";
 import { type Descriptor, Scope, type State } from "../signals";
 export type Routes = Record<string, () => Promise<ComponentConstructor<Events, Attributes>>>;
@@ -10,7 +10,7 @@ export type RouterContext<T extends RouterOptions = RouterOptions> = {
     navigator: EventTarget;
     url: State<URL | undefined>;
     radix: Radix<() => Promise<ComponentConstructor<Events, Attributes>>>;
-    route: State<Slot | undefined>;
+    route: State<ComponentConstructor<Events, Attributes> | undefined>;
 };
 export declare class NavigateEvent extends Event {
     constructor();
@@ -20,7 +20,7 @@ export declare const createRouter: <T extends RouterOptions>(options: T) => {
     ROUTER_CONTEXT: Descriptor<RouterContext<T>>;
     registerRouterContext: (scope: Scope) => Promise<{
         url: State<URL | undefined>;
-        route: State<unknown>;
+        route: State<ComponentConstructor<Events, Attributes> | undefined>;
         navigator: EventTarget;
         navigate: (path: string) => void;
         anchorNavigate: (event: Event) => void;
@@ -28,7 +28,7 @@ export declare const createRouter: <T extends RouterOptions>(options: T) => {
 };
 export declare const useRouter: <T extends RouterContext>(scope: Scope, context?: Descriptor<T>) => {
     url: State<URL | undefined>;
-    route: State<unknown>;
+    route: State<ComponentConstructor<Events, Attributes> | undefined>;
     navigator: EventTarget;
     navigate: (path: string) => void;
     anchorNavigate: (event: Event) => void;

package/package.json

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