fix: Correct stale data in nested frames

example/__init__.py

@@ -60,6 +60,11 @@ def messages_list():
             messages = Message.query.all()
         return render_template('messages.html', messages=messages)
 
+    @app.route('/messages_count')
+    def messages_count():
+        count = Message.query.count()
+        return render_template('messages_count.html', count=count)
+
     @app.route('/add_message', methods=('GET', 'POST'))
     def add_message():
         message = request.form['message']

example/templates/messages.html

@@ -1,5 +1,9 @@
-<ul>
-  {% for message in messages %}
-    <li>{{ message.content }}</li>
-  {% endfor %}
-</ul>
+{% from "wire/macros.html" import wire_frame, wire_trigger, wire_mutation %}
+<div>
+  <ul>
+    {% for message in messages %}
+      <li>{{ message.content }}</li>
+    {% endfor %}
+  </ul>
+  {{ wire_frame(id='messages_count', initial=url_for('messages_count')) }}
+</div>

example/templates/messages_count.html

@@ -0,0 +1,3 @@
+<div>
+  Total messages count: <b>{{ count }}</b>
+</div>

js/index.js

@@ -30,7 +30,6 @@ class WireFrame {
 
   init(element) {
     if (element.children.length) {
-      this.body = DomUtils.selectFirstElementWithAttribute(element, 'wire:body')
       this.errorBody = DomUtils.selectFirstElementWithAttribute(element, 'wire:error-body')
       this.loader = DomUtils.selectFirstElementWithAttribute(element, 'wire:loader.*')
     }
@@ -43,13 +42,10 @@ class WireFrame {
   }
 
   updateBody(body) {
-    if (this.body) {
-      this.body.innerHTML = body
-
-      // Fire events signaling completion of data fetch
-      dispatch('wire:frame_load')
-      dispatch(`wire:frame_load ${this.id}`)
-    }
+    document.querySelector(`div[wire\\:frame='${this.id}'] > div[wire\\:body='']`).innerHTML = body
+    // Fire events signaling completion of data fetch
+    dispatch('wire:frame_load')
+    dispatch(`wire:frame_load ${this.id}`)
   }
 
   updateSource(source, onSourceDataFetched = null) {
@@ -62,7 +58,7 @@ class WireFrame {
     return template.content.firstChild
   }
 
-  fetchDataFromSource(source, target, onDone = null) {
+  fetchDataFromSource(source, onDone = null) {
     this.hideError()
     this.showLoader()
 

setup.py

@@ -11,7 +11,7 @@
 
 import codecs
 
-version = '1.0.1'
+version = '1.0.2'
 
 setup(
     name='Flask-Wire',