spooder 6.2.1 → 6.2.3

package/README.md

@@ -2520,6 +2520,34 @@ await parse_template(..., {
 </t-for>
 ```
 
+#### Object Serialization
+
+When a replacement value is an object or array, it is automatically serialized to JSON. This allows server-side data to be embedded directly into client-side scripts.
+
+```ts
+const config = {
+	debug: true,
+	api_url: '/api/v1',
+	features: ['auth', 'logging']
+};
+
+await parse_template('<script>const CONFIG = {{config}};</script>', { config });
+// Result: "<script>const CONFIG = {"debug":true,"api_url":"/api/v1","features":["auth","logging"]};</script>"
+```
+
+This also works with nested objects accessed via dot notation:
+
+```ts
+const data = {
+	app: {
+		settings: { theme: 'dark', lang: 'en' }
+	}
+};
+
+await parse_template('<script>const SETTINGS = {{app.settings}};</script>', data);
+// Result: "<script>const SETTINGS = {"theme":"dark","lang":"en"};</script>"
+```
+
 <a id="api-cache-busting"></a>
 ## API > Cache Busting
 

package/package.json

@@ -2,7 +2,7 @@
 	"name": "spooder",
 	"author": "Kruithne <kruithne@gmail.com>",
 	"type": "module",
-	"version": "6.2.1",
+	"version": "6.2.3",
 	"module": "./src/api.ts",
 	"repository": {
 		"url": "https://github.com/Kruithne/spooder"

package/src/api.ts

@@ -977,8 +977,29 @@ export async function parse_template(template: string, replacements: Replacement
 		// Parse t-if tags
 		const if_regex = /<t-if\s+test="([^"]+)"\s*>(.*?)<\/t-if>/gs;
 		result = await replace_async(result, if_regex, async (match, condition_key, if_content) => {
-			const condition_value = is_replacer_fn ? await replacements(condition_key) : replacements[condition_key];
-			const key_exists = is_replacer_fn || (condition_key in replacements);
+			let condition_value;
+			let key_exists = false;
+
+			if (is_replacer_fn) {
+				condition_value = await replacements(condition_key);
+				key_exists = true;
+			} else {
+				condition_value = replacements[condition_key];
+				key_exists = condition_key in replacements;
+
+				// try nested property access if direct lookup fails
+				if (condition_value === undefined && condition_key.includes('.')) {
+					const dot_index = condition_key.indexOf('.');
+					const base_key = condition_key.substring(0, dot_index);
+					const prop_path = condition_key.substring(dot_index + 1);
+					const base_obj = replacements[base_key];
+
+					if (base_obj !== undefined && typeof base_obj === 'object' && base_obj !== null) {
+						condition_value = get_nested_property(base_obj, prop_path);
+						key_exists = base_key in replacements;
+					}
+				}
+			}
 
 			// preserve block for later pass if key doesn't exist and drop_missing is false
 			if (!key_exists && !drop_missing)
@@ -1040,8 +1061,12 @@ export async function parse_template(template: string, replacements: Replacement
 					replacement = await replacement();
 			}
 			
-			if (replacement !== undefined)
+			if (replacement !== undefined) {
+				if (typeof replacement === 'object' && replacement !== null)
+					return JSON.stringify(replacement);
+
 				return replacement;
+			}
 			
 			if (!drop_missing)
 				return match;