Merge pull request #5 from mkraynov/wp/issue-3/0

Implemented saving application state in localStorage

Author: mkraynov

src/model/TodosModel.kt

@@ -1,9 +1,10 @@
 package model
 
+import utils.store
 import utils.uuid
 
-class TodosModel {
-    var todos: List<TodoModel> = emptyList()
+class TodosModel(val key: String = "todomvc-react-kotlin") {
+    var todos: List<TodoModel> = store(key)
 
     var onChanges: List<() -> Unit> = emptyList()
 
@@ -12,6 +13,7 @@ class TodosModel {
     }
 
     fun inform() {
+        store(key, this)
         onChanges.forEach { it() }
     }
 

src/utils/utils.kt

@@ -1,14 +1,27 @@
 package utils
 
+import model.TodoModel
+import model.TodosModel
 import kotlin.browser.localStorage
-import kotlin.js.Json
 import kotlin.js.Math.random
 import kotlin.math.truncate
 
 external class Number(value: kotlin.Number) {
     fun toString(radix: Int): String
 }
 
+external class Array<T>() {
+    fun concat(toConcat: Any?): Array<T>
+    fun forEach(fn: (element: T, index: Int, array: Array<T>) -> Unit): Unit
+}
+
+fun Array<TodoModel>.asList(): List<TodoModel> {
+    val list = mutableListOf<TodoModel>()
+    this.forEach { todo, index, _ ->
+        list.add(index, TodoModel(todo.id, todo.title, todo.completed)) }
+    return list.toList()
+}
+
 fun uuid(): String {
     var uuid = "";
 
@@ -36,16 +49,16 @@ fun pluralize(count: Int, word: String): String {
     }
 }
 
-fun store(namespace: String): Json {
+fun store(namespace: String): List<TodoModel> {
     val store = localStorage.getItem(namespace)
     return when (store) {
-        null -> JSON.parse("[]")
-        else -> JSON.parse(store)
+        null -> emptyList()
+        else -> Array<TodoModel>().concat(JSON.parse(store)).asList()
     }
 }
 
-fun store(namespace: String, data: Json) {
-    localStorage.setItem(namespace, JSON.stringify(data))
+fun store(namespace: String, model: TodosModel) {
+    localStorage.setItem(namespace, model.toString())
 }
 
 fun extend() {