revojs 0.0.48 → 0.0.50

package/dist/app/index.d.ts

@@ -1,12 +1,13 @@
-import { type Template } from "../html";
-import type { Middleware } from "../http";
+import type { Middleware } from "../runtime";
 export type NestedPartial<T> = T extends any[] ? T : T extends Record<string, any> ? {
     [P in keyof T]?: NestedPartial<T[P]>;
 } : T;
 export type Environment = typeof CLIENT | typeof SERVER;
+export type Virtual = (environment: Environment) => void | string;
+export type ClientEntry = "index.html" | (string & {});
 export type ServerEntry = "revojs/presets/node" | "revojs/presets/deno" | "revojs/presets/bun" | "revojs/presets/cloudflare" | (string & {});
 export type ClientConfig = {
-    entry: string;
+    entry: ClientEntry;
 };
 export type ServerConfig = {
     entry: ServerEntry;
@@ -15,15 +16,14 @@ export type DevelopmentConfig = {
     middleware: Array<Middleware>;
 };
 export type Config = {
-    client: ClientConfig;
+    client: false | ClientConfig;
     server: false | ServerConfig;
-    markdown: Record<string, Template>;
     dev: DevelopmentConfig;
 };
 export type App = {
     config: Config;
-    virtuals: Record<string, (environment: Environment) => string>;
+    virtuals: Record<string, Virtual>;
 };
-export declare const createApp: <T>(config?: NestedPartial<Config>) => App;
+export declare const createApp: (config?: NestedPartial<Config>) => App;
 export declare const SERVER = "ssr";
 export declare const CLIENT = "client";

package/dist/html/index.d.ts

@@ -87,7 +87,6 @@ export declare const registerComponent: <TEvents extends Events, TAttributes ext
 export declare function useEvent<T extends keyof ElementEventMap>(scope: Scope, target: EventTarget | undefined | null, event: T, input: EventListener<ElementEventMap[T]>, options?: AddEventListenerOptions): void;
 export declare function useEvent<T extends keyof WindowEventMap>(scope: Scope, target: Window | undefined | null, event: T, input: EventListener<WindowEventMap[T]>, options?: AddEventListenerOptions): void;
 export declare function useEvent<T extends keyof HTMLElementEventMap>(scope: Scope, target: HTMLElement | undefined | null, event: T, input: EventListener<HTMLElementEventMap[T]>, options?: AddEventListenerOptions): void;
-export declare const getCustomElement: (node: Node | null) => CustomElement<Events, Attributes> | undefined;
 export declare const isClient: () => boolean;
 export declare const isServer: () => boolean;
 export declare const preventDefault: (event: Event) => void;

package/dist/http/index.d.ts

@@ -19,15 +19,15 @@ export type ResponseOptions = {
     headers: Headers;
 };
 export type Handle = (scope: Scope) => void | Response | Promise<void | Response>;
-export type Middleware = (scope: Scope, next: Handle) => void | Response | Promise<void | Response>;
+export type Chain = (scope: Scope, next: Handle) => void | Response | Promise<void | Response>;
 export declare const sendText: (scope: Scope, text: string) => Response;
 export declare const sendHtml: (scope: Scope, text: string) => Response;
 export declare const sendJson: <T>(scope: Scope, value: T) => Response;
 export declare const sendRedirect: (scope: Scope, path: string) => Response;
 export declare const sendBadRequest: (scope: Scope, text: string) => Response;
 export declare const sendUnauthorized: (scope: Scope) => Response;
-export declare const getRequestUrl: (scope: Scope, base?: string) => URL;
-export declare const getCookies: (scope: Scope) => Record<string, string>;
-export declare const getSetCookies: (scope: Scope) => Record<string, string>;
+export declare const useRequestUrl: (scope: Scope, base?: string) => URL;
+export declare const useCookies: (scope: Scope) => Record<string, string>;
+export declare const useSetCookies: (scope: Scope) => Record<string, string>;
 export declare const setCookie: (scope: Scope, name: string, value: string, options?: CookieOptions) => void;
-export declare const getMimeType: (file: string) => MimeType;
+export declare const mimeType: (file: string) => MimeType;

package/dist/index.d.ts

@@ -2,7 +2,6 @@ export * from "./app";
 export * from "./html";
 export * from "./http";
 export * from "./locale";
-export * from "./markdown";
 export * from "./radix";
 export * from "./router";
 export * from "./runtime";

package/dist/index.js

@@ -7,7 +7,6 @@ const createApp = (config) => {
 		config: defu(config, {
 			client: { entry: "./index.html" },
 			server: { entry: "revojs/presets/node" },
-			markdown: {},
 			dev: { middleware: [] }
 		}),
 		virtuals: {}
@@ -412,7 +411,7 @@ const toCustomElement = (Component) => {
 				internals: this.internals
 			});
 			await hydrate(this.component.scope, rootNode, await this.component.setup(), 0);
-			this.dispatchEvent(new MountedEvent());
+			requestAnimationFrame(() => this.dispatchEvent(new MountedEvent()));
 		}
 		attributeChangedCallback(name, oldValue, value) {
 			if (value === oldValue) return;
@@ -462,12 +461,6 @@ function useEvent(scope, target, event, input, options) {
 	});
 	scope.onStop(() => controller.abort());
 }
