revojs 0.0.88 → 0.1.0

package/dist/index.js

@@ -1,284 +1,98 @@
-//#region src/app/index.ts
-function mergeObjects(base, input) {
-	if (input === null || input === void 0) return mergeObjects(base, {});
-	const object = structuredClone(input);
-	for (const key in base) {
-		if (key === "__proto__" || key === "constructor") continue;
-		const value = base[key];
-		if (value === null || value === void 0) continue;
-		if (Array.isArray(value) && Array.isArray(object[key])) object[key] = [...value, ...object[key]];
-		else if (typeof value === "object" && typeof object[key] === "object") object[key] = mergeObjects(value, object[key]);
-		else object[key] = value;
-	}
-	return object;
-}
-function createApp(config) {
-	return {
-		config: mergeObjects(config, {
-			modules: [],
-			client: {
-				entry: "index.html",
-				externals: []
-			},
-			server: {
-				entry: "@revojs/bun/runtime",
-				externals: []
-			},
-			dev: { middleware: [] }
-		}),
-		virtuals: {}
-	};
-}
-const SERVER = "ssr";
-const CLIENT = "client";
-
-//#endregion
-//#region src/jsx/index.ts
-const svgElements = new Set([
-	"altGlyph",
-	"altGlyphDef",
-	"altGlyphItem",
-	"animate",
-	"animateColor",
-	"animateMotion",
-	"animateTransform",
-	"circle",
-	"clipPath",
-	"color-profile",
-	"cursor",
-	"defs",
-	"desc",
-	"ellipse",
-	"feBlend",
-	"feColorMatrix",
-	"feComponentTransfer",
-	"feComposite",
-	"feConvolveMatrix",
-	"feDiffuseLighting",
-	"feDisplacementMap",
-	"feDistantLight",
-	"feDropShadow",
-	"feFlood",
-	"feFuncA",
-	"feFuncB",
-	"feFuncG",
-	"feFuncR",
-	"feGaussianBlur",
-	"feImage",
-	"feMerge",
-	"feMergeNode",
-	"feMorphology",
-	"feOffset",
-	"fePointLight",
-	"feSpecularLighting",
-	"feSpotLight",
-	"feTile",
-	"feTurbulence",
-	"filter",
-	"font",
-	"font-face",
-	"font-face-format",
-	"font-face-name",
-	"font-face-src",
-	"font-face-uri",
-	"foreignObject",
-	"g",
-	"glyph",
-	"glyphRef",
-	"hkern",
-	"image",
-	"line",
-	"linearGradient",
-	"marker",
-	"mask",
-	"metadata",
-	"missing-glyph",
-	"mpath",
-	"path",
-	"pattern",
-	"polygon",
-	"polyline",
-	"radialGradient",
-	"rect",
-	"set",
-	"stop",
-	"svg",
-	"switch",
-	"symbol",
-	"text",
-	"textPath",
-	"tref",
-	"tspan",
-	"use",
-	"view",
-	"vkern"
-]);
-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;
-}
-function parseSchema(scope, schema, value) {
-	const result = schema["~standard"].validate(value);
-	if (isFailure(result)) throw sendBadRequest(scope, result.issues.map((issue) => issue.message).join(", "));
-	return result.value;
-}
-
-//#endregion
-//#region src/signals/index.ts
-var StopEvent = class extends Event {
+//#region src/server/index.ts
+var Radix = class {
+	rootNode;
 	constructor() {
-		super("stop");
-	}
-};
-var Scope = class extends EventTarget {
-	parentScope;
-	context;
-	constructor(parentScope) {
-		super();
-		this.parentScope = parentScope;
-		this.parentScope?.onStop(() => this.stop());
-		this.context = /* @__PURE__ */ new Map();
+		this.rootNode = {
+			type: "PATH",
+			children: {}
+		};
 	}
-	getContext(input) {
-		let scope = this;
-		while (scope) {
-			if (scope.context.has(input)) return scope.context.get(input);
-			scope = scope.parentScope;
+	use(path, value) {
+		let node = this.rootNode;
+		for (const segment of path.split("/")) {
+			if (segment.startsWith(WILDCARD)) {
+				let childNode$1 = node.children[WILDCARD];
+				childNode$1 ??= {
+					type: "WILDCARD",
+					parameter: segment.substring(WILDCARD.length),
+					children: {}
+				};
+				node.children[WILDCARD] ??= childNode$1;
+				node = childNode$1;
+				continue;
+			}
+			if (segment.startsWith(PARAMETER)) {
+				let childNode$1 = node.children[PARAMETER];
+				childNode$1 ??= {
+					type: "PARAMETER",
+					parameter: segment.substring(PARAMETER.length),
+					children: {}
+				};
+				node.children[PARAMETER] ??= childNode$1;
+				node = childNode$1;
+				continue;
+			}
+			let childNode = node.children[segment];
+			childNode ??= {
+				type: "PATH",
+				children: {}
+			};
+			node.children[segment] ??= childNode;
+			node = childNode;
 		}
-		return {};
-	}
-	setContext(input, value) {
-		this.context.set(input, value);
-	}
-	onStop(input) {
-		this.addEventListener("stop", input, { once: true });
-	}
-	stop() {
-		return this.dispatchEvent(new StopEvent());
-	}
-};
-var Compute = class extends Scope {
-	invoke;
-	constructor(parentScope, invoke) {
-		super(parentScope);
-		this.invoke = invoke;
-	}
-	run() {
-		this.stop();
-		return this.invoke(this);
+		node.value = value;
+		return node;
 	}
 };
-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);
+var Router = class extends Radix {
+	fetch(scope, next) {
+		const { request } = useServer(scope);
+		const { pathname } = useUrl(scope);
+		const context = {
+			route: this.rootNode,
+			segments: (request.method.toUpperCase() + pathname).split("/"),
+			parameters: {}
+		};
+		const invoke = (node, index) => {
+			if (index === context.segments.length) return node.value;
+			const segment = context.segments[index];
+			if (node.children[segment]) {
+				const route$1 = invoke(node.children[segment], index + 1);
+				if (route$1) return route$1;
+			}
+			if (node.children[PARAMETER]) {
+				const parameterNode = node.children[PARAMETER];
+				const route$1 = invoke(parameterNode, index + 1);
+				if (route$1) {
+					context.parameters[parameterNode.parameter] = segment;
+					return route$1;
 				}
-			});
-		}
-		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());
 			}
+			if (node.children[WILDCARD]) {
+				const wildcardNode = node.children[WILDCARD];
+				context.parameters[wildcardNode.parameter] = segment;
+				return wildcardNode.value ?? invoke(wildcardNode, segment.length);
+			}
+		};
+		const route = invoke(this.rootNode, 0);
+		if (route) {
+			scope.setContext(ROUTER_CONTEXT, context);
+			return route.fetch(scope);
 		}
