Very interesting tool!

[martinfjohansen]

Hi Dan, I am currently experimenting with a front-end architecture for a new site I am building. Your tool fits very nicely into what I want to build. What I have currently is

• ES2015-modules
• Handlebars template engine
• TypeScript
• IntraHTML

I did an experiment with a simple list:

<ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li></ul>

Using this template

<ul> {{#each list}} <li>{{this}}</li> {{/each}} </ul>

Using this model:

list: [1, 2, 3, 4, 5]

When I put something at the end of the list, for example 6, and rerender the template, I get an additional <li>6</li> of course.

Then, IntraHTML updates all the elements. If I add 6 again, IntraHTML updates the first 6 again, keeping the last 6 at the end. I checked this in Chrome. I also set debugging to true, and the list of changes reported by IntraHTML was consistent with what Chrome reported.

Could you see if you could fix this? I can send you the example I created if you want.