@buenojs/bueno 0.8.4 → 0.8.6

package/src/frontend/ssr/react.ts

@@ -8,11 +8,11 @@
  */
 
 import type {
+	FrameworkSSRRenderer,
 	SSRContext,
 	SSRElement,
-	SSRPage,
-	FrameworkSSRRenderer,
 	SSRHydrationData,
+	SSRPage,
 } from "../types.js";
 
 // React types (dynamically imported)
@@ -22,9 +22,7 @@ interface ReactElement {
 	key: string | null;
 }
 
-interface ReactComponent {
-	(props: Record<string, unknown>): ReactElement | null;
-}
+type ReactComponent = (props: Record<string, unknown>) => ReactElement | null;
 
 // Head element storage (similar to React Helmet)
 let headElements: SSRElement[] = [];
@@ -54,7 +52,11 @@ export function addHeadElement(element: SSRElement): void {
  * Create a title element for head
  */
 export function title(text: string): SSRElement {
-	return { tag: "title", attrs: {}, children: [{ tag: "#text", attrs: {}, innerHTML: text }] };
+	return {
+		tag: "title",
+		attrs: {},
+		children: [{ tag: "#text", attrs: {}, innerHTML: text }],
+	};
 }
 
 /**
@@ -74,14 +76,20 @@ export function link(attrs: Record<string, string>): SSRElement {
 /**
  * Create a script element for head
  */
-export function script(attrs: Record<string, string>, innerHTML?: string): SSRElement {
+export function script(
+	attrs: Record<string, string>,
+	innerHTML?: string,
+): SSRElement {
 	return { tag: "script", attrs, innerHTML };
 }
 
 /**
  * Create a style element for head
  */
-export function style(innerHTML: string, attrs?: Record<string, string>): SSRElement {
+export function style(
+	innerHTML: string,
+	attrs?: Record<string, string>,
+): SSRElement {
 	return { tag: "style", attrs: attrs || {}, innerHTML };
 }
 
@@ -107,7 +115,7 @@ export class ReactSSRRenderer implements FrameworkSSRRenderer {
 			this.initialized = true;
 		} catch (error) {
 			throw new Error(
-				"React is not installed. Install it with: bun add react react-dom"
+				"React is not installed. Install it with: bun add react react-dom",
 			);
 		}
 	}
@@ -115,7 +123,10 @@ export class ReactSSRRenderer implements FrameworkSSRRenderer {
 	/**
 	 * Render a component to HTML string
 	 */
-	async renderToString(component: unknown, context: SSRContext): Promise<string> {
+	async renderToString(
+		component: unknown,
+		context: SSRContext,
+	): Promise<string> {
 		await this.init();
 
 		if (!this.reactDomServer) {
@@ -126,11 +137,16 @@ export class ReactSSRRenderer implements FrameworkSSRRenderer {
 
 		try {
 			// Use renderToString for non-streaming
-			const renderToStringFn = (this.reactDomServer as unknown as { renderToString: (el: unknown) => string }).renderToString;
+			const renderToStringFn = (
+				this.reactDomServer as unknown as {
+					renderToString: (el: unknown) => string;
+				}
+			).renderToString;
 			const html = renderToStringFn(component as ReactElement);
 			return html;
 		} catch (error) {
-			const errorMessage = error instanceof Error ? error.message : "Unknown error";
+			const errorMessage =
+				error instanceof Error ? error.message : "Unknown error";
 			throw new Error(`React renderToString failed: ${errorMessage}`);
 		}
 	}
@@ -138,7 +154,10 @@ export class ReactSSRRenderer implements FrameworkSSRRenderer {
 	/**
 	 * Render a component to a stream
 	 */
-	renderToStream(component: unknown, context: SSRContext): ReadableStream<Uint8Array> {
+	renderToStream(
+		component: unknown,
+		context: SSRContext,
+	): ReadableStream<Uint8Array> {
 		// Create a promise-based initialization
 		const encoder = new TextEncoder();
 
@@ -163,7 +182,7 @@ export class ReactSSRRenderer implements FrameworkSSRRenderer {
 								onError: (error: Error) => {
 									console.error("React streaming error:", error);
 								},
-							}
+							},
 						);
 
 						const reader = stream.getReader();
@@ -178,13 +197,18 @@ export class ReactSSRRenderer implements FrameworkSSRRenderer {
 						}
 					} else {
 						// Fallback to renderToString for older React versions
-						const html = this.reactDomServer.renderToString(component as ReactElement);
+						const html = this.reactDomServer.renderToString(
+							component as ReactElement,
+						);
 						controller.enqueue(encoder.encode(html));
 						controller.close();
 					}
 				} catch (error) {
-					const errorMessage = error instanceof Error ? error.message : "Unknown error";
-					controller.error(new Error(`React renderToStream failed: ${errorMessage}`));
+					const errorMessage =
+						error instanceof Error ? error.message : "Unknown error";
+					controller.error(
+						new Error(`React renderToStream failed: ${errorMessage}`),
+					);
 				}
 			},
 		});
@@ -214,7 +238,7 @@ export class ReactSSRRenderer implements FrameworkSSRRenderer {
 	async renderWithSuspense(
 		component: unknown,
 		context: SSRContext,
-		fallback: string = "<div>Loading...</div>"
+		fallback = "<div>Loading...</div>",
 	): Promise<string> {
 		await this.init();
 
@@ -229,13 +253,14 @@ export class ReactSSRRenderer implements FrameworkSSRRenderer {
 			const suspenseWrapper = this.react.createElement(
 				this.react.Suspense,
 				{ fallback },
-				component as ReactElement
+				component as ReactElement,
 			);
 
 			const html = this.reactDomServer.renderToString(suspenseWrapper);
 			return html;
 		} catch (error) {
-			const errorMessage = error instanceof Error ? error.message : "Unknown error";
+			const errorMessage =
+				error instanceof Error ? error.message : "Unknown error";
 			throw new Error(`React renderWithSuspense failed: ${errorMessage}`);
 		}
 	}
@@ -251,7 +276,7 @@ export class ReactSSRRenderer implements FrameworkSSRRenderer {
 			onShellReady?: () => void;
 			onShellError?: (error: Error) => void;
 			onError?: (error: Error) => void;
-		} = {}
+		} = {},
 	): Promise<ReadableStream<Uint8Array>> {
 		await this.init();
 
@@ -275,7 +300,7 @@ export class ReactSSRRenderer implements FrameworkSSRRenderer {
 									options.onError?.(error);
 									console.error("React streaming error:", error);
 								},
-							}
+							},
 						);
 
 						// Wait for shell to be ready
