@cocreate/server-side-render 1.12.5 → 1.12.7

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [1.12.7](https://github.com/CoCreate-app/CoCreate-server-side-render/compare/v1.12.6...v1.12.7) (2025-10-11)
+
+
+### Bug Fixes
+
+* add theme injection to HTML rendering for improved client-side styling ([e849c72](https://github.com/CoCreate-app/CoCreate-server-side-render/commit/e849c72cf4112c8e6caa44187bca3fada5ff72cc))
+
+## [1.12.6](https://github.com/CoCreate-app/CoCreate-server-side-render/compare/v1.12.5...v1.12.6) (2025-10-11)
+
+
+### Bug Fixes
+
+* ensure pathname ends with a trailing slash for correct URL construction in HTML rendering ([5122e24](https://github.com/CoCreate-app/CoCreate-server-side-render/commit/5122e2413a986ebe51cb4a48ab92387aad4b5727))
+
 ## [1.12.5](https://github.com/CoCreate-app/CoCreate-server-side-render/compare/v1.12.4...v1.12.5) (2025-10-08)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/server-side-render",
-  "version": "1.12.5",
+  "version": "1.12.7",
   "description": "A simple server-side-render component in vanilla javascript. Easily configured using HTML5 data-attributes and/or JavaScript API.",
   "keywords": [
     "server-side-render",

package/src/index.js

@@ -7,7 +7,7 @@ class CoCreateServerSideRender {
 		this.crud = crud;
 	}
 
-	async HTML(file, organization, urlObject, langRegion, lang) {
+	async HTML(file, organization, urlObject, langRegion, lang, theme) {
 		const self = this;
 		let ignoreElement = {
 			INPUT: true,
@@ -107,8 +107,12 @@ class CoCreateServerSideRender {
 					src = src.replaceAll(/\$relativePath\/?/g, path);
 				}
 
+				let pathname = file.path
+				if (!pathname.endsWith("/")) {
+					pathname += "/";
+				}
 				// Construct actual pathname using src and the original URL
-				let pathname = new URL(src, `http://localhost${file.path}`)
+				pathname = new URL(src, `http://localhost${pathname}`)
 					.pathname;
 
 				if (pathname.endsWith("/")) {
@@ -172,6 +176,28 @@ class CoCreateServerSideRender {
 			dom = await this.translate(dom, file, langRegion, lang);
 		}
 
+		// Inject preferred theme into the DOM so client gets server-rendered theme
+		if (theme) {
+			const htmlEl = dom.querySelector("html");
+			try {
+				if (htmlEl && htmlEl.setAttribute) htmlEl.setAttribute("data-bs-theme", theme);
+
+				const head = dom.querySelector("head");
+				if (head) {
+					// add or update color-scheme meta tag
+					let meta = head.querySelector('meta[name="color-scheme"]');
+					if (meta && meta.setAttribute) {
+						meta.setAttribute("content", theme);
+					} else {
+						const metaNode = parse(`<meta name="color-scheme" content="${theme}">`);
+						head.appendChild(metaNode);
+					}
+				}
+			} catch (e) {
+				// fail-safe: don't abort rendering if theme injection fails
+			}
+		}
+
 		if (organization.languages && organization.languages.length > 0) {
 			let langLinkTags = this.createLanguageLinkTags(
 				file,