boxwood 2.15.0 → 2.16.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "boxwood",
-  "version": "2.15.0",
+  "version": "2.16.0",
   "description": "Compile HTML templates into JS",
   "main": "index.js",
   "types": "index.d.ts",

package/ui/prose/utilities/parseCustomTag.js

@@ -1,3 +1,5 @@
+const { resolvePath } = require("./replaceVariables")
+
 /**
  * Parse a custom component tag from markdown
  * Supports both <Component attr="value"> and <Component attr={variable}>
@@ -157,7 +159,19 @@ function parseAttributes(attributesStr) {
           i++
         }
       }
-      attributes[name] = value
+      
+      // Check if the entire quoted value is a variable reference: "{variable}"
+      if (value.startsWith("{") && value.endsWith("}")) {
+        const variableName = value.substring(1, value.length - 1).trim()
+        if (variableName) {
+          attributes[name] = { __variable: variableName }
+        } else {
+          attributes[name] = value
+        }
+      } else {
+        attributes[name] = value
+      }
+      
       if (i < str.length) i++ // Skip closing quote
     } else if (str[i] === "{") {
       // Variable reference
@@ -197,12 +211,10 @@ function resolveAttributes(attributes, data) {
   const resolved = {}
   for (const [key, value] of Object.entries(attributes)) {
     if (value && typeof value === "object" && value.__variable) {
-      // Resolve variable
-      const variableName = value.__variable
-      resolved[key] =
-        data && data[variableName] !== undefined
-          ? data[variableName]
-          : undefined
+      // Resolve variable using resolvePath to support complex paths
+      const variablePath = value.__variable
+      const resolvedValue = resolvePath(data, variablePath)
+      resolved[key] = resolvedValue
     } else {
       resolved[key] = value
     }

package/ui/prose/utilities/replaceVariables.js

@@ -5,6 +5,11 @@
  * @returns {*} - The resolved value or undefined
  */
 function resolvePath(data, path) {
+  // Handle null or undefined data
+  if (data === null || data === undefined) {
+    return undefined
+  }
+
   // Handle simple variable names (backwards compatibility)
   if (!/[.\[]/.test(path)) {
     return data[path]