-		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;
+		return next?.();
 	}
 };
-function createState(value) {
-	return new Proxy({ value }, new Handler());
-}
-function createCompute(scope, invoke) {
-	let previous = activeCompute;
-	activeCompute = new Compute(scope, invoke);
-	const result = invoke(activeCompute);
-	if (result instanceof Promise) return result.finally(() => activeCompute = previous);
-	activeCompute = previous;
-	return result;
-}
-function createMemo(scope, invoke) {
-	let state;
-	const compute = createCompute(scope, (scope$1) => {
-		const value = invoke(scope$1);
-		if (typeof state === "object") state.value = value;
-		return value;
-	});
-	state = createState(compute);
-	return state;
-}
-function fromValue(value) {
-	if (value instanceof Function) return fromValue(value());
-	return value;
-}
-function untrack(invoke) {
-	let previous = activeCompute;
-	activeCompute = void 0;
-	const result = invoke();
-	if (result instanceof Promise) return result.finally(() => activeCompute = previous);
-	activeCompute = previous;
-	return result;
-}
-function defineContext(key) {
-	return key;
-}
-let activeCompute;
-const targets = /* @__PURE__ */ new WeakMap();
-
-//#endregion
-//#region src/http/index.ts
-function sendText(scope, text) {
-	const { response } = useRuntime(scope);
-	response.headers.set("Content-Type", "text/plain");
-	return new Response(text, response);
-}
-function sendHtml(scope, text) {
-	const { response } = useRuntime(scope);
-	response.headers.set("Content-Type", "text/html");
-	return new Response(text, response);
-}
-function sendJson(scope, value) {
-	const { response } = useRuntime(scope);
-	response.headers.set("Content-Type", "application/json");
-	return new Response(JSON.stringify(value), response);
-}
-function sendRedirect(scope, path) {
-	const { response } = useRuntime(scope);
-	response.status = 302;
-	response.headers.set("Location", path);
-	return new Response(null, response);
+function defineRoute(route) {
+	return route;
 }
-function sendBadRequest(scope, text) {
-	const { response } = useRuntime(scope);
-	response.status = 400;
-	return new Response(text, response);
+function defineMiddleware(middleware) {
+	return middleware;
 }
-function sendUnauthorized(scope) {
-	const { response } = useRuntime(scope);
-	response.status = 401;
-	return new Response(null, response);
+function useServer(scope) {
+	return scope.getContext(SERVER_CONTEXT);
 }
 function useUrl(scope, base) {
-	const { request } = useRuntime(scope);
+	const { request } = useServer(scope);
 	return new URL(request?.url ?? window?.location.href, base);
 }
 function useQuery(scope, schema) {
@@ -286,23 +100,8 @@ function useQuery(scope, schema) {
 	const entries = Object.fromEntries(searchParams);
 	return schema ? parseSchema(scope, schema, entries) : entries;
 }
-function useCookie(scope, name, schema, options) {
-	const cookies = useCookies(scope);
-	const state = createState(parseSchema(scope, schema, cookies[name]));
-	createCompute(scope, () => {
-		switch (typeof state.value) {
-			case "string":
-			case "number":
-			case "bigint":
-			case "boolean":
-			case "symbol": return setCookie(scope, name, state.value.toString(), options);
-			case "object": return setCookie(scope, name, JSON.stringify(state.value), options);
-		}
-	});
-	return state;
-}
 function useCookies(scope, schema) {
-	const { request } = useRuntime(scope);
+	const { request } = useServer(scope);
 	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);
@@ -311,7 +110,7 @@ function useCookies(scope, schema) {
 	return schema ? parseSchema(scope, schema, entries) : entries;
 }
 function useSetCookies(scope, schema) {
-	const { request } = useRuntime(scope);
+	const { request } = useServer(scope);
 	const entries = request.headers.getSetCookie().reduce((result, cookie) => {
 		const [name, value] = cookie.split("=");
 		if (name && value) result[name] = decodeURIComponent(value);
@@ -320,7 +119,7 @@ function useSetCookies(scope, schema) {
 	return schema ? parseSchema(scope, schema, entries) : entries;
 }
 function setCookie(scope, name, value, options) {
-	const { response } = useRuntime(scope);
+	const { response } = useServer(scope);
 	let cookie = name + "=" + encodeURIComponent(value);
 	if (options?.domain) cookie += `; Domain=${options.domain}`;
 	if (options?.expires) cookie += `; Expires=${options.expires.toUTCString()}`;
@@ -333,10 +132,77 @@ function setCookie(scope, name, value, options) {
 	if (isClient()) document.cookie = cookie;
 	else response.headers.append("Set-Cookie", cookie);
 }
+function sendText(scope, text, config) {
+	const { response } = useServer(scope);
+	response.headers.set("Content-Type", "text/plain");
+	return new Response(text, mergeObjects(response, config));
+}
+function sendHtml(scope, text, config) {
+	const { response } = useServer(scope);
+	response.headers.set("Content-Type", "text/html");
+	return new Response(text, mergeObjects(response, config));
+}
+function sendJson(scope, value, config) {
+	const { response } = useServer(scope);
+	response.headers.set("Content-Type", "application/json");
+	return new Response(JSON.stringify(value), mergeObjects(response, config));
+}
+function sendRedirect(scope, path, config) {
+	const { response } = useServer(scope);
+	response.status = 302;
+	response.headers.set("Location", path);
+	return new Response(null, mergeObjects(response, config));
+}
+function sendBadRequest(scope, text, config) {
+	const { response } = useServer(scope);
+	response.status = 400;
+	return new Response(text, mergeObjects(response, config));
+}
+function sendUnauthorized(scope, config) {
+	const { response } = useServer(scope);
+	response.status = 401;
+	return new Response(null, mergeObjects(response, config));
+}
 function mimeType(file) {
 	const extension = /\.([a-zA-Z0-9]+?)$/.exec(file)?.at(1);
 	return mimeTypes[extension ?? ""] ?? "text/plain";
 }
+function toRoutePath(path) {
+	const result = ("/" + path).replaceAll(/\/index/g, "").replaceAll(/\[\.\.\.(.*?)\]/g, (_, value) => WILDCARD + value).replaceAll(/\[(.*?)\]/g, (_, value) => PARAMETER + value);
+	return (result.startsWith("/") ? result : "/" + result).split(".");
+}
+async function createServer() {
+	const router = new Router();
+	const pipeline = new Array();
+	const middlewares = await import("#virtual/middlewares").then((module) => Object.entries(module.default));
+	for (const [_, middleware] of middlewares) pipeline.push(middleware);
+	const assets = await import("#virtual/assets").then((module) => Object.entries(module.default));
+	for (const [path, asset] of assets) router.use(`GET/${path}`, defineRoute({ async fetch(scope) {
+		const { response } = useServer(scope);
+		response.headers.set("Content-Type", mimeType(path));
+		return new Response(asset, response);
+	} }));
+	const routes = await import("#virtual/routes").then((module) => Object.entries(module.default));
+	for (const [path, route] of routes) {
+		const [name, method] = toRoutePath(path);
+		router.use(method?.toUpperCase() + name, route);
+	}
+	pipeline.push(router);
+	const invoke = (scope, index) => {
+		return pipeline.at(index)?.fetch(scope, () => invoke(scope, index + 1));
+	};
+	return {
+		router,
+		pipeline,
+		async fetch(scope) {
+			return await invoke(scope, 0) ?? sendText(scope, "NOT_FOUND", { status: 404 });
+		}
+	};
+}
+const ROUTER_CONTEXT = defineContext("ROUTER_CONTEXT");
+const SERVER_CONTEXT = defineContext("SERVER_CONTEXT");
+const WILDCARD = "$";
+const PARAMETER = ":";
 const mimeTypes = {
 	txt: "text/plain",
 	css: "text/css",
@@ -384,520 +250,41 @@ const mimeTypes = {
 };
 
 //#endregion
-//#region src/radix/index.ts
-var Radix = class Radix {
-	value;
-	input;
-	children;
-	constructor(input) {
-		this.input = input;
-		this.children = {};
-	}
-	insert(path, value) {
-		let node = this;
-		for (let segment of path.split("/")) {
-			let input;
-			if (segment.startsWith(":")) {
-				input = segment.substring(1);
-				segment = ":";
-			}
-			let childNode = node.children[segment];
-			if (childNode === void 0) {
-				childNode = new Radix(input);
-				node.children[segment] = childNode;
-			}
-			node = childNode;
-		}
-		node.value = value;
-		return this;
-	}
-	match(path) {
-		let node = this;
-		const match = { inputs: {} };
-		for (const segment of path.split("/")) {
-			node = node?.children[segment] ?? node?.children[":"];
-			if (node?.input) match.inputs[node.input] = segment;
-		}
-		match.value = node?.value;
-		return match;
-	}
-};
-
-//#endregion
-//#region src/runtime/index.ts
-function isRoute(value) {
-	return !!value && typeof value === "object" && "fetch" in value;
-}
-function useRuntime(scope) {
-	return scope.getContext(RUNTIME_CONTEXT);
-}
-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;
-}
-function defineMiddleware(middleware) {
-	return middleware;
-}
-function fileName(path) {
-	return path.split("/").pop()?.split(".").slice(0, -1).join(".");
-}
-function toPath(value) {
-	const path = (value.startsWith("/") ? value : "/" + value).replaceAll(/\/index/g, "").replaceAll(/\[(.*?)\]/g, (_, name) => ":" + name);
-	const route = path.startsWith("/") ? path : "/" + path;
-	const split = route.split(".");
-	return split.length === 3 ? [split.at(0), split.at(1)] : [split.at(0)];
-}
-async function $fetch(scope, input, options) {
-	const { request, variables } = useRuntime(scope);
-	let response;
-	if (request) {
-		const next = new Scope();
-		const url = new URL(input.toString(), request.url);
-		next.setContext(RUNTIME_CONTEXT, {
-			tasks: [],
-			states: {},
-			request: new Request(url, options),
-			response: { headers: new Headers() },
-			variables
-		});
-		const previous = new URL(request.url);
-		if (url.origin === previous.origin) response = await (await import("#virtual/runtime")).runtime.fetch(next);
-	}
-	response ??= await fetch(input, options);
-	if (response.ok === false) throw response;
-	const contentType = response.headers.get("Content-Type")?.split(";").shift() ?? "";
-	switch (contentType) {
-		case "application/json": return response.json();
-		default: return response;
-	}
-}
-function useState(scope, name, value) {
-	const state = createState(value);
-	if (isClient()) {
-		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);
-		states[name] = state;
-	}
-	return state;
-}
-function useAsync(scope, name, invoke, defaultOptions) {
-	const { tasks } = useRuntime(scope);
-	const state = useState(scope, name);
-	const isLoading = createState(false);
-	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 (viewTransition) await startViewTransition(viewTransition, () => state.value = result);
-			else state.value = result;
-		} catch (error) {
-			onCatch?.(error);
-		} finally {
-			isLoading.value = false;
-		}
-		return state.value;
-	};
-	const task = execute(defaultOptions);
-	if (isServer()) tasks.push(task);
-	return {
-		state,
-		isLoading,
-		execute
-	};
-}
-function useFetch(scope, input, options) {
-	return useAsync(scope, input.toString(), () => $fetch(scope, input, options), options);
-}
-async function createRuntime() {
-	const radix = new Radix();
-	const middlewares = new Array();
-	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: ["<!--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 useAssets();
-	for (const path in assets) radix.insert("GET/" + path, defineRoute({ fetch: async (scope) => {
-		const { response } = useRuntime(scope);
-		let content = assets[path];
-		if (content) {
-			if (path.endsWith(".png")) {
-				const [_, base64] = content.split(",");
-				const binary = atob(base64.replace(/-/g, "+").replace(/_/g, "/"));
-				const bytes = new Uint8Array(binary.length);
-				for (let index = 0; index < binary.length; index++) bytes[index] = binary.charCodeAt(index);
-				content = bytes;
-			}
-		}
-		response.headers.set("Content-Type", mimeType(path));
-		return new Response(content, response);
-	} }));
-	const invoke = (scope, route, index) => {
-		return middlewares.at(index)?.fetch(scope, () => invoke(scope, route, index + 1)) ?? route.fetch(scope);
-	};
-	return {
-		radix,
-		middlewares,
-		fetch: async (scope) => {
-			const { request } = useRuntime(scope);
-			const { pathname } = useUrl(scope);
-			const { value: route, inputs } = radix.match(request.method + pathname);
-			try {
-				scope.setContext(ROUTE_CONTEXT, { inputs: createState(inputs) });
-				if (route) {
-					const response = await invoke(scope, route, 0);
-					if (response) return response;
-				}
-				return sendText(scope, "NOT_FOUND");
-			} catch (exception) {
-				if (exception instanceof Response) return exception;
-				throw exception;
-			}
-		}
-	};
-}
-let STATES;
-const RUNTIME_CONTEXT = defineContext("RUNTIME_CONTEXT");
-const ROUTE_CONTEXT = defineContext("ROUTE_CONTEXT");
-
-//#endregion
-//#region src/html/index.ts
-var MountedEvent = class extends Event {
+//#region src/shared/index.ts
+var StopEvent = class extends Event {
 	constructor() {
-		super("mounted");
+		super("stop");
 	}
 };
-function isTemplate(value) {
-	return !!value && typeof value === "object" && "tag" in value && "attributes" in value && "children" in value;
-}
-function isCustomElement(value) {
-	return !!value && typeof value === "object" && "component" in value;
-}
-function isComponent(value) {
-	return !!value && typeof value === "function" && "$name" in value;
-}
-function useHost(scope) {
-	return scope.getContext(HOST_CONTEXT);
-}
-function createElement(input, attributes, ...children) {
-	if (isComponent(input)) return {
-		tag: input.$name,
-		attributes: attributes ?? {},
-		children
-	};
-	if (typeof input === "string") return {
-		tag: input,
-		attributes: attributes ?? {},
-		children
-	};
-	return input?.({
-		...attributes,
-		children
-	});
-}
-function toString(slot) {
-	switch (typeof slot) {
-		case "string":
-		case "number":
-		case "bigint":
-		case "boolean":
-		case "symbol": return slot.toString();
-		case "object": return JSON.stringify(slot);
-		case "function": return toString(slot());
-		default: return "";
-	}
-}
-function toArray(hydration) {
-	if (Array.isArray(hydration)) return hydration.reduce((items, child) => items.concat(toArray(child)), []);
-	return [hydration];
-}
-function toRange(hydration) {
-	const items = toArray(hydration);
-	const range = document.createRange();
-	const firstNode = items.at(0);
-	if (firstNode) range.setStartBefore(firstNode);
-	const lastNode = items.at(-1);
-	if (lastNode) range.setEndAfter(lastNode);
-	return range;
-}
-function toFragment(hydration) {
-	return toArray(hydration).reduce((fragment, node) => {
-		fragment.appendChild(node);
-		return fragment;
-	}, document.createDocumentFragment());
-}
-function hydrate(scope, parentNode, slot, index, previous) {
-	let hydration = parentNode.childNodes.item(index);
-	if (Array.isArray(slot)) {
-		const items = new Array();
-		for (const [index$1, childSlot] of slot.entries()) items.push(hydrate(scope, parentNode, childSlot, index$1, previous));
-		if (items.length) hydration = items;
-		else if (previous || !(hydration instanceof Comment)) hydration = document.createComment("");
-	}
-	if (typeof slot === "function") {
-		let previous$1;
-		createCompute(scope, (scope$1) => {
-			let input = slot;
-			while (typeof input === "function") input = input();
-			hydration = hydrate(scope$1, parentNode, input, index, previous$1);
-			if (previous$1 && hydration !== previous$1) if (Array.isArray(hydration)) if (Array.isArray(previous$1)) {
-				const range = toRange(previous$1);
-				range.deleteContents();
-				range.collapse(true);
-				range.insertNode(toFragment(hydration));
-			} else if (parentNode.contains(previous$1)) parentNode.replaceChild(toFragment(hydration), previous$1);
-			else parentNode.replaceChild(toFragment(hydration), parentNode.childNodes.item(index));
-			else if (Array.isArray(previous$1)) {
-				const range = toRange(previous$1);
-				range.deleteContents();
-				range.collapse(true);
-				range.insertNode(hydration);
-			} else if (parentNode.contains(previous$1)) parentNode.replaceChild(hydration, previous$1);
-			else parentNode.replaceChild(hydration, parentNode.childNodes.item(index));
-			previous$1 = hydration;
-		});
-	}
-	if ((slot === null || slot === void 0) && (previous || !(hydration instanceof Comment))) hydration = document.createComment("");
-	if (typeof slot === "number" || typeof slot === "bigint" || typeof slot === "boolean" || typeof slot === "string" || typeof slot === "symbol") {
-		const textContent = slot.toString();
-		if (previous || !(hydration instanceof Text)) hydration = document.createTextNode(textContent);
-		else if (textContent !== hydration.textContent) hydration = parentNode.replaceChild(document.createTextNode(textContent), hydration);
-	}
-	if (isTemplate(slot)) {
-		const Component = components.get(slot.tag);
-		if (Component) registerComponent(Component);
-		if (previous || !(hydration instanceof Element && hydration.tagName.toUpperCase() === slot.tag.toUpperCase())) hydration = document.createElementNS(namespace(slot.tag), slot.tag);
-		for (const [name, value] of Object.entries(slot.attributes)) createCompute(scope, (scope$1) => {
-			const target = hydration;
-			if (name.startsWith("on")) {
-				const event = name.substring(2).toLowerCase();
-				useEvent(scope$1, target, event, value);
-			} else {
-				const set = toString(value);
-				if (set === "" || set === "false") return target.removeAttribute(name);
-				return target.setAttribute(name, set);
-			}
-		});
-		let index$1 = 0;
-		for (const childSlot of slot.children) {
-			const nodes = toArray(hydrate(scope, hydration, childSlot, index$1));
-			index$1 += nodes.length || 1;
-		}
-	}
-	hydration ??= document.createComment("");
-	if (parentNode.childNodes.item(index) === null) parentNode.appendChild(toFragment(hydration));
-	return hydration;
-}
-async function renderToString(scope, slot, defaults) {
-	const { tasks } = useRuntime(scope);
-	if (typeof slot === "number" || typeof slot === "bigint" || typeof slot === "boolean" || typeof slot === "string" || typeof slot === "symbol") return slot.toString();
-	if (typeof slot === "function") {
-		let input = slot;
-		while (typeof input === "function") input = await input();
-		return await renderToString(scope, input, defaults);
-	}
-	if (Array.isArray(slot)) {
-		let items = "";
-		for (const childSlot of slot) items += await renderToString(scope, childSlot, defaults);
-		if (items === "") return "<!---->";
-		return items;
-	}
-	if (isTemplate(slot)) {
-		const merge = mergeObjects(slot, defaults?.[slot.tag]);
-		const CustomElement = components.get(merge.tag);
-		const prefix = Object.entries(merge.attributes).reduce((chunks, [name, value]) => {
-			if (value && !name.startsWith("on")) chunks.push(`${name}='${toString(value)}'`);
-			return chunks;
-		}, [merge.tag]).join(" ");
-		let content = `<${prefix}>`;
-		if (CustomElement) {
-			const element = new CustomElement(merge.attributes, scope);
-			const result = element.setup();
-			while (tasks.length) await tasks.shift();
-			const template = await renderToString(element.scope, result, defaults);
-			if (element.shadowRoot) {
-				const shadow = {
-					tag: "template",
-					attributes: { shadowRootMode: element.shadowRoot.mode },
-					children: [template]
-				};
-				content += await renderToString(element.scope, shadow, defaults);
-			} else content += template;
-		}
-		for (const childSlot of merge.children) content += await renderToString(scope, childSlot, defaults);
-		content += `</${merge.tag}>`;
-		return content;
+var Scope = class extends EventTarget {
+	parentScope;
+	context;
+	constructor(parentScope) {
+		super();
+		this.parentScope = parentScope;
+		this.parentScope?.onStop(() => this.stop());
+		this.context = {};
 	}
-	return "<!---->";
-}
-function defineComponent(options) {
-	class Instance {
-		static $name = options.name;
-		static $events = options.events ?? {};
-		static $attributes = options.attributes ?? {};
-		scope;
-		events;
-		attributes;
-		shadowRoot;
-		constructor(input, parentScope) {
-			this.scope = new Scope(parentScope);
-			this.events = Object.keys(options.events ?? {}).reduce((output, name) => {
-				Reflect.set(output, name, input?.[name], output);
-				return output;
-			}, {});
-			this.attributes = Object.entries(options.attributes ?? {}).reduce((attributes, [name, attribute]) => {
-				Reflect.set(attributes.value, name, fromValue(input?.[name]) ?? attribute.default, attributes.value);
-				return attributes;
-			}, createState({}));
-			this.shadowRoot = options.shadowRoot;
+	getContext(input) {
+		let scope = this;
+		while (scope) {
+			if (scope.context[input]) return scope.context[input];
+			scope = scope.parentScope;
 		}
-		setup = () => options.setup(this);
+		return {};
 	}
-	components.set(options.name, Instance);
-	return Instance;
-}
-function toCustomElement(Component) {
-	return class extends HTMLElement {
-		static formAssociated = true;
-		component;
-		constructor() {
-			super();
-			this.component = new Component();
-			this.component.scope.setContext(HOST_CONTEXT, {
-				host: this,
-				internals: this.attachInternals()
-			});
-		}
-		connectedCallback() {
-			let rootNode = this;
-			const findParentScope = (node) => {
-				if (node) {
-					if (isCustomElement(node)) return node.component.scope;
-					if (node instanceof ShadowRoot) return findParentScope(node.host);
-					return findParentScope(node.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;
-				this.dispatchEvent(new CustomEvent(name.substring(2).toLowerCase(), {
-					...event,
-					detail: value
-				}));
-			});
-			hydrate(this.component.scope, rootNode, untrack(this.component.setup), 0);
-			requestAnimationFrame(() => this.dispatchEvent(new MountedEvent()));
-		}
-		attributeChangedCallback(name, oldValue, value) {
-			if (value === oldValue) return;
-			const attribute = Component.$attributes?.[name];
-			if (attribute) {
-				let convertedValue;
-				if (value) switch (attribute.type) {
-					case String:
-						convertedValue = value;
-						break;
-					case Number:
-						convertedValue = Number(value);
-						break;
-					case Boolean:
-						convertedValue = value.toLowerCase() === "true";
-						break;
-					case Object:
-						convertedValue = JSON.parse(value);
-						break;
-				}
-				Reflect.set(this.component.attributes.value, name, convertedValue ?? attribute.default, this.component.attributes.value);
-			}
-		}
-		disconnectedCallback() {
-			this.component.scope.stop();
-		}
-		static get observedAttributes() {
-			return Object.keys(Component.$attributes ?? {});
-		}
-	};
-}
-function registerComponent(component) {
-	if (isClient()) {
-		const previous = customElements.get(component.$name);
-		if (previous === void 0) customElements.define(component.$name, toCustomElement(component));
+	setContext(input, value) {
+		this.context[input] = value;
 	}
-	return component;
-}
-function useEvent(scope, target, event, input, options) {
-	const controller = new AbortController();
-	target?.addEventListener(event, (event$1) => {
-		if (Array.isArray(input)) for (const target$1 of input) target$1?.(event$1);
-		else input?.(event$1);
-	}, {
-		signal: controller.signal,
-		...options
-	});
-	scope.onStop(() => controller.abort());
-}
-function onMounted(scope, event) {
-	if (isClient()) {
-		const { host } = useHost(scope);
-		useEvent(scope, host, "mounted", event);
+	onStop(input) {
+		this.addEventListener("stop", input, { once: true });
 	}
-}
-async function startViewTransition(name, invoke) {
-	if (isClient() && document.startViewTransition !== void 0) {
-		await activeViewTransition.value?.update;
-		const update = document.startViewTransition(invoke).finished.finally(() => activeViewTransition.value = void 0);
-		activeViewTransition.value = {
-			name,
-			update
-		};
-		return update;
+	stop() {
+		return this.dispatchEvent(new StopEvent());
 	}
-	return invoke();
-}
-function onViewTransition(name, value) {
-	return () => {
-		if (activeViewTransition.value?.name === name && isClient()) return value instanceof Function ? value(name) : value;
-	};
+};
+function defineContext(name) {
+	return name;
 }
 function isClient() {
 	return typeof window !== "undefined";
@@ -905,140 +292,58 @@ function isClient() {
 function isServer() {
 	return typeof window === "undefined";
 }
-function preventDefault(event) {
-	event.preventDefault();
-}
-function stopPropagation(event) {
-	event.stopPropagation();
+function isFailure(result) {
+	return "issues" in result;
 }
-function stopImmediatePropagation(event) {
-	event.stopImmediatePropagation();
+function parseSchema(scope, schema, value) {
+	const result = schema["~standard"].validate(value);
+	if (isFailure(result)) throw sendBadRequest(scope, result.issues.map((issue) => issue.message).join(", "));
+	return result.value;
 }
-const activeViewTransition = createState();
-const components = /* @__PURE__ */ new Map();
-const HOST_CONTEXT = defineContext("HOST_CONTEXT");
-
-//#endregion
-//#region src/router/index.tsx
-var NavigateEvent = class extends Event {
-	constructor() {
-		super("navigate");
-	}
-};
-var AfterNavigateEvent = class extends Event {
-	constructor() {
-		super("afterNavigate");
-	}
-};
-function provideRouterContext(scope, options) {
-	const url = createState();
-	const route = createState();
-	const radix = new Radix();
-	const navigator = new EventTarget();
-	for (const path in options.routes) {
-		const [name] = toPath(path);
-		if (name) {
-			const value = options.routes[path];
-			if (value) radix.insert(name, value);
-		}
+function mergeObjects(base, input) {
+	if (input === null || input === void 0) return mergeObjects(base, {});
+	const object = structuredClone(input);
+	for (const key in base) {
+		if (key === "__proto__" || key === "constructor") continue;
+		const value = base[key];
+		if (value === null || value === void 0) continue;
+		if (Array.isArray(value) && Array.isArray(object[key])) object[key] = [...value, ...object[key]];
+		else if (typeof value === "object" && typeof object[key] === "object") object[key] = mergeObjects(value, object[key]);
+		else object[key] = value;
 	}
-	const fetch$1 = () => {
-		const { request } = useRuntime(scope);
-		const { inputs } = useRoute(scope);
-		var next = new URL(request?.url ?? window?.location.href);
-		if (next.toString() !== url.value?.toString()) {
-			const match = radix.match(next.pathname);
-			url.value = next;
-			inputs.value = match.inputs;
-			route.value = match.value;
-			navigator.dispatchEvent(new AfterNavigateEvent());
-		}
-	};
-	scope.setContext(ROUTE_CONTEXT, { inputs: createState() });
-	scope.setContext(ROUTER_CONTEXT, {
-		options,
-		navigator,
-		url,
-		radix,
-		route
-	});
-	fetch$1();
-	useEvent(scope, navigator, "navigate", () => startViewTransition("navigate", fetch$1));
-	if (isClient()) useEvent(scope, window, "popstate", fetch$1);
-	return useRouter(scope);
-}
-function useRouter(scope, context) {
-	const { url, route, navigator, options, radix } = scope.getContext(context ?? ROUTER_CONTEXT);
-	const navigate = (path) => {
-		if (isClient()) {
-			if (window.location.pathname != path) window.history.pushState(window.history.state, "", path);
-			navigator.dispatchEvent(new NavigateEvent());
-		}
-		if (isServer()) throw sendRedirect(scope, path);
-	};
-	const anchorNavigate = (event) => {
-		event.preventDefault();
-		navigate(event.currentTarget?.getAttribute("href") ?? "/");
-	};
-	return {
-		url,
-		route,
-		navigator,
-		options,
-		radix,
-		navigate,
-		anchorNavigate
-	};
+	return object;
 }
-const Page = defineComponent({
-	name: "x-page",
-	setup: ({ scope }) => {
-		const { route } = useRouter(scope);
-		return () => route.value;
-	}
-});
-const ROUTER_CONTEXT = defineContext("ROUTER_CONTEXT");
 
 //#endregion
-//#region src/locale/index.ts
-function provideLocaleContext(scope, options) {
-	const { inputs } = useRoute(scope);
-	const { navigator, navigate } = useRouter(scope);
-	const locale = createState(options.defaultLocale);
-	const messages = createState();
-	const fetch$1 = () => {
-		const input = inputs.value[options.input];
-		if (input && input in options.locales) locale.value = input;
-		else navigate(`/${options.defaultLocale}`);
-		if (locale.value) messages.value = options.locales[locale.value];
-	};
-	fetch$1();
-	useEvent(scope, navigator, "afterNavigate", fetch$1);
-	scope.setContext(LOCALE_CONTEXT, {
-		locale,
-		messages,
-		options
+//#region src/app/index.ts
+function createApp(inputConfig) {
+	let config = mergeObjects(inputConfig, {
+		modules: [],
+		sources: {
+			assets: {
+				match: "**/*",
+				entries: ["./public"],
+				suffix: "?raw"
+			},
+			routes: {
+				match: "**/*.{js,ts}",
+				entries: ["./routes"]
+			},
+			middlewares: {
+				match: "**/*.{js,ts}",
+				entries: ["./middlewares"]
+			}
+		}
 	});
-	return useLocale(scope);
-}
-function useLocale(scope, context) {
-	const { locale, messages, options } = scope.getContext(context ?? LOCALE_CONTEXT);
-	const $ = (key) => {
-		return () => messages.value?.[key] ?? key;
-	};
-	const $date = (date, options$1) => {
-		const format = new Intl.DateTimeFormat(locale.value, options$1);
-		if (date) return format.format(date);
-	};
+	for (const module of config.modules) config = mergeObjects(config, module.config);
 	return {
-		locale,
-		messages,
-		options,
-		$,
-		$date
+		config,
+		virtuals: {},
+		alias: {}
 	};
 }
-const LOCALE_CONTEXT = defineContext("LOCALE_CONTEXT");
+const SERVER = "ssr";
+const CLIENT = "client";
 
 //#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, isFailure, isRoute, isServer, isTemplate, mergeObjects, mimeType, onMounted, onViewTransition, parseSchema, 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, useCookie, useCookies, useEvent, useFetch, useHost, useLocale, useLocales, useQuery, useRoute, useRouter, useRoutes, useRuntime, useSetCookies, useState, useUrl };
+export { CLIENT, PARAMETER, ROUTER_CONTEXT, Radix, Router, SERVER, SERVER_CONTEXT, Scope, StopEvent, WILDCARD, createApp, createServer, defineContext, defineMiddleware, defineRoute, isClient, isFailure, isServer, mergeObjects, mimeType, mimeTypes, parseSchema, sendBadRequest, sendHtml, sendJson, sendRedirect, sendText, sendUnauthorized, setCookie, toRoutePath, useCookies, useQuery, useServer, useSetCookies, useUrl };