revojs 0.0.62 → 0.0.64

package/dist/html/index.d.ts

@@ -47,14 +47,14 @@ export interface ComponentOptions<TEvents extends Events, TAttributes extends At
     attributes?: TAttributes;
     shadowRoot?: ShadowRootInit;
     styles?: Array<string>;
-    setup: (component: Component<TEvents, TAttributes>) => Slot | Promise<Slot>;
+    setup: (component: Component<TEvents, TAttributes>) => Slot;
 }
 export interface Component<TEvents extends Events, TAttributes extends Attributes> {
     readonly scope: Scope;
     readonly events: EventOutput<TEvents>;
     readonly attributes: State<AttributeOutput<TAttributes>>;
     readonly shadowRoot?: ShadowRootInit;
-    setup: () => Slot | Promise<Slot>;
+    setup: () => Slot;
 }
 export interface ComponentConstructor<TEvents extends Events, TAttributes extends Attributes> {
     $name: string;
@@ -81,7 +81,7 @@ export declare const toString: (slot: Slot) => string;
 export declare const toArray: (hydration: Hydration) => Array<Node>;
 export declare const toRange: (hydration: Hydration) => Range;
 export declare const toFragment: (hydration: Hydration) => DocumentFragment;
-export declare const hydrate: (scope: Scope, parentNode: Node, slot: Slot, index: number, previous?: Hydration) => Promise<Hydration>;
+export declare const hydrate: (scope: Scope, parentNode: Node, slot: Slot, index: number, previous?: Hydration) => Hydration;
 export declare const renderToString: (scope: Scope, slot: Slot) => Promise<string>;
 export declare const defineComponent: <TEvents extends Events, TAttributes extends Attributes>(options: ComponentOptions<TEvents, TAttributes>) => ComponentConstructor<TEvents, TAttributes>;
 export declare const toCustomElement: <TEvents extends Events, TAttributes extends Attributes>(Component: ComponentConstructor<TEvents, TAttributes>) => CustomElementConstructor<TEvents, TAttributes>;

package/dist/index.js

@@ -99,6 +99,163 @@ const namespace = (tag) => {
 	return svgElements.has(tag) ? "http://www.w3.org/2000/svg" : "http://www.w3.org/1999/xhtml";
 };
 
+//#endregion
+//#region src/http/index.ts
+const sendText = (scope, text) => {
+	const { response } = useRuntime(scope);
+	response.headers.set("Content-Type", "text/plain");
+	return new Response(text, response);
+};
+const sendHtml = (scope, text) => {
+	const { response } = useRuntime(scope);
+	response.headers.set("Content-Type", "text/html");
+	return new Response(text, response);
+};
+const sendJson = (scope, value) => {
+	const { response } = useRuntime(scope);
+	response.headers.set("Content-Type", "application/json");
+	return new Response(JSON.stringify(value), response);
+};
+const sendRedirect = (scope, path) => {
+	const { response } = useRuntime(scope);
+	response.status = 302;
+	response.headers.set("Location", path);
+	return new Response(null, response);
+};
+const sendBadRequest = (scope, text) => {
+	const { response } = useRuntime(scope);
+	response.status = 400;
+	return new Response(text, response);
+};
+const sendUnauthorized = (scope) => {
+	const { response } = useRuntime(scope);
+	response.status = 401;
+	return new Response(null, response);
+};
+const useRequestUrl = (scope, base) => {
+	const { request } = useRuntime(scope);
+	return new URL(request.url, base);
+};
+const useCookies = (scope) => {
+	const { request } = useRuntime(scope);
+	return (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;
+	}, {});
+};
+const useSetCookies = (scope) => {
+	const { request } = useRuntime(scope);
+	return request.headers.getSetCookie().reduce((result, cookie) => {
+		const [name, value] = cookie.split("=");
+		if (name && value) result[name] = decodeURIComponent(value);
+		return result;
+	}, {});
+};
+const setCookie = (scope, name, value, options) => {
+	const { response } = useRuntime(scope);
+	let cookie = name + "=" + encodeURIComponent(value);
+	if (options?.domain) cookie += `; Domain=${options.domain}`;
+	if (options?.expires) cookie += `; Expires=${options.expires.toUTCString()}`;
+	if (options?.httpOnly) cookie += `; HttpOnly`;
+	if (options?.maxAge) cookie += `; Max-Age=${options.maxAge}`;
+	if (options?.path) cookie += `; Path=${options.path}`;
+	if (options?.priority) cookie += `; Priority=${options.priority}`;
+	if (options?.sameSite) cookie += `; SameSite=${options.sameSite}`;
+	if (options?.secure) cookie += `; Secure`;
+	if (isClient()) document.cookie = cookie;
+	else response.headers.append("Set-Cookie", cookie);
+};
+const mimeType = (file) => {
+	const extension = /\.([a-zA-Z0-9]+?)$/.exec(file)?.at(1);
+	return mimeTypes[extension ?? ""] ?? "text/plain";
+};
+const mimeTypes = {
+	txt: "text/plain",
+	css: "text/css",
+	html: "text/html",
+	htm: "text/html",
+	js: "text/javascript",
+	json: "application/json",
+	xml: "application/xml",
+	csv: "text/csv",
+	jpg: "image/jpeg",
+	jpeg: "image/jpeg",
+	png: "image/png",
+	gif: "image/gif",
+	webp: "image/webp",
+	svg: "image/svg+xml",
+	bmp: "image/bmp",
+	ico: "image/x-icon",
+	ttf: "font/ttf",
+	otf: "font/otf",
+	woff: "font/woff",
+	woff2: "font/woff2",
+	mp3: "audio/mpeg",
+	wav: "audio/wav",
+	ogg: "audio/ogg",
+	m4a: "audio/mp4",
+	mp4: "video/mp4",
+	webm: "video/webm",
+	ogv: "video/ogg",
+	mov: "video/quicktime",
+	avi: "video/x-msvideo",
+	zip: "application/zip",
+	rar: "application/vnd.rar",
+	tar: "application/x-tar",
+	gz: "application/gzip",
+	"7z": "application/x-7z-compressed",
+	pdf: "application/pdf",
+	doc: "application/msword",
+	docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+	xls: "application/vnd.ms-excel",
+	xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+	ppt: "application/vnd.ms-powerpoint",
+	pptx: "application/vnd.openxmlformats-officedocument.presentationml.presentation",
+	exe: "application/vnd.microsoft.portable-executable",
+	apk: "application/vnd.android.package-archive"
+};
+
+//#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/signals/index.ts
 var StopEvent = class extends Event {
@@ -117,9 +274,7 @@ var Scope = class extends EventTarget {
 	}
 	getContext(input) {
 		let scope = this;
-		const seen = /* @__PURE__ */ new Set();
-		while (scope && !seen.has(scope)) {
-			seen.add(scope);
+		while (scope) {
 			if (scope.context.has(input)) return scope.context.get(input);
 			scope = scope.parentScope;
 		}
@@ -184,11 +339,10 @@ function createState(value) {
 function createCompute(scope, invoke) {
 	let previous = activeCompute;
 	activeCompute = new Compute(scope, invoke);
-	try {
-		return invoke(activeCompute);
-	} finally {
-		activeCompute = previous;
-	}
+	const result = invoke(activeCompute);
+	if (result instanceof Promise) return result.finally(() => activeCompute = previous);
+	activeCompute = previous;
+	return result;
 }
 function createMemo(scope, invoke) {
 	let state;
@@ -211,71 +365,186 @@ let activeCompute;
 const targets = /* @__PURE__ */ new WeakMap();
 
 //#endregion
-//#region src/html/index.ts
-var MountedEvent = class extends Event {
-	constructor() {
-		super("mounted");
-	}
+//#region src/runtime/index.ts
+const isRoute = (value) => {
+	return !!value && typeof value === "object" && "fetch" in value;
 };
-const isTemplate = (value) => {
-	return !!value && typeof value === "object" && "tag" in value && "attributes" in value && "children" in value;
+const useRuntime = (scope) => {
+	return scope.getContext(RUNTIME_CONTEXT);
 };
-const isCustomElement = (value) => {
-	return !!value && typeof value === "object" && "component" in value;
+const useRoute = (scope) => {
+	return scope.getContext(ROUTE_CONTEXT);
 };
-const isComponent = (value) => {
-	return !!value && typeof value === "function" && "$name" in value;
+const defineRoute = (route) => {
+	return route;
 };
-const useHost = (scope) => {
-	return scope.getContext(HOST_CONTEXT);
+const defineMiddleware = (middleware) => {
+	return middleware;
 };
-const createElement = (input, attributes, ...children) => {
-	if (isComponent(input)) {
-		const template = {
-			tag: input.$name,
-			attributes: attributes ?? {},
-			children
-		};
-		if (input.$styles.length) {
-			const classes = template.attributes["class"];
-			template.attributes["class"] = (classes ? [classes, ...input.$styles] : input.$styles).join(" ");
-		}
-		return template;
-	}
-	if (typeof input === "string") return {
-		tag: input,
-		attributes: attributes ?? {},
-		children
-	};
-	return input?.({
-		...attributes,
-		children
-	});
+const fileName = (path) => {
+	return path.split("/").pop()?.split(".").slice(0, -1).join(".");
 };
-const 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 "";
-	}
+const 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)];
 };
-const toArray = (hydration) => {
-	if (Array.isArray(hydration)) return hydration.reduce((items, child) => items.concat(toArray(child)), new Array());
-	else return [hydration];
+const $fetch = async (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: new Array(),
+			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;
+	}
 };
-const 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;
+const useAsync = (scope, invoke) => {
+	const { tasks } = useRuntime(scope);
+	const state = createState();
+	const isLoading = createState(true);
+	const task = invoke().then((value) => state.value = value).finally(() => isLoading.value = false);
+	if (isServer()) tasks.push(task);
+	return {
+		state,
+		isLoading
+	};
+};
+const createRuntime = async () => {
+	const radix = new Radix();
+	const middlewares = new Array();
+	const routes = await import("#virtual/routes").then((module) => module.default);
+	for (const path in routes) {
+		const [name, method] = toPath(path);
+		radix.insert((method ?? "GET").toUpperCase() + name, defineRoute({ fetch: async (event) => {
+			const route = routes[path];
+			if (isRoute(route)) return route.fetch(event);
+			return sendHtml(event, await renderToString(event, await import("#virtual/client").then((module) => module.client)));
+		} }));
+	}
+	const assets = await import("#virtual/assets").then((module) => module.default);
+	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 } = useRequestUrl(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;
+			}
+		}
+	};
+};
+const RUNTIME_CONTEXT = defineContext("RUNTIME_CONTEXT");
+const ROUTE_CONTEXT = defineContext("ROUTE_CONTEXT");
+
+//#endregion
+//#region src/html/index.ts
+var MountedEvent = class extends Event {
+	constructor() {
+		super("mounted");
+	}
+};
+const isTemplate = (value) => {
+	return !!value && typeof value === "object" && "tag" in value && "attributes" in value && "children" in value;
+};
+const isCustomElement = (value) => {
+	return !!value && typeof value === "object" && "component" in value;
+};
+const isComponent = (value) => {
+	return !!value && typeof value === "function" && "$name" in value;
+};
+const useHost = (scope) => {
+	return scope.getContext(HOST_CONTEXT);
+};
+const createElement = (input, attributes, ...children) => {
+	if (isComponent(input)) {
+		const template = {
+			tag: input.$name,
+			attributes: attributes ?? {},
+			children
+		};
+		if (input.$styles.length) {
+			const classes = template.attributes["class"];
+			template.attributes["class"] = (classes ? [classes, ...input.$styles] : input.$styles).join(" ");
+		}
+		return template;
+	}
+	if (typeof input === "string") return {
+		tag: input,
+		attributes: attributes ?? {},
+		children
+	};
+	return input?.({
+		...attributes,
+		children
+	});
+};
+const 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 "";
+	}
+};
+const toArray = (hydration) => {
+	if (Array.isArray(hydration)) return hydration.reduce((items, child) => items.concat(toArray(child)), new Array());
+	else return [hydration];
+};
+const 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;
 };
 const toFragment = (hydration) => {
 	return toArray(hydration).reduce((fragment, node) => {
@@ -283,20 +552,20 @@ const toFragment = (hydration) => {
 		return fragment;
 	}, document.createDocumentFragment());
 };
-const hydrate = async (scope, parentNode, slot, index, previous) => {
+const 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(await hydrate(scope, parentNode, childSlot, index$1, previous));
+		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;
-		await createCompute(scope, async (scope$1) => {
+		createCompute(scope, (scope$1) => {
 			let input = slot;
-			while (typeof input === "function") input = await input();
-			hydration = await hydrate(scope$1, parentNode, input, index, previous$1);
+			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();
@@ -331,13 +600,14 @@ const hydrate = async (scope, parentNode, slot, index, previous) => {
 				return target.setAttribute(name, set);
 			}
 		});
-		for (const [index$1, childSlot] of slot.children.entries()) await hydrate(scope, hydration, childSlot, index$1, previous);
+		for (const [index$1, childSlot] of slot.children.entries()) hydrate(scope, hydration, childSlot, index$1, previous);
 	}
 	hydration ??= document.createComment("");
 	if (parentNode.childNodes.item(index) === null) parentNode.appendChild(toFragment(hydration));
 	return hydration;
 };
 const renderToString = async (scope, slot) => {
+	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;
@@ -359,7 +629,9 @@ const renderToString = async (scope, slot) => {
 		let content = `<${prefix}>`;
 		if (CustomElement) {
 			const element = new CustomElement(slot.attributes, scope);
-			const template = await renderToString(element.scope, await element.setup());
+			const result = element.setup();
+			while (tasks.length) await tasks.shift();
+			const template = await renderToString(element.scope, result);
 			if (element.shadowRoot) {
 				const shadow = {
 					tag: "template",
@@ -405,9 +677,16 @@ const defineComponent = (options) => {
 const toCustomElement = (Component) => {
 	return class extends HTMLElement {
 		static formAssociated = true;
-		component = new Component();
-		internals = this.attachInternals();
-		async connectedCallback() {
+		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) {
@@ -425,11 +704,7 @@ const toCustomElement = (Component) => {
 					detail: value
 				}));
 			});
-			this.component.scope.setContext(HOST_CONTEXT, {
-				host: this,
-				internals: this.internals
-			});
-			await hydrate(this.component.scope, rootNode, await this.component.setup(), 0);
+			hydrate(this.component.scope, rootNode, this.component.setup(), 0);
 			requestAnimationFrame(() => this.dispatchEvent(new MountedEvent()));
 		}
 		attributeChangedCallback(name, oldValue, value) {
@@ -498,266 +773,6 @@ const stopImmediatePropagation = (event) => event.stopImmediatePropagation();
 const components = /* @__PURE__ */ new Map();
 const HOST_CONTEXT = defineContext("HOST_CONTEXT");
 
-//#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
-const isRoute = (value) => {
-	return !!value && typeof value === "object" && "fetch" in value;
-};
-const useRuntime = (scope) => {
-	return scope.getContext(RUNTIME_CONTEXT);
-};
-const useRoute = (scope) => {
-	return scope.getContext(ROUTE_CONTEXT);
-};
-const defineRoute = (route) => {
-	return route;
-};
-const defineMiddleware = (middleware) => {
-	return middleware;
-};
-const fileName = (path) => {
-	return path.split("/").pop()?.split(".").slice(0, -1).join(".");
-};
-const 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)];
-};
-const $fetch = async (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, {
-			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;
-	}
-};
-const createRuntime = async () => {
-	const radix = new Radix();
-	const middlewares = new Array();
-	const routes = await import("#virtual/routes").then((module) => module.routes);
-	for (const path in routes) {
-		const [name, method] = toPath(path);
-		radix.insert((method ?? "GET").toUpperCase() + name, defineRoute({ fetch: async (event) => {
-			const route = await routes[path]?.();
-			if (isRoute(route)) return route.fetch(event);
-			return sendHtml(event, await renderToString(event, await import("#virtual/client").then((module) => module.client)));
-		} }));
-	}
-	const assets = await import("#virtual/assets").then((module) => module.assets);
-	for (const path in assets) radix.insert("GET/" + path, defineRoute({ fetch: async (scope) => {
-		const { response } = useRuntime(scope);
-		let content = await 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 } = useRequestUrl(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;
-			}
-		}
-	};
-};
-const RUNTIME_CONTEXT = defineContext("RUNTIME_CONTEXT");
-const ROUTE_CONTEXT = defineContext("ROUTE_CONTEXT");
-
-//#endregion
-//#region src/http/index.ts
-const sendText = (scope, text) => {
-	const { response } = useRuntime(scope);
-	response.headers.set("Content-Type", "text/plain");
-	return new Response(text, response);
-};
-const sendHtml = (scope, text) => {
-	const { response } = useRuntime(scope);
-	response.headers.set("Content-Type", "text/html");
-	return new Response(text, response);
-};
-const sendJson = (scope, value) => {
-	const { response } = useRuntime(scope);
-	response.headers.set("Content-Type", "application/json");
-	return new Response(JSON.stringify(value), response);
-};
-const sendRedirect = (scope, path) => {
-	const { response } = useRuntime(scope);
-	response.status = 302;
-	response.headers.set("Location", path);
-	return new Response(null, response);
-};
-const sendBadRequest = (scope, text) => {
-	const { response } = useRuntime(scope);
-	response.status = 400;
-	return new Response(text, response);
-};
-const sendUnauthorized = (scope) => {
-	const { response } = useRuntime(scope);
-	response.status = 401;
-	return new Response(null, response);
-};
-const useRequestUrl = (scope, base) => {
-	const { request } = useRuntime(scope);
-	return new URL(request.url, base);
-};
-const useCookies = (scope) => {
-	const { request } = useRuntime(scope);
-	return (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;
-	}, {});
-};
-const useSetCookies = (scope) => {
-	const { request } = useRuntime(scope);
-	return request.headers.getSetCookie().reduce((result, cookie) => {
-		const [name, value] = cookie.split("=");
-		if (name && value) result[name] = decodeURIComponent(value);
-		return result;
-	}, {});
-};
-const setCookie = (scope, name, value, options) => {
-	const { response } = useRuntime(scope);
-	let cookie = name + "=" + encodeURIComponent(value);
-	if (options?.domain) cookie += `; Domain=${options.domain}`;
-	if (options?.expires) cookie += `; Expires=${options.expires.toUTCString()}`;
-	if (options?.httpOnly) cookie += `; HttpOnly`;
-	if (options?.maxAge) cookie += `; Max-Age=${options.maxAge}`;
-	if (options?.path) cookie += `; Path=${options.path}`;
-	if (options?.priority) cookie += `; Priority=${options.priority}`;
-	if (options?.sameSite) cookie += `; SameSite=${options.sameSite}`;
-	if (options?.secure) cookie += `; Secure`;
-	if (isClient()) document.cookie = cookie;
-	else response.headers.append("Set-Cookie", cookie);
-};
-const mimeType = (file) => {
-	const extension = /\.([a-zA-Z0-9]+?)$/.exec(file)?.at(1);
-	return mimeTypes[extension ?? ""] ?? "text/plain";
-};
-const mimeTypes = {
-	txt: "text/plain",
-	css: "text/css",
-	html: "text/html",
-	htm: "text/html",
-	js: "text/javascript",
-	json: "application/json",
-	xml: "application/xml",
-	csv: "text/csv",
-	jpg: "image/jpeg",
-	jpeg: "image/jpeg",
-	png: "image/png",
-	gif: "image/gif",
-	webp: "image/webp",
-	svg: "image/svg+xml",
-	bmp: "image/bmp",
-	ico: "image/x-icon",
-	ttf: "font/ttf",
-	otf: "font/otf",
-	woff: "font/woff",
-	woff2: "font/woff2",
-	mp3: "audio/mpeg",
-	wav: "audio/wav",
-	ogg: "audio/ogg",
-	m4a: "audio/mp4",
-	mp4: "video/mp4",
-	webm: "video/webm",
-	ogv: "video/ogg",
-	mov: "video/quicktime",
-	avi: "video/x-msvideo",
-	zip: "application/zip",
-	rar: "application/vnd.rar",
-	tar: "application/x-tar",
-	gz: "application/gzip",
-	"7z": "application/x-7z-compressed",
-	pdf: "application/pdf",
-	doc: "application/msword",
-	docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
-	xls: "application/vnd.ms-excel",
-	xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
-	ppt: "application/vnd.ms-powerpoint",
-	pptx: "application/vnd.openxmlformats-officedocument.presentationml.presentation",
-	exe: "application/vnd.microsoft.portable-executable",
-	apk: "application/vnd.android.package-archive"
-};
-
 //#endregion
 //#region src/router/index.tsx
 var NavigateEvent = class extends Event {
@@ -765,12 +780,11 @@ var NavigateEvent = class extends Event {
 		super("navigate");
 	}
 };
-const ROUTER_CONTEXT = defineContext("ROUTER_CONTEXT");
-const createRouter = (options) => {
-	const navigator = new EventTarget();
-	const radix = new Radix();
+const 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) {
@@ -778,31 +792,26 @@ const createRouter = (options) => {
 			if (value) radix.insert(name, value);
 		}
 	}
-	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);
-			inputs.value = match.inputs;
-			await startViewTransition(async () => route.value = await match.value?.());
-		};
-		if (isClient()) useEvent(scope, window, "popstate", () => navigator.dispatchEvent(new NavigateEvent()));
-		scope.setContext(ROUTE_CONTEXT, { inputs: createState() });
-		scope.setContext(ROUTER_CONTEXT, {
-			options,
-			navigator,
-			url,
-			radix,
-			route
-		});
-		await fetch$1().then(() => useEvent(scope, navigator, "navigate", fetch$1));
-		return useRouter(scope);
-	};
-	return {
-		ROUTER_CONTEXT,
-		registerRouterContext
+	const fetch$1 = () => {
+		const { inputs } = useRoute(scope);
+		const { request } = useRuntime(scope);
+		url.value = new URL(request?.url ?? window?.location.href);
+		const match = radix.match(url.value.pathname);
+		inputs.value = match.inputs;
+		route.value = match.value;
 	};
+	if (isClient()) useEvent(scope, window, "popstate", () => navigator.dispatchEvent(new NavigateEvent()));
+	scope.setContext(ROUTE_CONTEXT, { inputs: createState() });
+	scope.setContext(ROUTER_CONTEXT, {
+		options,
+		navigator,
+		url,
+		radix,
+		route
+	});
+	fetch$1();
+	useEvent(scope, navigator, "navigate", async () => await startViewTransition(fetch$1));
+	return useRouter(scope);
 };
 const useRouter = (scope, context) => {
 	const { url, route, navigator } = scope.getContext(context ?? ROUTER_CONTEXT);
@@ -831,38 +840,33 @@ const Page = defineComponent({
 		return () => route.value;
 	}
 });
+const ROUTER_CONTEXT = defineContext("ROUTER_CONTEXT");
 
 //#endregion
 //#region src/locale/index.ts
-const LOCALE_CONTEXT = defineContext("LOCALE_CONTEXT");
-const createLocale = (options) => {
+const provideLocaleContext = (scope, options) => {
+	const { inputs } = useRoute(scope);
+	const { navigator } = useRouter(scope);
 	const locale = createState(options.defaultLocale);
 	const messages = createState();
-	const registerLocaleContext = async (scope) => {
-		const { inputs } = useRoute(scope);
-		const { navigator } = useRouter(scope);
-		const fetch$1 = async () => {
-			if (options.input) {
-				const input = inputs.value[options.input];
-				if (input && input in options.locales) locale.value = input;
-			}
-			if (locale.value) {
-				const target = options.locales[locale.value];
-				messages.value = typeof target === "function" ? await target() : target;
-			}
-		};
-		await fetch$1().then(() => useEvent(scope, navigator, "navigate", fetch$1));
-		scope.setContext(LOCALE_CONTEXT, {
-			locale,
-			messages,
-			options
-		});
-		return useLocale(scope);
-	};
-	return {
-		LOCALE_CONTEXT,
-		registerLocaleContext
+	const fetch$1 = () => {
+		if (options.input) {
+			const input = inputs.value[options.input];
+			if (input && input in options.locales) locale.value = input;
+		}
+		if (locale.value) {
+			const target = options.locales[locale.value];
+			messages.value = target;
+		}
 	};
+	fetch$1();
+	useEvent(scope, navigator, "navigate", fetch$1);
+	scope.setContext(LOCALE_CONTEXT, {
+		locale,
+		messages,
+		options
+	});
+	return useLocale(scope);
 };
 const useLocale = (scope, context) => {
 	const { locale, messages } = scope.getContext(context ?? LOCALE_CONTEXT);
@@ -880,6 +884,7 @@ const useLocale = (scope, context) => {
 		date
 	};
 };
+const LOCALE_CONTEXT = defineContext("LOCALE_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, 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 };
+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, createMemo, createRuntime, createState, defineComponent, defineContext, defineMiddleware, defineRoute, fileName, fromValue, hydrate, isClient, isComponent, isCustomElement, isRoute, isServer, isTemplate, mimeType, onMounted, preventDefault, provideLocaleContext, provideRouterContext, registerComponent, renderToString, sendBadRequest, sendHtml, sendJson, sendRedirect, sendText, sendUnauthorized, setCookie, startViewTransition, stopImmediatePropagation, stopPropagation, targets, toArray, toCustomElement, toFragment, toPath, toRange, toString, useAsync, useCookies, useEvent, useHost, useLocale, useRequestUrl, useRoute, useRouter, useRuntime, useSetCookies };

package/dist/jsx/index.js

@@ -3,6 +3,11 @@ function defineContext(key) {
 	return key;
 }
 
+//#endregion
+//#region src/runtime/index.ts
+const RUNTIME_CONTEXT = defineContext("RUNTIME_CONTEXT");
+const ROUTE_CONTEXT = defineContext("ROUTE_CONTEXT");
+
 //#endregion
 //#region src/html/index.ts
 const isComponent = (value) => {

package/dist/locale/index.d.ts

@@ -1,24 +1,19 @@
 import { type Descriptor, Scope, type State } from "../signals";
-export type Locales = Record<string, Record<string, string> | (() => Promise<Record<string, string>>)>;
-export type LocaleOptions<T extends Locales = Locales> = {
-    locales: T;
-    defaultLocale?: keyof T;
+export type LocaleOptions = {
+    locales: Record<string, Record<string, string>>;
+    defaultLocale?: string;
     input?: string;
 };
-export type LocaleContext<T extends LocaleOptions = LocaleOptions> = {
+export type LocaleContext = {
     locale: State<string | undefined>;
     messages: State<Record<string, string> | undefined>;
-    options: T;
+    options: LocaleOptions;
 };
-export declare const LOCALE_CONTEXT: Descriptor<LocaleContext<LocaleOptions<Locales>>>;
-export declare const createLocale: <T extends LocaleOptions>(options: T) => {
-    LOCALE_CONTEXT: Descriptor<LocaleContext<T>>;
-    registerLocaleContext: (scope: Scope) => Promise<{
-        locale: State<string | undefined>;
-        messages: State<Record<string, string> | undefined>;
-        $: (key: never) => () => string | number | symbol;
-        date: (date?: Date, options?: Intl.DateTimeFormatOptions) => string | undefined;
-    }>;
+export declare const provideLocaleContext: (scope: Scope, options: LocaleOptions) => {
+    locale: State<string | undefined>;
+    messages: State<Record<string, string> | undefined>;
+    $: (key: string) => () => string | number | symbol;
+    date: (date?: Date, options?: Intl.DateTimeFormatOptions) => string | undefined;
 };
 export declare const useLocale: <T extends LocaleContext>(scope: Scope, context?: Descriptor<T>) => {
     locale: State<string | undefined>;
@@ -26,3 +21,4 @@ export declare const useLocale: <T extends LocaleContext>(scope: Scope, context?
     $: (key: keyof T["options"]["locales"][keyof T["options"]["locales"]]) => () => string | number | symbol;
     date: (date?: Date, options?: Intl.DateTimeFormatOptions) => string | undefined;
 };
+export declare const LOCALE_CONTEXT: Descriptor<LocaleContext>;

package/dist/presets/bun.js

@@ -1,20 +1,17 @@
-import { RUNTIME_CONTEXT, Scope } from "./runtime-plDYfDhw.js";
+import { RUNTIME_CONTEXT, Scope } from "./runtime-Daz6s680.js";
 import { serve } from "bun";
 import { runtime } from "#virtual/runtime";
 
 //#region src/presets/bun.ts
-serve({ fetch: (request) => {
+serve({ fetch: async (request) => {
 	const scope = new Scope();
 	scope.setContext(RUNTIME_CONTEXT, {
+		tasks: new Array(),
 		request,
 		response: { headers: new Headers() },
 		variables: process.env
 	});
-	try {
-		return runtime.fetch(scope);
-	} finally {
-		scope.stop();
-	}
+	return await runtime.fetch(scope).finally(() => scope.stop());
 } });
 
 //#endregion

package/dist/presets/cloudflare.js

@@ -1,19 +1,16 @@
-import { RUNTIME_CONTEXT, Scope } from "./runtime-plDYfDhw.js";
+import { RUNTIME_CONTEXT, Scope } from "./runtime-Daz6s680.js";
 import { runtime } from "#virtual/runtime";
 
 //#region src/presets/cloudflare.ts
-var cloudflare_default = { fetch: (request, variables) => {
+var cloudflare_default = { fetch: async (request, variables) => {
 	const scope = new Scope();
 	scope.setContext(RUNTIME_CONTEXT, {
+		tasks: new Array(),
 		request,
 		response: { headers: new Headers() },
 		variables
 	});
-	try {
-		return runtime.fetch(scope);
-	} finally {
-		scope.stop();
-	}
+	return await runtime.fetch(scope).finally(() => scope.stop());
 } };
 
 //#endregion

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

@@ -15,9 +15,7 @@ var Scope = class extends EventTarget {
 	}
 	getContext(input) {
 		let scope = this;
-		const seen = /* @__PURE__ */ new Set();
-		while (scope && !seen.has(scope)) {
-			seen.add(scope);
+		while (scope) {
 			if (scope.context.has(input)) return scope.context.get(input);
 			scope = scope.parentScope;
 		}

package/dist/router/index.d.ts

@@ -1,30 +1,25 @@
 import { type Slot } from "../html";
 import { Radix } from "../radix";
 import { type Descriptor, Scope, type State } from "../signals";
-export type Routes = Record<string, () => Promise<Slot>>;
-export type RouterOptions<T extends Routes = Routes> = {
-    routes: T;
+export type RouterOptions = {
+    routes: Record<string, Slot>;
 };
-export type RouterContext<T extends RouterOptions = RouterOptions> = {
-    options: T;
-    navigator: EventTarget;
+export type RouterContext = {
     url: State<URL | undefined>;
-    radix: Radix<() => Promise<Slot>>;
     route: State<Slot | undefined>;
+    radix: Radix<Slot>;
+    navigator: EventTarget;
+    options: RouterOptions;
 };
 export declare class NavigateEvent extends Event {
     constructor();
 }
-export declare const ROUTER_CONTEXT: Descriptor<RouterContext<RouterOptions<Routes>>>;
-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>;
-        navigator: EventTarget;
-        navigate: (path: string) => void;
-        anchorNavigate: (event: Event) => void;
-    }>;
+export declare const provideRouterContext: (scope: Scope, options: RouterOptions) => {
+    url: State<URL | undefined>;
+    route: State<unknown>;
+    navigator: EventTarget;
+    navigate: (path: string) => void;
+    anchorNavigate: (event: Event) => void;
 };
 export declare const useRouter: <T extends RouterContext>(scope: Scope, context?: Descriptor<T>) => {
     url: State<URL | undefined>;
@@ -34,6 +29,7 @@ export declare const useRouter: <T extends RouterContext>(scope: Scope, context?
     anchorNavigate: (event: Event) => void;
 };
 export declare const Page: import("..").ComponentConstructor<import("..").Events, import("..").Attributes>;
+export declare const ROUTER_CONTEXT: Descriptor<RouterContext>;
 declare global {
     interface ElementEventMap {
         navigate: NavigateEvent;

package/dist/runtime/index.d.ts

@@ -13,6 +13,7 @@ export type Runtime = {
     fetch: (scope: Scope) => Promise<Response>;
 };
 export type RuntimeContext<T = Record<string, unknown>> = {
+    tasks: Array<Promise<unknown>>;
     request: Request;
     response: ResponseOptions;
     variables: T;
@@ -28,6 +29,10 @@ export declare const defineMiddleware: (middleware: Middleware) => Middleware;
 export declare const fileName: (path: string) => string | undefined;
 export declare const toPath: (value: string) => (string | undefined)[];
 export declare const $fetch: <T>(scope: Scope, input: string | URL, options?: RequestInit) => Promise<T>;
+export declare const useAsync: <T>(scope: Scope, invoke: () => Promise<T>) => {
+    state: State<T | undefined>;
+    isLoading: State<boolean>;
+};
 export declare const createRuntime: () => Promise<Runtime>;
 export declare const RUNTIME_CONTEXT: import("..").Descriptor<RuntimeContext<Record<string, unknown>>>;
 export declare const ROUTE_CONTEXT: import("..").Descriptor<RouteContext>;

package/package.json

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

package/src/types/index.d.ts

@@ -1,9 +1,7 @@
-declare module "#virtual/locales" {
-    export const locales: Record<string, () => Promise<Record<string, string>>>;
-}
+declare module "#virtual/runtime" {
+    import type { Runtime } from "revojs";
 
-declare module "#virtual/assets" {
-    export const assets: Record<string, () => Promise<string>>;
+    export const runtime: Runtime;
 }
 
 declare module "#virtual/client" {
@@ -15,11 +13,19 @@ declare module "#virtual/client" {
 declare module "#virtual/routes" {
     import type { Route, Slot } from "revojs";
 
-    export const routes: Record<string, () => Promise<Route | Slot>>;
+    const routes: Record<string, Route | Slot>;
+
+    export default routes;
 }
 
-declare module "#virtual/runtime" {
-    import type { Runtime } from "revojs";
+declare module "#virtual/locales" {
+    const locales: Record<string, Record<string, string>>;
 
-    export const runtime: Runtime;
+    export default locales;
+}
+
+declare module "#virtual/assets" {
+    const assets: Record<string, string>;
+
+    export default assets;
 }