-const getCustomElement = (node) => {
-	if (node) {
-		if ("component" in node) return node;
-		return getCustomElement(node.parentNode);
-	}
-};
 const isClient = () => typeof window !== "undefined";
 const isServer = () => typeof window === "undefined";
 const preventDefault = (event) => event.preventDefault();
@@ -527,6 +520,9 @@ const useRoute = (scope) => {
 const defineRoute = (route) => {
 	return route;
 };
+const defineMiddleware = (middleware) => {
+	return middleware;
+};
 const fileName = (path) => {
 	return path.split("/").pop()?.split(".").slice(0, -1).join(".");
 };
@@ -573,23 +569,23 @@ const createRuntime = async () => {
 	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);
-		response.headers.set("Content-Type", getMimeType(path));
+		response.headers.set("Content-Type", mimeType(path));
 		return new Response(await assets[path]?.(), response);
 	} }));
-	const invoke = (scope, next, index) => {
-		return middlewares.at(index)?.(scope, () => invoke(scope, next, index + 1)) ?? next(scope);
+	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 url = getRequestUrl(scope);
-			const { value: route, inputs } = radix.match(request.method + url.pathname);
+			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.fetch, 0);
+					const response = await invoke(scope, route, 0);
 					if (response) return response;
 				}
 				return sendText(scope, "NOT_FOUND");
@@ -636,19 +632,19 @@ const sendUnauthorized = (scope) => {
 	response.status = 401;
 	return new Response(null, response);
 };
