revojs 0.0.84 → 0.0.86

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/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: {}
@@ -399,6 +405,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;
 }
@@ -441,8 +456,12 @@ async function $fetch(scope, input, options) {
 function useState(scope, name, value) {
 	const state = createState(value);
 	if (isClient()) {
-		const element = document.querySelector(`#data-${name}`);
-		if (element?.textContent) state.value = JSON.parse(element.textContent);
+		if (STATES === void 0) {
+			const element = document.getElementById("STATES");
+			STATES = element?.textContent ? JSON.parse(element.textContent) : {};
+		}
+		state.value = STATES[name];
+		createCompute(scope, () => STATES && (STATES[name] = state.value));
 	}
 	if (isServer()) {
 		const { states } = useRuntime(scope);
@@ -450,24 +469,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 (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,
@@ -481,18 +502,31 @@ 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) => {
 			const route = routes[path];
 			if (isRoute(route)) return route.fetch(scope);
 			const { states } = useRuntime(scope);
-			const content = await renderToString(scope, await import("#virtual/client").then((module) => module.client), { head: { children: ["<!--DATA-->"] } });
-			return sendHtml(scope, content.replace("<!--DATA-->", Object.entries(states).reduce((data, [name$1, state]) => `${data} <script id="data-${name$1}" type="application/json"> ${JSON.stringify(state.value)} <\/script>`, "")));
+			const content = await renderToString(scope, await import("#virtual/client").then((module) => module.client), { head: { children: ["<!--STATES-->"] } });
+			const entries = Object.entries(states).reduce((states$1, [name$1, state]) => {
+				return {
+					...states$1,
+					[name$1]: state.value
+				};
+			}, {});
+			return sendHtml(scope, content.replace("<!--STATES-->", await renderToString(scope, {
+				tag: "script",
+				attributes: {
+					id: "STATES",
+					type: "application/json"
+				},
+				children: [JSON.stringify(entries)]
+			})));
 		} }));
 	}
-	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];
@@ -532,6 +566,7 @@ async function createRuntime() {
 		}
 	};
 }
+let STATES;
 const RUNTIME_CONTEXT = defineContext("RUNTIME_CONTEXT");
 const ROUTE_CONTEXT = defineContext("ROUTE_CONTEXT");
 
@@ -962,19 +997,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, 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, 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,16 +39,17 @@ 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>;
 export declare const RUNTIME_CONTEXT: import("..").Descriptor<RuntimeContext<Record<string, unknown>>>;
 export declare const ROUTE_CONTEXT: import("..").Descriptor<RouteContext>;

package/dist/schema/index.d.ts

@@ -0,0 +1,21 @@
+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> | Promise<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"];

package/package.json

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