Rename modelRepositories/Factory to Config

epabst · epabst · commit abd414b8f5da · 2020-01-11T13:49:19.000-07:00
diff --git a/src/jsMain/kotlin/todo/Config.kt b/src/jsMain/kotlin/todo/Config.kt
@@ -0,0 +1,62 @@
+package todo
+
+import component.FileBackupComponent
+import component.UndoComponent
+import platform.handleError
+import component.firebase.*
+import component.repository.LocalStorageRepository
+import io.ktor.client.HttpClient
+import io.ktor.client.request.get
+import kotlinx.coroutines.GlobalScope
+import kotlinx.coroutines.launch
+import org.w3c.dom.get
+import firebase.app.User
+import firebase.app.initializeApp
+import todo.model.ToDo
+import todo.model.ToDoJS
+import todo.model.toNormal
+import kotlin.browser.localStorage
+import kotlin.js.json
+
+object Config {
+    // To use firebase, add your app at https://console.firebase.google.com/
+    private val firebaseConfig = json(
+        "apiKey" to "ZZZFirebaseApiKeyZZZ",
+        "authDomain" to "ZZZAppIdZZZ.firebaseapp.com",
+        "databaseURL" to "https://ZZZAppIdZZZ.firebaseio.com",
+        "projectId" to "ZZZAppIdZZZ",
+        "storageBucket" to "",
+        "messagingSenderId" to "ZZZFirebaseMessagingSenderIdZZZ"
+    )
+    private val firebaseApp = if ((firebaseConfig["authDomain"] as String?)?.contains("ZZZ") != false) {
+        null
+    } else {
+        initializeApp(firebaseConfig)
+    }
+    var user: User? = null
+
+    val toDoRepository = LocalStorageRepository<ToDo, ToDoJS>("toDos", "toDos") { it.toNormal() }
+    private val allRepositories = listOf(toDoRepository)
+    val fileBackupComponent = FileBackupComponent(appNameForFilesystem, allRepositories = allRepositories)
+
+    init {
+        if (toDoRepository.localStorageKeys.all { localStorage[it] == null }) {
+            GlobalScope.launch {
+                val client = HttpClient()
+                val initialData = client.get<String>("initial-data.json")
+                fileBackupComponent.initializeData(initialData)
+            }
+        }
+
+        UndoComponent.watch(toDoRepository)
+        firebaseApp?.auth()?.useDeviceLanguage()
+        firebaseApp?.auth()?.onUserChanged { _, newUser ->
+            if (newUser == null) {
+                println("newUser == null so calling signInAnonymously()")
+                firebaseApp.auth().signInAnonymously().catch { handleError(it) }
+            }
+            val providerData = newUser?.providerData?.joinToString(";", "[", "]")
+            console.log("uid=${newUser?.uid} isAnonymous=${newUser?.isAnonymous} displayName=${newUser?.displayName} email=${newUser?.email} photoURL=${newUser?.anyPhotoURL} $providerData")
+        }
+    }
+}
diff --git a/src/jsMain/kotlin/todo/ToDoScreen.kt b/src/jsMain/kotlin/todo/ToDoScreen.kt
@@ -2,13 +2,13 @@ package todo
 
 import bootstrap.*
 import component.ButtonBar
-import platform.toDate
+import component.bootstrap.textInput
 import platform.toProviderDate
 import react.*
 import react.router.dom.RouteResultHistory
 import component.repository.ID
 import platform.launchHandlingErrors
-import todo.model.Factory
+import platform.toJsDate
 import todo.model.ToDo
 import util.emptyToNull
 import kotlin.js.Date
