@webmate-studio/builder 0.2.108 → 0.2.110

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webmate-studio/builder",
-  "version": "0.2.108",
+  "version": "0.2.110",
   "type": "module",
   "description": "Webmate Studio Component Builder",
   "keywords": [

package/src/design-tokens.js

@@ -995,6 +995,7 @@ body {
   display: inline-flex;
   align-items: center;
   justify-content: center;
+  text-align: center;
   font-weight: 500;
   border-width: 1px;
   border-style: solid;
@@ -1600,6 +1601,7 @@ export function generateCSSFromTokens(tokens) {
 		lines.push('  display: inline-flex;');
 		lines.push('  align-items: center;');
 		lines.push('  justify-content: center;');
+		lines.push('  text-align: center;');
 		lines.push('  font-weight: 500;');
 		lines.push('  border-style: solid;');
 		lines.push('  transition: all 0.15s ease-in-out;');

package/src/template-processor.js

@@ -299,8 +299,9 @@ class TemplateProcessor {
 						loopContext[arrayName] = arrayValue;
 						itemHtml = this.processClassConditionals(itemHtml, loopContext);
 
-						// First: Replace attribute expressions with quoted values (e.g., alt={item.image.alt} → alt="value")
-						itemHtml = itemHtml.replace(new RegExp(`(\\w+)=\\{\\s*${loopVar}\\.([a-zA-Z0-9_.]+)\\s*\\}`, 'g'), (m, attrName, path) => {
+						// First: Replace attribute expressions with quoted values (e.g., alt={item.image.alt} or alt="{item.image.alt}" → alt="value")
+						// Pattern matches both: attr={expr} and attr="{expr}"
+						itemHtml = itemHtml.replace(new RegExp(`(\\w+)=["']?\\{\\s*${loopVar}\\.([a-zA-Z0-9_.]+)\\s*\\}["']?`, 'g'), (m, attrName, path) => {
 							// Navigate through nested path (e.g., "image.src")
 							const pathParts = path.split('.');
 							let value = item;
@@ -312,8 +313,13 @@ class TemplateProcessor {
 								value = value[part];
 							}
 
+							// Handle link objects (from LinkField) - extract path for preview/production
+							if (typeof value === 'object' && value !== null && value.type === 'page' && value.pageUuid) {
+								// In preview mode: use /preview/{pageUuid}
+								value = `/preview/${value.pageUuid}`;
+							}
 							// Handle image objects - extract URL
-							if (typeof value === 'object' && value !== null && (value.src || value.filename)) {
+							else if (typeof value === 'object' && value !== null && (value.src || value.filename)) {
 								value = value.src || value.filename || '';
 							}
 
@@ -343,6 +349,11 @@ class TemplateProcessor {
 								value = value[part];
 							}
 
+							// Handle link objects (from LinkField) - extract path for preview
+							if (typeof value === 'object' && value !== null && value.type === 'page' && value.pageUuid) {
+								return `/preview/${value.pageUuid}`;
+							}
+
 							// Handle image objects - extract URL
 							if (typeof value === 'object' && value !== null && (value.src || value.filename)) {
 								return value.src || value.filename || '';
@@ -412,6 +423,10 @@ class TemplateProcessor {
 								if (result === undefined || result === null) {
 									return '';
 								}
+								// Handle link objects (from LinkField) - extract path for preview
+								if (typeof result === 'object' && result !== null && result.type === 'page' && result.pageUuid) {
+									return `/preview/${result.pageUuid}`;
+								}
 								// Handle image objects
 								if (typeof result === 'object' && result !== null && (result.src || result.filename)) {
 									return result.src || result.filename || '';