[IMP] compiler: improve generated compiled code

src/compiler/code_generator.ts

@@ -69,8 +69,8 @@ class BlockDescription {
     this.type = type;
   }
 
-  insertData(str: string): number {
+  insertData(str: string, prefix: string = "d"): number {
-    const id = "d" + BlockDescription.nextDataId++;
+    const id = prefix + BlockDescription.nextDataId++;
     this.target.addLine(`let ${id} = ${str};`);
     return this.data.push(id) - 1;
   }
@@ -515,11 +515,11 @@ export class CodeGenerator {
     for (let key in ast.attrs) {
       if (key.startsWith("t-attf")) {
         let expr = interpolate(ast.attrs[key]);
-        const idx = block!.insertData(expr);
+        const idx = block!.insertData(expr, "attr");
         attrs["block-attribute-" + idx] = key.slice(7);
       } else if (key.startsWith("t-att")) {
         let expr = compileExpr(ast.attrs[key]);
-        const idx = block!.insertData(expr);
+        const idx = block!.insertData(expr, "attr");
         if (key === "t-att") {
           attrs[`block-attributes`] = String(idx);
         } else {
@@ -535,7 +535,7 @@ export class CodeGenerator {
     // event handlers
     for (let ev in ast.on) {
       const name = this.generateHandlerCode(ev, ast.on[ev]);
-      const idx = block!.insertData(name);
+      const idx = block!.insertData(name, "hdlr");
       attrs[`block-handler-${idx}`] = ev;
     }
 
@@ -548,7 +548,7 @@ export class CodeGenerator {
           INTERP_REGEXP,
           (expr) => "${" + this.captureExpression(expr.slice(2, -2), true) + "}"
         );
-        const idx = block!.insertData(`(el) => refs[\`${str}\`] = el`);
+        const idx = block!.insertData(`(el) => refs[\`${str}\`] = el`, "ref");
         attrs["block-ref"] = String(idx);
       } else {
         const idx = block!.insertData(`(el) => refs[\`${ast.ref}\`] = el`);
@@ -576,10 +576,13 @@ export class CodeGenerator {
 
       let idx: number;
       if (specialInitTargetAttr) {
-        idx = block!.insertData(`${baseExpression}[${expression}] === '${attrs[targetAttr]}'`);
+        idx = block!.insertData(
+          `${baseExpression}[${expression}] === '${attrs[targetAttr]}'`,
+          "attr"
+        );
         attrs[`block-attribute-${idx}`] = specialInitTargetAttr;
       } else {
-        idx = block!.insertData(`${baseExpression}[${expression}]`);
+        idx = block!.insertData(`${baseExpression}[${expression}]`, "attr");
         attrs[`block-attribute-${idx}`] = targetAttr;
       }
       this.helpers.add("toNumber");
@@ -588,7 +591,7 @@ export class CodeGenerator {
       valueCode = shouldNumberize ? `toNumber(${valueCode})` : valueCode;
 
       const handler = `[(ev) => { bExpr${id}[${expression}] = ${valueCode}; }]`;
-      idx = block!.insertData(handler);
+      idx = block!.insertData(handler, "hdlr");
       attrs[`block-handler-${idx}`] = eventType;
     }
 
@@ -652,7 +655,7 @@ export class CodeGenerator {
       block = this.createBlock(block, "text", ctx);
       this.insertBlock(`text(${expr})`, block, { ...ctx, forceNewBlock: forceNewBlock && !block });
     } else {
-      const idx = block.insertData(expr);
+      const idx = block.insertData(expr, "txt");
       const text = xmlDoc.createElement(`block-text-${idx}`);
       block.insert(text);
     }

tests/__snapshots__/reactivity.test.ts.snap

@@ -71,8 +71,8 @@ exports[`Reactivity: useState destroyed component before being mounted is inacti
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['contextObj'].a;
+    let txt1 = ctx['contextObj'].a;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -102,8 +102,8 @@ exports[`Reactivity: useState destroyed component is inactive 2`] = `
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['contextObj'].a;
+    let txt1 = ctx['contextObj'].a;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -116,9 +116,9 @@ exports[`Reactivity: useState one components can subscribe twice to same context
   let block1 = createBlock(\`<div><block-text-0/><block-text-1/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['contextObj1'].a;
+    let txt1 = ctx['contextObj1'].a;
-    let d2 = ctx['contextObj2'].b;
+    let txt2 = ctx['contextObj2'].b;
-    return block1([d1, d2]);
+    return block1([txt1, txt2]);
   }
 }"
 `;
@@ -132,8 +132,8 @@ exports[`Reactivity: useState parent and children subscribed to same context 1`]
   
   return function template(ctx, node, key = \\"\\") {
     let b2 = component(\`Child\`, {}, key + \`__1\`, node, ctx);
-    let d1 = ctx['contextObj'].b;
+    let txt1 = ctx['contextObj'].b;
-    return block1([d1], [b2]);
+    return block1([txt1], [b2]);
   }
 }"
 `;
@@ -146,8 +146,8 @@ exports[`Reactivity: useState parent and children subscribed to same context 2`]
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['contextObj'].a;
+    let txt1 = ctx['contextObj'].a;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -238,8 +238,8 @@ exports[`Reactivity: useState two components are updated in parallel 2`] = `
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['contextObj'].value;
+    let txt1 = ctx['contextObj'].value;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -267,8 +267,8 @@ exports[`Reactivity: useState two components can subscribe to same context 2`] =
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['contextObj'].value;
+    let txt1 = ctx['contextObj'].value;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -296,8 +296,8 @@ exports[`Reactivity: useState two independent components on different levels are
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['contextObj'].value;
+    let txt1 = ctx['contextObj'].value;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -324,8 +324,8 @@ exports[`Reactivity: useState useContext=useState hook is reactive, for one comp
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['contextObj'].value;
+    let txt1 = ctx['contextObj'].value;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -348,9 +348,9 @@ exports[`Reactivity: useState useless atoms should be deleted 1`] = `
     }
     ctx = ctx.__proto__;
     let b2 = list(c_block2);
-    let d1 = ctx['total'];
+    let txt1 = ctx['total'];
-    let d2 = Object.keys(ctx['state']).length;
+    let txt2 = Object.keys(ctx['state']).length;
-    return block1([d1, d2], [b2]);
+    return block1([txt1, txt2], [b2]);
   }
 }"
 `;
@@ -363,8 +363,8 @@ exports[`Reactivity: useState useless atoms should be deleted 2`] = `
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['state'].quantity;
+    let txt1 = ctx['state'].quantity;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -377,8 +377,8 @@ exports[`Reactivity: useState very simple use, with initial value 1`] = `
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['contextObj'].value;
+    let txt1 = ctx['contextObj'].value;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;

tests/app/__snapshots__/app.test.ts.snap

@@ -8,9 +8,9 @@ exports[`app App supports env with getters/setters 1`] = `
   let block1 = createBlock(\`<div><block-text-0/> <block-text-1/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['env'].someVal;
+    let txt1 = ctx['env'].someVal;
-    let d2 = Object.keys(ctx['env'].services);
+    let txt2 = Object.keys(ctx['env'].services);
-    return block1([d1, d2]);
+    return block1([txt1, txt2]);
   }
 }"
 `;
@@ -23,8 +23,8 @@ exports[`app can configure an app with props 1`] = `
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].value;
+    let txt1 = ctx['props'].value;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;

tests/compiler/__snapshots__/attributes.test.ts.snap

@@ -8,8 +8,8 @@ exports[`attributes changing a class with t-att-class (preexisting class 1`] = `
   let block1 = createBlock(\`<div class=\\"hoy\\" block-attribute-0=\\"class\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['v'];
+    let attr1 = ctx['v'];
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -22,8 +22,8 @@ exports[`attributes changing a class with t-att-class 1`] = `
   let block1 = createBlock(\`<div block-attribute-0=\\"class\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['v'];
+    let attr1 = ctx['v'];
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -36,8 +36,8 @@ exports[`attributes changing an attribute with t-att- 1`] = `
   let block1 = createBlock(\`<div block-attribute-0=\\"value\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['v'];
+    let attr1 = ctx['v'];
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -50,8 +50,8 @@ exports[`attributes class and t-att-class should combine together 1`] = `
   let block1 = createBlock(\`<div block-attribute-0=\\"class\\" class=\\"hello\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['value'];
+    let attr1 = ctx['value'];
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -64,8 +64,8 @@ exports[`attributes class and t-attf-class with ternary operation 1`] = `
   let block1 = createBlock(\`<div class=\\"hello\\" block-attribute-0=\\"class\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = (ctx['value']?'world':'');
+    let attr1 = (ctx['value']?'world':'');
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -78,8 +78,8 @@ exports[`attributes dynamic attribute evaluating to 0 1`] = `
   let block1 = createBlock(\`<div block-attribute-0=\\"foo\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['value'];
+    let attr1 = ctx['value'];
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -92,8 +92,8 @@ exports[`attributes dynamic attribute falsy variable  1`] = `
   let block1 = createBlock(\`<div block-attribute-0=\\"foo\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['value'];
+    let attr1 = ctx['value'];
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -106,8 +106,8 @@ exports[`attributes dynamic attribute with a dash 1`] = `
   let block1 = createBlock(\`<div block-attribute-0=\\"data-action-id\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['id'];
+    let attr1 = ctx['id'];
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -120,8 +120,8 @@ exports[`attributes dynamic attributes 1`] = `
   let block1 = createBlock(\`<div block-attribute-0=\\"foo\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = 'bar';
+    let attr1 = 'bar';
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -134,8 +134,8 @@ exports[`attributes dynamic class attribute 1`] = `
   let block1 = createBlock(\`<div block-attribute-0=\\"class\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['c'];
+    let attr1 = ctx['c'];
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -148,8 +148,8 @@ exports[`attributes dynamic class attribute evaluating to 0 1`] = `
   let block1 = createBlock(\`<div block-attribute-0=\\"class\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['value'];
+    let attr1 = ctx['value'];
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -162,8 +162,8 @@ exports[`attributes dynamic empty class attribute 1`] = `
   let block1 = createBlock(\`<div block-attribute-0=\\"class\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['c'];
+    let attr1 = ctx['c'];
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -176,8 +176,8 @@ exports[`attributes dynamic formatted attributes with a dash 1`] = `
   let block1 = createBlock(\`<div block-attribute-0=\\"aria-label\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = \`Some text \${ctx['id']}\`;
+    let attr1 = \`Some text \${ctx['id']}\`;
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -190,8 +190,8 @@ exports[`attributes dynamic undefined class attribute 1`] = `
   let block1 = createBlock(\`<div block-attribute-0=\\"class\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['c'];
+    let attr1 = ctx['c'];
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -204,8 +204,8 @@ exports[`attributes dynamic undefined generic attribute 1`] = `
   let block1 = createBlock(\`<div block-attribute-0=\\"thing\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['c'];
+    let attr1 = ctx['c'];
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -218,8 +218,8 @@ exports[`attributes fixed variable 1`] = `
   let block1 = createBlock(\`<div block-attribute-0=\\"foo\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['value'];
+    let attr1 = ctx['value'];
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -232,8 +232,8 @@ exports[`attributes format expression 1`] = `
   let block1 = createBlock(\`<div block-attribute-0=\\"foo\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = (ctx['value']+37);
+    let attr1 = (ctx['value']+37);
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -246,8 +246,8 @@ exports[`attributes format literal 1`] = `
   let block1 = createBlock(\`<div block-attribute-0=\\"foo\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = \`bar\`;
+    let attr1 = \`bar\`;
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -260,8 +260,8 @@ exports[`attributes format multiple 1`] = `
   let block1 = createBlock(\`<div block-attribute-0=\\"foo\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = \`a \${ctx['value1']} is \${ctx['value2']} of \${ctx['value3']} ]\`;
+    let attr1 = \`a \${ctx['value1']} is \${ctx['value2']} of \${ctx['value3']} ]\`;
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -274,8 +274,8 @@ exports[`attributes format value 1`] = `
   let block1 = createBlock(\`<div block-attribute-0=\\"foo\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = \`b\${ctx['value']}r\`;
+    let attr1 = \`b\${ctx['value']}r\`;
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -292,8 +292,8 @@ exports[`attributes from object variables set previously 1`] = `
     ctx = Object.create(ctx);
     ctx[isBoundary] = 1
     setContextValue(ctx, \\"o\\", {a:'b'});
-    let d1 = ctx['o'].a;
+    let attr1 = ctx['o'].a;
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -310,8 +310,8 @@ exports[`attributes from variables set previously (no external node) 1`] = `
     ctx = Object.create(ctx);
     ctx[isBoundary] = 1
     setContextValue(ctx, \\"abc\\", 'def');
-    let d1 = ctx['abc'];
+    let attr1 = ctx['abc'];
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -328,8 +328,8 @@ exports[`attributes from variables set previously 1`] = `
     ctx = Object.create(ctx);
     ctx[isBoundary] = 1
     setContextValue(ctx, \\"abc\\", 'def');
-    let d1 = ctx['abc'];
+    let attr1 = ctx['abc'];
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -342,8 +342,8 @@ exports[`attributes object 1`] = `
   let block1 = createBlock(\`<div block-attributes=\\"0\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['value'];
+    let attr1 = ctx['value'];
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -395,8 +395,8 @@ exports[`attributes t-att-class and class should combine together 1`] = `
   let block1 = createBlock(\`<div class=\\"hello\\" block-attribute-0=\\"class\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['value'];
+    let attr1 = ctx['value'];
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -409,8 +409,8 @@ exports[`attributes t-att-class with multiple classes 1`] = `
   let block1 = createBlock(\`<div block-attribute-0=\\"class\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = {'a b c':ctx['value']};
+    let attr1 = {'a b c':ctx['value']};
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -423,8 +423,8 @@ exports[`attributes t-att-class with multiple classes 2`] = `
   let block1 = createBlock(\`<div block-attribute-0=\\"class\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = {['a b c']:ctx['value']};
+    let attr1 = {['a b c']:ctx['value']};
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -437,8 +437,8 @@ exports[`attributes t-att-class with multiple classes, some of which are duplica
   let block1 = createBlock(\`<div block-attribute-0=\\"class\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = {'a b c':ctx['value'],'a b d':!ctx['value']};
+    let attr1 = {'a b c':ctx['value'],'a b d':!ctx['value']};
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -451,8 +451,8 @@ exports[`attributes t-att-class with object 1`] = `
   let block1 = createBlock(\`<div class=\\"static\\" block-attribute-0=\\"class\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = {a:ctx['b'],c:ctx['d'],e:ctx['f']};
+    let attr1 = {a:ctx['b'],c:ctx['d'],e:ctx['f']};
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -465,8 +465,8 @@ exports[`attributes t-attf-class 1`] = `
   let block1 = createBlock(\`<div block-attribute-0=\\"class\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = \`hello\`;
+    let attr1 = \`hello\`;
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -479,8 +479,8 @@ exports[`attributes t-attf-class should combine with class 1`] = `
   let block1 = createBlock(\`<div class=\\"hello\\" block-attribute-0=\\"class\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = \`world\`;
+    let attr1 = \`world\`;
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -493,8 +493,8 @@ exports[`attributes t-attf-class with multiple classes 1`] = `
   let block1 = createBlock(\`<div block-attribute-0=\\"class\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = \`hello \${ctx['word']}\`;
+    let attr1 = \`hello \${ctx['word']}\`;
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -507,8 +507,8 @@ exports[`attributes t-attf-class with multiple classes separated by multiple spa
   let block1 = createBlock(\`<div block-attribute-0=\\"class\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = \`hello  \${ctx['word']}\`;
+    let attr1 = \`hello  \${ctx['word']}\`;
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -521,8 +521,8 @@ exports[`attributes tuple literal 1`] = `
   let block1 = createBlock(\`<div block-attributes=\\"0\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ['foo','bar'];
+    let attr1 = ['foo','bar'];
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -535,8 +535,8 @@ exports[`attributes tuple variable 1`] = `
   let block1 = createBlock(\`<div block-attributes=\\"0\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['value'];
+    let attr1 = ctx['value'];
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -562,9 +562,9 @@ exports[`attributes two dynamic attributes 1`] = `
   let block1 = createBlock(\`<div block-attribute-0=\\"foo\\" block-attribute-1=\\"bar\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = 'bar';
+    let attr1 = 'bar';
-    let d2 = 'foo';
+    let attr2 = 'foo';
-    return block1([d1, d2]);
+    return block1([attr1, attr2]);
   }
 }"
 `;
@@ -577,8 +577,8 @@ exports[`attributes updating classes (with obj notation) 1`] = `
   let block1 = createBlock(\`<div class=\\"hoy\\" block-attribute-0=\\"class\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = {'a b':ctx['condition']};
+    let attr1 = {'a b':ctx['condition']};
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -591,10 +591,10 @@ exports[`attributes various escapes 1`] = `
   let block1 = createBlock(\`<div foo=\\"&lt;foo\\" block-attribute-0=\\"bar\\" block-attribute-1=\\"baz\\" block-attributes=\\"2\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['bar'];
+    let attr1 = ctx['bar'];
-    let d2 = \`<\${ctx['baz']}>\`;
+    let attr2 = \`<\${ctx['baz']}>\`;
-    let d3 = ctx['qux'];
+    let attr3 = ctx['qux'];
-    return block1([d1, d2, d3]);
+    return block1([attr1, attr2, attr3]);
   }
 }"
 `;
@@ -620,8 +620,8 @@ exports[`special cases for some specific html attributes/properties input of typ
   let block1 = createBlock(\`<input type=\\"checkbox\\" block-attribute-0=\\"indeterminate\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['v'];
+    let attr1 = ctx['v'];
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -634,8 +634,8 @@ exports[`special cases for some specific html attributes/properties input type=
   let block1 = createBlock(\`<input type=\\"checkbox\\" block-attribute-0=\\"checked\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['flag'];
+    let attr1 = ctx['flag'];
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -648,8 +648,8 @@ exports[`special cases for some specific html attributes/properties input with t
   let block1 = createBlock(\`<input block-attribute-0=\\"value\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['v'];
+    let attr1 = ctx['v'];
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -662,8 +662,8 @@ exports[`special cases for some specific html attributes/properties select with
   let block1 = createBlock(\`<select block-attribute-0=\\"value\\"><option value=\\"potato\\">Potato</option><option value=\\"tomato\\">Tomato</option><option value=\\"onion\\">Onion</option></select>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['value'];
+    let attr1 = ctx['value'];
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -676,8 +676,8 @@ exports[`special cases for some specific html attributes/properties textarea wit
   let block1 = createBlock(\`<textarea block-attribute-0=\\"value\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['v'];
+    let attr1 = ctx['v'];
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;

tests/compiler/__snapshots__/event_handling.test.ts.snap

@@ -8,8 +8,8 @@ exports[`t-on can bind event handler 1`] = `
   let block1 = createBlock(\`<button block-handler-0=\\"click\\">Click</button>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = [ctx['add'], ctx];
+    let hdlr1 = [ctx['add'], ctx];
-    return block1([d1]);
+    return block1([hdlr1]);
   }
 }"
 `;
@@ -23,8 +23,8 @@ exports[`t-on can bind handlers with arguments 1`] = `
   
   return function template(ctx, node, key = \\"\\") {
     const v1 = ctx['add'];
-    let d1 = [()=>v1(5), ctx];
+    let hdlr1 = [()=>v1(5), ctx];
-    return block1([d1]);
+    return block1([hdlr1]);
   }
 }"
 `;
@@ -38,8 +38,8 @@ exports[`t-on can bind handlers with empty  object 1`] = `
   
   return function template(ctx, node, key = \\"\\") {
     const v1 = ctx['doSomething'];
-    let d1 = [()=>v1({}), ctx];
+    let hdlr1 = [()=>v1({}), ctx];
-    return block1([d1]);
+    return block1([hdlr1]);
   }
 }"
 `;
@@ -53,8 +53,8 @@ exports[`t-on can bind handlers with empty object (with non empty inner string)
   
   return function template(ctx, node, key = \\"\\") {
     const v1 = ctx['doSomething'];
-    let d1 = [()=>v1({}), ctx];
+    let hdlr1 = [()=>v1({}), ctx];
-    return block1([d1]);
+    return block1([hdlr1]);
   }
 }"
 `;
@@ -77,8 +77,8 @@ exports[`t-on can bind handlers with empty object (with non empty inner string)
       let key1 = ctx['action_index'];
       const v1 = ctx['activate'];
       const v2 = ctx['action'];
-      let d1 = [()=>v1(v2), ctx];
+      let hdlr1 = [()=>v1(v2), ctx];
-      c_block2[i1] = withKey(block3([d1]), key1);
+      c_block2[i1] = withKey(block3([hdlr1]), key1);
     }
     let b2 = list(c_block2);
     return block1([], [b2]);
@@ -95,8 +95,8 @@ exports[`t-on can bind handlers with object arguments 1`] = `
   
   return function template(ctx, node, key = \\"\\") {
     const v1 = ctx['add'];
-    let d1 = [()=>v1({val:5}), ctx];
+    let hdlr1 = [()=>v1({val:5}), ctx];
-    return block1([d1]);
+    return block1([hdlr1]);
   }
 }"
 `;
@@ -109,9 +109,9 @@ exports[`t-on can bind two event handlers 1`] = `
   let block1 = createBlock(\`<button block-handler-0=\\"click\\" block-handler-1=\\"dblclick\\">Click</button>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = [ctx['handleClick'], ctx];
+    let hdlr1 = [ctx['handleClick'], ctx];
-    let d2 = [ctx['handleDblClick'], ctx];
+    let hdlr2 = [ctx['handleDblClick'], ctx];
-    return block1([d1, d2]);
+    return block1([hdlr1, hdlr2]);
   }
 }"
 `;
@@ -124,8 +124,8 @@ exports[`t-on handler is bound to proper owner 1`] = `
   let block1 = createBlock(\`<button block-handler-0=\\"click\\">Click</button>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = [ctx['add'], ctx];
+    let hdlr1 = [ctx['add'], ctx];
-    return block1([d1]);
+    return block1([hdlr1]);
   }
 }"
 `;
@@ -144,8 +144,8 @@ exports[`t-on handler is bound to proper owner, part 2 1`] = `
     for (let i1 = 0; i1 < l_block1; i1++) {
       ctx[\`value\`] = v_block1[i1];
       let key1 = ctx['value'];
-      let d1 = [ctx['add'], ctx];
+      let hdlr1 = [ctx['add'], ctx];
-      c_block1[i1] = withKey(block2([d1]), key1);
+      c_block1[i1] = withKey(block2([hdlr1]), key1);
     }
     return list(c_block1);
   }
@@ -173,8 +173,8 @@ exports[`t-on handler is bound to proper owner, part 3 2`] = `
   let block1 = createBlock(\`<button block-handler-0=\\"click\\">Click</button>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = [ctx['add'], ctx];
+    let hdlr1 = [ctx['add'], ctx];
-    return block1([d1]);
+    return block1([hdlr1]);
   }
 }"
 `;
@@ -211,8 +211,8 @@ exports[`t-on handler is bound to proper owner, part 4 2`] = `
   let block1 = createBlock(\`<button block-handler-0=\\"click\\">Click</button>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = [ctx['add'], ctx];
+    let hdlr1 = [ctx['add'], ctx];
-    return block1([d1]);
+    return block1([hdlr1]);
   }
 }"
 `;
@@ -225,8 +225,8 @@ exports[`t-on receive event in first argument 1`] = `
   let block1 = createBlock(\`<button block-handler-0=\\"click\\">Click</button>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = [ctx['add'], ctx];
+    let hdlr1 = [ctx['add'], ctx];
-    return block1([d1]);
+    return block1([hdlr1]);
   }
 }"
 `;
@@ -239,9 +239,9 @@ exports[`t-on t-on modifiers (native listener) basic support for native listener
   let block1 = createBlock(\`<div class=\\"myClass\\" block-handler-0=\\"click\\"><button block-handler-1=\\"click\\">Button</button></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = [ctx['divClicked'], ctx];
+    let hdlr1 = [ctx['divClicked'], ctx];
-    let d2 = [ctx['btnClicked'], ctx];
+    let hdlr2 = [ctx['btnClicked'], ctx];
-    return block1([d1, d2]);
+    return block1([hdlr1, hdlr2]);
   }
 }"
 `;
@@ -254,9 +254,9 @@ exports[`t-on t-on modifiers (native listener) t-on combined with t-esc 1`] = `
   let block1 = createBlock(\`<div><button block-handler-0=\\"click\\"><block-text-1/></button></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = [ctx['onClick'], ctx];
+    let hdlr1 = [ctx['onClick'], ctx];
-    let d2 = ctx['text'];
+    let txt2 = ctx['text'];
-    return block1([d1, d2]);
+    return block1([hdlr1, txt2]);
   }
 }"
 `;
@@ -270,9 +270,9 @@ exports[`t-on t-on modifiers (native listener) t-on combined with t-out 1`] = `
   let block1 = createBlock(\`<div><button block-handler-0=\\"click\\"><block-child-0/></button></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = [ctx['onClick'], ctx];
+    let hdlr1 = [ctx['onClick'], ctx];
     let b2 = safeOutput(ctx['html']);
-    return block1([d1], [b2]);
+    return block1([hdlr1], [b2]);
   }
 }"
 `;
@@ -285,9 +285,9 @@ exports[`t-on t-on modifiers (native listener) t-on with .capture modifier 1`] =
   let block1 = createBlock(\`<div block-handler-0=\\"click.capture\\"><button block-handler-1=\\"click\\">Button</button></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = [\\"capture\\", ctx['onCapture'], ctx];
+    let hdlr1 = [\\"capture\\", ctx['onCapture'], ctx];
-    let d2 = [ctx['doSomething'], ctx];
+    let hdlr2 = [ctx['doSomething'], ctx];
-    return block1([d1, d2]);
+    return block1([hdlr1, hdlr2]);
   }
 }"
 `;
@@ -300,8 +300,8 @@ exports[`t-on t-on modifiers (native listener) t-on with empty handler (only mod
   let block1 = createBlock(\`<div><button block-handler-0=\\"click.prevent\\">Button</button></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = [\\"prevent\\", , ctx];
+    let hdlr1 = [\\"prevent\\", , ctx];
-    return block1([d1]);
+    return block1([hdlr1]);
   }
 }"
 `;
@@ -314,8 +314,8 @@ exports[`t-on t-on modifiers (native listener) t-on with prevent and self modifi
   let block1 = createBlock(\`<div><button block-handler-0=\\"click.prevent.self\\"><span>Button</span></button></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = [\\"prevent\\",\\"self\\", ctx['onClick'], ctx];
+    let hdlr1 = [\\"prevent\\",\\"self\\", ctx['onClick'], ctx];
-    return block1([d1]);
+    return block1([hdlr1]);
   }
 }"
 `;
@@ -328,10 +328,10 @@ exports[`t-on t-on modifiers (native listener) t-on with prevent and/or stop mod
   let block1 = createBlock(\`<div><button block-handler-0=\\"click.prevent\\">Button 1</button><button block-handler-1=\\"click.stop\\">Button 2</button><button block-handler-2=\\"click.prevent.stop\\">Button 3</button></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = [\\"prevent\\", ctx['onClickPrevented'], ctx];
+    let hdlr1 = [\\"prevent\\", ctx['onClickPrevented'], ctx];
-    let d2 = [\\"stop\\", ctx['onClickStopped'], ctx];
+    let hdlr2 = [\\"stop\\", ctx['onClickStopped'], ctx];
-    let d3 = [\\"prevent\\",\\"stop\\", ctx['onClickPreventedAndStopped'], ctx];
+    let hdlr3 = [\\"prevent\\",\\"stop\\", ctx['onClickPreventedAndStopped'], ctx];
-    return block1([d1, d2, d3]);
+    return block1([hdlr1, hdlr2, hdlr3]);
   }
 }"
 `;
@@ -353,9 +353,9 @@ exports[`t-on t-on modifiers (native listener) t-on with prevent modifier in t-f
       let key1 = ctx['project'];
       const v1 = ctx['onEdit'];
       const v2 = ctx['project'];
-      let d1 = [\\"prevent\\", ev=>v1(v2.id,ev), ctx];
+      let hdlr1 = [\\"prevent\\", ev=>v1(v2.id,ev), ctx];
-      let d2 = ctx['project'].name;
+      let txt2 = ctx['project'].name;
-      c_block2[i1] = withKey(block3([d1, d2]), key1);
+      c_block2[i1] = withKey(block3([hdlr1, txt2]), key1);
     }
     let b2 = list(c_block2);
     return block1([], [b2]);
@@ -371,8 +371,8 @@ exports[`t-on t-on modifiers (native listener) t-on with self and prevent modifi
   let block1 = createBlock(\`<div><button block-handler-0=\\"click.self.prevent\\"><span>Button</span></button></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = [\\"self\\",\\"prevent\\", ctx['onClick'], ctx];
+    let hdlr1 = [\\"self\\",\\"prevent\\", ctx['onClick'], ctx];
-    return block1([d1]);
+    return block1([hdlr1]);
   }
 }"
 `;
@@ -385,9 +385,9 @@ exports[`t-on t-on modifiers (native listener) t-on with self modifier 1`] = `
   let block1 = createBlock(\`<div><button block-handler-0=\\"click\\"><span>Button</span></button><button block-handler-1=\\"click.self\\"><span>Button</span></button></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = [ctx['onClick'], ctx];
+    let hdlr1 = [ctx['onClick'], ctx];
-    let d2 = [\\"self\\", ctx['onClickSelf'], ctx];
+    let hdlr2 = [\\"self\\", ctx['onClickSelf'], ctx];
-    return block1([d1, d2]);
+    return block1([hdlr1, hdlr2]);
   }
 }"
 `;
@@ -400,9 +400,9 @@ exports[`t-on t-on modifiers (synthetic listener) basic support for synthetic 1`
   let block1 = createBlock(\`<div block-handler-0=\\"click.synthetic\\"><button block-handler-1=\\"click.synthetic\\">Button</button></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = [\\"synthetic\\", ctx['divClicked'], ctx];
+    let hdlr1 = [\\"synthetic\\", ctx['divClicked'], ctx];
-    let d2 = [\\"synthetic\\", ctx['btnClicked'], ctx];
+    let hdlr2 = [\\"synthetic\\", ctx['btnClicked'], ctx];
-    return block1([d1, d2]);
+    return block1([hdlr1, hdlr2]);
   }
 }"
 `;
@@ -416,8 +416,8 @@ exports[`t-on t-on with inline statement (function call) 1`] = `
   
   return function template(ctx, node, key = \\"\\") {
     const v1 = ctx['state'];
-    let d1 = [()=>v1.incrementCounter(2), ctx];
+    let hdlr1 = [()=>v1.incrementCounter(2), ctx];
-    return block1([d1]);
+    return block1([hdlr1]);
   }
 }"
 `;
@@ -431,8 +431,8 @@ exports[`t-on t-on with inline statement 1`] = `
   
   return function template(ctx, node, key = \\"\\") {
     const v1 = ctx['state'];
-    let d1 = [()=>v1.counter++, ctx];
+    let hdlr1 = [()=>v1.counter++, ctx];
-    return block1([d1]);
+    return block1([hdlr1]);
   }
 }"
 `;
@@ -446,8 +446,8 @@ exports[`t-on t-on with inline statement, part 2 1`] = `
   
   return function template(ctx, node, key = \\"\\") {
     const v1 = ctx['state'];
-    let d1 = [()=>v1.flag=!v1.flag, ctx];
+    let hdlr1 = [()=>v1.flag=!v1.flag, ctx];
-    return block1([d1]);
+    return block1([hdlr1]);
   }
 }"
 `;
@@ -462,8 +462,8 @@ exports[`t-on t-on with inline statement, part 3 1`] = `
   return function template(ctx, node, key = \\"\\") {
     const v1 = ctx['state'];
     const v2 = ctx['someFunction'];
-    let d1 = [()=>v1.n=v2(3), ctx];
+    let hdlr1 = [()=>v1.n=v2(3), ctx];
-    return block1([d1]);
+    return block1([hdlr1]);
   }
 }"
 `;
@@ -492,8 +492,8 @@ exports[`t-on t-on with t-call 2`] = `
   let block1 = createBlock(\`<p block-handler-0=\\"click\\">lucas</p>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = [ctx['update'], ctx];
+    let hdlr1 = [ctx['update'], ctx];
-    return block1([d1]);
+    return block1([hdlr1]);
   }
 }"
 `;
@@ -523,8 +523,8 @@ exports[`t-on t-on, with arguments and t-call 2`] = `
   
   return function template(ctx, node, key = \\"\\") {
     const v1 = ctx['value'];
-    let d1 = [()=>this.update(v1), ctx];
+    let hdlr1 = [()=>this.update(v1), ctx];
-    return block1([d1]);
+    return block1([hdlr1]);
   }
 }"
 `;

tests/compiler/__snapshots__/misc.test.ts.snap

@@ -18,11 +18,11 @@ exports[`misc complex template 1`] = `
   
   return function template(ctx, node, key = \\"\\") {
     let b2,b3,b4,b6,b8;
-    let d1 = \`batch_tile \${ctx['options'].more?'more':'nomore'}\`;
+    let attr1 = \`batch_tile \${ctx['options'].more?'more':'nomore'}\`;
-    let d2 = \`card bg-\${ctx['klass']}-light\`;
+    let attr2 = \`card bg-\${ctx['klass']}-light\`;
-    let d3 = \`/runbot/batch/\${ctx['batch'].id}\`;
+    let attr3 = \`/runbot/batch/\${ctx['batch'].id}\`;
-    let d4 = \`badge badge-\${ctx['batch'].has_warning?'warning':'light'}\`;
+    let attr4 = \`badge badge-\${ctx['batch'].has_warning?'warning':'light'}\`;
-    let d5 = ctx['batch'].formated_age;
+    let txt5 = ctx['batch'].formated_age;
     if (ctx['batch'].has_warning) {
       b2 = block2();
     }
@@ -53,8 +53,8 @@ exports[`misc complex template 1`] = `
       ctx[\`commit_link\`] = v_block8[i1];
       let key1 = ctx['commit_link'].id;
       let b10,b11,b12,b13;
-      let d6 = \`/runbot/commit/\${ctx['commit_link'].commit_id}\`;
+      let attr6 = \`/runbot/commit/\${ctx['commit_link'].commit_id}\`;
-      let d7 = \`badge badge-light batch_commit match_type_\${ctx['commit_link'].match_type}\`;
+      let attr7 = \`badge badge-light batch_commit match_type_\${ctx['commit_link'].match_type}\`;
       if (ctx['commit_link'].match_type=='new') {
         b10 = block10();
       }
@@ -67,13 +67,13 @@ exports[`misc complex template 1`] = `
       if (ctx['commit_link'].match_type=='base_head') {
         b13 = block13();
       }
-      let d8 = ctx['commit_link'].commit_dname;
+      let txt8 = ctx['commit_link'].commit_dname;
-      let d9 = 'https://%s/commit/%s'%(ctx['commit_link'].commit_remote_url,ctx['commit_link'].commit_name);
+      let attr9 = 'https://%s/commit/%s'%(ctx['commit_link'].commit_remote_url,ctx['commit_link'].commit_name);
-      let d10 = ctx['commit_link'].commit_subject;
+      let txt10 = ctx['commit_link'].commit_subject;
-      c_block8[i1] = withKey(block9([d6, d7, d8, d9, d10], [b10, b11, b12, b13]), key1);
+      c_block8[i1] = withKey(block9([attr6, attr7, txt8, attr9, txt10], [b10, b11, b12, b13]), key1);
     }
     b8 = list(c_block8);
-    return block1([d1, d2, d3, d4, d5], [b2, b3, b4, b6, b8]);
+    return block1([attr1, attr2, attr3, attr4, txt5], [b2, b3, b4, b6, b8]);
   }
 }"
 `;
@@ -104,8 +104,8 @@ exports[`misc global 1`] = `
       ctx[\`value_index\`] = i1;
       ctx[\`value_value\`] = k_block2[i1];
       let key1 = ctx['value'];
-      let d1 = ctx['value'];
+      let txt1 = ctx['value'];
-      let b4 = block4([d1]);
+      let b4 = block4([txt1]);
       ctx = Object.create(ctx);
       ctx[isBoundary] = 1;
       ctx = Object.create(ctx);
@@ -139,8 +139,8 @@ exports[`misc global 2`] = `
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = withDefault(ctx['foo'], \`foo default\`);
+    let txt1 = withDefault(ctx['foo'], \`foo default\`);
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -154,9 +154,9 @@ exports[`misc global 3`] = `
   let block1 = createBlock(\`<año block-attribute-0=\\"falló\\"><block-child-0/></año>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = 'agüero';
+    let attr1 = 'agüero';
     let b2 = ctx[zero];
-    return block1([d1], [b2]);
+    return block1([attr1], [b2]);
   }
 }"
 `;
@@ -216,30 +216,30 @@ exports[`misc other complex template 1`] = `
   return function template(ctx, node, key = \\"\\") {
     const refs = ctx.__owl__.refs;
     let b2,b4,b14,b17,b22,b23,b24,b25;
-    let d1 = \`/runbot/\${ctx['project'].slug}\`;
+    let attr1 = \`/runbot/\${ctx['project'].slug}\`;
-    let d2 = ctx['project'].name;
+    let txt2 = ctx['project'].name;
     ctx = Object.create(ctx);
     const [k_block2, v_block2, l_block2, c_block2] = prepareList(ctx['projects']);
     for (let i1 = 0; i1 < l_block2; i1++) {
       ctx[\`project\`] = v_block2[i1];
       let key1 = ctx['project'].id;
-      let d3 = [ctx['selectProject'](ctx['project']), ctx];
+      let hdlr3 = [ctx['selectProject'](ctx['project']), ctx];
-      let d4 = ctx['project'].name;
+      let txt4 = ctx['project'].name;
-      c_block2[i1] = withKey(block3([d3, d4]), key1);
+      c_block2[i1] = withKey(block3([hdlr3, txt4]), key1);
     }
     ctx = ctx.__proto__;
     b2 = list(c_block2);
     if (ctx['user']) {
       let b5,b6;
       if (ctx['user'].public) {
-        let d5 = \`/web/login?redirect=/\`;
+        let attr5 = \`/web/login?redirect=/\`;
-        b5 = block5([d5]);
+        b5 = block5([attr5]);
       } else {
         let b7,b10,b13;
         if (ctx['nb_assigned_errors']&&ctx['nb_assigned_errors']>0) {
-          let d6 = \`You have \${ctx['nb_assigned_errors']} random bug assigned\`;
+          let attr6 = \`You have \${ctx['nb_assigned_errors']} random bug assigned\`;
-          let d7 = ctx['nb_assigned_errors'];
+          let txt7 = ctx['nb_assigned_errors'];
-          let b8 = block8([d6, d7]);
+          let b8 = block8([attr6, txt7]);
           let b9 = block9();
           b7 = multi([b8, b9]);
         } else if (ctx['nb_build_errors']&&ctx['nb_build_errors']>0) {
@@ -247,36 +247,36 @@ exports[`misc other complex template 1`] = `
           let b12 = block12();
           b10 = multi([b11, b12]);
         }
-        let d8 = ctx['user'].name.length>25?ctx['user'].namesubstring(0,23)+'...':ctx['user'].name;
+        let txt8 = ctx['user'].name.length>25?ctx['user'].namesubstring(0,23)+'...':ctx['user'].name;
-        let d9 = \`/web/session/logout?redirect=/\`;
+        let attr9 = \`/web/session/logout?redirect=/\`;
-        let d10 = \`/web\`;
+        let attr10 = \`/web\`;
-        b13 = block13([d8, d9, d10]);
+        b13 = block13([txt8, attr9, attr10]);
         b6 = multi([b7, b10, b13]);
       }
       b4 = multi([b5, b6]);
     }
-    let d11 = [ctx['toggleSettingsMenu'], ctx];
+    let hdlr11 = [ctx['toggleSettingsMenu'], ctx];
-    let d12 = [ctx['toggleMore'], ctx];
+    let hdlr12 = [ctx['toggleMore'], ctx];
     if (ctx['categories']&&ctx['categories'].length>1) {
       ctx = Object.create(ctx);
       const [k_block15, v_block15, l_block15, c_block15] = prepareList(ctx['categories']);
       for (let i1 = 0; i1 < l_block15; i1++) {
         ctx[\`category\`] = v_block15[i1];
         let key1 = ctx['category'].id;
-        let d13 = ctx['category'].id;
+        let attr13 = ctx['category'].id;
-        let d14 = ctx['category'].id==ctx['options'].active_category_id;
+        let attr14 = ctx['category'].id==ctx['options'].active_category_id;
-        let d15 = ctx['category'].name;
+        let txt15 = ctx['category'].name;
-        c_block15[i1] = withKey(block16([d13, d14, d15]), key1);
+        c_block15[i1] = withKey(block16([attr13, attr14, txt15]), key1);
       }
       ctx = ctx.__proto__;
       let b15 = list(c_block15);
       b14 = block14([], [b15]);
     }
-    let d16 = ctx['search'].value;
+    let attr16 = ctx['search'].value;
-    let d17 = [ctx['updateFilter'], ctx];
+    let hdlr17 = [ctx['updateFilter'], ctx];
-    let d18 = [ctx['updateFilter'], ctx];
+    let hdlr18 = [ctx['updateFilter'], ctx];
     let d19 = (el) => refs[\`search_input\`] = el;
-    let d20 = [ctx['clearSearch'], ctx];
+    let hdlr20 = [ctx['clearSearch'], ctx];
     let d21 = (el) => refs[\`settings_menu\`] = el;
     if (ctx['triggers']) {
       ctx = Object.create(ctx);
@@ -286,32 +286,32 @@ exports[`misc other complex template 1`] = `
         let key1 = ctx['trigger'].id;
         let b20;
         if (!ctx['trigger'].manual&&ctx['trigger'].project_id===ctx['project'].id&&ctx['trigger'].category_id===ctx['options'].active_category_id) {
-          let d22 = \`trigger_\${ctx['trigger'].id}\`;
+          let attr22 = \`trigger_\${ctx['trigger'].id}\`;
-          let d23 = \`trigger_\${ctx['trigger'].id}\`;
+          let attr23 = \`trigger_\${ctx['trigger'].id}\`;
-          let d24 = ctx['options'].trigger_display[ctx['trigger'].id];
+          let attr24 = ctx['options'].trigger_display[ctx['trigger'].id];
-          let d25 = ctx['trigger'].id;
+          let attr25 = ctx['trigger'].id;
-          let d26 = [ctx['updateTriggerDisplay'], ctx];
+          let hdlr26 = [ctx['updateTriggerDisplay'], ctx];
-          let d27 = \`trigger_\${ctx['trigger'].id}\`;
+          let attr27 = \`trigger_\${ctx['trigger'].id}\`;
-          let d28 = ctx['trigger'].name;
+          let txt28 = ctx['trigger'].name;
-          b20 = block20([d22, d23, d24, d25, d26, d27, d28]);
+          b20 = block20([attr22, attr23, attr24, attr25, hdlr26, attr27, txt28]);
         }
         c_block18[i1] = withKey(multi([b20]), key1);
       }
       ctx = ctx.__proto__;
       let b18 = list(c_block18);
-      let d29 = [ctx['triggerAll'], ctx];
+      let hdlr29 = [ctx['triggerAll'], ctx];
-      let d30 = [ctx['triggerNone'], ctx];
+      let hdlr30 = [ctx['triggerNone'], ctx];
-      let d31 = [ctx['triggerDefault'], ctx];
+      let hdlr31 = [ctx['triggerDefault'], ctx];
-      let d32 = [ctx['toggleSettingsMenu'], ctx];
+      let hdlr32 = [ctx['toggleSettingsMenu'], ctx];
-      let b21 = block21([d29, d30, d31, d32]);
+      let b21 = block21([hdlr29, hdlr30, hdlr31, hdlr32]);
       b17 = multi([b18, b21]);
     }
     if (ctx['load_infos']) {
       b22 = callTemplate_2.call(this, ctx, node, key + \`__1\`);
     }
     if (ctx['message']) {
-      let d33 = ctx['message'];
+      let txt33 = ctx['message'];
-      b23 = block23([d33]);
+      b23 = block23([txt33]);
     }
     if (!ctx['project']) {
       b24 = block24();
@@ -320,7 +320,7 @@ exports[`misc other complex template 1`] = `
       let b27 = component(\`BundlesList\`, {bundles: ctx['bundles'].dev,search: ctx['search']}, key + \`__4\`, node, ctx);
       b25 = block25([], [b26, b27]);
     }
-    return block1([d1, d2, d11, d12, d16, d17, d18, d19, d20, d21], [b2, b4, b14, b17, b22, b23, b24, b25]);
+    return block1([attr1, txt2, hdlr11, hdlr12, attr16, hdlr17, hdlr18, d19, hdlr20, d21], [b2, b4, b14, b17, b22, b23, b24, b25]);
   }
 }"
 `;

tests/compiler/__snapshots__/simple_templates.test.ts.snap

@@ -99,8 +99,8 @@ exports[`simple templates, mostly static dom node with t-esc 1`] = `
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['text'];
+    let txt1 = ctx['text'];
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -113,8 +113,8 @@ exports[`simple templates, mostly static dom node with t-esc 2`] = `
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['text'];
+    let txt1 = ctx['text'];
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -274,8 +274,8 @@ exports[`simple templates, mostly static t-esc in dom node 1`] = `
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['text'];
+    let txt1 = ctx['text'];
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -288,8 +288,8 @@ exports[`simple templates, mostly static t-esc in dom node, variations 1`] = `
   let block1 = createBlock(\`<div>hello <block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['text'];
+    let txt1 = ctx['text'];
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -302,8 +302,8 @@ exports[`simple templates, mostly static t-esc in dom node, variations 2`] = `
   let block1 = createBlock(\`<div>hello <block-text-0/> world</div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['text'];
+    let txt1 = ctx['text'];
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -316,10 +316,10 @@ exports[`simple templates, mostly static template with multiple t tag with multi
   let block1 = createBlock(\`<div><block-text-0/><block-text-1/>Loading<block-text-2/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['a'];
+    let txt1 = ctx['a'];
-    let d2 = ctx['b'];
+    let txt2 = ctx['b'];
-    let d3 = ctx['c'];
+    let txt3 = ctx['c'];
-    return block1([d1, d2, d3]);
+    return block1([txt1, txt2, txt3]);
   }
 }"
 `;
@@ -375,9 +375,9 @@ exports[`simple templates, mostly static two t-escs next to each other, in a div
   let block1 = createBlock(\`<div><block-text-0/><block-text-1/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['text1'];
+    let txt1 = ctx['text1'];
-    let d2 = ctx['text2'];
+    let txt2 = ctx['text2'];
-    return block1([d1, d2]);
+    return block1([txt1, txt2]);
   }
 }"
 `;

tests/compiler/__snapshots__/t_call.test.ts.snap

@@ -286,8 +286,8 @@ exports[`t-call (template calling) dynamic t-call 2`] = `
   let block1 = createBlock(\`<foo><block-text-0/></foo>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['val'];
+    let txt1 = ctx['val'];
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -300,8 +300,8 @@ exports[`t-call (template calling) dynamic t-call 3`] = `
   let block1 = createBlock(\`<bar><block-text-0/></bar>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['val'];
+    let txt1 = ctx['val'];
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -388,7 +388,7 @@ exports[`t-call (template calling) recursive template, part 2 2`] = `
   return function template(ctx, node, key = \\"\\") {
     ctx = Object.create(ctx);
     ctx[isBoundary] = 1
-    let d1 = ctx['node'].val;
+    let txt1 = ctx['node'].val;
     ctx = Object.create(ctx);
     const [k_block2, v_block2, l_block2, c_block2] = prepareList(ctx['node'].children||[]);
     for (let i1 = 0; i1 < l_block2; i1++) {
@@ -405,7 +405,7 @@ exports[`t-call (template calling) recursive template, part 2 2`] = `
       ctx = ctx.__proto__;
     }
     let b2 = list(c_block2);
-    return block1([d1], [b2]);
+    return block1([txt1], [b2]);
   }
 }"
 `;
@@ -443,7 +443,7 @@ exports[`t-call (template calling) recursive template, part 3 2`] = `
   return function template(ctx, node, key = \\"\\") {
     ctx = Object.create(ctx);
     ctx[isBoundary] = 1
-    let d1 = ctx['node'].val;
+    let txt1 = ctx['node'].val;
     ctx = Object.create(ctx);
     const [k_block2, v_block2, l_block2, c_block2] = prepareList(ctx['node'].children||[]);
     for (let i1 = 0; i1 < l_block2; i1++) {
@@ -460,7 +460,7 @@ exports[`t-call (template calling) recursive template, part 3 2`] = `
       ctx = ctx.__proto__;
     }
     let b2 = list(c_block2);
-    return block1([d1], [b2]);
+    return block1([txt1], [b2]);
   }
 }"
 `;
@@ -500,8 +500,8 @@ exports[`t-call (template calling) recursive template, part 4: with t-set recurs
     ctx = Object.create(ctx);
     ctx[isBoundary] = 1
     setContextValue(ctx, \\"recursive_idx\\", ctx['recursive_idx']+1);
-    let d1 = ctx['node'].val;
+    let txt1 = ctx['node'].val;
-    let d2 = ctx['recursive_idx'];
+    let txt2 = ctx['recursive_idx'];
     ctx = Object.create(ctx);
     const [k_block2, v_block2, l_block2, c_block2] = prepareList(ctx['node'].children||[]);
     for (let i1 = 0; i1 < l_block2; i1++) {
@@ -518,7 +518,7 @@ exports[`t-call (template calling) recursive template, part 4: with t-set recurs
       ctx = ctx.__proto__;
     }
     let b2 = list(c_block2);
-    return block1([d1, d2], [b2]);
+    return block1([txt1, txt2], [b2]);
   }
 }"
 `;
@@ -540,8 +540,8 @@ exports[`t-call (template calling) scoped parameters 1`] = `
     setContextValue(ctx, \\"foo\\", 42);
     let b2 = callTemplate_2.call(this, ctx, node, key + \`__1\`);
     ctx = ctx.__proto__;
-    let d1 = ctx['foo'];
+    let txt1 = ctx['foo'];
-    return block1([d1], [b2]);
+    return block1([txt1], [b2]);
   }
 }"
 `;
@@ -575,8 +575,8 @@ exports[`t-call (template calling) scoped parameters, part 2 1`] = `
     setContextValue(ctx, \\"foo\\", 42);
     let b2 = callTemplate_2.call(this, ctx, node, key + \`__1\`);
     ctx = ctx.__proto__;
-    let d1 = ctx['foo'];
+    let txt1 = ctx['foo'];
-    return block1([d1], [b2]);
+    return block1([txt1], [b2]);
   }
 }"
 `;
@@ -716,8 +716,8 @@ exports[`t-call (template calling) t-call with t-set inside and body text conten
   let block1 = createBlock(\`<p><block-text-0/></p>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['val'];
+    let txt1 = ctx['val'];
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -764,8 +764,8 @@ exports[`t-call (template calling) t-call with t-set inside and outside 2`] = `
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['val3'];
+    let txt1 = ctx['val3'];
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -831,8 +831,8 @@ exports[`t-call (template calling) t-call with t-set inside and outside. 2 3`] =
   let block2 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['val3'];
+    let txt1 = ctx['val3'];
-    let b2 = block2([d1]);
+    let b2 = block2([txt1]);
     let b3 = text(ctx['w']);
     return multi([b2, b3]);
   }
@@ -889,8 +889,8 @@ exports[`t-call (template calling) t-call, conditional and t-set in t-call body
   let block1 = createBlock(\`<div>callee2 <block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['v'];
+    let txt1 = ctx['v'];
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -922,8 +922,8 @@ exports[`t-call (template calling) t-esc inside t-call, with t-set outside 2`] =
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['v'];
+    let txt1 = ctx['v'];
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -1015,8 +1015,8 @@ exports[`t-call (template calling) with used body 2`] = `
   let block1 = createBlock(\`<h1><block-text-0/></h1>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx[zero];
+    let txt1 = ctx[zero];
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;

tests/compiler/__snapshots__/t_esc.test.ts.snap

@@ -8,12 +8,12 @@ exports[`t-esc div with falsy values 1`] = `
   let block1 = createBlock(\`<div><p><block-text-0/></p><p><block-text-1/></p><p><block-text-2/></p><p><block-text-3/></p><p><block-text-4/></p></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['v1'];
+    let txt1 = ctx['v1'];
-    let d2 = ctx['v2'];
+    let txt2 = ctx['v2'];
-    let d3 = ctx['v3'];
+    let txt3 = ctx['v3'];
-    let d4 = ctx['v4'];
+    let txt4 = ctx['v4'];
-    let d5 = ctx['v5'];
+    let txt5 = ctx['v5'];
-    return block1([d1, d2, d3, d4, d5]);
+    return block1([txt1, txt2, txt3, txt4, txt5]);
   }
 }"
 `;
@@ -26,8 +26,8 @@ exports[`t-esc escaping 1`] = `
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['var'];
+    let txt1 = ctx['var'];
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -40,8 +40,8 @@ exports[`t-esc escaping on a node 1`] = `
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = 'ok';
+    let txt1 = 'ok';
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -55,8 +55,8 @@ exports[`t-esc escaping on a node with a body 1`] = `
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = withDefault('ok', \`nope\`);
+    let txt1 = withDefault('ok', \`nope\`);
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -70,8 +70,8 @@ exports[`t-esc escaping on a node with a body, as a default 1`] = `
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = withDefault(ctx['var'], \`nope\`);
+    let txt1 = withDefault(ctx['var'], \`nope\`);
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -104,8 +104,8 @@ exports[`t-esc literal 1`] = `
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = 'ok';
+    let txt1 = 'ok';
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -124,8 +124,8 @@ exports[`t-esc t-esc is escaped 1`] = `
     ctx[isBoundary] = 1
     let b2 = block2();
     ctx[\`var\`] = b2;
-    let d1 = ctx['var'];
+    let txt1 = ctx['var'];
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -138,8 +138,8 @@ exports[`t-esc t-esc work with spread operator 1`] = `
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = [...ctx['state'].list];
+    let txt1 = [...ctx['state'].list];
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -174,8 +174,8 @@ exports[`t-esc t-esc=0 is escaped 2`] = `
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx[zero];
+    let txt1 = ctx[zero];
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -188,8 +188,8 @@ exports[`t-esc variable 1`] = `
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['var'];
+    let txt1 = ctx['var'];
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;

tests/compiler/__snapshots__/t_foreach.test.ts.snap

@@ -37,8 +37,8 @@ exports[`t-foreach iterate on items (on a element node) 1`] = `
     for (let i1 = 0; i1 < l_block2; i1++) {
       ctx[\`item\`] = v_block2[i1];
       let key1 = ctx['item'];
-      let d1 = ctx['item'];
+      let txt1 = ctx['item'];
-      c_block2[i1] = withKey(block3([d1]), key1);
+      c_block2[i1] = withKey(block3([txt1]), key1);
     }
     let b2 = list(c_block2);
     return block1([], [b2]);
@@ -200,10 +200,10 @@ exports[`t-foreach simple iteration with two nodes inside 1`] = `
     for (let i1 = 0; i1 < l_block1; i1++) {
       ctx[\`item\`] = v_block1[i1];
       let key1 = ctx['item'];
-      let d1 = ctx['item'];
+      let txt1 = ctx['item'];
-      let b3 = block3([d1]);
+      let b3 = block3([txt1]);
-      let d2 = ctx['item'];
+      let txt2 = ctx['item'];
-      let b4 = block4([d2]);
+      let b4 = block4([txt2]);
       c_block1[i1] = withKey(multi([b3, b4]), key1);
     }
     return list(c_block1);
@@ -250,16 +250,16 @@ exports[`t-foreach t-call with body in t-foreach in t-foreach 1`] = `
       }
       ctx = ctx.__proto__;
       let b4 = list(c_block4);
-      let d1 = ctx['c'];
+      let txt1 = ctx['c'];
-      let b6 = block6([d1]);
+      let b6 = block6([txt1]);
       c_block2[i1] = withKey(multi([b4, b6]), key1);
     }
     ctx = ctx.__proto__;
     let b2 = list(c_block2);
-    let d2 = ctx['a'];
+    let txt2 = ctx['a'];
-    let d3 = ctx['b'];
+    let txt3 = ctx['b'];
-    let d4 = ctx['c'];
+    let txt4 = ctx['c'];
-    return block1([d2, d3, d4], [b2]);
+    return block1([txt2, txt3, txt4], [b2]);
   }
 }"
 `;
@@ -315,16 +315,16 @@ exports[`t-foreach t-call without body in t-foreach in t-foreach 1`] = `
       }
       ctx = ctx.__proto__;
       let b4 = list(c_block4);
-      let d1 = ctx['c'];
+      let txt1 = ctx['c'];
-      let b6 = block6([d1]);
+      let b6 = block6([txt1]);
       c_block2[i1] = withKey(multi([b4, b6]), key1);
     }
     ctx = ctx.__proto__;
     let b2 = list(c_block2);
-    let d2 = ctx['a'];
+    let txt2 = ctx['a'];
-    let d3 = ctx['b'];
+    let txt3 = ctx['b'];
-    let d4 = ctx['c'];
+    let txt4 = ctx['c'];
-    return block1([d2, d3, d4], [b2]);
+    return block1([txt2, txt3, txt4], [b2]);
   }
 }"
 `;
@@ -401,8 +401,8 @@ exports[`t-foreach t-foreach with t-if inside (no external node) 1`] = `
       let key1 = ctx['elem'].id;
       let b3;
       if (ctx['elem'].id<3) {
-        let d1 = ctx['elem'].text;
+        let txt1 = ctx['elem'].text;
-        b3 = block3([d1]);
+        b3 = block3([txt1]);
       }
       c_block1[i1] = withKey(multi([b3]), key1);
     }
@@ -428,8 +428,8 @@ exports[`t-foreach t-foreach with t-if inside 1`] = `
       let key1 = ctx['elem'].id;
       let b4;
       if (ctx['elem'].id<3) {
-        let d1 = ctx['elem'].text;
+        let txt1 = ctx['elem'].text;
-        b4 = block4([d1]);
+        b4 = block4([txt1]);
       }
       c_block2[i1] = withKey(multi([b4]), key1);
     }
@@ -513,9 +513,9 @@ exports[`t-foreach with t-memo 1`] = `
           continue;
         }
       }
-      let d1 = ctx['item'].x;
+      let txt1 = ctx['item'].x;
-      let d2 = ctx['item'].y;
+      let txt2 = ctx['item'].y;
-      c_block2[i1] = withKey(block3([d1, d2]), key1);
+      c_block2[i1] = withKey(block3([txt1, txt2]), key1);
       nextCache[key1] = Object.assign(c_block2[i1], {memo: memo1});
     }
     let b2 = list(c_block2);

tests/compiler/__snapshots__/t_if.test.ts.snap

@@ -212,8 +212,8 @@ exports[`t-if dynamic content after t-if with two children nodes 1`] = `
       let b4 = block4();
       b2 = multi([b3, b4]);
     }
-    let d1 = ctx['text'];
+    let txt1 = ctx['text'];
-    return block1([d1], [b2]);
+    return block1([txt1], [b2]);
   }
 }"
 `;
@@ -522,8 +522,8 @@ exports[`t-if two t-ifs next to each other 1`] = `
   return function template(ctx, node, key = \\"\\") {
     let b2,b3;
     if (ctx['condition']) {
-      let d1 = ctx['text'];
+      let txt1 = ctx['text'];
-      b2 = block2([d1]);
+      b2 = block2([txt1]);
     }
     if (ctx['condition']) {
       let b4 = block4();

tests/compiler/__snapshots__/t_key.test.ts.snap

@@ -9,8 +9,8 @@ exports[`t-key can use t-key directive on a node 1`] = `
   
   return function template(ctx, node, key = \\"\\") {
     const tKey_1 = ctx['beer'].id;
-    let d1 = ctx['beer'].name;
+    let txt1 = ctx['beer'].name;
-    return toggler(tKey_1, block1([d1]));
+    return toggler(tKey_1, block1([txt1]));
   }
 }"
 `;
@@ -24,8 +24,8 @@ exports[`t-key can use t-key directive on a node 2 1`] = `
   
   return function template(ctx, node, key = \\"\\") {
     const tKey_1 = ctx['beer'].id;
-    let d1 = ctx['beer'].name;
+    let txt1 = ctx['beer'].name;
-    return toggler(tKey_1, block1([d1]));
+    return toggler(tKey_1, block1([txt1]));
   }
 }"
 `;
@@ -39,8 +39,8 @@ exports[`t-key can use t-key directive on a node as a function 1`] = `
   
   return function template(ctx, node, key = \\"\\") {
     const tKey_1 = ctx['getKey'](ctx['beer']);
-    let d1 = ctx['beer'].name;
+    let txt1 = ctx['beer'].name;
-    return toggler(tKey_1, block1([d1]));
+    return toggler(tKey_1, block1([txt1]));
   }
 }"
 `;
@@ -60,8 +60,8 @@ exports[`t-key t-key directive in a list 1`] = `
     for (let i1 = 0; i1 < l_block2; i1++) {
       ctx[\`beer\`] = v_block2[i1];
       let key1 = ctx['beer'].id;
-      let d1 = ctx['beer'].name;
+      let txt1 = ctx['beer'].name;
-      c_block2[i1] = withKey(block3([d1]), key1);
+      c_block2[i1] = withKey(block3([txt1]), key1);
     }
     let b2 = list(c_block2);
     return block1([], [b2]);

tests/compiler/__snapshots__/t_ref.test.ts.snap

@@ -10,8 +10,8 @@ exports[`t-ref can get a dynamic ref on a node 1`] = `
   return function template(ctx, node, key = \\"\\") {
     const refs = ctx.__owl__.refs;
     const v1 = ctx['id'];
-    let d1 = (el) => refs[\`myspan\${v1}\`] = el;
+    let ref1 = (el) => refs[\`myspan\${v1}\`] = el;
-    return block1([d1]);
+    return block1([ref1]);
   }
 }"
 `;
@@ -100,9 +100,9 @@ exports[`t-ref refs in a loop 1`] = `
       let key1 = ctx['item'];
       const tKey_1 = ctx['item'];
       const v2 = ctx['item'];
-      let d1 = (el) => refs[\`\${v2}\`] = el;
+      let ref1 = (el) => refs[\`\${v2}\`] = el;
-      let d2 = ctx['item'];
+      let txt2 = ctx['item'];
-      c_block2[i1] = withKey(block3([d1, d2]), tKey_1 + key1);
+      c_block2[i1] = withKey(block3([ref1, txt2]), tKey_1 + key1);
     }
     let b2 = list(c_block2);
     return block1([], [b2]);

tests/compiler/__snapshots__/t_set.test.ts.snap

@@ -12,8 +12,8 @@ exports[`t-set evaluate value expression 1`] = `
     ctx = Object.create(ctx);
     ctx[isBoundary] = 1
     setContextValue(ctx, \\"value\\", 1+2);
-    let d1 = ctx['value'];
+    let txt1 = ctx['value'];
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -30,8 +30,8 @@ exports[`t-set evaluate value expression, part 2 1`] = `
     ctx = Object.create(ctx);
     ctx[isBoundary] = 1
     setContextValue(ctx, \\"value\\", ctx['somevariable']+2);
-    let d1 = ctx['value'];
+    let txt1 = ctx['value'];
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -63,8 +63,8 @@ exports[`t-set set from attribute literal 1`] = `
     ctx = Object.create(ctx);
     ctx[isBoundary] = 1
     setContextValue(ctx, \\"value\\", 'ok');
-    let d1 = ctx['value'];
+    let txt1 = ctx['value'];
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -81,8 +81,8 @@ exports[`t-set set from attribute lookup 1`] = `
     ctx = Object.create(ctx);
     ctx[isBoundary] = 1
     setContextValue(ctx, \\"stuff\\", ctx['value']);
-    let d1 = ctx['stuff'];
+    let txt1 = ctx['stuff'];
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -115,8 +115,8 @@ exports[`t-set set from body lookup 1`] = `
     ctx[isBoundary] = 1
     let b2 = text(ctx['value']);
     ctx[\`stuff\`] = b2;
-    let d1 = ctx['stuff'];
+    let txt1 = ctx['stuff'];
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -133,8 +133,8 @@ exports[`t-set set from empty body 1`] = `
     ctx = Object.create(ctx);
     ctx[isBoundary] = 1
     setContextValue(ctx, \\"stuff\\", null);
-    let d1 = ctx['stuff'];
+    let txt1 = ctx['stuff'];
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -173,8 +173,8 @@ exports[`t-set t-set body is evaluated immediately 1`] = `
     ctx = Object.create(ctx);
     ctx[isBoundary] = 1
     setContextValue(ctx, \\"v1\\", 'before');
-    let d1 = ctx['v1'];
+    let txt1 = ctx['v1'];
-    let b2 = block2([d1]);
+    let b2 = block2([txt1]);
     ctx[\`v2\`] = b2;
     setContextValue(ctx, \\"v1\\", 'after');
     let b3 = safeOutput(ctx['v2']);
@@ -196,10 +196,10 @@ exports[`t-set t-set can't alter from within callee 1`] = `
     ctx = Object.create(ctx);
     ctx[isBoundary] = 1
     setContextValue(ctx, \\"iter\\", 'source');
-    let d1 = ctx['iter'];
+    let txt1 = ctx['iter'];
     let b2 = callTemplate_2.call(this, ctx, node, key + \`__1\`);
-    let d2 = ctx['iter'];
+    let txt2 = ctx['iter'];
-    return block1([d1, d2], [b2]);
+    return block1([txt1, txt2], [b2]);
   }
 }"
 `;
@@ -215,10 +215,10 @@ exports[`t-set t-set can't alter from within callee 2`] = `
   return function template(ctx, node, key = \\"\\") {
     ctx = Object.create(ctx);
     ctx[isBoundary] = 1
-    let d1 = ctx['iter'];
+    let txt1 = ctx['iter'];
     setContextValue(ctx, \\"iter\\", 'called');
-    let d2 = ctx['iter'];
+    let txt2 = ctx['iter'];
-    return block1([d1, d2]);
+    return block1([txt1, txt2]);
   }
 }"
 `;
@@ -236,14 +236,14 @@ exports[`t-set t-set can't alter in t-call body 1`] = `
     ctx = Object.create(ctx);
     ctx[isBoundary] = 1
     setContextValue(ctx, \\"iter\\", 'source');
-    let d1 = ctx['iter'];
+    let txt1 = ctx['iter'];
     ctx = Object.create(ctx);
     ctx[isBoundary] = 1;
     setContextValue(ctx, \\"iter\\", 'inCall');
     let b2 = callTemplate_2.call(this, ctx, node, key + \`__1\`);
     ctx = ctx.__proto__;
-    let d2 = ctx['iter'];
+    let txt2 = ctx['iter'];
-    return block1([d1, d2], [b2]);
+    return block1([txt1, txt2], [b2]);
   }
 }"
 `;
@@ -259,10 +259,10 @@ exports[`t-set t-set can't alter in t-call body 2`] = `
   return function template(ctx, node, key = \\"\\") {
     ctx = Object.create(ctx);
     ctx[isBoundary] = 1
-    let d1 = ctx['iter'];
+    let txt1 = ctx['iter'];
     setContextValue(ctx, \\"iter\\", 'called');
-    let d2 = ctx['iter'];
+    let txt2 = ctx['iter'];
-    return block1([d1, d2]);
+    return block1([txt1, txt2]);
   }
 }"
 `;
@@ -279,8 +279,8 @@ exports[`t-set t-set does not modify render context existing key values 1`] = `
     ctx = Object.create(ctx);
     ctx[isBoundary] = 1
     setContextValue(ctx, \\"value\\", 35);
-    let d1 = ctx['value'];
+    let txt1 = ctx['value'];
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -297,9 +297,9 @@ exports[`t-set t-set evaluates an expression only once 1`] = `
     ctx = Object.create(ctx);
     ctx[isBoundary] = 1
     setContextValue(ctx, \\"v\\", ctx['value']+' artois');
-    let d1 = ctx['v'];
+    let txt1 = ctx['v'];
-    let d2 = ctx['v'];
+    let txt2 = ctx['v'];
-    return block1([d1, d2]);
+    return block1([txt1, txt2]);
   }
 }"
 `;
@@ -322,14 +322,14 @@ exports[`t-set t-set outside modified in t-foreach 1`] = `
     for (let i1 = 0; i1 < l_block2; i1++) {
       ctx[\`val\`] = v_block2[i1];
       let key1 = ctx['val'];
-      let d1 = ctx['iter'];
+      let txt1 = ctx['iter'];
-      c_block2[i1] = withKey(block3([d1]), key1);
+      c_block2[i1] = withKey(block3([txt1]), key1);
       setContextValue(ctx, \\"iter\\", ctx['iter']+1);
     }
     ctx = ctx.__proto__;
     let b2 = list(c_block2);
-    let d2 = ctx['iter'];
+    let txt2 = ctx['iter'];
-    return block1([d2], [b2]);
+    return block1([txt2], [b2]);
   }
 }"
 `;
@@ -352,14 +352,14 @@ exports[`t-set t-set outside modified in t-foreach increment-after operator 1`]
     for (let i1 = 0; i1 < l_block2; i1++) {
       ctx[\`val\`] = v_block2[i1];
       let key1 = ctx['val'];
-      let d1 = ctx['iter'];
+      let txt1 = ctx['iter'];
-      c_block2[i1] = withKey(block3([d1]), key1);
+      c_block2[i1] = withKey(block3([txt1]), key1);
       setContextValue(ctx, \\"iter\\", ctx['iter']++);
     }
     ctx = ctx.__proto__;
     let b2 = list(c_block2);
-    let d2 = ctx['iter'];
+    let txt2 = ctx['iter'];
-    return block1([d2], [b2]);
+    return block1([txt2], [b2]);
   }
 }"
 `;
@@ -382,14 +382,14 @@ exports[`t-set t-set outside modified in t-foreach increment-before operator 1`]
     for (let i1 = 0; i1 < l_block2; i1++) {
       ctx[\`val\`] = v_block2[i1];
       let key1 = ctx['val'];
-      let d1 = ctx['iter'];
+      let txt1 = ctx['iter'];
-      c_block2[i1] = withKey(block3([d1]), key1);
+      c_block2[i1] = withKey(block3([txt1]), key1);
       setContextValue(ctx, \\"iter\\", ++ctx['iter']);
     }
     ctx = ctx.__proto__;
     let b2 = list(c_block2);
-    let d2 = ctx['iter'];
+    let txt2 = ctx['iter'];
-    return block1([d2], [b2]);
+    return block1([txt2], [b2]);
   }
 }"
 `;
@@ -413,9 +413,9 @@ exports[`t-set t-set should reuse variable if possible 1`] = `
       ctx[\`elem\`] = v_block2[i1];
       ctx[\`elem_index\`] = i1;
       let key1 = ctx['elem_index'];
-      let d1 = ctx['v'];
+      let txt1 = ctx['v'];
       setContextValue(ctx, \\"v\\", ctx['elem']);
-      c_block2[i1] = withKey(block3([d1]), key1);
+      c_block2[i1] = withKey(block3([txt1]), key1);
     }
     let b2 = list(c_block2);
     return block1([], [b2]);
@@ -438,8 +438,8 @@ exports[`t-set t-set with content and sub t-esc 1`] = `
     let b4 = text(\` boop\`);
     let b2 = multi([b3, b4]);
     ctx[\`setvar\`] = b2;
-    let d1 = ctx['setvar'];
+    let txt1 = ctx['setvar'];
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -458,8 +458,8 @@ exports[`t-set t-set with t-value (falsy) and body 1`] = `
     ctx[isBoundary] = 1
     setContextValue(ctx, \\"v3\\", false);
     setContextValue(ctx, \\"v1\\", 'before');
-    let d1 = ctx['v1'];
+    let txt1 = ctx['v1'];
-    let b2 = block2([d1]);
+    let b2 = block2([txt1]);
     ctx[\`v2\`] = withDefault(ctx['v3'], b2);
     setContextValue(ctx, \\"v1\\", 'after');
     setContextValue(ctx, \\"v3\\", true);
@@ -483,8 +483,8 @@ exports[`t-set t-set with t-value (truthy) and body 1`] = `
     ctx[isBoundary] = 1
     setContextValue(ctx, \\"v3\\", 'Truthy');
     setContextValue(ctx, \\"v1\\", 'before');
-    let d1 = ctx['v1'];
+    let txt1 = ctx['v1'];
-    let b2 = block2([d1]);
+    let b2 = block2([txt1]);
     ctx[\`v2\`] = withDefault(ctx['v3'], b2);
     setContextValue(ctx, \\"v1\\", 'after');
     setContextValue(ctx, \\"v3\\", false);
@@ -510,8 +510,8 @@ exports[`t-set t-set, t-if, and mix of expression/body lookup, 1 1`] = `
     } else {
       setContextValue(ctx, \\"ourvar\\", 0);
     }
-    let d1 = ctx['ourvar'];
+    let txt1 = ctx['ourvar'];
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -532,8 +532,8 @@ exports[`t-set t-set, t-if, and mix of expression/body lookup, 2 1`] = `
     } else {
       setContextValue(ctx, \\"ourvar\\", \`0\`);
     }
-    let d1 = ctx['ourvar'];
+    let txt1 = ctx['ourvar'];
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -573,8 +573,8 @@ exports[`t-set value priority (with non text body 1`] = `
     ctx[isBoundary] = 1
     let b2 = block2();
     ctx[\`value\`] = withDefault(1, b2);
-    let d1 = ctx['value'];
+    let txt1 = ctx['value'];
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -591,8 +591,8 @@ exports[`t-set value priority 1`] = `
     ctx = Object.create(ctx);
     ctx[isBoundary] = 1
     setContextValue(ctx, \\"value\\", withDefault(1, \`2\`));
-    let d1 = ctx['value'];
+    let txt1 = ctx['value'];
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;

tests/components/__snapshots__/basics.test.ts.snap

@@ -76,10 +76,10 @@ exports[`basics can be clicked on and updated 1`] = `
   let block1 = createBlock(\`<div><block-text-0/><button block-handler-1=\\"click\\">Inc</button></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['state'].counter;
+    let txt1 = ctx['state'].counter;
     const v1 = ctx['state'];
-    let d2 = [()=>v1.counter++, ctx];
+    let hdlr2 = [()=>v1.counter++, ctx];
-    return block1([d1, d2]);
+    return block1([txt1, hdlr2]);
   }
 }"
 `;
@@ -106,8 +106,8 @@ exports[`basics can handle empty props 2`] = `
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].val;
+    let txt1 = ctx['props'].val;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -133,8 +133,8 @@ exports[`basics can inject values in tagged templates 2`] = `
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['state'].n;
+    let txt1 = ctx['state'].n;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -198,8 +198,8 @@ exports[`basics can mount a simple component with props 1`] = `
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].value;
+    let txt1 = ctx['props'].value;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -234,8 +234,8 @@ exports[`basics class component with dynamic text 1`] = `
   let block1 = createBlock(\`<span>My value: <block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['value'];
+    let txt1 = ctx['value'];
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -259,8 +259,8 @@ exports[`basics class parent, class child component with props 2`] = `
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].value;
+    let txt1 = ctx['props'].value;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -273,8 +273,8 @@ exports[`basics component with dynamic content can be updated 1`] = `
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['value'];
+    let txt1 = ctx['value'];
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -300,8 +300,8 @@ exports[`basics do not remove previously rendered dom if not necessary, variatio
   let block1 = createBlock(\`<div><h1>h1</h1><span><block-text-0/></span></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['state'].value;
+    let txt1 = ctx['state'].value;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -494,10 +494,10 @@ exports[`basics rerendering a widget with a sub widget 2`] = `
   let block1 = createBlock(\`<div><block-text-0/><button block-handler-1=\\"click\\">Inc</button></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['state'].counter;
+    let txt1 = ctx['state'].counter;
     const v1 = ctx['state'];
-    let d2 = [()=>v1.counter++, ctx];
+    let hdlr2 = [()=>v1.counter++, ctx];
-    return block1([d1, d2]);
+    return block1([txt1, hdlr2]);
   }
 }"
 `;
@@ -527,8 +527,8 @@ exports[`basics same t-keys in two different places 2`] = `
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].blip;
+    let txt1 = ctx['props'].blip;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -541,8 +541,8 @@ exports[`basics simple component with a dynamic text 1`] = `
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['value'];
+    let txt1 = ctx['value'];
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -555,8 +555,8 @@ exports[`basics simple component, useState 1`] = `
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['state'].value;
+    let txt1 = ctx['state'].value;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -786,8 +786,8 @@ exports[`basics text after a conditional component 1`] = `
     if (ctx['state'].hasChild) {
       b2 = component(\`Child\`, {}, key + \`__1\`, node, ctx);
     }
-    let d1 = ctx['state'].text;
+    let txt1 = ctx['state'].text;
-    return block1([d1], [b2]);
+    return block1([txt1], [b2]);
   }
 }"
 `;
@@ -901,9 +901,9 @@ exports[`basics update props of component without concrete own node 3`] = `
   let block1 = createBlock(\`<div class=\\"widget-subkey\\"><block-text-0/>__<block-text-1/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].key;
+    let txt1 = ctx['props'].key;
-    let d2 = ctx['props'].subKey;
+    let txt2 = ctx['props'].subKey;
-    return block1([d1, d2]);
+    return block1([txt1, txt2]);
   }
 }"
 `;

tests/components/__snapshots__/concurrency.test.ts.snap

@@ -44,8 +44,8 @@ exports[`calling render in destroy 3`] = `
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].fromA;
+    let txt1 = ctx['props'].fromA;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -58,8 +58,8 @@ exports[`change state and call manually render: no unnecessary rendering 1`] = `
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['value'];
+    let txt1 = ctx['value'];
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -89,8 +89,8 @@ exports[`changing state before first render does not trigger a render (with pare
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['value'];
+    let txt1 = ctx['value'];
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -103,8 +103,8 @@ exports[`changing state before first render does not trigger a render 1`] = `
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['value'];
+    let txt1 = ctx['value'];
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -145,9 +145,9 @@ exports[`concurrent renderings scenario 1 3`] = `
   let block1 = createBlock(\`<span><block-text-0/><block-text-1/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].fromA;
+    let txt1 = ctx['props'].fromA;
-    let d2 = ctx['someValue']();
+    let txt2 = ctx['someValue']();
-    return block1([d1, d2]);
+    return block1([txt1, txt2]);
   }
 }"
 `;
@@ -160,9 +160,9 @@ exports[`concurrent renderings scenario 2 1`] = `
   let block1 = createBlock(\`<div><block-text-0/><block-child-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['state'].fromA;
+    let txt1 = ctx['state'].fromA;
     let b2 = component(\`ComponentB\`, {fromA: ctx['state'].fromA}, key + \`__1\`, node, ctx);
-    return block1([d1], [b2]);
+    return block1([txt1], [b2]);
   }
 }"
 `;
@@ -189,9 +189,9 @@ exports[`concurrent renderings scenario 2 3`] = `
   let block1 = createBlock(\`<span><block-text-0/><block-text-1/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].fromA;
+    let txt1 = ctx['props'].fromA;
-    let d2 = ctx['props'].fromB;
+    let txt2 = ctx['props'].fromB;
-    return block1([d1, d2]);
+    return block1([txt1, txt2]);
   }
 }"
 `;
@@ -232,9 +232,9 @@ exports[`concurrent renderings scenario 2bis 3`] = `
   let block1 = createBlock(\`<span><block-text-0/><block-text-1/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].fromA;
+    let txt1 = ctx['props'].fromA;
-    let d2 = ctx['props'].fromB;
+    let txt2 = ctx['props'].fromB;
-    return block1([d1, d2]);
+    return block1([txt1, txt2]);
   }
 }"
 `;
@@ -289,9 +289,9 @@ exports[`concurrent renderings scenario 3 4`] = `
   let block1 = createBlock(\`<i><block-text-0/><block-text-1/></i>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].fromA;
+    let txt1 = ctx['props'].fromA;
-    let d2 = ctx['someValue']();
+    let txt2 = ctx['someValue']();
-    return block1([d1, d2]);
+    return block1([txt1, txt2]);
   }
 }"
 `;
@@ -346,9 +346,9 @@ exports[`concurrent renderings scenario 4 4`] = `
   let block1 = createBlock(\`<i><block-text-0/><block-text-1/></i>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].fromA;
+    let txt1 = ctx['props'].fromA;
-    let d2 = ctx['someValue']();
+    let txt2 = ctx['someValue']();
-    return block1([d1, d2]);
+    return block1([txt1, txt2]);
   }
 }"
 `;
@@ -375,8 +375,8 @@ exports[`concurrent renderings scenario 5 2`] = `
   let block1 = createBlock(\`<p><block-text-0/></p>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['someValue']();
+    let txt1 = ctx['someValue']();
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -403,8 +403,8 @@ exports[`concurrent renderings scenario 6 2`] = `
   let block1 = createBlock(\`<p><block-text-0/></p>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['someValue']();
+    let txt1 = ctx['someValue']();
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -431,9 +431,9 @@ exports[`concurrent renderings scenario 7 2`] = `
   let block1 = createBlock(\`<p><block-text-0/><block-text-1/></p>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].fromA;
+    let txt1 = ctx['props'].fromA;
-    let d2 = ctx['someValue']();
+    let txt2 = ctx['someValue']();
-    return block1([d1, d2]);
+    return block1([txt1, txt2]);
   }
 }"
 `;
@@ -460,9 +460,9 @@ exports[`concurrent renderings scenario 8 2`] = `
   let block1 = createBlock(\`<p><block-text-0/><block-text-1/></p>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].fromA;
+    let txt1 = ctx['props'].fromA;
-    let d2 = ctx['state'].fromB;
+    let txt2 = ctx['state'].fromB;
-    return block1([d1, d2]);
+    return block1([txt1, txt2]);
   }
 }"
 `;
@@ -475,10 +475,10 @@ exports[`concurrent renderings scenario 9 1`] = `
   let block1 = createBlock(\`<div><block-text-0/><block-child-0/><block-child-1/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['state'].fromA;
+    let txt1 = ctx['state'].fromA;
     let b2 = component(\`ComponentB\`, {fromA: ctx['state'].fromA}, key + \`__1\`, node, ctx);
     let b3 = component(\`ComponentC\`, {fromA: ctx['state'].fromA}, key + \`__2\`, node, ctx);
-    return block1([d1], [b2, b3]);
+    return block1([txt1], [b2, b3]);
   }
 }"
 `;
@@ -491,8 +491,8 @@ exports[`concurrent renderings scenario 9 2`] = `
   let block1 = createBlock(\`<b><block-text-0/></b>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].fromA;
+    let txt1 = ctx['props'].fromA;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -519,9 +519,9 @@ exports[`concurrent renderings scenario 9 4`] = `
   let block1 = createBlock(\`<span><block-text-0/><block-text-1/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].fromA;
+    let txt1 = ctx['props'].fromA;
-    let d2 = ctx['props'].fromC;
+    let txt2 = ctx['props'].fromC;
-    return block1([d1, d2]);
+    return block1([txt1, txt2]);
   }
 }"
 `;
@@ -565,8 +565,8 @@ exports[`concurrent renderings scenario 10 3`] = `
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['value'];
+    let txt1 = ctx['value'];
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -593,9 +593,9 @@ exports[`concurrent renderings scenario 11 2`] = `
   let block1 = createBlock(\`<span><block-text-0/>|<block-text-1/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].val;
+    let txt1 = ctx['props'].val;
-    let d2 = ctx['val'];
+    let txt2 = ctx['val'];
-    return block1([d1, d2]);
+    return block1([txt1, txt2]);
   }
 }"
 `;
@@ -622,8 +622,8 @@ exports[`concurrent renderings scenario 12 2`] = `
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].val;
+    let txt1 = ctx['props'].val;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -654,8 +654,8 @@ exports[`concurrent renderings scenario 13 2`] = `
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['state'].val;
+    let txt1 = ctx['state'].val;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -696,10 +696,10 @@ exports[`concurrent renderings scenario 14 3`] = `
   let block1 = createBlock(\`<p><span><block-text-0/></span><span><block-text-1/></span><span><block-text-2/></span></p>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].fromA;
+    let txt1 = ctx['props'].fromA;
-    let d2 = ctx['props'].fromB;
+    let txt2 = ctx['props'].fromB;
-    let d3 = ctx['state'].fromC;
+    let txt3 = ctx['state'].fromC;
-    return block1([d1, d2, d3]);
+    return block1([txt1, txt2, txt3]);
   }
 }"
 `;
@@ -740,10 +740,10 @@ exports[`concurrent renderings scenario 15 3`] = `
   let block1 = createBlock(\`<p><span><block-text-0/></span><span><block-text-1/></span><span><block-text-2/></span></p>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].fromA;
+    let txt1 = ctx['props'].fromA;
-    let d2 = ctx['props'].fromB;
+    let txt2 = ctx['props'].fromB;
-    let d3 = ctx['state'].fromC;
+    let txt3 = ctx['state'].fromC;
-    return block1([d1, d2, d3]);
+    return block1([txt1, txt2, txt3]);
   }
 }"
 `;
@@ -828,8 +828,8 @@ exports[`creating two async components, scenario 1 2`] = `
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['getValue']();
+    let txt1 = ctx['getValue']();
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -873,8 +873,8 @@ exports[`creating two async components, scenario 2 2`] = `
   let block1 = createBlock(\`<span>a<block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].val;
+    let txt1 = ctx['props'].val;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -887,8 +887,8 @@ exports[`creating two async components, scenario 2 3`] = `
   let block1 = createBlock(\`<span>b<block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].val;
+    let txt1 = ctx['props'].val;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -919,8 +919,8 @@ exports[`creating two async components, scenario 3 (patching in the same frame)
   let block1 = createBlock(\`<span>a<block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].val;
+    let txt1 = ctx['props'].val;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -933,8 +933,8 @@ exports[`creating two async components, scenario 3 (patching in the same frame)
   let block1 = createBlock(\`<span>b<block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].val;
+    let txt1 = ctx['props'].val;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -1040,8 +1040,8 @@ exports[`destroying/recreating a subwidget with different props (if start is not
   let block1 = createBlock(\`<span>child:<block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].val;
+    let txt1 = ctx['props'].val;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -1121,11 +1121,11 @@ exports[`rendering component again in next microtick 1`] = `
   
   return function template(ctx, node, key = \\"\\") {
     let b2;
-    let d1 = [ctx['onClick'], ctx];
+    let hdlr1 = [ctx['onClick'], ctx];
     if (ctx['env'].config.flag) {
       b2 = component(\`Child\`, {}, key + \`__1\`, node, ctx);
     }
-    return block1([d1], [b2]);
+    return block1([hdlr1], [b2]);
   }
 }"
 `;
@@ -1169,9 +1169,9 @@ exports[`two renderings initiated between willPatch and patched 2`] = `
   let block1 = createBlock(\`<abc><block-text-0/><block-text-1/></abc>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].val;
+    let txt1 = ctx['props'].val;
-    let d2 = ctx['mounted'];
+    let txt2 = ctx['mounted'];
-    return block1([d1, d2]);
+    return block1([txt1, txt2]);
   }
 }"
 `;
@@ -1220,8 +1220,8 @@ exports[`update a sub-component twice in the same frame 2`] = `
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].val;
+    let txt1 = ctx['props'].val;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -1248,8 +1248,8 @@ exports[`update a sub-component twice in the same frame, 2 2`] = `
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['val']();
+    let txt1 = ctx['val']();
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;

tests/components/__snapshots__/error_handling.test.ts.snap

@@ -33,8 +33,8 @@ exports[`basics no component catching error lead to full app destruction 2`] = `
   let block1 = createBlock(\`<div>hey<block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].flag&&ctx['state'].this.will.crash;
+    let txt1 = ctx['props'].flag&&ctx['state'].this.will.crash;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -66,8 +66,8 @@ exports[`basics simple catchError 2`] = `
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['a'].b.c;
+    let txt1 = ctx['a'].b.c;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -118,8 +118,8 @@ exports[`can catch errors can catch an error in a component render function 3`]
   let block1 = createBlock(\`<div>hey<block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].flag&&ctx['state'].this.will.crash;
+    let txt1 = ctx['props'].flag&&ctx['state'].this.will.crash;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -287,8 +287,8 @@ exports[`can catch errors can catch an error in the initial call of a component
   let block1 = createBlock(\`<div>hey<block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['state'].this.will.crash;
+    let txt1 = ctx['state'].this.will.crash;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -342,8 +342,8 @@ exports[`can catch errors can catch an error in the initial call of a component
   let block1 = createBlock(\`<div>hey<block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['state'].this.will.crash;
+    let txt1 = ctx['state'].this.will.crash;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -500,9 +500,9 @@ exports[`can catch errors can catch an error in the willPatch call 1`] = `
   }
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['state'].message;
+    let txt1 = ctx['state'].message;
     let b3 = component(\`ErrorBoundary\`, {slots: {'default': {__render: slot1, __ctx: ctx}}}, key + \`__3\`, node, ctx);
-    return block1([d1], [b3]);
+    return block1([txt1], [b3]);
   }
 }"
 `;
@@ -535,8 +535,8 @@ exports[`can catch errors can catch an error in the willPatch call 3`] = `
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].message;
+    let txt1 = ctx['props'].message;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -699,8 +699,8 @@ exports[`can catch errors catchError in catchError 3`] = `
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['a'].b.c;
+    let txt1 = ctx['a'].b.c;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -925,8 +925,8 @@ exports[`errors and promises a rendering error in a sub component will reject th
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = this.will.crash;
+    let txt1 = this.will.crash;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -939,8 +939,8 @@ exports[`errors and promises a rendering error will reject the mount promise 1`]
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = this.will.crash;
+    let txt1 = this.will.crash;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -954,8 +954,8 @@ exports[`errors and promises a rendering error will reject the render promise (w
   
   return function template(ctx, node, key = \\"\\") {
     let b2 = component(\`Child\`, {}, key + \`__1\`, node, ctx);
-    let d1 = ctx['x'].y;
+    let txt1 = ctx['x'].y;
-    return block1([d1], [b2]);
+    return block1([txt1], [b2]);
   }
 }"
 `;
@@ -1011,8 +1011,8 @@ exports[`errors and promises an error in patched call will reject the render pro
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['val'];
+    let txt1 = ctx['val'];
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -1025,8 +1025,8 @@ exports[`errors and promises an error in willPatch call will reject the render p
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['val'];
+    let txt1 = ctx['val'];
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -1052,8 +1052,8 @@ exports[`errors and promises errors in rerender 1`] = `
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['state'].a.b;
+    let txt1 = ctx['state'].a.b;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;

tests/components/__snapshots__/event_handling.test.ts.snap

@@ -8,10 +8,10 @@ exports[`event handling handler receive the event as argument 1`] = `
   let block1 = createBlock(\`<span block-handler-0=\\"click\\"><block-child-0/><block-text-1/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = [ctx['inc'], ctx];
+    let hdlr1 = [ctx['inc'], ctx];
     let b2 = component(\`Child\`, {}, key + \`__1\`, node, ctx);
-    let d2 = ctx['state'].value;
+    let txt2 = ctx['state'].value;
-    return block1([d1, d2], [b2]);
+    return block1([hdlr1, txt2], [b2]);
   }
 }"
 `;
@@ -46,8 +46,8 @@ exports[`event handling objects from scope are properly captured by t-on 1`] = `
       let key1 = ctx['item'];
       const v1 = ctx['onClick'];
       const v2 = ctx['item'];
-      let d1 = [ev=>v1(v2.val,ev), ctx];
+      let hdlr1 = [ev=>v1(v2.val,ev), ctx];
-      c_block2[i1] = withKey(block3([d1]), key1);
+      c_block2[i1] = withKey(block3([hdlr1]), key1);
     }
     let b2 = list(c_block2);
     return block1([], [b2]);
@@ -63,9 +63,9 @@ exports[`event handling support for callable expression in event handler 1`] = `
   let block1 = createBlock(\`<div><block-text-0/><input type=\\"text\\" block-handler-1=\\"input\\"/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['state'].value;
+    let txt1 = ctx['state'].value;
-    let d2 = [ctx['obj'].onInput, ctx];
+    let hdlr2 = [ctx['obj'].onInput, ctx];
-    return block1([d1, d2]);
+    return block1([txt1, hdlr2]);
   }
 }"
 `;
@@ -87,8 +87,8 @@ exports[`event handling t-on with handler bound to dynamic argument on a t-forea
       let key1 = ctx['item'];
       const v1 = ctx['onClick'];
       const v2 = ctx['item'];
-      let d1 = [ev=>v1(v2,ev), ctx];
+      let hdlr1 = [ev=>v1(v2,ev), ctx];
-      c_block2[i1] = withKey(block3([d1]), key1);
+      c_block2[i1] = withKey(block3([hdlr1]), key1);
     }
     let b2 = list(c_block2);
     return block1([], [b2]);

tests/components/__snapshots__/higher_order_component.test.ts.snap

@@ -19,8 +19,8 @@ exports[`basics basic use 2`] = `
   let block1 = createBlock(\`<span>child<block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].p;
+    let txt1 = ctx['props'].p;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -132,9 +132,9 @@ exports[`basics sub widget is interactive 2`] = `
   let block1 = createBlock(\`<span><button block-handler-0=\\"click\\">click</button>child<block-text-1/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = [ctx['inc'], ctx];
+    let hdlr1 = [ctx['inc'], ctx];
-    let d2 = ctx['state'].val;
+    let txt2 = ctx['state'].val;
-    return block1([d1, d2]);
+    return block1([hdlr1, txt2]);
   }
 }"
 `;

tests/components/__snapshots__/hooks.test.ts.snap

@@ -56,8 +56,8 @@ exports[`hooks can use onWillStart, onWillUpdateProps 2`] = `
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].value;
+    let txt1 = ctx['props'].value;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -83,8 +83,8 @@ exports[`hooks can use useEnv 1`] = `
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['env'].val;
+    let txt1 = ctx['env'].val;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -97,8 +97,8 @@ exports[`hooks mounted callbacks should be called in reverse order from willUnmo
   let block1 = createBlock(\`<div>hey<block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['state'].value;
+    let txt1 = ctx['state'].value;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -124,8 +124,8 @@ exports[`hooks parent and child env 2`] = `
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['env'].val;
+    let txt1 = ctx['env'].val;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -138,8 +138,8 @@ exports[`hooks two different call to willPatch/patched should work 1`] = `
   let block1 = createBlock(\`<div>hey<block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['state'].value;
+    let txt1 = ctx['state'].value;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -152,8 +152,8 @@ exports[`hooks use sub env does not pollute user env 1`] = `
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['env'].val;
+    let txt1 = ctx['env'].val;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -177,9 +177,9 @@ exports[`hooks use sub env supports arbitrary descriptor 2`] = `
   let block1 = createBlock(\`<div><block-text-0/> <block-text-1/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['env'].someVal;
+    let txt1 = ctx['env'].someVal;
-    let d2 = ctx['env'].someVal2;
+    let txt2 = ctx['env'].someVal2;
-    return block1([d1, d2]);
+    return block1([txt1, txt2]);
   }
 }"
 `;
@@ -237,8 +237,8 @@ exports[`hooks useEffect hook effect with empty dependency list never reruns 1`]
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['state'].value;
+    let txt1 = ctx['state'].value;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -266,8 +266,8 @@ exports[`hooks useExternalListener 2`] = `
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].value;
+    let txt1 = ctx['props'].value;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -282,8 +282,8 @@ exports[`hooks useRef hook: basic use 1`] = `
   return function template(ctx, node, key = \\"\\") {
     const refs = ctx.__owl__.refs;
     let d1 = (el) => refs[\`button\`] = el;
-    let d2 = ctx['value'];
+    let txt2 = ctx['value'];
-    return block1([d1, d2]);
+    return block1([d1, txt2]);
   }
 }"
 `;

tests/components/__snapshots__/lifecycle.test.ts.snap

@@ -126,8 +126,8 @@ exports[`lifecycle hooks components are unmounted and destroyed if no longer in
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].n;
+    let txt1 = ctx['props'].n;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -490,9 +490,9 @@ exports[`lifecycle hooks onWillRender 2`] = `
   let block1 = createBlock(\`<button block-handler-0=\\"click\\"><block-text-1/></button>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = [ctx['increment'], ctx];
+    let hdlr1 = [ctx['increment'], ctx];
-    let d2 = ctx['state'].value;
+    let txt2 = ctx['state'].value;
-    return block1([d1, d2]);
+    return block1([hdlr1, txt2]);
   }
 }"
 `;
@@ -532,8 +532,8 @@ exports[`lifecycle hooks patched hook is called after updating State 1`] = `
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['state'].a;
+    let txt1 = ctx['state'].a;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -546,8 +546,8 @@ exports[`lifecycle hooks render in mounted 1`] = `
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['patched'];
+    let txt1 = ctx['patched'];
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -560,8 +560,8 @@ exports[`lifecycle hooks render in patched 1`] = `
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['patched'];
+    let txt1 = ctx['patched'];
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -574,8 +574,8 @@ exports[`lifecycle hooks render in willPatch 1`] = `
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['patched'];
+    let txt1 = ctx['patched'];
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -644,8 +644,8 @@ exports[`lifecycle hooks willPatch, patched hook are called on subsubcomponents,
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].n;
+    let txt1 = ctx['props'].n;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -752,8 +752,8 @@ exports[`lifecycle hooks willUpdateProps hook is called 2`] = `
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].n;
+    let txt1 = ctx['props'].n;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;

tests/components/__snapshots__/props.test.ts.snap

@@ -22,8 +22,8 @@ exports[`basics accept ES6-like syntax for props (with getters) 2`] = `
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].greetings;
+    let txt1 = ctx['props'].greetings;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -57,8 +57,8 @@ exports[`basics arrow functions as prop correctly capture their scope 2`] = `
   let block1 = createBlock(\`<button block-handler-0=\\"click\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = [ctx['props'].onClick, ctx];
+    let hdlr1 = [ctx['props'].onClick, ctx];
-    return block1([d1]);
+    return block1([hdlr1]);
   }
 }"
 `;
@@ -85,8 +85,8 @@ exports[`basics explicit object prop 2`] = `
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['state'].someval;
+    let txt1 = ctx['state'].someval;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -110,8 +110,8 @@ exports[`basics prop names can contain - 2`] = `
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props']['prop-name'];
+    let txt1 = ctx['props']['prop-name'];
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -135,8 +135,8 @@ exports[`basics support prop names that aren't valid bare object property names
   let block1 = createBlock(\`<button block-handler-0=\\"click\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = [ctx['props'].onClick, ctx];
+    let hdlr1 = [ctx['props'].onClick, ctx];
-    return block1([d1]);
+    return block1([hdlr1]);
   }
 }"
 `;
@@ -170,9 +170,9 @@ exports[`basics t-set with a body expression can be passed in props, and then t-
   let block1 = createBlock(\`<span><block-text-0/><block-child-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].val;
+    let txt1 = ctx['props'].val;
     let b2 = safeOutput(ctx['props'].val);
-    return block1([d1], [b2]);
+    return block1([txt1], [b2]);
   }
 }"
 `;
@@ -203,8 +203,8 @@ exports[`basics t-set with a body expression can be used as textual prop 2`] = `
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].val;
+    let txt1 = ctx['props'].val;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -235,8 +235,8 @@ exports[`basics t-set works  2`] = `
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].val;
+    let txt1 = ctx['props'].val;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;

tests/components/__snapshots__/props_validation.test.ts.snap

@@ -60,8 +60,8 @@ exports[`default props can set default values 2`] = `
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].p;
+    let txt1 = ctx['props'].p;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -90,8 +90,8 @@ exports[`default props default values are also set whenever component is updated
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].p;
+    let txt1 = ctx['props'].p;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -664,8 +664,8 @@ exports[`props validation default values are applied before validating props at
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].p;
+    let txt1 = ctx['props'].p;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -726,8 +726,8 @@ exports[`props validation props are validated in dev mode (code snapshot) 2`] =
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].message;
+    let txt1 = ctx['props'].message;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -756,8 +756,8 @@ exports[`props validation props are validated whenever component is updated 2`]
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].p;
+    let txt1 = ctx['props'].p;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;

tests/components/__snapshots__/reactivity.test.ts.snap

@@ -8,8 +8,8 @@ exports[`reactivity in lifecycle can use a state hook 1`] = `
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['counter'].value;
+    let txt1 = ctx['counter'].value;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -22,8 +22,8 @@ exports[`reactivity in lifecycle can use a state hook 2 1`] = `
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['state'].a;
+    let txt1 = ctx['state'].a;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -36,8 +36,8 @@ exports[`reactivity in lifecycle change state while mounting component 1`] = `
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['state'].val;
+    let txt1 = ctx['state'].val;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -67,9 +67,9 @@ exports[`reactivity in lifecycle state changes in willUnmount do not trigger rer
   let block1 = createBlock(\`<span><block-text-0/><block-text-1/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].val;
+    let txt1 = ctx['props'].val;
-    let d2 = ctx['state'].n;
+    let txt2 = ctx['state'].n;
-    return block1([d1, d2]);
+    return block1([txt1, txt2]);
   }
 }"
 `;

tests/components/__snapshots__/refs.test.ts.snap

@@ -26,16 +26,16 @@ exports[`refs refs are properly bound in slots 1`] = `
   
   function slot2(ctx, node, key = \\"\\") {
     const refs = ctx.__owl__.refs;
-    let d2 = [ctx['doSomething'], ctx];
+    let hdlr2 = [ctx['doSomething'], ctx];
     let d3 = (el) => refs[\`myButton\`] = el;
-    return block2([d2, d3]);
+    return block2([hdlr2, d3]);
   }
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['state'].val;
+    let txt1 = ctx['state'].val;
     const ctx1 = capture(ctx);
     let b3 = component(\`Dialog\`, {slots: {'footer': {__render: slot2, __ctx: ctx1}}}, key + \`__3\`, node, ctx);
-    return block1([d1], [b3]);
+    return block1([txt1], [b3]);
   }
 }"
 `;

tests/components/__snapshots__/slots.test.ts.snap

@@ -110,11 +110,11 @@ exports[`slots can define and call slots with params 2`] = `
   let block1 = createBlock(\`<div><block-text-0/><div><block-child-0/></div><block-text-1/><div><block-child-1/></div></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].slots['header'].param;
+    let txt1 = ctx['props'].slots['header'].param;
     let b2 = callSlot(ctx, node, key, 'header', false, {});
-    let d2 = ctx['props'].slots['footer'].param;
+    let txt2 = ctx['props'].slots['footer'].param;
     let b3 = callSlot(ctx, node, key, 'footer', false, {});
-    return block1([d1, d2], [b2, b3]);
+    return block1([txt1, txt2], [b2, b3]);
   }
 }"
 `;
@@ -522,10 +522,10 @@ exports[`slots dynamic t-slot call 2`] = `
   let block1 = createBlock(\`<button block-handler-0=\\"click\\"><block-child-0/></button>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = [ctx['toggle'], ctx];
+    let hdlr1 = [ctx['toggle'], ctx];
     const slot1 = (ctx['current'].slot);
     let b2 = toggler(slot1, callSlot(ctx, node, key, slot1), true, {});
-    return block1([d1], [b2]);
+    return block1([hdlr1], [b2]);
   }
 }"
 `;
@@ -572,9 +572,9 @@ exports[`slots dynamic t-slot call with default 2`] = `
   }
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = [ctx['toggle'], ctx];
+    let hdlr1 = [ctx['toggle'], ctx];
     let b3 = callSlot(ctx, node, key, (ctx['current'].slot), true, {}, defaultContent1);
-    return block1([d1], [b3]);
+    return block1([hdlr1], [b3]);
   }
 }"
 `;
@@ -759,8 +759,8 @@ exports[`slots multiple slots containing components 3`] = `
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].val;
+    let txt1 = ctx['props'].val;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -776,8 +776,8 @@ exports[`slots named slot inside slot 1`] = `
   let block3 = createBlock(\`<p>B<block-text-0/></p>\`);
   
   function slot2(ctx, node, key = \\"\\") {
-    let d1 = ctx['value'];
+    let txt1 = ctx['value'];
-    return block2([d1]);
+    return block2([txt1]);
   }
   
   function slot3(ctx, node, key = \\"\\") {
@@ -786,8 +786,8 @@ exports[`slots named slot inside slot 1`] = `
   }
   
   function slot5(ctx, node, key = \\"\\") {
-    let d2 = ctx['value'];
+    let txt2 = ctx['value'];
-    return block3([d2]);
+    return block3([txt2]);
   }
   
   return function template(ctx, node, key = \\"\\") {
@@ -825,8 +825,8 @@ exports[`slots named slot inside slot, part 3 1`] = `
   let block3 = createBlock(\`<p>B<block-text-0/></p>\`);
   
   function slot2(ctx, node, key = \\"\\") {
-    let d1 = ctx['value'];
+    let txt1 = ctx['value'];
-    return block2([d1]);
+    return block2([txt1]);
   }
   
   function slot3(ctx, node, key = \\"\\") {
@@ -835,8 +835,8 @@ exports[`slots named slot inside slot, part 3 1`] = `
   }
   
   function slot5(ctx, node, key = \\"\\") {
-    let d2 = ctx['value'];
+    let txt2 = ctx['value'];
-    return block3([d2]);
+    return block3([txt2]);
   }
   
   return function template(ctx, node, key = \\"\\") {
@@ -907,8 +907,8 @@ exports[`slots named slots inside slot, again 1`] = `
   let block3 = createBlock(\`<p>B<block-text-0/></p>\`);
   
   function slot2(ctx, node, key = \\"\\") {
-    let d1 = ctx['value'];
+    let txt1 = ctx['value'];
-    return block2([d1]);
+    return block2([txt1]);
   }
   
   function slot3(ctx, node, key = \\"\\") {
@@ -917,8 +917,8 @@ exports[`slots named slots inside slot, again 1`] = `
   }
   
   function slot5(ctx, node, key = \\"\\") {
-    let d2 = ctx['value'];
+    let txt2 = ctx['value'];
-    return block3([d2]);
+    return block3([txt2]);
   }
   
   return function template(ctx, node, key = \\"\\") {
@@ -1073,8 +1073,8 @@ exports[`slots nested slots: evaluation context and parented relationship 4`] =
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].val;
+    let txt1 = ctx['props'].val;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -1379,10 +1379,10 @@ exports[`slots slot are properly rendered if inner props are changed 1`] = `
   }
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = [ctx['inc'], ctx];
+    let hdlr1 = [ctx['inc'], ctx];
-    let d2 = ctx['state'].val;
+    let txt2 = ctx['state'].val;
     let b3 = component(\`GenericComponent\`, {slots: {'default': {__render: slot1, __ctx: ctx}}}, key + \`__3\`, node, ctx);
-    return block1([d1, d2], [b3]);
+    return block1([hdlr1, txt2], [b3]);
   }
 }"
 `;
@@ -1410,8 +1410,8 @@ exports[`slots slot are properly rendered if inner props are changed 3`] = `
   let block1 = createBlock(\`<div> SC:<block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].val;
+    let txt1 = ctx['props'].val;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -1428,8 +1428,8 @@ exports[`slots slot content is bound to caller (variation) 1`] = `
     ctx = Object.create(ctx);
     ctx[isBoundary] = 1
     setContextValue(ctx, \\"var\\", 1);
-    let d1 = [()=>this.inc(), ctx];
+    let hdlr1 = [()=>this.inc(), ctx];
-    return block1([d1]);
+    return block1([hdlr1]);
   }
   
   return function template(ctx, node, key = \\"\\") {
@@ -1462,8 +1462,8 @@ exports[`slots slot content is bound to caller 1`] = `
   let block1 = createBlock(\`<button block-handler-0=\\"click\\">some text</button>\`);
   
   function slot1(ctx, node, key = \\"\\") {
-    let d1 = [ctx['inc'], ctx];
+    let hdlr1 = [ctx['inc'], ctx];
-    return block1([d1]);
+    return block1([hdlr1]);
   }
   
   return function template(ctx, node, key = \\"\\") {
@@ -1636,9 +1636,9 @@ exports[`slots slots are properly bound to correct component 2`] = `
     ctx = Object.create(ctx);
     ctx[isBoundary] = 1
     setContextValue(ctx, \\"var\\", 1);
-    let d1 = [()=>this.increment(), ctx];
+    let hdlr1 = [()=>this.increment(), ctx];
-    let d2 = ctx['state'].value;
+    let txt2 = ctx['state'].value;
-    return block1([d1, d2]);
+    return block1([hdlr1, txt2]);
   }
   
   return function template(ctx, node, key = \\"\\") {
@@ -1657,15 +1657,15 @@ exports[`slots slots are rendered with proper context 1`] = `
   let block2 = createBlock(\`<button block-handler-0=\\"click\\">do something</button>\`);
   
   function slot2(ctx, node, key = \\"\\") {
-    let d2 = [ctx['doSomething'], ctx];
+    let hdlr2 = [ctx['doSomething'], ctx];
-    return block2([d2]);
+    return block2([hdlr2]);
   }
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['state'].val;
+    let txt1 = ctx['state'].val;
     const ctx1 = capture(ctx);
     let b3 = component(\`Dialog\`, {slots: {'footer': {__render: slot2, __ctx: ctx1}}}, key + \`__3\`, node, ctx);
-    return block1([d1], [b3]);
+    return block1([txt1], [b3]);
   }
 }"
 `;
@@ -1725,9 +1725,9 @@ exports[`slots slots are rendered with proper context, part 2 2`] = `
   let block1 = createBlock(\`<a block-attribute-0=\\"href\\"><block-child-0/></a>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].to;
+    let attr1 = ctx['props'].to;
     let b2 = callSlot(ctx, node, key, 'default', false, {});
-    return block1([d1], [b2]);
+    return block1([attr1], [b2]);
   }
 }"
 `;
@@ -1773,9 +1773,9 @@ exports[`slots slots are rendered with proper context, part 3 2`] = `
   let block1 = createBlock(\`<a block-attribute-0=\\"href\\"><block-child-0/></a>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].to;
+    let attr1 = ctx['props'].to;
     let b2 = callSlot(ctx, node, key, 'default', false, {});
-    return block1([d1], [b2]);
+    return block1([attr1], [b2]);
   }
 }"
 `;
@@ -1812,9 +1812,9 @@ exports[`slots slots are rendered with proper context, part 4 2`] = `
   let block1 = createBlock(\`<a block-attribute-0=\\"href\\"><block-child-0/></a>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].to;
+    let attr1 = ctx['props'].to;
     let b2 = callSlot(ctx, node, key, 'default', false, {});
-    return block1([d1], [b2]);
+    return block1([attr1], [b2]);
   }
 }"
 `;
@@ -1829,8 +1829,8 @@ exports[`slots slots in slots, with vars 1`] = `
   let block2 = createBlock(\`<p>hey<block-text-0/></p>\`);
   
   function slot2(ctx, node, key = \\"\\") {
-    let d1 = ctx['test'];
+    let txt1 = ctx['test'];
-    return block2([d1]);
+    return block2([txt1]);
   }
   
   return function template(ctx, node, key = \\"\\") {
@@ -1915,9 +1915,9 @@ exports[`slots slots in t-foreach and re-rendering 2`] = `
   let block1 = createBlock(\`<span><block-text-0/><block-child-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['state'].val;
+    let txt1 = ctx['state'].val;
     let b2 = callSlot(ctx, node, key, 'default', false, {});
-    return block1([d1], [b2]);
+    return block1([txt1], [b2]);
   }
 }"
 `;
@@ -1934,8 +1934,8 @@ exports[`slots slots in t-foreach in t-foreach 1`] = `
   let block7 = createBlock(\`<li><block-text-0/></li>\`);
   
   function slot2(ctx, node, key = \\"\\") {
-    let d2 = ctx['node1'].value;
+    let txt2 = ctx['node1'].value;
-    return block7([d2]);
+    return block7([txt2]);
   }
   
   return function template(ctx, node, key = \\"\\") {
@@ -1944,8 +1944,8 @@ exports[`slots slots in t-foreach in t-foreach 1`] = `
     for (let i1 = 0; i1 < l_block2; i1++) {
       ctx[\`node1\`] = v_block2[i1];
       let key1 = ctx['node1'].key;
-      let d1 = ctx['node1'].value;
+      let txt1 = ctx['node1'].value;
-      let b4 = block4([d1]);
+      let b4 = block4([txt1]);
       ctx = Object.create(ctx);
       const [k_block6, v_block6, l_block6, c_block6] = prepareList(ctx['node1'].nodes);
       for (let i2 = 0; i2 < l_block6; i2++) {
@@ -2020,9 +2020,9 @@ exports[`slots slots in t-foreach with t-set and re-rendering 2`] = `
   let block1 = createBlock(\`<span><block-text-0/><block-child-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['state'].val;
+    let txt1 = ctx['state'].val;
     let b2 = callSlot(ctx, node, key, 'default', false, {});
-    return block1([d1], [b2]);
+    return block1([txt1], [b2]);
   }
 }"
 `;
@@ -2271,9 +2271,9 @@ exports[`slots t-slot scope context 2`] = `
   let block1 = createBlock(\`<div block-handler-0=\\"click\\"><block-child-0/></div>\`);
   
   function slot1(ctx, node, key = \\"\\") {
-    let d1 = [ctx['onClick'], ctx];
+    let hdlr1 = [ctx['onClick'], ctx];
     let b2 = callSlot(ctx, node, key, 'default', false, {});
-    return block1([d1], [b2]);
+    return block1([hdlr1], [b2]);
   }
   
   return function template(ctx, node, key = \\"\\") {
@@ -2395,8 +2395,8 @@ exports[`slots template can just return a slot 3`] = `
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].value;
+    let txt1 = ctx['props'].value;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;

tests/components/__snapshots__/style_class.test.ts.snap

@@ -21,8 +21,8 @@ exports[`style and class handling can set class on multi root component 2`] = `
   
   return function template(ctx, node, key = \\"\\") {
     let b2 = block2();
-    let d1 = ctx['props'].class;
+    let attr1 = ctx['props'].class;
-    let b3 = block3([d1]);
+    let b3 = block3([attr1]);
     return multi([b2, b3]);
   }
 }"
@@ -47,8 +47,8 @@ exports[`style and class handling can set class on sub component, as prop 2`] =
   let block1 = createBlock(\`<div block-attribute-0=\\"class\\">child</div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].class;
+    let attr1 = ctx['props'].class;
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -83,8 +83,8 @@ exports[`style and class handling can set class on sub sub component 3`] = `
   let block1 = createBlock(\`<div block-attribute-0=\\"class\\">childchild</div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].class;
+    let attr1 = ctx['props'].class;
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -108,8 +108,8 @@ exports[`style and class handling can set more than one class on sub component 2
   let block1 = createBlock(\`<div block-attribute-0=\\"class\\">child</div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].class;
+    let attr1 = ctx['props'].class;
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -135,8 +135,8 @@ exports[`style and class handling class on components do not interfere with user
   let block1 = createBlock(\`<div block-attribute-0=\\"class\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = {c:ctx['state'].c};
+    let attr1 = {c:ctx['state'].c};
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -177,8 +177,8 @@ exports[`style and class handling class on sub component, which is switched to a
   let block1 = createBlock(\`<div block-attribute-0=\\"class\\">a</div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].class;
+    let attr1 = ctx['props'].class;
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -191,8 +191,8 @@ exports[`style and class handling class on sub component, which is switched to a
   let block1 = createBlock(\`<span block-attribute-0=\\"class\\">b</span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].class;
+    let attr1 = ctx['props'].class;
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -219,8 +219,8 @@ exports[`style and class handling class with extra whitespaces (variation) 2`] =
   let block1 = createBlock(\`<div block-attribute-0=\\"class\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].class;
+    let attr1 = ctx['props'].class;
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -244,8 +244,8 @@ exports[`style and class handling class with extra whitespaces 2`] = `
   let block1 = createBlock(\`<div block-attribute-0=\\"class\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].class;
+    let attr1 = ctx['props'].class;
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -269,8 +269,8 @@ exports[`style and class handling component class and parent class combine toget
   let block1 = createBlock(\`<div class=\\"child\\" block-attribute-0=\\"class\\">child</div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].class;
+    let attr1 = ctx['props'].class;
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -324,8 +324,8 @@ exports[`style and class handling empty class attribute is not added on widget r
   let block1 = createBlock(\`<span block-attribute-0=\\"class\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].class;
+    let attr1 = ctx['props'].class;
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -349,9 +349,9 @@ exports[`style and class handling error in subcomponent with class 2`] = `
   let block1 = createBlock(\`<div block-attribute-0=\\"class\\"><block-text-1/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].class;
+    let attr1 = ctx['props'].class;
-    let d2 = this.will.crash;
+    let txt2 = this.will.crash;
-    return block1([d1, d2]);
+    return block1([attr1, txt2]);
   }
 }"
 `;
@@ -399,8 +399,8 @@ exports[`style and class handling no class is set is parent does not give it as
   let block1 = createBlock(\`<div block-attribute-0=\\"class\\">child</div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].class;
+    let attr1 = ctx['props'].class;
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -424,8 +424,8 @@ exports[`style and class handling style is properly added on widget root el 2`]
   let block1 = createBlock(\`<div block-attribute-0=\\"style\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].style;
+    let attr1 = ctx['props'].style;
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -452,8 +452,8 @@ exports[`style and class handling t-att-class is properly added/removed on widge
   let block1 = createBlock(\`<span class=\\"c\\" block-attribute-0=\\"class\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = {d:ctx['state'].d,...ctx['props'].class};
+    let attr1 = {d:ctx['state'].d,...ctx['props'].class};
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;
@@ -477,8 +477,8 @@ exports[`style and class handling t-att-class is properly added/removed on widge
   let block1 = createBlock(\`<span class=\\"c\\" block-attribute-0=\\"class\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = {d:ctx['state'].d,...ctx['props'].class};
+    let attr1 = {d:ctx['state'].d,...ctx['props'].class};
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;

tests/components/__snapshots__/t_call.test.ts.snap

@@ -52,8 +52,8 @@ exports[`t-call handlers are properly bound through a dynamic t-call 1`] = `
   return function template(ctx, node, key = \\"\\") {
     const template2 = ('__template__999');
     let b2 = call(this, template2, ctx, node, key + \`__1\`);
-    let d1 = ctx['counter'];
+    let txt1 = ctx['counter'];
-    return block1([d1], [b2]);
+    return block1([txt1], [b2]);
   }
 }"
 `;
@@ -66,8 +66,8 @@ exports[`t-call handlers are properly bound through a dynamic t-call 2`] = `
   let block1 = createBlock(\`<p block-handler-0=\\"click\\">lucas</p>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = [()=>this.update(), ctx];
+    let hdlr1 = [()=>this.update(), ctx];
-    return block1([d1]);
+    return block1([hdlr1]);
   }
 }"
 `;
@@ -83,8 +83,8 @@ exports[`t-call handlers are properly bound through a t-call 1`] = `
   
   return function template(ctx, node, key = \\"\\") {
     let b2 = callTemplate_2.call(this, ctx, node, key + \`__1\`);
-    let d1 = ctx['counter'];
+    let txt1 = ctx['counter'];
-    return block1([d1], [b2]);
+    return block1([txt1], [b2]);
   }
 }"
 `;
@@ -97,8 +97,8 @@ exports[`t-call handlers are properly bound through a t-call 2`] = `
   let block1 = createBlock(\`<p block-handler-0=\\"click\\">lucas</p>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = [ctx['update'], ctx];
+    let hdlr1 = [ctx['update'], ctx];
-    return block1([d1]);
+    return block1([hdlr1]);
   }
 }"
 `;
@@ -128,8 +128,8 @@ exports[`t-call handlers with arguments are properly bound through a t-call 2`]
   
   return function template(ctx, node, key = \\"\\") {
     const v1 = ctx['a'];
-    let d1 = [()=>this.update(v1), ctx];
+    let hdlr1 = [()=>this.update(v1), ctx];
-    return block1([d1]);
+    return block1([hdlr1]);
   }
 }"
 `;
@@ -253,8 +253,8 @@ exports[`t-call sub components in two t-calls 3`] = `
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].val;
+    let txt1 = ctx['props'].val;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -305,8 +305,8 @@ exports[`t-call t-call in t-foreach and children component 3`] = `
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].val;
+    let txt1 = ctx['props'].val;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;

tests/components/__snapshots__/t_component.test.ts.snap

@@ -142,10 +142,10 @@ exports[`t-component modifying a sub widget 2`] = `
   let block1 = createBlock(\`<div><block-text-0/><button block-handler-1=\\"click\\">Inc</button></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['state'].counter;
+    let txt1 = ctx['state'].counter;
     const v1 = ctx['state'];
-    let d2 = [()=>v1.counter++, ctx];
+    let hdlr2 = [()=>v1.counter++, ctx];
-    return block1([d1, d2]);
+    return block1([txt1, hdlr2]);
   }
 }"
 `;

tests/components/__snapshots__/t_foreach.test.ts.snap

@@ -32,8 +32,8 @@ exports[`list of components components in a node in a t-foreach  2`] = `
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].item;
+    let txt1 = ctx['props'].item;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -150,8 +150,8 @@ exports[`list of components reconciliation alg works for t-foreach in t-foreach
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].blip;
+    let txt1 = ctx['props'].blip;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -198,8 +198,8 @@ exports[`list of components reconciliation alg works for t-foreach in t-foreach,
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].row+'_'+ctx['props'].col;
+    let txt1 = ctx['props'].row+'_'+ctx['props'].col;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -231,8 +231,8 @@ exports[`list of components simple list 2`] = `
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].value;
+    let txt1 = ctx['props'].value;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -267,8 +267,8 @@ exports[`list of components sub components rendered in a loop 2`] = `
   let block1 = createBlock(\`<p><block-text-0/></p>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].n;
+    let txt1 = ctx['props'].n;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -303,8 +303,8 @@ exports[`list of components sub components with some state rendered in a loop 2`
   let block1 = createBlock(\`<p><block-text-0/></p>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['state'].n;
+    let txt1 = ctx['state'].n;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -339,8 +339,8 @@ exports[`list of components switch component position 2`] = `
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].key;
+    let txt1 = ctx['props'].key;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -376,9 +376,9 @@ exports[`list of components t-foreach with t-component, and update 2`] = `
   let block1 = createBlock(\`<span><block-text-0/><block-text-1/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['state'].val;
+    let txt1 = ctx['state'].val;
-    let d2 = ctx['props'].val;
+    let txt2 = ctx['props'].val;
-    return block1([d1, d2]);
+    return block1([txt1, txt2]);
   }
 }"
 `;

tests/components/__snapshots__/t_key.test.ts.snap

@@ -31,8 +31,8 @@ exports[`t-key t-foreach with t-key switch component position 2`] = `
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].key;
+    let txt1 = ctx['props'].key;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -57,8 +57,8 @@ exports[`t-key t-key on Component 2`] = `
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].key;
+    let txt1 = ctx['props'].key;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -86,8 +86,8 @@ exports[`t-key t-key on Component as a function 2`] = `
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].key;
+    let txt1 = ctx['props'].key;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -117,8 +117,8 @@ exports[`t-key t-key on multiple Components 2`] = `
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].key;
+    let txt1 = ctx['props'].key;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -170,8 +170,8 @@ exports[`t-key t-key on multiple Components with t-call 1 3`] = `
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].key;
+    let txt1 = ctx['props'].key;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -215,8 +215,8 @@ exports[`t-key t-key on multiple Components with t-call 2 3`] = `
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].key;
+    let txt1 = ctx['props'].key;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;

tests/components/__snapshots__/t_model.test.ts.snap

@@ -10,10 +10,10 @@ exports[`t-model directive .lazy modifier 1`] = `
   
   return function template(ctx, node, key = \\"\\") {
     const bExpr1 = ctx['state'];
-    let d1 = ctx['state']['text'];
+    let attr1 = ctx['state']['text'];
-    let d2 = [(ev) => { bExpr1['text'] = ev.target.value; }];
+    let hdlr2 = [(ev) => { bExpr1['text'] = ev.target.value; }];
-    let d3 = ctx['state'].text;
+    let txt3 = ctx['state'].text;
-    return block1([d1, d2, d3]);
+    return block1([attr1, hdlr2, txt3]);
   }
 }"
 `;
@@ -28,10 +28,10 @@ exports[`t-model directive .number modifier 1`] = `
   
   return function template(ctx, node, key = \\"\\") {
     const bExpr1 = ctx['state'];
-    let d1 = ctx['state']['number'];
+    let attr1 = ctx['state']['number'];
-    let d2 = [(ev) => { bExpr1['number'] = toNumber(ev.target.value); }];
+    let hdlr2 = [(ev) => { bExpr1['number'] = toNumber(ev.target.value); }];
-    let d3 = ctx['state'].number;
+    let txt3 = ctx['state'].number;
-    return block1([d1, d2, d3]);
+    return block1([attr1, hdlr2, txt3]);
   }
 }"
 `;
@@ -46,10 +46,10 @@ exports[`t-model directive .trim modifier 1`] = `
   
   return function template(ctx, node, key = \\"\\") {
     const bExpr1 = ctx['state'];
-    let d1 = ctx['state']['text'];
+    let attr1 = ctx['state']['text'];
-    let d2 = [(ev) => { bExpr1['text'] = ev.target.value.trim(); }];
+    let hdlr2 = [(ev) => { bExpr1['text'] = ev.target.value.trim(); }];
-    let d3 = ctx['state'].text;
+    let txt3 = ctx['state'].text;
-    return block1([d1, d2, d3]);
+    return block1([attr1, hdlr2, txt3]);
   }
 }"
 `;
@@ -64,10 +64,10 @@ exports[`t-model directive basic use, on an input 1`] = `
   
   return function template(ctx, node, key = \\"\\") {
     const bExpr1 = ctx['state'];
-    let d1 = ctx['state']['text'];
+    let attr1 = ctx['state']['text'];
-    let d2 = [(ev) => { bExpr1['text'] = ev.target.value; }];
+    let hdlr2 = [(ev) => { bExpr1['text'] = ev.target.value; }];
-    let d3 = ctx['state'].text;
+    let txt3 = ctx['state'].text;
-    return block1([d1, d2, d3]);
+    return block1([attr1, hdlr2, txt3]);
   }
 }"
 `;
@@ -82,10 +82,10 @@ exports[`t-model directive basic use, on an input with bracket expression 1`] =
   
   return function template(ctx, node, key = \\"\\") {
     const bExpr1 = ctx['state'];
-    let d1 = ctx['state']['text'];
+    let attr1 = ctx['state']['text'];
-    let d2 = [(ev) => { bExpr1['text'] = ev.target.value; }];
+    let hdlr2 = [(ev) => { bExpr1['text'] = ev.target.value; }];
-    let d3 = ctx['state'].text;
+    let txt3 = ctx['state'].text;
-    return block1([d1, d2, d3]);
+    return block1([attr1, hdlr2, txt3]);
   }
 }"
 `;
@@ -100,10 +100,10 @@ exports[`t-model directive basic use, on another key in component 1`] = `
   
   return function template(ctx, node, key = \\"\\") {
     const bExpr1 = ctx['some'];
-    let d1 = ctx['some']['text'];
+    let attr1 = ctx['some']['text'];
-    let d2 = [(ev) => { bExpr1['text'] = ev.target.value; }];
+    let hdlr2 = [(ev) => { bExpr1['text'] = ev.target.value; }];
-    let d3 = ctx['some'].text;
+    let txt3 = ctx['some'].text;
-    return block1([d1, d2, d3]);
+    return block1([attr1, hdlr2, txt3]);
   }
 }"
 `;
@@ -117,11 +117,11 @@ exports[`t-model directive can also define t-on directive on same event, part 1
   let block1 = createBlock(\`<div><input block-handler-0=\\"input\\" block-attribute-1=\\"value\\" block-handler-2=\\"input\\"/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = [ctx['onInput'], ctx];
+    let hdlr1 = [ctx['onInput'], ctx];
     const bExpr1 = ctx['state'];
-    let d2 = ctx['state']['text'];
+    let attr2 = ctx['state']['text'];
-    let d3 = [(ev) => { bExpr1['text'] = ev.target.value; }];
+    let hdlr3 = [(ev) => { bExpr1['text'] = ev.target.value; }];
-    return block1([d1, d2, d3]);
+    return block1([hdlr1, attr2, hdlr3]);
   }
 }"
 `;
@@ -135,19 +135,19 @@ exports[`t-model directive can also define t-on directive on same event, part 2
   let block1 = createBlock(\`<div><input type=\\"radio\\" id=\\"one\\" value=\\"One\\" block-handler-0=\\"click\\" block-attribute-1=\\"checked\\" block-handler-2=\\"click\\"/><input type=\\"radio\\" id=\\"two\\" value=\\"Two\\" block-handler-3=\\"click\\" block-attribute-4=\\"checked\\" block-handler-5=\\"click\\"/><input type=\\"radio\\" id=\\"three\\" value=\\"Three\\" block-handler-6=\\"click\\" block-attribute-7=\\"checked\\" block-handler-8=\\"click\\"/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = [ctx['onClick'], ctx];
+    let hdlr1 = [ctx['onClick'], ctx];
     const bExpr1 = ctx['state'];
-    let d2 = ctx['state']['choice'] === 'One';
+    let attr2 = ctx['state']['choice'] === 'One';
-    let d3 = [(ev) => { bExpr1['choice'] = ev.target.value; }];
+    let hdlr3 = [(ev) => { bExpr1['choice'] = ev.target.value; }];
-    let d4 = [ctx['onClick'], ctx];
+    let hdlr4 = [ctx['onClick'], ctx];
     const bExpr2 = ctx['state'];
-    let d5 = ctx['state']['choice'] === 'Two';
+    let attr5 = ctx['state']['choice'] === 'Two';
-    let d6 = [(ev) => { bExpr2['choice'] = ev.target.value; }];
+    let hdlr6 = [(ev) => { bExpr2['choice'] = ev.target.value; }];
-    let d7 = [ctx['onClick'], ctx];
+    let hdlr7 = [ctx['onClick'], ctx];
     const bExpr3 = ctx['state'];
-    let d8 = ctx['state']['choice'] === 'Three';
+    let attr8 = ctx['state']['choice'] === 'Three';
-    let d9 = [(ev) => { bExpr3['choice'] = ev.target.value; }];
+    let hdlr9 = [(ev) => { bExpr3['choice'] = ev.target.value; }];
-    return block1([d1, d2, d3, d4, d5, d6, d7, d8, d9]);
+    return block1([hdlr1, attr2, hdlr3, hdlr4, attr5, hdlr6, hdlr7, attr8, hdlr9]);
   }
 }"
 `;
@@ -165,9 +165,9 @@ exports[`t-model directive following a scope protecting directive (e.g. t-set) 1
     ctx[isBoundary] = 1
     setContextValue(ctx, \\"admiral\\", 'Bruno');
     const bExpr1 = ctx['state'];
-    let d1 = ctx['state']['text'];
+    let attr1 = ctx['state']['text'];
-    let d2 = [(ev) => { bExpr1['text'] = ev.target.value; }];
+    let hdlr2 = [(ev) => { bExpr1['text'] = ev.target.value; }];
-    return block1([d1, d2]);
+    return block1([attr1, hdlr2]);
   }
 }"
 `;
@@ -188,9 +188,9 @@ exports[`t-model directive in a t-foreach 1`] = `
       ctx[\`thing\`] = v_block2[i1];
       let key1 = ctx['thing'].id;
       const bExpr1 = ctx['thing'];
-      let d1 = ctx['thing']['f'];
+      let attr1 = ctx['thing']['f'];
-      let d2 = [(ev) => { bExpr1['f'] = ev.target.checked; }];
+      let hdlr2 = [(ev) => { bExpr1['f'] = ev.target.checked; }];
-      c_block2[i1] = withKey(block3([d1, d2]), key1);
+      c_block2[i1] = withKey(block3([attr1, hdlr2]), key1);
     }
     let b2 = list(c_block2);
     return block1([], [b2]);
@@ -215,9 +215,9 @@ exports[`t-model directive in a t-foreach, part 2 1`] = `
       ctx[\`thing_index\`] = i1;
       let key1 = ctx['thing_index'];
       const bExpr1 = ctx['state'];
-      let d1 = ctx['state'][ctx['thing_index']];
+      let attr1 = ctx['state'][ctx['thing_index']];
-      let d2 = [(ev) => { bExpr1[ctx['thing_index']] = ev.target.value; }];
+      let hdlr2 = [(ev) => { bExpr1[ctx['thing_index']] = ev.target.value; }];
-      c_block2[i1] = withKey(block3([d1, d2]), key1);
+      c_block2[i1] = withKey(block3([attr1, hdlr2]), key1);
     }
     let b2 = list(c_block2);
     return block1([], [b2]);
@@ -235,10 +235,10 @@ exports[`t-model directive on a select 1`] = `
   
   return function template(ctx, node, key = \\"\\") {
     const bExpr1 = ctx['state'];
-    let d1 = ctx['state']['color'];
+    let attr1 = ctx['state']['color'];
-    let d2 = [(ev) => { bExpr1['color'] = ev.target.value; }];
+    let hdlr2 = [(ev) => { bExpr1['color'] = ev.target.value; }];
-    let d3 = ctx['state'].color;
+    let txt3 = ctx['state'].color;
-    return block1([d1, d2, d3]);
+    return block1([attr1, hdlr2, txt3]);
   }
 }"
 `;
@@ -253,9 +253,9 @@ exports[`t-model directive on a select, initial state 1`] = `
   
   return function template(ctx, node, key = \\"\\") {
     const bExpr1 = ctx['state'];
-    let d1 = ctx['state']['color'];
+    let attr1 = ctx['state']['color'];
-    let d2 = [(ev) => { bExpr1['color'] = ev.target.value; }];
+    let hdlr2 = [(ev) => { bExpr1['color'] = ev.target.value; }];
-    return block1([d1, d2]);
+    return block1([attr1, hdlr2]);
   }
 }"
 `;
@@ -270,10 +270,10 @@ exports[`t-model directive on a sub state key 1`] = `
   
   return function template(ctx, node, key = \\"\\") {
     const bExpr1 = ctx['state'].something;
-    let d1 = ctx['state'].something['text'];
+    let attr1 = ctx['state'].something['text'];
-    let d2 = [(ev) => { bExpr1['text'] = ev.target.value; }];
+    let hdlr2 = [(ev) => { bExpr1['text'] = ev.target.value; }];
-    let d3 = ctx['state'].something.text;
+    let txt3 = ctx['state'].something.text;
-    return block1([d1, d2, d3]);
+    return block1([attr1, hdlr2, txt3]);
   }
 }"
 `;
@@ -288,13 +288,13 @@ exports[`t-model directive on an input type=radio 1`] = `
   
   return function template(ctx, node, key = \\"\\") {
     const bExpr1 = ctx['state'];
-    let d1 = ctx['state']['choice'] === 'One';
+    let attr1 = ctx['state']['choice'] === 'One';
-    let d2 = [(ev) => { bExpr1['choice'] = ev.target.value; }];
+    let hdlr2 = [(ev) => { bExpr1['choice'] = ev.target.value; }];
     const bExpr2 = ctx['state'];
-    let d3 = ctx['state']['choice'] === 'Two';
+    let attr3 = ctx['state']['choice'] === 'Two';
-    let d4 = [(ev) => { bExpr2['choice'] = ev.target.value; }];
+    let hdlr4 = [(ev) => { bExpr2['choice'] = ev.target.value; }];
-    let d5 = ctx['state'].choice;
+    let txt5 = ctx['state'].choice;
-    return block1([d1, d2, d3, d4, d5]);
+    return block1([attr1, hdlr2, attr3, hdlr4, txt5]);
   }
 }"
 `;
@@ -309,12 +309,12 @@ exports[`t-model directive on an input type=radio, with initial value 1`] = `
   
   return function template(ctx, node, key = \\"\\") {
     const bExpr1 = ctx['state'];
-    let d1 = ctx['state']['choice'] === 'One';
+    let attr1 = ctx['state']['choice'] === 'One';
-    let d2 = [(ev) => { bExpr1['choice'] = ev.target.value; }];
+    let hdlr2 = [(ev) => { bExpr1['choice'] = ev.target.value; }];
     const bExpr2 = ctx['state'];
-    let d3 = ctx['state']['choice'] === 'Two';
+    let attr3 = ctx['state']['choice'] === 'Two';
-    let d4 = [(ev) => { bExpr2['choice'] = ev.target.value; }];
+    let hdlr4 = [(ev) => { bExpr2['choice'] = ev.target.value; }];
-    return block1([d1, d2, d3, d4]);
+    return block1([attr1, hdlr2, attr3, hdlr4]);
   }
 }"
 `;
@@ -330,14 +330,14 @@ exports[`t-model directive on an input, type=checkbox 1`] = `
   return function template(ctx, node, key = \\"\\") {
     let b2,b3;
     const bExpr1 = ctx['state'];
-    let d1 = ctx['state']['flag'];
+    let attr1 = ctx['state']['flag'];
-    let d2 = [(ev) => { bExpr1['flag'] = ev.target.checked; }];
+    let hdlr2 = [(ev) => { bExpr1['flag'] = ev.target.checked; }];
     if (ctx['state'].flag) {
       b2 = text(\`yes\`);
     } else {
       b3 = text(\`no\`);
     }
-    return block1([d1, d2], [b2, b3]);
+    return block1([attr1, hdlr2], [b2, b3]);
   }
 }"
 `;
@@ -352,10 +352,10 @@ exports[`t-model directive on an textarea 1`] = `
   
   return function template(ctx, node, key = \\"\\") {
     const bExpr1 = ctx['state'];
-    let d1 = ctx['state']['text'];
+    let attr1 = ctx['state']['text'];
-    let d2 = [(ev) => { bExpr1['text'] = ev.target.value; }];
+    let hdlr2 = [(ev) => { bExpr1['text'] = ev.target.value; }];
-    let d3 = ctx['state'].text;
+    let txt3 = ctx['state'].text;
-    return block1([d1, d2, d3]);
+    return block1([attr1, hdlr2, txt3]);
   }
 }"
 `;
@@ -374,15 +374,15 @@ exports[`t-model directive two inputs in a div alternating with a t-if 1`] = `
     let b2,b3;
     if (ctx['state'].flag) {
       const bExpr1 = ctx['state'];
-      let d1 = ctx['state']['text1'];
+      let attr1 = ctx['state']['text1'];
-      let d2 = [(ev) => { bExpr1['text1'] = ev.target.value; }];
+      let hdlr2 = [(ev) => { bExpr1['text1'] = ev.target.value; }];
-      b2 = block2([d1, d2]);
+      b2 = block2([attr1, hdlr2]);
     }
     if (!ctx['state'].flag) {
       const bExpr2 = ctx['state'];
-      let d3 = ctx['state']['text2'];
+      let attr3 = ctx['state']['text2'];
-      let d4 = [(ev) => { bExpr2['text2'] = ev.target.value; }];
+      let hdlr4 = [(ev) => { bExpr2['text2'] = ev.target.value; }];
-      b3 = block3([d3, d4]);
+      b3 = block3([attr3, hdlr4]);
     }
     return block1([], [b2, b3]);
   }

tests/components/__snapshots__/t_on.test.ts.snap

@@ -20,9 +20,9 @@ exports[`t-on t-on expression captured in t-foreach 1`] = `
       let key1 = ctx['val'];
       const v1 = ctx['otherState'];
       const v2 = ctx['iter'];
-      let d1 = [()=>v1.vals.push(v2+'_'+v2), ctx];
+      let hdlr1 = [()=>v1.vals.push(v2+'_'+v2), ctx];
       setContextValue(ctx, \\"iter\\", ctx['iter']+1);
-      c_block2[i1] = withKey(block3([d1]), key1);
+      c_block2[i1] = withKey(block3([hdlr1]), key1);
     }
     let b2 = list(c_block2);
     return block1([], [b2]);
@@ -46,12 +46,12 @@ exports[`t-on t-on expression in t-foreach 1`] = `
       ctx[\`val\`] = v_block2[i1];
       ctx[\`val_index\`] = i1;
       let key1 = ctx['val'];
-      let d1 = ctx['val_index'];
+      let txt1 = ctx['val_index'];
-      let d2 = ctx['val']+'';
+      let txt2 = ctx['val']+'';
       const v1 = ctx['otherState'];
       const v2 = ctx['val'];
-      let d3 = [()=>v1.vals.push(v2), ctx];
+      let hdlr3 = [()=>v1.vals.push(v2), ctx];
-      c_block2[i1] = withKey(block3([d1, d2, d3]), key1);
+      c_block2[i1] = withKey(block3([txt1, txt2, hdlr3]), key1);
     }
     let b2 = list(c_block2);
     return block1([], [b2]);
@@ -79,13 +79,13 @@ exports[`t-on t-on expression in t-foreach with t-set 1`] = `
       ctx[\`val_index\`] = i1;
       let key1 = ctx['val'];
       setContextValue(ctx, \\"bossa\\", ctx['bossa']+'_'+ctx['val_index']);
-      let d1 = ctx['val_index'];
+      let txt1 = ctx['val_index'];
-      let d2 = ctx['val']+'';
+      let txt2 = ctx['val']+'';
       const v1 = ctx['otherState'];
       const v2 = ctx['val'];
       const v3 = ctx['bossa'];
-      let d3 = [()=>v1.vals.push(v2+'_'+v3), ctx];
+      let hdlr3 = [()=>v1.vals.push(v2+'_'+v3), ctx];
-      c_block2[i1] = withKey(block3([d1, d2, d3]), key1);
+      c_block2[i1] = withKey(block3([txt1, txt2, hdlr3]), key1);
     }
     let b2 = list(c_block2);
     return block1([], [b2]);
@@ -109,11 +109,11 @@ exports[`t-on t-on method call in t-foreach 1`] = `
       ctx[\`val\`] = v_block2[i1];
       ctx[\`val_index\`] = i1;
       let key1 = ctx['val'];
-      let d1 = ctx['val_index'];
+      let txt1 = ctx['val_index'];
-      let d2 = ctx['val']+'';
+      let txt2 = ctx['val']+'';
       const v1 = ctx['val'];
-      let d3 = [()=>this.addVal(v1), ctx];
+      let hdlr3 = [()=>this.addVal(v1), ctx];
-      c_block2[i1] = withKey(block3([d1, d2, d3]), key1);
+      c_block2[i1] = withKey(block3([txt1, txt2, hdlr3]), key1);
     }
     let b2 = list(c_block2);
     return block1([], [b2]);
@@ -146,8 +146,8 @@ exports[`t-on t-on on destroyed components 2`] = `
   let block1 = createBlock(\`<div block-handler-0=\\"click\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = [ctx['onClick'], ctx];
+    let hdlr1 = [ctx['onClick'], ctx];
-    return block1([d1]);
+    return block1([hdlr1]);
   }
 }"
 `;

tests/components/__snapshots__/t_props.test.ts.snap

@@ -22,8 +22,8 @@ exports[`t-props basic use 2`] = `
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].a+ctx['props'].b;
+    let txt1 = ctx['props'].a+ctx['props'].b;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -50,9 +50,9 @@ exports[`t-props t-props and other props 2`] = `
   let block1 = createBlock(\`<div><block-text-0/><block-text-1/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].a;
+    let txt1 = ctx['props'].a;
-    let d2 = ctx['props'].b;
+    let txt2 = ctx['props'].b;
-    return block1([d1, d2]);
+    return block1([txt1, txt2]);
   }
 }"
 `;
@@ -79,8 +79,8 @@ exports[`t-props t-props only 2`] = `
   let block1 = createBlock(\`<div><block-text-0/></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].a;
+    let txt1 = ctx['props'].a;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;

tests/components/__snapshots__/t_set.test.ts.snap

@@ -19,11 +19,11 @@ exports[`t-set slot setted value (with t-set) not accessible with t-esc 1`] = `
     ctx = Object.create(ctx);
     ctx[isBoundary] = 1
     setContextValue(ctx, \\"iter\\", 'source');
-    let d1 = ctx['iter'];
+    let txt1 = ctx['iter'];
     const ctx1 = capture(ctx);
     let b2 = component(\`Childcomp\`, {slots: {'default': {__render: slot2, __ctx: ctx1}}}, key + \`__3\`, node, ctx);
-    let d2 = ctx['iter'];
+    let txt2 = ctx['iter'];
-    return block1([d1, d2], [b2]);
+    return block1([txt1, txt2], [b2]);
   }
 }"
 `;
@@ -39,10 +39,10 @@ exports[`t-set slot setted value (with t-set) not accessible with t-esc 2`] = `
   return function template(ctx, node, key = \\"\\") {
     ctx = Object.create(ctx);
     ctx[isBoundary] = 1
-    let d1 = ctx['iter'];
+    let txt1 = ctx['iter'];
     setContextValue(ctx, \\"iter\\", 'called');
-    let d2 = ctx['iter'];
+    let txt2 = ctx['iter'];
-    return block1([d1, d2]);
+    return block1([txt1, txt2]);
   }
 }"
 `;
@@ -58,10 +58,10 @@ exports[`t-set t-set can't alter component even if key in component 1`] = `
   return function template(ctx, node, key = \\"\\") {
     ctx = Object.create(ctx);
     ctx[isBoundary] = 1
-    let d1 = ctx['iter'];
+    let txt1 = ctx['iter'];
     setContextValue(ctx, \\"iter\\", 5);
-    let d2 = ctx['iter'];
+    let txt2 = ctx['iter'];
-    return block1([d1, d2]);
+    return block1([txt1, txt2]);
   }
 }"
 `;
@@ -77,10 +77,10 @@ exports[`t-set t-set can't alter component if key not in component 1`] = `
   return function template(ctx, node, key = \\"\\") {
     ctx = Object.create(ctx);
     ctx[isBoundary] = 1
-    let d1 = ctx['iter'];
+    let txt1 = ctx['iter'];
     setContextValue(ctx, \\"iter\\", 5);
-    let d2 = ctx['iter'];
+    let txt2 = ctx['iter'];
-    return block1([d1, d2]);
+    return block1([txt1, txt2]);
   }
 }"
 `;
@@ -104,8 +104,8 @@ exports[`t-set t-set in t-if 1`] = `
     } else {
       setContextValue(ctx, \\"iter\\", 4);
     }
-    let d1 = ctx['iter'];
+    let txt1 = ctx['iter'];
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -122,10 +122,10 @@ exports[`t-set t-set not altered by child comp 1`] = `
     ctx = Object.create(ctx);
     ctx[isBoundary] = 1
     setContextValue(ctx, \\"iter\\", 'source');
-    let d1 = ctx['iter'];
+    let txt1 = ctx['iter'];
     let b2 = component(\`Childcomp\`, {}, key + \`__1\`, node, ctx);
-    let d2 = ctx['iter'];
+    let txt2 = ctx['iter'];
-    return block1([d1, d2], [b2]);
+    return block1([txt1, txt2], [b2]);
   }
 }"
 `;
@@ -141,10 +141,10 @@ exports[`t-set t-set not altered by child comp 2`] = `
   return function template(ctx, node, key = \\"\\") {
     ctx = Object.create(ctx);
     ctx[isBoundary] = 1
-    let d1 = ctx['iter'];
+    let txt1 = ctx['iter'];
     setContextValue(ctx, \\"iter\\", 'called');
-    let d2 = ctx['iter'];
+    let txt2 = ctx['iter'];
-    return block1([d1, d2]);
+    return block1([txt1, txt2]);
   }
 }"
 `;
@@ -169,8 +169,8 @@ exports[`t-set t-set outside modified in t-if 1`] = `
     } else {
       setContextValue(ctx, \\"iter\\", 4);
     }
-    let d1 = ctx['iter'];
+    let txt1 = ctx['iter'];
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;

tests/misc/__snapshots__/portal.test.ts.snap

@@ -42,8 +42,8 @@ exports[`Portal Portal composed with t-slot 3`] = `
   let block1 = createBlock(\`<div block-handler-0=\\"custom\\"><span id=\\"childSpan\\">child2</span></div>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = [ctx['onCustom'], ctx];
+    let hdlr1 = [ctx['onCustom'], ctx];
-    return block1([d1]);
+    return block1([hdlr1]);
   }
 }"
 `;
@@ -118,8 +118,8 @@ exports[`Portal conditional use of Portal (with sub Component) 2`] = `
   let block1 = createBlock(\`<p><block-text-0/></p>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].val;
+    let txt1 = ctx['props'].val;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -176,8 +176,8 @@ exports[`Portal lifecycle hooks of portal sub component are properly called 2`]
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].val;
+    let txt1 = ctx['props'].val;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -193,8 +193,8 @@ exports[`Portal portal could have dynamically no content 1`] = `
   function slot1(ctx, node, key = \\"\\") {
     let b3;
     if (ctx['state'].val) {
-      let d1 = ctx['state'].val;
+      let txt1 = ctx['state'].val;
-      b3 = block3([d1]);
+      b3 = block3([txt1]);
     }
     return multi([b3]);
   }
@@ -232,8 +232,8 @@ exports[`Portal portal destroys on crash 2`] = `
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].error&&this.will.crash;
+    let txt1 = ctx['props'].error&&this.will.crash;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -264,8 +264,8 @@ exports[`Portal portal with child and props 2`] = `
   let block1 = createBlock(\`<span><block-text-0/></span>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].val;
+    let txt1 = ctx['props'].val;
-    return block1([d1]);
+    return block1([txt1]);
   }
 }"
 `;
@@ -282,8 +282,8 @@ exports[`Portal portal with dynamic body 1`] = `
   function slot1(ctx, node, key = \\"\\") {
     let b3,b4;
     if (ctx['state'].val) {
-      let d1 = ctx['state'].val;
+      let txt1 = ctx['state'].val;
-      b3 = block3([d1]);
+      b3 = block3([txt1]);
     } else {
       b4 = block4();
     }
@@ -515,8 +515,8 @@ exports[`Portal: UI/UX focus is kept across re-renders 2`] = `
   let block1 = createBlock(\`<input id=\\"target-me\\" block-attribute-0=\\"placeholder\\"/>\`);
   
   return function template(ctx, node, key = \\"\\") {
-    let d1 = ctx['props'].val;
+    let attr1 = ctx['props'].val;
-    return block1([d1]);
+    return block1([attr1]);
   }
 }"
 `;