@sigx/server-renderer 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,22 @@
+import { JSXElement } from '@sigx/runtime-core';
+/**
+ * Adopt styles during SSR - collects CSS text for later output
+ */
+export declare function adoptStyles(id: string, cssText: string): void;
+/**
+ * Get all collected styles as <style> tags HTML string
+ */
+export declare function getStyleTags(): string;
+/**
+ * Clear the style registry (call between requests for isolation)
+ */
+export declare function clearStyles(): void;
+/**
+ * Get all collected styles as an array
+ */
+export declare function getAllStyles(): Array<{
+    id: string;
+    cssText: string;
+}>;
+export declare function renderToString(element: JSXElement): Promise<string>;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,UAAU,EAAwE,MAAM,oBAAoB,CAAC;AAKvI;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAI7D;AAED;;GAEG;AACH,wBAAgB,YAAY,IAAI,MAAM,CAMrC;AAED;;GAEG;AACH,wBAAgB,WAAW,IAAI,IAAI,CAElC;AAED;;GAEG;AACH,wBAAgB,YAAY,IAAI,KAAK,CAAC;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC,CAErE;AASD,wBAAsB,cAAc,CAAC,OAAO,EAAE,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC,CA4GzE"}

package/dist/index.js

@@ -0,0 +1,125 @@
+import { Fragment, Text, setCurrentInstance, signal } from "@sigx/runtime-core";
+
+//#region src/index.ts
+const styleRegistry = /* @__PURE__ */ new Map();
+/**
+* Adopt styles during SSR - collects CSS text for later output
+*/
+function adoptStyles(id, cssText) {
+	if (!styleRegistry.has(id)) styleRegistry.set(id, cssText);
+}
+/**
+* Get all collected styles as <style> tags HTML string
+*/
+function getStyleTags() {
+	const styles = [];
+	for (const [id, cssText] of styleRegistry) styles.push(`<style data-sigx-style="${id}">${cssText}</style>`);
+	return styles.join("\n");
+}
+/**
+* Clear the style registry (call between requests for isolation)
+*/
+function clearStyles() {
+	styleRegistry.clear();
+}
+/**
+* Get all collected styles as an array
+*/
+function getAllStyles() {
+	return Array.from(styleRegistry.entries()).map(([id, cssText]) => ({
+		id,
+		cssText
+	}));
+}
+/**
+* Check if a vnode type is a component (has __setup)
+*/
+function isComponent(type) {
+	return typeof type === "function" && "__setup" in type;
+}
+async function renderToString(element) {
+	if (element == null || element === false || element === true) return "";
+	if (typeof element === "string" || typeof element === "number") return escapeHtml(String(element));
+	const vnode = element;
+	if (vnode.type === Text) return escapeHtml(String(vnode.text));
+	if (vnode.type === Fragment) return (await Promise.all(vnode.children.map(renderToString))).join("");
+	if (isComponent(vnode.type)) {
+		const setup = vnode.type.__setup;
+		const { children, ...propsData } = vnode.props || {};
+		const ctx = {
+			el: null,
+			signal,
+			props: propsData,
+			slots: { default: () => children ? Array.isArray(children) ? children : [children] : [] },
+			emit: () => {},
+			parent: null,
+			onMount: () => {},
+			onCleanup: () => {},
+			expose: () => {}
+		};
+		const prev = setCurrentInstance(ctx);
+		try {
+			const renderFn = setup(ctx);
+			if (renderFn) {
+				const result = renderFn();
+				if (result) {
+					if (Array.isArray(result)) return (await Promise.all(result.map(renderToString))).join("");
+					return await renderToString(result);
+				}
+			}
+		} catch (e) {
+			console.error(`Error rendering component:`, e);
+		} finally {
+			setCurrentInstance(prev || null);
+		}
+		return "";
+	}
+	if (typeof vnode.type === "string") {
+		const tagName = vnode.type;
+		let props = "";
+		let children = "";
+		for (const key in vnode.props) {
+			const value = vnode.props[key];
+			if (key === "children" || key === "key" || key === "ref") continue;
+			if (key === "style") {
+				const styleString = typeof value === "object" ? Object.entries(value).map(([k, v]) => `${k}:${v}`).join(";") : String(value);
+				props += ` style="${escapeHtml(styleString)}"`;
+			} else if (key === "className") props += ` class="${escapeHtml(String(value))}"`;
+			else if (key.startsWith("on")) {} else if (value === true) props += ` ${key}`;
+			else if (value !== false && value != null) props += ` ${key}="${escapeHtml(String(value))}"`;
+		}
+		if (vnode.children.length > 0) children = (await Promise.all(vnode.children.map(renderToString))).join("");
+		if ([
+			"area",
+			"base",
+			"br",
+			"col",
+			"embed",
+			"hr",
+			"img",
+			"input",
+			"link",
+			"meta",
+			"param",
+			"source",
+			"track",
+			"wbr"
+		].includes(tagName)) return `<${tagName}${props}>`;
+		return `<${tagName}${props}>${children}</${tagName}>`;
+	}
+	return "";
+}
+const ESCAPE = {
+	"&": "&amp;",
+	"<": "&lt;",
+	">": "&gt;",
+	"\"": "&quot;",
+	"'": "&#39;"
+};
+function escapeHtml(s) {
+	return s.replace(/[&<>"']/g, (c) => ESCAPE[c]);
+}
+
+//#endregion
+export { adoptStyles, clearStyles, getAllStyles, getStyleTags, renderToString };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["styles: string[]","ctx: ComponentSetupContext","ESCAPE: Record<string, string>"],"sources":["../src/index.ts"],"sourcesContent":["import { VNode, Fragment, JSXElement, ComponentSetupContext, setCurrentInstance, signal, Text, SlotsObject } from '@sigx/runtime-core';\n\n// Server-side style collection\nconst styleRegistry = new Map<string, string>();\n\n/**\n * Adopt styles during SSR - collects CSS text for later output\n */\nexport function adoptStyles(id: string, cssText: string): void {\n    if (!styleRegistry.has(id)) {\n        styleRegistry.set(id, cssText);\n    }\n}\n\n/**\n * Get all collected styles as <style> tags HTML string\n */\nexport function getStyleTags(): string {\n    const styles: string[] = [];\n    for (const [id, cssText] of styleRegistry) {\n        styles.push(`<style data-sigx-style=\"${id}\">${cssText}</style>`);\n    }\n    return styles.join('\\n');\n}\n\n/**\n * Clear the style registry (call between requests for isolation)\n */\nexport function clearStyles(): void {\n    styleRegistry.clear();\n}\n\n/**\n * Get all collected styles as an array\n */\nexport function getAllStyles(): Array<{ id: string; cssText: string }> {\n    return Array.from(styleRegistry.entries()).map(([id, cssText]) => ({ id, cssText }));\n}\n\n/**\n * Check if a vnode type is a component (has __setup)\n */\nfunction isComponent(type: any): type is { __setup: Function; __name?: string } {\n    return typeof type === 'function' && '__setup' in type;\n}\n\nexport async function renderToString(element: JSXElement): Promise<string> {\n    if (element == null || element === false || element === true) {\n        return '';\n    }\n\n    if (typeof element === 'string' || typeof element === 'number') {\n        return escapeHtml(String(element));\n    }\n\n    const vnode = element as VNode;\n\n    if (vnode.type === Text) {\n        return escapeHtml(String(vnode.text));\n    }\n\n    if (vnode.type === Fragment) {\n        const children = await Promise.all(vnode.children.map(renderToString));\n        return children.join('');\n    }\n\n    // Handle Components (function with __setup)\n    if (isComponent(vnode.type)) {\n        const setup = vnode.type.__setup;\n        const { children, ...propsData } = vnode.props || {};\n\n        // Create slots from children\n        const slots: SlotsObject<any> = {\n            default: () => children ? (Array.isArray(children) ? children : [children]) : []\n        };\n\n        const ctx: ComponentSetupContext = {\n            el: null as any, // No DOM element in SSR\n            signal: signal,\n            props: propsData,\n            slots: slots,\n            emit: () => { }, // No-op emit\n            parent: null,\n            onMount: () => { }, // No-op lifecycle\n            onCleanup: () => { },\n            expose: () => { } // No-op expose\n        };\n\n        const prev = setCurrentInstance(ctx);\n        try {\n            const renderFn = setup(ctx);\n            if (renderFn) {\n                const result = renderFn();\n                if (result) {\n                    // Handle array results (fragments)\n                    if (Array.isArray(result)) {\n                        const children = await Promise.all(result.map(renderToString));\n                        return children.join('');\n                    }\n                    return await renderToString(result);\n                }\n            }\n        } catch (e) {\n            console.error(`Error rendering component:`, e);\n        } finally {\n            setCurrentInstance(prev || null);\n        }\n\n        return '';\n    }\n\n    // Handle host elements\n    if (typeof vnode.type === 'string') {\n        const tagName = vnode.type;\n        let props = '';\n        let children = '';\n\n        // Serialize props\n        for (const key in vnode.props) {\n            const value = vnode.props[key];\n            if (key === 'children' || key === 'key' || key === 'ref') continue;\n\n            if (key === 'style') {\n                const styleString = typeof value === 'object'\n                    ? Object.entries(value).map(([k, v]) => `${k}:${v}`).join(';')\n                    : String(value);\n                props += ` style=\"${escapeHtml(styleString)}\"`;\n            } else if (key === 'className') {\n                props += ` class=\"${escapeHtml(String(value))}\"`;\n            } else if (key.startsWith('on')) {\n                // Ignore event listeners\n            } else if (value === true) {\n                props += ` ${key}`;\n            } else if (value !== false && value != null) {\n                props += ` ${key}=\"${escapeHtml(String(value))}\"`;\n            }\n        }\n\n        // Serialize children\n        if (vnode.children.length > 0) {\n            const renderedChildren = await Promise.all(vnode.children.map(renderToString));\n            children = renderedChildren.join('');\n        }\n\n        // Void elements\n        const voidElements = ['area', 'base', 'br', 'col', 'embed', 'hr', 'img', 'input', 'link', 'meta', 'param', 'source', 'track', 'wbr'];\n        if (voidElements.includes(tagName)) {\n            return `<${tagName}${props}>`;\n        }\n\n        return `<${tagName}${props}>${children}</${tagName}>`;\n    }\n\n    return '';\n}\n\nconst ESCAPE: Record<string, string> = {\n    '&': '&amp;',\n    '<': '&lt;',\n    '>': '&gt;',\n    '\"': '&quot;',\n    \"'\": '&#39;'\n};\n\nfunction escapeHtml(s: string): string {\n    return s.replace(/[&<>\"']/g, c => ESCAPE[c]);\n}\r\n"],"mappings":"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"}

package/package.json

@@ -0,0 +1,47 @@
+{
+    "name": "@sigx/server-renderer",
+    "version": "0.1.0",
+    "description": "Server-side renderer for SignalX",
+    "type": "module",
+    "main": "./dist/index.js",
+    "types": "./dist/index.d.ts",
+    "exports": {
+        ".": {
+            "import": "./dist/index.js",
+            "types": "./dist/index.d.ts"
+        }
+    },
+    "files": [
+        "dist"
+    ],
+    "scripts": {
+        "build": "rolldown -c && tsc --emitDeclarationOnly",
+        "dev": "rolldown -c -w"
+    },
+    "keywords": [
+        "sigx",
+        "ssr",
+        "server-side-rendering",
+        "server",
+        "renderer"
+    ],
+    "author": "Andreas Ekdahl",
+    "license": "MIT",
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/signalxjs/core.git",
+        "directory": "packages/server-renderer"
+    },
+    "homepage": "https://github.com/signalxjs",
+    "bugs": {
+        "url": "https://github.com/signalxjs/core/issues"
+    },
+    "dependencies": {
+        "@sigx/runtime-core": "^0.1.0",
+        "@sigx/reactivity": "^0.1.0"
+    },
+    "devDependencies": {
+        "rolldown": "^1.0.0-beta.52",
+        "typescript": "^5.9.3"
+    }
+}