@@ -294,13 +319,16 @@ export class ReactSSRRenderer implements FrameworkSSRRenderer {
 						}
 					} else {
 						// Fallback
-						const html = this.reactDomServer!.renderToString(component as ReactElement);
+						const html = this.reactDomServer!.renderToString(
+							component as ReactElement,
+						);
 						options.onAllReady?.();
 						controller.enqueue(encoder.encode(html));
 						controller.close();
 					}
 				} catch (error) {
-					const err = error instanceof Error ? error : new Error("Unknown error");
+					const err =
+						error instanceof Error ? error : new Error("Unknown error");
 					options.onShellError?.(err);
 					controller.error(err);
 				}
@@ -340,7 +368,22 @@ export function ssrElementToString(element: SSRElement): string {
 	}
 
 	// Self-closing tags
-	const voidElements = ["area", "base", "br", "col", "embed", "hr", "img", "input", "link", "meta", "param", "source", "track", "wbr"];
+	const voidElements = [
+		"area",
+		"base",
+		"br",
+		"col",
+		"embed",
+		"hr",
+		"img",
+		"input",
+		"link",
+		"meta",
+		"param",
+		"source",
+		"track",
+		"wbr",
+	];
 	if (voidElements.includes(element.tag)) {
 		return attrs ? `<${element.tag} ${attrs}>` : `<${element.tag}>`;
 	}
