revojs 0.0.26 → 0.0.28

package/dist/index.d.ts

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

package/dist/index.js

@@ -260,9 +260,9 @@ const renderToString = async (scope, slot) => {
 				const children = await renderToString(scope, slot.children);
 				if (customElement) {
 					const element = new customElement(slot.attributes, scope);
-					const template = await renderToString(scope, await element.setup());
+					const template = await renderToString(element.scope, await element.setup());
 					if (element.shadowRoot) {
-						const shadow = await renderToString(scope, {
+						const shadow = await renderToString(element.scope, {
 							tag: "template",
 							attributes: { shadowRootMode: element.shadowRoot.mode },
 							children: [template]
@@ -377,7 +377,7 @@ const defineComponent = (options) => {
 					return findParent(node.parentNode);
 				}
 			};
-			const parentNode = findParent(this.host);
+			const parentNode = findParent(this.host?.parentNode);
 			if (parentNode) this.scope.parentScope = parentNode.component.scope;
 			return options.setup(this);
 		};
@@ -548,99 +548,6 @@ const mimeTypes = {
 	txt: "text/plain"
 };
 
-//#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
 //#region src/radix/index.ts
 var Radix = class Radix {
@@ -762,6 +669,18 @@ const RUNTIME_CONTEXT = defineContext("RUNTIME_CONTEXT");
 
 //#endregion
 //#region src/router/index.tsx
+const ROUTE_CONTEXT = defineContext("ROUTE_CONTEXT");
+const navigate = (url) => {
+	if (isClient()) {
+		const state = window.history.state;
+		window.history.pushState(state, "", url);
+		window.dispatchEvent(new PopStateEvent("popstate", { state }));
+	}
+};
+const anchorNavigate = (event) => {
+	event.preventDefault();
+	navigate(event.currentTarget?.getAttribute("href") ?? "/");
+};
 const Outlet = defineComponent({
 	name: "x-outlet",
 	shadowRoot: false,
@@ -778,21 +697,139 @@ const Outlet = defineComponent({
 		return async () => {
 			const { value, inputs } = radix.match(url.value.pathname);
 			const Page = await value?.();
-			if (Page) return /* @__PURE__ */ h(Page, inputs);
+			if (Page) {
+				scope.setContext(ROUTE_CONTEXT, { inputs });
+				return /* @__PURE__ */ h(Page, inputs);
+			}
 		};
 	}
 });
-const navigate = (url) => {
-	if (isClient()) {
-		const state = window.history.state;
-		window.history.pushState(state, "", url);
-		window.dispatchEvent(new PopStateEvent("popstate", { state }));
+
+//#endregion
+//#region src/locale/index.ts
+const createLocaleContext = (options) => {
+	const LOCALE_CONTEXT = defineContext("LOCALE_CONTEXT");
+	const registerLocaleContext = (scope) => {
+		scope.setContext(LOCALE_CONTEXT, options);
+	};
+	return {
+		LOCALE_CONTEXT,
+		registerLocaleContext
+	};
+};
+const useLocaleContext = async (scope, context) => {
+	const { event } = scope.getContext(RUNTIME_CONTEXT);
+	const { inputs } = scope.getContext(ROUTE_CONTEXT);
+	const { locales, defaultLocale, cookie, input } = scope.getContext(context);
+	const entries = await import("#virtual/locales").then((module) => module.index);
+	let locale = defaultLocale;
+	let set;
+	if (cookie) {
+		if (event) set = getCookies(event)[cookie];
 	}
+	if (input) if (event) set = event.context.variables[input];
+	else set = inputs[input];
+	if (set) locale = set;
+	if (locale) locales[locale] = await entries[locale]?.() ?? {};
+	const $ = (key) => {
+		if (locale) return locales[locale]?.[key] ?? key;
+		return key;
+	};
+	return { $ };
 };
-const anchorNavigate = (event) => {
-	event.preventDefault();
-	navigate(event.currentTarget?.getAttribute("href") ?? "/");
+
+//#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, Compute, Handler, MountedEvent, Outlet, RUNTIME_CONTEXT, Radix, Scope, StopEvent, activeCompute, anchorNavigate, components, createApp, createCompute, createElement, createEvent, createMemo, createRuntime, createState, defineComponent, defineContext, defineRoute, fileName, fromValue, getAssets, getCookies, getCustomElement, getGlobalStyles, getMimeType, getRequestUrl, getRoutes, getSetCookies, getVariables, isClient, isServer, isTemplate, markdownToSlot, navigate, preventDefault, registerComponent, renderToNode, renderToString, sendBadRequest, sendHtml, sendJson, sendRedirect, sendText, sendUnauthorized, setCookie, stopImmediatePropagation, stopPropagation, targets, toCustomElement, toFragment, toPath, toString, useEvent };
+export { $fetch, Compute, Handler, MountedEvent, Outlet, ROUTE_CONTEXT, RUNTIME_CONTEXT, Radix, Scope, StopEvent, activeCompute, anchorNavigate, components, createApp, createCompute, createElement, createEvent, createLocaleContext, createMemo, createRuntime, createState, defineComponent, defineContext, defineRoute, fileName, fromValue, getAssets, getCookies, getCustomElement, getGlobalStyles, getMimeType, getRequestUrl, getRoutes, getSetCookies, getVariables, isClient, isServer, isTemplate, markdownToSlot, navigate, preventDefault, registerComponent, renderToNode, renderToString, sendBadRequest, sendHtml, sendJson, sendRedirect, sendText, sendUnauthorized, setCookie, stopImmediatePropagation, stopPropagation, targets, toCustomElement, toFragment, toPath, toString, useEvent, useLocaleContext };

package/dist/locale/index.d.ts

@@ -0,0 +1,15 @@
+import { type Descriptor, Scope } from "../signals";
+export type Locales = Record<string, Record<string, string>>;
+export type LocaleOptions<T extends Locales> = {
+    locales: T;
+    defaultLocale?: keyof T;
+    cookie?: string;
+    input?: string;
+};
+export declare const createLocaleContext: <T extends LocaleOptions<Locales>>(options: T) => {
+    LOCALE_CONTEXT: Descriptor<T>;
+    registerLocaleContext: (scope: Scope) => void;
+};
+export declare const useLocaleContext: <T extends LocaleOptions<Locales>>(scope: Scope, context: Descriptor<T>) => Promise<{
+    $: (key: keyof T["locales"][keyof T["locales"]]) => string | number | symbol | keyof T["locales"][keyof T["locales"]];
+}>;

package/dist/router/index.d.ts

@@ -1,4 +1,7 @@
 import { type ComponentConstructor } from "../html";
-export declare const Outlet: ComponentConstructor<{}, {}>;
+export declare const ROUTE_CONTEXT: import("..").Descriptor<{
+    inputs: Record<string, string>;
+}>;
 export declare const navigate: (url: string) => void;
 export declare const anchorNavigate: (event: Event) => void;
+export declare const Outlet: ComponentConstructor<{}, {}>;

package/package.json

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