@cocreate/server-side-render 1.12.6 → 1.12.8

package/.github/workflows/automated.yml

@@ -22,13 +22,13 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
       - name: Setup Node.js
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
-          node-version: 14
+          node-version: 22 # Required for the latest semantic-release plugins
       - name: Semantic Release
-        uses: cycjimmy/semantic-release-action@v3
+        uses: cycjimmy/semantic-release-action@v4 # Update to v4 for better Node 20+ support
         id: semantic
         with:
           extra_plugins: |
@@ -36,7 +36,7 @@ jobs:
             @semantic-release/git
             @semantic-release/github
         env:
-          GITHUB_TOKEN: "${{ secrets.GITHUB }}"
+          GITHUB_TOKEN: "${{ secrets.GITHUB_TOKEN }}" # Use the built-in token if possible
           NPM_TOKEN: "${{ secrets.NPM_TOKEN }}"
     outputs:
       new_release_published: "${{ steps.semantic.outputs.new_release_published }}"

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+## [1.12.8](https://github.com/CoCreate-app/CoCreate-server-side-render/compare/v1.12.7...v1.12.8) (2026-04-04)
+
+
+### Bug Fixes
+
+* enhance chunk rendering logic to support outerHTML insertion ([b605d4a](https://github.com/CoCreate-app/CoCreate-server-side-render/commit/b605d4a775dd7dfb2493d8450f63022e553da5ee))
+* svg images not rendering in server-side rendering ([01a6882](https://github.com/CoCreate-app/CoCreate-server-side-render/commit/01a688296c369bf5ffe32c6b0fb8c8f38e70b243))
+
+## [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)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/server-side-render",
-  "version": "1.12.6",
+  "version": "1.12.8",
   "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,
@@ -141,6 +141,10 @@ class CoCreateServerSideRender {
 				) {
 					let chunk = data.object[0].src;
 
+					if (typeof chunk === "string" && chunk.startsWith("data:image/svg+xml;base64,")) {
+						chunk = Buffer.from(chunk.split(",")[1], "base64").toString("utf-8");
+					}
+
 					// Replace $relativePath in the fetched chunk
 					let path =
 						el.getAttribute("path") || getRelativePath(file.path);
@@ -158,11 +162,24 @@ class CoCreateServerSideRender {
 					let chunkDom = parse(chunk);
 					chunkDom = await render(chunkDom);
 
-					el.setAttribute("rendered", "");
-					el.innerHTML = "";
-					// Append all child nodes of chunkDom to el
-					for (const child of chunkDom.childNodes) {
-						el.appendChild(child);
+					// If element requests outerHTML insertion, replace the element
+					// with the fetched chunk's content. Otherwise append children.
+					const valueType = el.getAttribute && el.getAttribute("value-type");
+					if (valueType === "outerHTML") {
+						// Replace the element with the parsed chunk's child nodes
+						// spread child nodes so we don't create an extra wrapper
+						if (chunkDom.childNodes && chunkDom.childNodes.length) {
+							el.replaceWith(...chunkDom.childNodes);
+						} else {
+							// If no child nodes, just remove the element
+							el.remove();
+						}
+					} else {
+						el.setAttribute("rendered", "");
+						el.innerHTML = "";
+						for (const child of chunkDom.childNodes) {
+							el.appendChild(child);
+						}
 					}
 				}
 			}
@@ -176,6 +193,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,