Auto templating

[adnaan]

Extract template from html elements with a fir event namespace.

Instead of

<div @fir:[inc:ok,dec:ok]::count="$fir.replace()">
    {{ block "count" . }}
    <div>Count: {{ .count }}</div>
    {{ end }}
</div>

do this

 <div @fir:[inc:ok,dec:ok]="$fir.replace()">
    Count: {{ .count }}
 </div>

Under the hood, an automatic template is extracted. The output html looks like this:

<div 
  @fir:inc:ok::fir-03f6dd43146caaa8="$fir.replace()" 
  @fir:dec:ok::fir-03f6dd43146caaa8="$fir.replace()" >
        Count: 0
</div>

where fir-03f6dd43146caaa8 is the name of the extracted template. This means one can continue to use the ::template syntax for out of band append, prepend operations.

Moreover now one needs to explicitly add a modifier .nohtmlto ensure no template is bound to an event. Incidentally this is also useful status signaling. e.g.

 @fir:create-tweet:ok.nohtml="$refs.createTweet.reset()"

resets the createTweet form.

Also updated examples to accommodate the above change.