@@ -33,18 +33,23 @@ interface ToDoState : RState {
 class ToDoScreen(props: ToDoProps) : RComponent<ToDoProps, ToDoState>(props) {
 
     override fun ToDoState.init(props: ToDoProps) {
-        original = props.id?.let { Factory.toDoRepository.find(it) }
+        original = props.id?.let { Config.toDoRepository.find(it) }
         name = original?.name ?: ""
-        dueDate = original?.dueDate?.toDate()
+        dueDate = original?.dueDate?.toJsDate()
         notes = original?.notes ?: ""
         validated = false
     }
 
     private fun save(event: React.SubmitEvent) {
         if (event.currentTarget?.checkValidity() == true && state.name.isNotBlank()) {
-            val updatedToDo = ToDo(state.name, state.dueDate?.toProviderDate(), state.notes.emptyToNull(), id = state.original?.id)
+            val updatedToDo = ToDo(
+                name = state.name,
+                dueDate = state.dueDate?.toProviderDate(),
+                notes = state.notes.emptyToNull(),
+                id = state.original?.id
+            )
             launchHandlingErrors("save $updatedToDo") {
-                Factory.toDoRepository.save(updatedToDo)
+                Config.toDoRepository.save(updatedToDo)
             }
             props.history.goBack()
         }
@@ -60,7 +65,7 @@ class ToDoScreen(props: ToDoProps) : RComponent<ToDoProps, ToDoState>(props) {
     private fun delete() {
         state.original?.id?.let { toDoId ->
             launchHandlingErrors("delete $toDoId") {
-                Factory.toDoRepository.remove(toDoId)
+                Config.toDoRepository.remove(toDoId)
             }
         }
         props.history.goBack()
@@ -76,33 +81,11 @@ class ToDoScreen(props: ToDoProps) : RComponent<ToDoProps, ToDoState>(props) {
                 attrs.onSubmit = { save(it); it.preventDefault() }
                 attrs.validated = state.validated
                 attrs.onSubmit = { event -> save(event); event.preventDefault() }
-                child(Form.Group::class) {
-                    attrs.controlId = "name"
-                    child(Form.Label::class) { +"Description" }
-                    child(InputGroup::class) {
-                        textInputControl {
-                            attrs.value = state.name
-                            attrs.required = true
-                            attrs.placeholder = "(some description)"
-                            attrs.size = 40
-                            attrs.onAnyChange = { it.target?.let { setState { name = it.value } } }
-                            attrs.required = true
-                        }
-                        child(Form.Control.Feedback::class) {
-                            attrs.type = "invalid"
-                            +"Please Specify a Name"
-                        }
-                    }
+                textInput("To Do", state.name, "(some description)", required = true) {
+                    setState { name = it ?: "" }
                 }
-                child(Form.Group::class) {
-                    attrs.controlId = "note"
-                    child(Form.Label::class) { +"Notes" }
-                    textInputControl {
-                        attrs.value = state.notes
-                        attrs.placeholder = "(some notes)"
-                        attrs.size = 60
-                        attrs.onAnyChange = { it.target?.let { setState { notes = it.value } } }
-                    }
+                textInput("Notes", state.notes, "(some notes)") {
+                    setState { notes = it ?: "" }
                 }
                 child(Form.Group::class) {
                     child(ButtonToolbar::class) {
diff --git a/src/jsMain/kotlin/todo/ToDosScreen.kt b/src/jsMain/kotlin/todo/ToDosScreen.kt
@@ -11,7 +11,6 @@ import react.router.dom.routeLink
 import component.repository.Closeable
 import component.repository.onListChanged
 import platform.launchHandlingErrors
-import todo.model.Factory
 import todo.model.ToDo
 
 interface ToDosProps : RProps {
@@ -31,19 +30,19 @@ class ToDosScreen(props: ToDosProps) : RComponent<ToDosProps, ToDosState>(props)
     private val resources = mutableListOf<Closeable>()
 
     override fun ToDosState.init(props: ToDosProps) {
-        list = Factory.toDoRepository.list()
+        list = Config.toDoRepository.list()
     }
 
     override fun componentDidMount() {
-        resources.add(Factory.toDoRepository.onListChanged { _, newList -> setState { list = newList } })
+        resources.add(Config.toDoRepository.onListChanged { _, newList -> setState { list = newList } })
     }
 
     override fun componentWillUnmount() {
         resources.forEach { it.close() }
     }
 
     private suspend fun delete(todo: ToDo) {
-        Factory.toDoRepository.remove(todo)
+        Config.toDoRepository.remove(todo)
     }
 
     override fun RBuilder.render() {
@@ -104,7 +103,7 @@ class ToDosScreen(props: ToDosProps) : RComponent<ToDosProps, ToDosState>(props)
                 child(Col::class) {
                     attrs.xs = 14
                     attrs.sm = 18
-                    backupButton()
+                    backupButton(Config.fileBackupComponent)
                     routeLink(to = "/toDos/new") {
                         child(Button::class) {
                             +"Add ToDo"
diff --git a/src/jsMain/kotlin/todo/model/modelRepositories.kt b/src/jsMain/kotlin/todo/model/modelRepositories.kt
