revojs 0.0.85 → 0.0.87

package/dist/app/index.d.ts

@@ -11,9 +11,11 @@ export type Module = {
 };
 export type ClientConfig = {
     entry: ClientEntry;
+    externals: Array<string>;
 };
 export type ServerConfig = {
     entry: ServerEntry;
+    externals: Array<string>;
 };
 export type DevelopmentConfig = {
     middleware: Array<Middleware>;

package/dist/http/index.d.ts

@@ -29,9 +29,7 @@ export declare function sendRedirect(scope: Scope, path: string): Response;
 export declare function sendBadRequest(scope: Scope, text: string): Response;
 export declare function sendUnauthorized(scope: Scope): Response;
 export declare function useUrl(scope: Scope, base?: string): URL;
-export declare function useQuery(scope: Scope): {
-    [k: string]: string;
-};
+export declare function useQuery(scope: Scope): Record<string, string>;
 export declare function useCookies(scope: Scope): Record<string, string>;
 export declare function useSetCookies(scope: Scope): Record<string, string>;
 export declare function setCookie(scope: Scope, name: string, value: string, options?: CookieOptions): void;

package/dist/index.d.ts

@@ -5,4 +5,5 @@ export * from "./locale";
 export * from "./radix";
 export * from "./router";
 export * from "./runtime";
+export * from "./schema";
 export * from "./signals";

package/dist/index.js

@@ -16,8 +16,14 @@ function createApp(config) {
 	return {
 		config: mergeObjects(config, {
 			modules: [],
-			client: { entry: "index.html" },
-			server: { entry: "@revojs/bun/runtime" },
+			client: {
+				entry: "index.html",
+				externals: []
+			},
+			server: {
+				entry: "@revojs/bun/runtime",
+				externals: []
+			},
 			dev: { middleware: [] }
 		}),
 		virtuals: {}
@@ -111,6 +117,12 @@ function namespace(tag) {
 	return svgElements.has(tag) ? "http://www.w3.org/2000/svg" : "http://www.w3.org/1999/xhtml";
 }
 
+//#endregion
+//#region src/schema/index.ts
+function isFailure(result) {
+	return "issues" in result;
+}
+
 //#endregion
 //#region src/http/index.ts
 function sendText(scope, text) {
@@ -148,25 +160,43 @@ function useUrl(scope, base) {
 	const { request } = useRuntime(scope);
 	return new URL(request?.url ?? window?.location.href, base);
 }
-function useQuery(scope) {
+function useQuery(scope, schema) {
 	const { searchParams } = useUrl(scope);
-	return Object.fromEntries(searchParams);
+	const entries = Object.fromEntries(searchParams);
+	if (schema) {
+		const result = schema["~standard"].validate(entries);
+		if (isFailure(result)) throw sendBadRequest(scope, result.issues.join(", "));
+		return result.value;
+	}
+	return entries;
 }
-function useCookies(scope) {
+function useCookies(scope, schema) {
 	const { request } = useRuntime(scope);
-	return (isClient() ? document.cookie : request.headers.get("Cookie") ?? "").split("; ").reduce((result, cookie) => {
+	const entries = (isClient() ? document.cookie : request.headers.get("Cookie") ?? "").split("; ").reduce((result, cookie) => {
 		const [name, value] = cookie.split("=");
 		if (name && value) result[name] = decodeURIComponent(value);
 		return result;
 	}, {});
+	if (schema) {
+		const result = schema["~standard"].validate(entries);
+		if (isFailure(result)) throw sendBadRequest(scope, result.issues.join(", "));
+		return result.value;
+	}
+	return entries;
 }
-function useSetCookies(scope) {
+function useSetCookies(scope, schema) {
 	const { request } = useRuntime(scope);
-	return request.headers.getSetCookie().reduce((result, cookie) => {
+	const entries = request.headers.getSetCookie().reduce((result, cookie) => {
 		const [name, value] = cookie.split("=");
 		if (name && value) result[name] = decodeURIComponent(value);
 		return result;
 	}, {});
+	if (schema) {
+		const result = schema["~standard"].validate(entries);
+		if (isFailure(result)) throw sendBadRequest(scope, result.issues.join(", "));
+		return result.value;
+	}
+	return entries;
 }
 function setCookie(scope, name, value, options) {
 	const { response } = useRuntime(scope);
@@ -399,6 +429,15 @@ function useRuntime(scope) {
 function useRoute(scope) {
 	return scope.getContext(ROUTE_CONTEXT);
 }
+async function useRoutes() {
+	return await import("#virtual/routes").then((module) => module.default);
+}
+async function useAssets() {
+	return await import("#virtual/assets").then((module) => module.default);
+}
+async function useLocales() {
+	return await import("#virtual/locales").then((module) => module.default);
+}
 function defineRoute(route) {
 	return route;
 }
@@ -454,24 +493,26 @@ function useState(scope, name, value) {
 	}
 	return state;
 }
-function useAsync(scope, name, invoke, options) {
+function useAsync(scope, name, invoke, defaultOptions) {
 	const { tasks } = useRuntime(scope);
 	const state = useState(scope, name);
 	const isLoading = createState(false);
-	const execute = async () => {
+	const execute = async (options) => {
+		const onCatch = options?.catch ?? defaultOptions?.catch;
+		const viewTransition = options?.viewTransition ?? defaultOptions?.viewTransition;
 		isLoading.value = true;
 		try {
 			const result = await invoke();
-			if (JSON.stringify(state.value ?? {}) !== JSON.stringify(result)) if (options?.viewTransition) await startViewTransition(options.viewTransition, () => state.value = result);
+			if (JSON.stringify(state.value ?? {}) !== JSON.stringify(result)) if (viewTransition) await startViewTransition(viewTransition, () => state.value = result);
 			else state.value = result;
 		} catch (error) {
-			options?.catch?.(error);
+			onCatch?.(error);
 		} finally {
 			isLoading.value = false;
 		}
 		return state.value;
 	};
-	const task = execute();
+	const task = execute(defaultOptions);
 	if (isServer()) tasks.push(task);
 	return {
 		state,
@@ -485,7 +526,7 @@ function useFetch(scope, input, options) {
 async function createRuntime() {
 	const radix = new Radix();
 	const middlewares = new Array();
-	const routes = await import("#virtual/routes").then((module) => module.default);
+	const routes = await useRoutes();
 	for (const path in routes) {
 		const [name, method] = toPath(path);
 		radix.insert((method ?? "GET").toUpperCase() + name, defineRoute({ fetch: async (scope) => {
@@ -509,7 +550,7 @@ async function createRuntime() {
 			})));
 		} }));
 	}
-	const assets = await import("#virtual/assets").then((module) => module.default);
+	const assets = await useAssets();
 	for (const path in assets) radix.insert("GET/" + path, defineRoute({ fetch: async (scope) => {
 		const { response } = useRuntime(scope);
 		let content = assets[path];
@@ -980,19 +1021,19 @@ function useLocale(scope, context) {
 	const $ = (key) => {
 		return () => messages.value?.[key] ?? key;
 	};
-	const date = (date$1, options$1) => {
+	const $date = (date, options$1) => {
 		const format = new Intl.DateTimeFormat(locale.value, options$1);
-		if (date$1) return format.format(date$1);
+		if (date) return format.format(date);
 	};
 	return {
 		locale,
 		messages,
 		options,
 		$,
-		date
+		$date
 	};
 }
 const LOCALE_CONTEXT = defineContext("LOCALE_CONTEXT");
 
 //#endregion
-export { $fetch, AfterNavigateEvent, CLIENT, Compute, HOST_CONTEXT, Handler, LOCALE_CONTEXT, MountedEvent, NavigateEvent, Page, ROUTER_CONTEXT, ROUTE_CONTEXT, RUNTIME_CONTEXT, Radix, SERVER, STATES, 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, useState, useUrl };
+export { $fetch, AfterNavigateEvent, CLIENT, Compute, HOST_CONTEXT, Handler, LOCALE_CONTEXT, MountedEvent, NavigateEvent, Page, ROUTER_CONTEXT, ROUTE_CONTEXT, RUNTIME_CONTEXT, Radix, SERVER, STATES, Scope, StopEvent, activeCompute, activeViewTransition, components, createApp, createCompute, createElement, createMemo, createRuntime, createState, defineComponent, defineContext, defineMiddleware, defineRoute, fileName, fromValue, hydrate, isClient, isComponent, isCustomElement, isFailure, 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, useAssets, useAsync, useCookies, useEvent, useFetch, useHost, useLocale, useLocales, useQuery, useRoute, useRouter, useRoutes, useRuntime, useSetCookies, useState, useUrl };

package/dist/locale/index.d.ts

@@ -14,13 +14,13 @@ export declare function provideLocaleContext(scope: Scope, options: LocaleOption
     messages: State<Record<string, string> | undefined>;
     options: LocaleOptions;
     $: (key: string) => () => string | number | symbol;
-    date: (date?: Date, options?: Intl.DateTimeFormatOptions) => string | undefined;
+    $date: (date?: Date, options?: Intl.DateTimeFormatOptions) => string | undefined;
 };
 export declare function useLocale<T extends LocaleContext>(scope: Scope, context?: Descriptor<T>): {
     locale: State<string | undefined>;
     messages: State<Record<string, string> | undefined>;
     options: LocaleOptions;
     $: (key: keyof T["options"]["locales"][keyof T["options"]["locales"]]) => () => string | number | symbol;
-    date: (date?: Date, options?: Intl.DateTimeFormatOptions) => string | undefined;
+    $date: (date?: Date, options?: Intl.DateTimeFormatOptions) => string | undefined;
 };
 export declare const LOCALE_CONTEXT: Descriptor<LocaleContext>;

package/dist/runtime/index.d.ts

@@ -23,12 +23,15 @@ export type RouteContext = {
     inputs: State<Record<string, string>>;
 };
 export type AsyncOptions<T> = {
-    viewTransition?: string;
+    viewTransition?: false | string;
     catch?: (error: T) => void | Promise<void>;
 };
 export declare function isRoute<T>(value?: T): value is Route & T;
 export declare function useRuntime<T = Record<string, unknown>>(scope: Scope): RuntimeContext<T>;
 export declare function useRoute(scope: Scope): RouteContext;
+export declare function useRoutes(): Promise<Record<string, unknown>>;
+export declare function useAssets(): Promise<Record<string, string>>;
+export declare function useLocales(): Promise<Record<string, Record<string, string>>>;
 export declare function defineRoute(route: Route): Route;
 export declare function defineMiddleware(middleware: Middleware): Middleware;
 export declare function fileName(path: string): string | undefined;
@@ -36,15 +39,15 @@ export declare function toPath(value: string): (string | undefined)[];
 export declare function $fetch<T>(scope: Scope, input: string | URL, options?: RequestInit): Promise<T>;
 export declare function useState<T>(scope: Scope, name: string): State<T | undefined>;
 export declare function useState<T>(scope: Scope, name: string, value: T): State<T>;
-export declare function useAsync<T, TError = Error>(scope: Scope, name: string, invoke: () => Promise<T>, options?: AsyncOptions<TError>): {
+export declare function useAsync<T, TError = Error>(scope: Scope, name: string, invoke: () => Promise<T>, defaultOptions?: AsyncOptions<TError>): {
     state: State<T | undefined>;
     isLoading: State<boolean>;
-    execute: () => Promise<T | undefined>;
+    execute: (options?: AsyncOptions<TError>) => Promise<T | undefined>;
 };
 export declare function useFetch<T, TError = Error>(scope: Scope, input: string | URL, options?: RequestInit & AsyncOptions<TError>): {
     state: State<T | undefined>;
     isLoading: State<boolean>;
-    execute: () => Promise<T | undefined>;
+    execute: (options?: AsyncOptions<TError> | undefined) => Promise<T | undefined>;
 };
 export declare function createRuntime(): Promise<Runtime>;
 export declare let STATES: Record<string, unknown>;

package/dist/schema/index.d.ts

@@ -0,0 +1,22 @@
+export type Issue = {
+    readonly message: string;
+};
+export type Success<T> = {
+    readonly value: T;
+};
+export type Failure = {
+    readonly issues: ReadonlyArray<Issue>;
+};
+export type Result<Output> = Success<Output> | Failure;
+export type Schema<T = unknown, TOutput = T> = {
+    readonly "~standard": {
+        readonly validate: (value: unknown) => Result<TOutput>;
+        readonly types?: {
+            readonly input: T;
+            readonly output: TOutput;
+        };
+    };
+};
+export type InferInput<T extends Schema> = NonNullable<T["~standard"]["types"]>["input"];
+export type InferOutput<T extends Schema> = NonNullable<T["~standard"]["types"]>["output"];
+export declare function isFailure<T>(result: Result<T>): result is Failure;

package/package.json

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