@@ -380,7 +423,11 @@ export class ReactHelmet {
 
 	setTitle(title: string): this {
 		this.title = title;
-		addHeadElement({ tag: "title", attrs: {}, children: [{ tag: "#text", attrs: {}, innerHTML: title }] });
+		addHeadElement({
+			tag: "title",
+			attrs: {},
+			children: [{ tag: "#text", attrs: {}, innerHTML: title }],
+		});
 		return this;
 	}
 
@@ -443,4 +490,4 @@ export class ReactHelmet {
  */
 export function helmet(): ReactHelmet {
 	return ReactHelmet.getInstance();
-}
+}

package/src/frontend/ssr/solid.ts

@@ -8,10 +8,10 @@
  */
 
 import type {
+	FrameworkSSRRenderer,
 	SSRContext,
 	SSRElement,
 	SSRPage,
-	FrameworkSSRRenderer,
 } from "../types.js";
 
 // Solid types (dynamically imported)
@@ -20,9 +20,7 @@ interface SolidElement {
 	props: Record<string, unknown>;
 }
 
-interface SolidComponent {
-	(props: Record<string, unknown>): SolidElement | null;
-}
+type SolidComponent = (props: Record<string, unknown>) => SolidElement | null;
 
 interface SolidRenderResult {
 	html: string;
@@ -74,7 +72,7 @@ export class SolidSSRRenderer implements FrameworkSSRRenderer {
 			this.initialized = true;
 		} catch (error) {
 			throw new Error(
-				"Solid is not installed. Install it with: bun add solid-js"
+				"Solid is not installed. Install it with: bun add solid-js",
 			);
 		}
 	}
@@ -82,7 +80,10 @@ export class SolidSSRRenderer implements FrameworkSSRRenderer {
 	/**
 	 * Render a component to HTML string
 	 */
-	async renderToString(component: unknown, context: SSRContext): Promise<string> {
+	async renderToString(
+		component: unknown,
+		context: SSRContext,
+	): Promise<string> {
 		await this.init();
 
 		if (!this.solidWeb) {
@@ -101,7 +102,8 @@ export class SolidSSRRenderer implements FrameworkSSRRenderer {
 			const html = renderToString(() => wrappedComponent);
 			return html;
 		} catch (error) {
-			const errorMessage = error instanceof Error ? error.message : "Unknown error";
+			const errorMessage =
+				error instanceof Error ? error.message : "Unknown error";
 			throw new Error(`Solid renderToString failed: ${errorMessage}`);
 		}
 	}
@@ -109,7 +111,10 @@ export class SolidSSRRenderer implements FrameworkSSRRenderer {
 	/**
 	 * Render a component to a stream
 	 */
-	renderToStream(component: unknown, context: SSRContext): ReadableStream<Uint8Array> {
+	renderToStream(
+		component: unknown,
+		context: SSRContext,
+	): ReadableStream<Uint8Array> {
 		const encoder = new TextEncoder();
 
 		return new ReadableStream<Uint8Array>({
@@ -154,8 +159,11 @@ export class SolidSSRRenderer implements FrameworkSSRRenderer {
 						controller.close();
 					}
 				} catch (error) {
-					const errorMessage = error instanceof Error ? error.message : "Unknown error";
-					controller.error(new Error(`Solid renderToStream failed: ${errorMessage}`));
+					const errorMessage =
+						error instanceof Error ? error.message : "Unknown error";
+					controller.error(
+						new Error(`Solid renderToStream failed: ${errorMessage}`),
+					);
 				}
 			},
 		});
@@ -181,7 +189,10 @@ export class SolidSSRRenderer implements FrameworkSSRRenderer {
 	/**
 	 * Wrap component with context provider
 	 */
-	private wrapWithContext(component: unknown, context: SSRContext): () => unknown {
+	private wrapWithContext(
+		component: unknown,
+		context: SSRContext,
+	): () => unknown {
 		return () => {
 			// In a real implementation, this would use Solid's context API
 			// to provide the SSR context to child components
@@ -216,7 +227,8 @@ export class SolidSSRRenderer implements FrameworkSSRRenderer {
 			const html = await renderToStringAsync(() => wrappedComponent);
 			return html;
 		} catch (error) {
-			const errorMessage = error instanceof Error ? error.message : "Unknown error";
+			const errorMessage =
+				error instanceof Error ? error.message : "Unknown error";
 			throw new Error(`Solid renderAsync failed: ${errorMessage}`);
 		}
 	}
@@ -227,7 +239,7 @@ export class SolidSSRRenderer implements FrameworkSSRRenderer {
 	async renderWithSuspense(
 		component: unknown,
 		context: SSRContext,
-		fallback: string = "<div>Loading...</div>"
+		fallback = "<div>Loading...</div>",
 	): Promise<string> {
 		await this.init();
 
@@ -258,7 +270,8 @@ export class SolidSSRRenderer implements FrameworkSSRRenderer {
 			const html = await renderToStringAsync(wrappedComponent);
 			return html;
 		} catch (error) {
-			const errorMessage = error instanceof Error ? error.message : "Unknown error";
+			const errorMessage =
+				error instanceof Error ? error.message : "Unknown error";
 			throw new Error(`Solid renderWithSuspense failed: ${errorMessage}`);
 		}
 	}
@@ -291,7 +304,11 @@ export class SolidMeta {
 
 	setTitle(title: string): this {
 		this.title = title;
-		addHeadElement({ tag: "title", attrs: {}, children: [{ tag: "#text", attrs: {}, innerHTML: title }] });
+		addHeadElement({
+			tag: "title",
+			attrs: {},
+			children: [{ tag: "#text", attrs: {}, innerHTML: title }],
+		});
 		return this;
 	}
 
@@ -380,7 +397,22 @@ export function ssrElementToString(element: SSRElement): string {
 	}
 
 	// Self-closing tags
-	const voidElements = ["area", "base", "br", "col", "embed", "hr", "img", "input", "link", "meta", "param", "source", "track", "wbr"];
+	const voidElements = [
+		"area",
+		"base",
+		"br",
+		"col",
+		"embed",
+		"hr",
+		"img",
+		"input",
+		"link",
+		"meta",
+		"param",
+		"source",
+		"track",
+		"wbr",
+	];
 	if (voidElements.includes(element.tag)) {
 		return attrs ? `<${element.tag} ${attrs}>` : `<${element.tag}>`;
 	}
@@ -405,7 +437,7 @@ function escapeHtml(str: string): string {
  */
 export function createSolidSSRContext(
 	request: Request,
-	initialState: Record<string, unknown> = {}
+	initialState: Record<string, unknown> = {},
 ): SSRContext {
 	const url = new URL(request.url);
 
@@ -432,7 +464,7 @@ export function createRouteData<T>(
 	options: {
 		key?: () => unknown[];
 		deferStream?: boolean;
-	} = {}
+	} = {},
 ): {
 	data: T | undefined;
 	loading: boolean;
@@ -500,7 +532,9 @@ export class SolidResource<T> {
 /**
  * Create a Solid resource
  */
-export function createSolidResource<T>(fetcher: () => Promise<T>): SolidResource<T> {
+export function createSolidResource<T>(
+	fetcher: () => Promise<T>,
+): SolidResource<T> {
 	return new SolidResource(fetcher);
 }
 
@@ -520,4 +554,4 @@ export function noHydrate(element: SSRElement): SSRElement {
 			[NO_HYDRATE]: "",
 		},
 	};
-}
+}

package/src/frontend/ssr/svelte.ts

@@ -8,16 +8,21 @@
  */
 
 import type {
+	FrameworkSSRRenderer,
 	SSRContext,
 	SSRElement,
 	SSRPage,
-	FrameworkSSRRenderer,
 } from "../types.js";
 
 // Svelte types (dynamically imported)
 interface SvelteComponent {
 	render(props?: Record<string, unknown>): SvelteRenderResult;
-	$$render(result: string, props: Record<string, unknown>, bindings: unknown, context: unknown): string;
+	$$render(
+		result: string,
+		props: Record<string, unknown>,
+		bindings: unknown,
+		context: unknown,
+	): string;
 }
 
 interface SvelteRenderResult {
@@ -99,7 +104,7 @@ export class SvelteSSRRenderer implements FrameworkSSRRenderer {
 			this.initialized = true;
 		} catch (error) {
 			throw new Error(
-				"Svelte is not installed. Install it with: bun add svelte"
+				"Svelte is not installed. Install it with: bun add svelte",
 			);
 		}
 	}
@@ -107,7 +112,10 @@ export class SvelteSSRRenderer implements FrameworkSSRRenderer {
 	/**
 	 * Render a component to HTML string
 	 */
-	async renderToString(component: unknown, context: SSRContext): Promise<string> {
+	async renderToString(
+		component: unknown,
+		context: SSRContext,
+	): Promise<string> {
 		await this.init();
 
 		resetHead();
@@ -146,7 +154,8 @@ export class SvelteSSRRenderer implements FrameworkSSRRenderer {
 
 			throw new Error("Invalid Svelte component");
 		} catch (error) {
-			const errorMessage = error instanceof Error ? error.message : "Unknown error";
+			const errorMessage =
+				error instanceof Error ? error.message : "Unknown error";
 			throw new Error(`Svelte renderToString failed: ${errorMessage}`);
 		}
 	}
@@ -154,7 +163,10 @@ export class SvelteSSRRenderer implements FrameworkSSRRenderer {
 	/**
 	 * Render a component to a stream
 	 */
-	renderToStream(component: unknown, context: SSRContext): ReadableStream<Uint8Array> {
+	renderToStream(
+		component: unknown,
+		context: SSRContext,
+	): ReadableStream<Uint8Array> {
 		const encoder = new TextEncoder();
 
 		return new ReadableStream<Uint8Array>({
@@ -177,8 +189,11 @@ export class SvelteSSRRenderer implements FrameworkSSRRenderer {
 
 					controller.close();
 				} catch (error) {
-					const errorMessage = error instanceof Error ? error.message : "Unknown error";
-					controller.error(new Error(`Svelte renderToStream failed: ${errorMessage}`));
+					const errorMessage =
+						error instanceof Error ? error.message : "Unknown error";
+					controller.error(
+						new Error(`Svelte renderToStream failed: ${errorMessage}`),
+					);
 				}
 			},
 		});
@@ -272,7 +287,7 @@ export class SvelteSSRRenderer implements FrameworkSSRRenderer {
 	 */
 	async renderWithCSS(
 		component: unknown,
-		context: SSRContext
+		context: SSRContext,
 	): Promise<{
 		html: string;
 		head: string;
@@ -349,7 +364,11 @@ export class SvelteHead {
 
 	setTitle(title: string): this {
 		this.title = title;
-		addHeadElement({ tag: "title", attrs: {}, children: [{ tag: "#text", attrs: {}, innerHTML: title }] });
+		addHeadElement({
+			tag: "title",
+			attrs: {},
+			children: [{ tag: "#text", attrs: {}, innerHTML: title }],
+		});
 		return this;
 	}
 
@@ -438,7 +457,22 @@ export function ssrElementToString(element: SSRElement): string {
 	}
 
 	// Self-closing tags
-	const voidElements = ["area", "base", "br", "col", "embed", "hr", "img", "input", "link", "meta", "param", "source", "track", "wbr"];
+	const voidElements = [
+		"area",
+		"base",
+		"br",
+		"col",
+		"embed",
+		"hr",
+		"img",
+		"input",
+		"link",
+		"meta",
+		"param",
+		"source",
+		"track",
+		"wbr",
+	];
 	if (voidElements.includes(element.tag)) {
 		return attrs ? `<${element.tag} ${attrs}>` : `<${element.tag}>`;
 	}
@@ -462,7 +496,7 @@ function escapeHtml(str: string): string {
  * Load a Svelte component from file path
  */
 export async function loadSvelteComponent(
-	filePath: string
+	filePath: string,
 ): Promise<SvelteComponentConstructor> {
 	try {
 		// Dynamic import of the compiled Svelte component
@@ -478,7 +512,7 @@ export async function loadSvelteComponent(
  */
 export function createSvelteSSRContext(
 	request: Request,
-	initialState: Record<string, unknown> = {}
+	initialState: Record<string, unknown> = {},
 ): SSRContext {
 	const url = new URL(request.url);
 
@@ -543,4 +577,4 @@ export class SveltePageStore {
  */
 export function getPageStore(): SveltePageStore {
 	return SveltePageStore.getInstance();
-}
+}