halfzebra
diff --git a/‎ractive-v0.7.3/.babelrc‎ renamed to ‎ractive-v0.8.5/.babelrc‎ b/‎ractive-v0.7.3/.babelrc‎ renamed to ‎ractive-v0.8.5/.babelrc‎
diff --git a/‎ractive-v0.7.3/index.html‎ renamed to ‎ractive-v0.8.5/index.html‎
Lines changed: 1 addition & 1 deletion b/‎ractive-v0.7.3/index.html‎ renamed to ‎ractive-v0.8.5/index.html‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎ractive-v0.7.3/package.json‎ renamed to ‎ractive-v0.8.5/package.json‎
Lines changed: 5 additions & 5 deletions b/‎ractive-v0.7.3/package.json‎ renamed to ‎ractive-v0.8.5/package.json‎
Lines changed: 5 additions & 5 deletions
diff --git a/‎ractive-v0.7.3/src/main.es6.js‎ renamed to ‎ractive-v0.8.5/src/main.es6.js‎
Lines changed: 16 additions & 12 deletions b/‎ractive-v0.7.3/src/main.es6.js‎ renamed to ‎ractive-v0.8.5/src/main.es6.js‎
Lines changed: 16 additions & 12 deletions
diff --git a/‎ractive-v0.7.3/webpack.config.js‎ renamed to ‎ractive-v0.8.5/webpack.config.js‎ b/‎ractive-v0.7.3/webpack.config.js‎ renamed to ‎ractive-v0.8.5/webpack.config.js‎
diff --git a/‎webdriver-ts/src/common.ts‎
Lines changed: 1 addition & 1 deletion b/‎webdriver-ts/src/common.ts‎
Lines changed: 1 addition & 1 deletion
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-    <title>Ractive v0.7.3</title>
+    <title>Ractive v0.8.5</title>
     <link href="../css/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/>
     <link href="../css/main.css" rel="stylesheet"/>
 </head>
 
@@ -17,12 +17,12 @@
     "url": "https://github.com/krausest/js-framework-benchmark.git"
   },
   "devDependencies": {
-    "babel-core": "6.10.4",
-    "babel-loader": "6.2.4",
-    "babel-preset-es2015": "6.9.0",
-    "webpack": "1.13.1"
+    "babel-core": "6.18.2",
+    "babel-loader": "6.2.8",
+    "babel-preset-es2015": "6.18.0",
+    "webpack": "1.13.3"
   },
   "dependencies": {
-    "ractive": "0.7.3"
+    "ractive": "0.8.5"
   }
 }
@@ -55,7 +55,6 @@ class DataStore {
     }
     add() {
         this.data.push.apply(this.data, this.buildData(1000));
-        // this.data = this.data.concat(this.buildData(1000));
     }
     runLots() {
         this.data = this.buildData(10000);
@@ -77,7 +76,7 @@ class DataStore {
 const store = new DataStore();
 
 
-var ractive = new Ractive({
+var ractive = window.r = new Ractive({
     oninit : function(options) {
         const that = this;
         this.on( 'run', function ( event) {
@@ -104,11 +103,6 @@ var ractive = new Ractive({
             that.set("selected", store.selected);
             stopMeasure();
         });
-        this.on('delete', function (event, id) {
-            startMeasure("delete");
-            store.delete(id);
-            stopMeasure();
-        });
         this.on('runLots', function (event) {
             startMeasure("runLots");
             store.runLots();
@@ -128,12 +122,22 @@ var ractive = new Ractive({
             stopMeasure();
         });
     },
+    remove(idx) {
+        startMeasure("delete");
+        this.splice('store.data', idx, 1);
+        stopMeasure();
+    },
+    select(id) {
+        startMeasure("select");
+        this.set("selected", id);
+        stopMeasure();
+    },
     el: "#main",
     template:
     `<div class="jumbotron">
         <div class="row">
             <div class="col-md-6">
-                <h1>Ractive v0.7.3</h1>
+                <h1>Ractive v0.8.5</h1>
             </div>
             <div class="col-md-6">
                 <div class="row">
@@ -162,12 +166,12 @@ var ractive = new Ractive({
     <table class="table table-hover table-striped test-data">
         <tbody>
             {{#each store.data:num}}
-            <tr class="{{ selected == id ? 'danger' : '' }}">
-                <td class="col-md-1">{{id}}</td>
+            <tr class-danger="{{~/selected === .id}}">
+                <td class="col-md-1">{{.id}}</td>
                 <td class="col-md-4">
-                    <a on-click="select:{{id}}">{{label}}</a>
+                    <a on-click="@this.select(.id)">{{label}}</a>
                 </td>
-                <td class="col-md-1"><a on-click="delete:{{id}}"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></a></td>
+                <td class="col-md-1"><a on-click="@this.remove(num)"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></a></td>
                 <td class="col-md-6"></td>
             </tr>
             {{/each}}
 
@@ -45,7 +45,7 @@ export let frameworks = [
     f("polymer-v1.7.0", "polymer-v1.7.0", true),
     f("preact-v6.4.0"),
     f("simulacra-v1.5.5"),
-    f("ractive-v0.7.3"),
+    f("ractive-v0.8.5"),
     f("ractive-edge"),
     f("react-lite-v0.15.17"),
     f("react-v15.3.1"),