load example on start

1 files changed, 10 insertions, 9 deletions

diff --git a/src/index.js b/src/index.js
index 0c3e79b..e5e0435 100644
--- a/src/index.js
+++ b/src/index.js
@@ -235,13 +235,7 @@ fingers = [0,1,2,3,4].map(i => {
   return finger;
 });
 
-const restore = (str) => {
-  if (!str)
-    return;
-
-  const data = JSON.parse(str);
-  data.forEach((data, i) => fingers[i].load(data));
-}
+const restore = (data) =>  data.forEach((data, i) => fingers[i].load(data));
 
 let viewSliceOnly = false;
 window.onkeydown = (e) => {
@@ -257,7 +251,7 @@ window.onkeydown = (e) => {
 
     input.onchange = e => {
       const reader = new FileReader();
-      reader.onload = e => restore(e.target.result);
+      reader.onload = e => restore(JSON.parse(e.target.result));
       reader.readAsText(e.target.files[0]);
     }
   } else if (e.key === 'Shift') {
@@ -289,7 +283,14 @@ window.onkeyup = (e) => {
   }
 }
 
-restore(localStorage.getItem('data'));
+if (localStorage.getItem('data')) {
+  restore(JSON.parse(localStorage.getItem('data')));
+} else {
+  fetch('examples/one.json')
+    .then(r => r.json())
+    .then(restore);
+}
+
 setInterval(() => {
   const data = fingers.map(finger => finger.store());
   localStorage.setItem('data', JSON.stringify(data));