load sample data

src/jsMain/kotlin/Persistance.kt

@@ -152,7 +152,7 @@ fun loadPictures(): Promise<*> {
 
 fun exportPlayerInfo() = exportData(jsonMapper.encodeToString(inMemoryStorage), "StarfieldEye.json")
 
-fun exportPictures() = exportData(jsonMapper.encodeToString(pictureStorage), "starfield-pictures.json")
+fun exportPictures() = exportData(jsonMapper.encodeToString(pictureStorage), "StarfieldPictures.json")
 
 private fun exportData(data: String, fileName: String) {
     val download = document.createElement("a") as HTMLElement
@@ -226,4 +226,26 @@ fun savePicture(key: String, data: String) {
 fun deletePicture(key: String) {
     pictureStorage.remove(key)
     persistPictures()
+}
+
+fun loadSampleData(status: HTMLElement) {
+    try {
+        status.innerText = "Loading Player Info"
+        loadJson("sample/StarfieldEye.json").then { playerJson ->
+            jsonMapper.decodeFromString<InMemoryStorage>(playerJson).also { inMemoryStorage = it }
+            println("Imported ${inMemoryStorage.planetUserInfo.size} user info pieces")
+            status.innerText = "Loading Pictures"
+            loadJson("sample/StarfieldPictures.json").then { pictureJson ->
+                jsonMapper.decodeFromString<Map<String, String>>(pictureJson)
+                    .also { pictureStorage = it.toMutableMap() }
+                println("Imported ${pictureStorage.keys.size} pictures")
+                persistMemory()
+                persistPictures()
+                status.innerText = "Loaded sample data!"
+            }
+        }
+    } catch (e: Exception) {
+        status.innerText = "Loading sample data failed"
+    }
+
 }

src/jsMain/kotlin/views/AboutView.kt

@@ -1,7 +1,10 @@
 package views
 
 import components.linkableH2
+import el
 import kotlinx.html.*
+import kotlinx.html.js.onClickFunction
+import loadSampleData
 import org.w3c.dom.HTMLElement
 import replaceElement
 import updateUrl
@@ -23,6 +26,17 @@ fun aboutView(section: String? = null) {
 
                     p { +"Open it on a second monitor while playing, or on your phone to plan your next adventure." }
 
+                    p {
+                        span {
+                            id = "load-sample-data-text"
+                            +"If you'd like to explore with sample data, click this button: "
+                        }
+                        button {
+                            +"Load Sample Data"
+                            onClickFunction = { loadSampleData(el("load-sample-data-text")) }
+                        }
+                    }
+
                     p { +"The Crew page also links to similar sites made by others, so you can pick the one that works best for you." }
 
                     p {

src/jsMain/kotlin/views/DockView.kt

@@ -18,6 +18,7 @@ import kotlinx.coroutines.Dispatchers
 import kotlinx.coroutines.launch
 import kotlinx.html.*
 import kotlinx.html.js.onClickFunction
+import loadSampleData
 import missionReference
 import org.w3c.dom.HTMLDivElement
 import org.w3c.dom.HTMLElement
@@ -121,6 +122,12 @@ private fun TagConsumer<HTMLElement>.manageData() {
         p { +"I recommend using the thumbnail image when uploading screenshots from photo mode. While you can upload any size you want, the backup will be much smaller if you use the thumbnails, and they're generally still as large as the displayed image on the site." }
         p { +"If you're having issues with the site, it's possible that deleting your user data may fix them. Make sure to export your data first so you have a backup." }
 
+        div {
+            button {
+                +"Load Sample Data"
+                onClickFunction = { loadSampleData(el("load-status")) }
+            }
+        }
         div {
             button {
                 id = "import-button"