Update to 0.0.3 and create_selector

Author: gbj

frameworks/keyed/leptos/Cargo.toml

@@ -10,7 +10,7 @@ crate-type = ["cdylib"]
 [dependencies]
 getrandom = { version = "0.2.7", features = ["js"] }
 rand = { version = "0.8.5", features = ["small_rng"] }
-leptos = { version = "0.0.1", features = ["csr"]}
+leptos = { version = "0.0.3", features = ["csr"]}
 wasm-bindgen = "0.2.82"
 web-sys = { version = "0.3.59", features = ["Window", "Document"] }
 

frameworks/keyed/leptos/bundled-dist/js-framework-benchmark-leptos.js

@@ -205,7 +205,7 @@ function makeMutClosure(arg0, arg1, dtor, f) {
     return real;
 }
 function __wbg_adapter_28(arg0, arg1, arg2) {
-    wasm._dyn_core__ops__function__FnMut__A____Output___R_as_wasm_bindgen__closure__WasmClosure___describe__invoke__h962355e2e8f297db(arg0, arg1, addHeapObject(arg2));
+    wasm._dyn_core__ops__function__FnMut__A____Output___R_as_wasm_bindgen__closure__WasmClosure___describe__invoke__h813e1a3b92b629e1(arg0, arg1, addHeapObject(arg2));
 }
 
 /**
@@ -287,14 +287,14 @@ function getImports() {
         const ret = Reflect.set(getObject(arg0), getObject(arg1), getObject(arg2));
         return ret;
     }, arguments) };
-    imports.wbg.__wbg_querySelector_3628dc2c3319e7e0 = function() { return handleError(function (arg0, arg1, arg2) {
-        const ret = getObject(arg0).querySelector(getStringFromWasm0(arg1, arg2));
-        return isLikeNone(ret) ? 0 : addHeapObject(ret);
-    }, arguments) };
     imports.wbg.__wbg_appendChild_e513ef0e5098dfdd = function() { return handleError(function (arg0, arg1) {
         const ret = getObject(arg0).appendChild(getObject(arg1));
         return addHeapObject(ret);
     }, arguments) };
+    imports.wbg.__wbg_querySelector_3628dc2c3319e7e0 = function() { return handleError(function (arg0, arg1, arg2) {
+        const ret = getObject(arg0).querySelector(getStringFromWasm0(arg1, arg2));
+        return isLikeNone(ret) ? 0 : addHeapObject(ret);
+    }, arguments) };
     imports.wbg.__wbg_self_6d479506f72c6a71 = function() { return handleError(function () {
         const ret = self.self;
         return addHeapObject(ret);
@@ -435,6 +435,10 @@ function getImports() {
     imports.wbg.__wbg_replaceWith_140cf7d60acb7486 = function() { return handleError(function (arg0, arg1) {
         getObject(arg0).replaceWith(getObject(arg1));
     }, arguments) };
+    imports.wbg.__wbg_removeChild_6751e9ca5d9aaf00 = function() { return handleError(function (arg0, arg1) {
+        const ret = getObject(arg0).removeChild(getObject(arg1));
+        return addHeapObject(ret);
+    }, arguments) };
     imports.wbg.__wbg_setAttribute_d8436c14a59ab1af = function() { return handleError(function (arg0, arg1, arg2, arg3, arg4) {
         getObject(arg0).setAttribute(getStringFromWasm0(arg1, arg2), getStringFromWasm0(arg3, arg4));
     }, arguments) };
@@ -472,10 +476,6 @@ function getImports() {
         const ret = result;
         return ret;
     };
-    imports.wbg.__wbg_removeChild_6751e9ca5d9aaf00 = function() { return handleError(function (arg0, arg1) {
-        const ret = getObject(arg0).removeChild(getObject(arg1));
-        return addHeapObject(ret);
-    }, arguments) };
     imports.wbg.__wbg_nodeName_6cf9c8fc689d079b = function(arg0, arg1) {
         const ret = getObject(arg1).nodeName;
         const ptr0 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
@@ -566,11 +566,11 @@ function getImports() {
     imports.wbg.__wbindgen_throw = function(arg0, arg1) {
         throw new Error(getStringFromWasm0(arg0, arg1));
     };
-    imports.wbg.__wbindgen_closure_wrapper92 = function(arg0, arg1, arg2) {
+    imports.wbg.__wbindgen_closure_wrapper95 = function(arg0, arg1, arg2) {
         const ret = makeMutClosure(arg0, arg1, 7, __wbg_adapter_28);
         return addHeapObject(ret);
     };
-    imports.wbg.__wbindgen_closure_wrapper787 = function(arg0, arg1, arg2) {
+    imports.wbg.__wbindgen_closure_wrapper799 = function(arg0, arg1, arg2) {
         const ret = makeMutClosure(arg0, arg1, 7, __wbg_adapter_28);
         return addHeapObject(ret);
     };

frameworks/keyed/leptos/bundled-dist/js-framework-benchmark-leptos_bg.wasm

@@ -133,6 +133,8 @@ fn App(cx: Scope) -> Element {
         });
     };
 
+    let is_selected = create_selector(cx, selected);
+
     view! {
         <div class="container">
             <div class="jumbotron"><div class="row">
@@ -148,16 +150,19 @@ fn App(cx: Scope) -> Element {
             </div></div>
             <table class="table table-hover table-striped test-data">
                 <tbody>
-                    <For each={ data } key={|row| row.id}>{move |cx, row: &RowData| {
-                        let row_id = row.id;
-                        let (label, set_label) = row.label;
-                        view! {
-                            <tr class:danger={move || selected() == Some(row_id)}>
-                                <td class="col-md-1">{row_id.to_string()}</td>
-                                <td class="col-md-4"><a on:click=move |_| set_selected(move |n| *n = Some(row_id))>{move || label.get()}</a></td>
-                                <td class="col-md-1"><a on:click=move |_| remove(row_id)><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></a></td>
-                                <td class="col-md-6"/>
-                            </tr>
+                    <For each=data key=|row| row.id>{{
+                        let is_s = is_selected.clone();
+                        move |cx, row: &RowData| {
+                            let row_id = row.id;
+                            let (label, _) = row.label;
+                            view! {
+                                <tr class:danger={let is_s = is_s.clone(); move || is_s(Some(row_id))}>
+                                    <td class="col-md-1">{row_id.to_string()}</td>
+                                    <td class="col-md-4"><a on:click=move |_| set_selected(move |n| *n = Some(row_id))>{move || label.get()}</a></td>
+                                    <td class="col-md-1"><a on:click=move |_| remove(row_id)><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></a></td>
+                                    <td class="col-md-6"/>
+                                </tr>
+                            }
                         }
                     }}</For>
                 </tbody>