@sprlab/wccompiler 0.11.1 → 0.11.3

package/lib/tree-walker.js

@@ -88,7 +88,9 @@ export function walkTree(rootEl, signalNames, computedNames, propNames = new Set
       // Detect <slot> elements — replace with <span data-slot="..."> placeholder
       if (el.tagName === 'SLOT') {
         const slotName = el.getAttribute('name') || '';
-        const varName = `__s${slotIdx++}`;
+        const safeName = slotName ? slotName.replace(/[^a-zA-Z0-9_]/g, '_') : 'default';
+        const varName = `__slot_${safeName}_${slotIdx}`;
+        slotIdx++;
         const defaultContent = el.innerHTML.trim();
 
         // Collect :prop="expr" attributes (slot props for scoped slots)
@@ -155,10 +157,13 @@ export function walkTree(rootEl, signalNames, computedNames, propNames = new Set
       const attrsToRemove = [];
       for (const attr of Array.from(el.attributes)) {
         if (attr.name.startsWith('@')) {
-          const varName = `__e${eventIdx++}`;
+          const eventName = attr.name.slice(1);
+          const handlerName = attr.value.replace(/[^a-zA-Z0-9_]/g, '_').slice(0, 20);
+          const varName = `__evt_${eventName.replace(/-/g, '_')}_${handlerName}`;
+          eventIdx++;
           events.push({
             varName,
-            event: attr.name.slice(1),
+            event: eventName,
             handler: attr.value,
             path: [...pathParts],
           });
@@ -180,7 +185,8 @@ export function walkTree(rootEl, signalNames, computedNames, propNames = new Set
             kind = 'attr';
           }
 
-          const varName = `__attr${attrIdx++}`;
+          const varName = `__attr_${attrName.replace(/-/g, '_')}_${attrIdx}`;
+          attrIdx++;
           attrBindings.push({
             varName,
             attr: attrName,
@@ -195,7 +201,8 @@ export function walkTree(rootEl, signalNames, computedNames, propNames = new Set
 
       // Detect show attribute
       if (el.hasAttribute('show')) {
-        const varName = `__show${showIdx++}`;
+        const varName = `__show_${showIdx}`;
+        showIdx++;
         showBindings.push({
           varName,
           expression: el.getAttribute('show'),
@@ -244,7 +251,8 @@ export function walkTree(rootEl, signalNames, computedNames, propNames = new Set
           prop = 'value'; event = 'input';
         }
 
-        const varName = `__model${modelIdx++}`;
+        const varName = `__model_${signalName}_${modelIdx}`;
+        modelIdx++;
         modelBindings.push({ varName, signal: signalName, prop, event, coerce, radioValue, path: [...pathParts] });
         el.removeAttribute('model');
       }
@@ -265,7 +273,8 @@ export function walkTree(rootEl, signalNames, computedNames, propNames = new Set
             throw error;
           }
 
-          const varName = `__modelProp${modelPropIdx++}`;
+          const varName = `__modelProp_${propName}`;
+          modelPropIdx++;
           modelPropBindings.push({ varName, propName, signal, path: [...pathParts] });
           modelPropAttrsToRemove.push(attr.name);
         }
@@ -287,8 +296,10 @@ export function walkTree(rootEl, signalNames, computedNames, propNames = new Set
 
       // Case 1: {{var}} is the sole content of the parent element and parent has only one child text node
       if (soleMatch && parent.childNodes.length === 1) {
-        const varName = `__b${bindIdx++}`;
         const name = baseName(soleMatch[1]);
+        const safeName = name.replace(/[^a-zA-Z0-9_]/g, '_').slice(0, 30);
+        const varName = `__text_${safeName}`;
+        bindIdx++;
         bindings.push({
           varName,
           name,
@@ -317,8 +328,10 @@ export function walkTree(rootEl, signalNames, computedNames, propNames = new Set
         const bm = part.match(/^\{\{((?:[^}]|\}(?!\}))+)\}\}$/);
         if (bm) {
           fragment.appendChild(doc.createElement('span'));
-          const varName = `__b${bindIdx++}`;
           const name = baseName(bm[1]);
+          const safeName = name.replace(/[^a-zA-Z0-9_]/g, '_').slice(0, 30);
+          const varName = `__text_${safeName}_${bindIdx}`;
+          bindIdx++;
           bindings.push({
             varName,
             name,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sprlab/wccompiler",
-  "version": "0.11.1",
+  "version": "0.11.3",
   "description": "Zero-runtime compiler that transforms .wcc single-file components into native web components with signals-based reactivity",
   "type": "module",
   "exports": {