changed keyed loop for anansi

Author: sarutora

frameworks/keyed/anansi/js-framework-comps/src/.parsed/app.rs

@@ -57,7 +57,6 @@ pub fn app_mount (_node_id : String) { anansi_aux :: APP_STATE . with (| a | { l
  let mut selected = _scope [0usize] . rf . borrow_mut () ;
  let selected = selected . downcast_mut :: < anansi_aux :: Signal < Option < usize > > > () . expect ("problem restoring variable") ;
  { * selected . value_mut () = Some (* row . id ()) ;
- anansi_aux :: log ! ("{}" , selected . value () . unwrap ()) ;
  } } app_set_render () ;
  } fn app_on_click_7 () { { let mut _scope = anansi_aux :: lexical_scope () ;
  let _row = { let mut var = _scope [1usize] . rf . borrow_mut () ;
@@ -125,10 +124,7 @@ pub fn app_mount (_node_id : String) { anansi_aux :: APP_STATE . with (| a | { l
  _children . push (element ! ("TABLE" , attributes ! [("class" . to_string () , "table table-hover table-striped test-data" . to_string ()) ,] , { let mut _children = vec ! [] ;
  _children . push (element ! ("TBODY" , attributes ! [] , { let mut _children = vec ! [] ;
  _children . push (anansi_aux :: Rsx :: new_keyed ({ let mut _keys = vec ! [] ;
- let mut _children = vec ! [] ;
- for row in data . value_mut () . iter_mut () { _keys . push (row . id () . to_string ()) ;
- _children . push ({ let mut _children = vec ! [] ;
- _children . push (element ! ("TR" , attributes ! [("class" . to_string () , if * selected . value () == Some (* row . id ()) { "danger" } else { "" } . to_string ()) ,] , { let mut _children = vec ! [] ;
+ for row in data . value_mut () . iter_mut () { _keys . push (element ! ("TR" , attributes ! [("key" . to_string () , anansi_aux :: html_escape (& format ! ("{}" , row . id ()))) , ("class" . to_string () , if * selected . value () == Some (* row . id ()) { "danger" } else { "" } . to_string ()) ,] , { let mut _children = vec ! [] ;
  _children . push (element ! ("TD" , attributes ! [("class" . to_string () , "col-md-1" . to_string ()) ,] , { let mut _children = vec ! [] ;
  _children . push (Rsx :: new_text (anansi_aux :: html_escape (& format ! ("{}" , row . id ())))) ;
  _children })) ;
@@ -145,9 +141,7 @@ pub fn app_mount (_node_id : String) { anansi_aux :: APP_STATE . with (| a | { l
  _children })) ;
  _children . push (element ! ("TD" , attributes ! [("class" . to_string () , "col-md-6" . to_string ()) ,] , { let mut _children = vec ! [] ;
  _children })) ;
- _children })) ;
- _children } . pop () . unwrap ()) ;
- } (_keys , _children) })) ;
+ _children })) } _keys })) ;
  _children })) ;
  _children })) ;
  _children . push (element ! ("SPAN" , attributes ! [("class" . to_string () , "preloadicon glyphicon glyphicon-remove" . to_string ()) , ("aria-hidden" . to_string () , "true" . to_string ()) ,] , { let mut _children = vec ! [] ;
@@ -206,7 +200,9 @@ pub fn app_mount (_node_id : String) { anansi_aux :: APP_STATE . with (| a | { l
                 <tbody>
                     ") ;
  for row in data . value_mut () . iter_mut () { _c . push_str ("
-                        <tr class=") ;
+                        <tr key=") ;
+ _c . push_str (& anansi_aux :: html_escape (& format ! ("{}" , row . id ()))) ;
+ _c . push_str (" class=") ;
  if * selected . value () == Some (* row . id ()) { _c . push_str ("
                             ") ;
  _c . push_str ("danger") ;

frameworks/keyed/anansi/js-framework-comps/src/app.rs

@@ -101,8 +101,8 @@ fn init() -> Rsx {
             </div></div>
             <table class="table table-hover table-striped test-data">
                 <tbody>
-                    @keyed row, data.value_mut().iter_mut(), row.id() {
-                        <tr class=@if *selected.value() == Some(*row.id()) {
+                    @keyed row in data.value_mut().iter_mut() {
+                        <tr key=@row.id() class=@if *selected.value() == Some(*row.id()) {
                             @:"danger"
                         } else {
                             @:""

frameworks/keyed/anansi/js-framework-wasm/pkg/js_framework_wasm.js

@@ -411,12 +411,18 @@ function getImports() {
         const ret = getObject(arg0).attributes;
         return addHeapObject(ret);
     };
+    imports.wbg.__wbg_removeAttribute_ad7a5bf2eed30373 = function() { return handleError(function (arg0, arg1, arg2) {
+        getObject(arg0).removeAttribute(getStringFromWasm0(arg1, arg2));
+    }, arguments) };
     imports.wbg.__wbg_setAttribute_79c9562d32d05e66 = function() { return handleError(function (arg0, arg1, arg2, arg3, arg4) {
         getObject(arg0).setAttribute(getStringFromWasm0(arg1, arg2), getStringFromWasm0(arg3, arg4));
     }, arguments) };
     imports.wbg.__wbg_after_278d91be9294f30f = function() { return handleError(function (arg0, arg1) {
         getObject(arg0).after(getObject(arg1));
     }, arguments) };
+    imports.wbg.__wbg_setdata_c26e68878a7d634c = function(arg0, arg1, arg2) {
+        getObject(arg0).data = getStringFromWasm0(arg1, arg2);
+    };
     imports.wbg.__wbg_after_99945dd558e3dc5e = function() { return handleError(function (arg0, arg1) {
         getObject(arg0).after(getObject(arg1));
     }, arguments) };