-const getRequestUrl = (scope, base) => {
+const useRequestUrl = (scope, base) => {
 	const { request } = useRuntime(scope);
 	return new URL(request.url, base);
 };
-const getCookies = (scope) => {
+const useCookies = (scope) => {
 	const { request } = useRuntime(scope);
-	return (request.headers.get("Cookie")?.split("; ") ?? []).reduce((result, cookie) => {
+	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 getSetCookies = (scope) => {
+const useSetCookies = (scope) => {
 	const { request } = useRuntime(scope);
 	return request.headers.getSetCookie().reduce((result, cookie) => {
 		const [name, value] = cookie.split("=");
@@ -667,9 +663,10 @@ const setCookie = (scope, name, value, options) => {
 	if (options?.priority) cookie += `; Priority=${options.priority}`;
 	if (options?.sameSite) cookie += `; SameSite=${options.sameSite}`;
 	if (options?.secure) cookie += `; Secure`;
-	response.headers.append("Set-Cookie", cookie);
+	if (isClient()) document.cookie = cookie;
+	else response.headers.append("Set-Cookie", cookie);
 };
-const getMimeType = (file) => {
+const mimeType = (file) => {
 	const extension = /\.([a-zA-Z0-9]+?)$/.exec(file)?.at(1);
 	return mimeTypes[extension ?? ""] ?? "text/plain";
 };
@@ -787,7 +784,7 @@ const useRouter = (scope, context) => {
 const Page = defineComponent({
 	name: "x-page",
 	setup: ({ scope }) => {
-		const { route } = scope.getContext(ROUTER_CONTEXT);
+		const { route } = useRouter(scope);
 		return () => route.value;
 	}
 });
@@ -841,97 +838,4 @@ const useLocale = (scope, context) => {
 };
 
 //#endregion
-//#region src/markdown/index.ts
-const charWhile = (buffer, start, ...chars) => {
-	let depth = 0;
-	let current = buffer.at(start + depth);
-	while (current && chars.includes(current)) {
-		depth += 1;
-		current = buffer.at(start + depth);
-	}
-	return depth;
-};
-const charUntil = (buffer, start, ...chars) => {
-	let depth = 0;
-	let current = buffer.at(start + depth);
-	while (current && !chars.includes(current)) {
-		depth += 1;
-		current = buffer.at(start + depth);
-	}
-	return depth;
-};
-const inlineText = (buffer, options) => {
-	const nodes = new Array();
-	let index = 0;
-	while (index < buffer.length) {
-		const char = buffer.charAt(index);
-		const text = charUntil(buffer, index, "*", "_", "\n");
-		if (text > 0) {
-			nodes.push(buffer.slice(index, index + text));
-			index += text;
-			continue;
-		}
-		if (char === "*" || char === "_") {
-			const start = charWhile(buffer, index, char);
-			const between = charUntil(buffer, index + start, char);
-			const end = charWhile(buffer, index + start + between, char);
-			const min = Math.min(start, end, 2);
-			const leading = start - min;
-			const trailing = end - min;
-			const slice = buffer.slice(index + leading + min, index + start + between + end - trailing - min);
-			if (slice.length > 0) {
-				const inline = inlineText(char.repeat(leading) + slice + char.repeat(trailing), options);
-				const tag = min === 2 ? "strong" : "em";
-				nodes.push(defu(options?.[tag], {
-					tag,
-					attributes: {},
-					children: inline
-				}));
-			}
-			index += start + between + end;
-			continue;
-		}
-		if (char === "\n") {
-			nodes.push(defu(options?.["br"], {
-				tag: "br",
-				attributes: {},
-				children: []
-			}));
-			index += 1;
-			continue;
-		}
-	}
-	return nodes;
-};
-const markdownToSlot = (input, options) => {
-	const nodes = new Array();
-	const buffer = input.replace(/[\r]+/g, "").trim();
-	let index = 0;
-	while (index < buffer.length) {
-		const start = index;
-		let lines = charWhile(buffer, index, "\n");
-		while (lines < 2 && index < buffer.length) {
-			index += lines + charUntil(buffer, index + lines, "\n");
-			lines = charWhile(buffer, index, "\n");
-		}
-		const block = buffer.slice(start, index);
-		if (block.startsWith("#")) {
-			const depth = charWhile(block, 0, "#");
-			const tag = "h" + depth;
-			nodes.push(defu(options?.[tag], {
-				tag,
-				attributes: {},
-				children: inlineText(block.slice(depth))
-			}));
-		} else nodes.push(defu(options?.["p"], {
-			tag: "p",
-			attributes: {},
-			children: inlineText(block)
-		}));
-		index += lines;
-	}
-	return nodes;
-};
-
-//#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, defineRoute, fileName, fromValue, getCookies, getCustomElement, getMimeType, getRequestUrl, getSetCookies, hydrate, isClient, isServer, isTemplate, markdownToSlot, preventDefault, registerComponent, renderToString, sendBadRequest, sendHtml, sendJson, sendRedirect, sendText, sendUnauthorized, setCookie, stopImmediatePropagation, stopPropagation, targets, toArray, toCustomElement, toFragment, toPath, toRange, toString, useEvent, useHost, useLocale, useRoute, useRouter, useRuntime };
+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, isServer, isTemplate, mimeType, preventDefault, registerComponent, renderToString, sendBadRequest, sendHtml, sendJson, sendRedirect, sendText, sendUnauthorized, setCookie, stopImmediatePropagation, stopPropagation, targets, toArray, toCustomElement, toFragment, toPath, toRange, toString, useCookies, useEvent, useHost, useLocale, useRequestUrl, useRoute, useRouter, useRuntime, useSetCookies };

package/dist/runtime/index.d.ts

@@ -1,9 +1,12 @@
-import { type Handle, type Middleware, type ResponseOptions } from "../http";
+import { type Chain, type Handle, type ResponseOptions } from "../http";
 import { Radix } from "../radix";
 import { Scope, type State } from "../signals";
 export type Route = {
     fetch: Handle;
 };
+export type Middleware = {
+    fetch: Chain;
+};
 export type Runtime = {
     radix: Radix<Route>;
     middlewares: Array<Middleware>;
@@ -17,9 +20,10 @@ export type RuntimeContext<T = Record<string, unknown>> = {
 export type RouteContext = {
     inputs: State<Record<string, string>>;
 };
-export declare const useRuntime: (scope: Scope) => RuntimeContext<Record<string, unknown>>;
+export declare const useRuntime: <T = Record<string, unknown>>(scope: Scope) => RuntimeContext<T>;
 export declare const useRoute: (scope: Scope) => RouteContext;
 export declare const defineRoute: (route: Route) => Route;
+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>;

package/package.json

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

package/dist/markdown/index.d.ts

@@ -1,2 +0,0 @@
-import type { Template } from "../html";
-export declare const markdownToSlot: (input: string, options?: Record<string, Template>) => unknown[];