@mulanjs/mulanjs 1.0.1-dev.20260301171012 → 1.0.1-dev.20260305165012

package/dist/compiler/dom-compiler.js

@@ -248,7 +248,12 @@ function generateDOMInstruction(node, chunks, getUid, getHoistId, hoists, uidRef
                 }
             }
             else if (key === 'id') {
-                chunks.push(`if (${id}) ${id}.id = _va("id", ${JSON.stringify(value)});`);
+                if (value.includes('${')) {
+                    chunks.push(`this._bindEffect(() => { if (${id}) ${id}.id = _va("id", \`${value}\`); }, ${id});`);
+                }
+                else {
+                    chunks.push(`if (${id}) ${id}.id = _va("id", ${JSON.stringify(value)});`);
+                }
             }
             else if (key === 'data-mu-id') {
                 // Ignore internal string compiler metadata
@@ -362,6 +367,11 @@ function transform(node, scriptResult, scopedId, localScope = [], filename) {
                 domBindings.push({ type: 'event', name: eventName, expr });
                 delete element.props[key];
             }
+            else {
+                if (typeof element.props[key] === 'string' && element.props[key].includes('${')) {
+                    element.props[key] = element.props[key].replace(/\$\{(.*?)\}/g, (_, expr) => '${' + processBindings(expr, scriptResult.bindings, localScope) + '}');
+                }
+            }
         }
         element.children.forEach(child => transform(child, scriptResult, scopedId, childScope, filename));
     }

package/dist/mulan.esm.js

@@ -1400,20 +1400,32 @@ class MuRouter {
             return { route, params: {} };
         // Regex match for params e.g. /user/:id
         for (const r of this.routes) {
+            if (r.path === '*' || r.path === '/*')
+                continue; // Skip wildcards for regex matching
             const paramNames = [];
             const regexPath = r.path.replace(/:([^/]+)/g, (_, key) => {
                 paramNames.push(key);
                 return '([^/]+)';
             });
-            const match = new RegExp(`^${regexPath}$`).exec(hash);
-            if (match) {
-                const params = {};
-                paramNames.forEach((name, i) => {
-                    // SECURE: Automatically sanitize all route parameters
-                    params[name] = Security.sanitize(match[i + 1]);
-                });
-                return { route: r, params };
+            try {
+                const match = new RegExp(`^${regexPath}$`).exec(hash);
+                if (match) {
+                    const params = {};
+                    paramNames.forEach((name, i) => {
+                        // SECURE: Automatically sanitize all route parameters
+                        params[name] = Security.sanitize(match[i + 1]);
+                    });
+                    return { route: r, params };
+                }
             }
+            catch (e) {
+                // Ignore invalid regex paths
+            }
+        }
+        // Match wildcard / catch-all routes (*) as a fallback
+        const wildcardRoute = this.routes.find((r) => r.path === '*' || r.path === '/*');
+        if (wildcardRoute) {
+            return { route: wildcardRoute, params: {} };
         }
         return { route: undefined, params: {} };
     }