added css kui-basic-html-content for html content to show the bold, italic and other css that was removed with the css sanitations

example-app-ios/Podfile.lock

@@ -9,7 +9,7 @@ EXTERNAL SOURCES:
     :path: "../example-app/shared.podspec"
 
 SPEC CHECKSUMS:
-  shared: d289c9db308e5bda6b7d1f5bb333736177b40515
+  shared: 63c62eaab398f1d2a30e3f73ae49c09cf25b6ac5
 
 PODFILE CHECKSUM: ce05072de80b96bb4f86451d773061742b362b11
 

example-app/src/commonMain/kotlin/com/lightningkite/mppexampleapp/App.kt

@@ -24,7 +24,7 @@ class ToastException(override val message: String) : Exception()
 
 fun ViewWriter.app(navigator: PageNavigator, dialog: PageNavigator) {
     debugMode = true
-    configureTelemetry(navigator)
+//    configureTelemetry(navigator)
 
     context.exceptionHandlers.installDebugHandlers()
 

example-app/src/commonMain/kotlin/com/lightningkite/mppexampleapp/internal/MarkdownDemoPage.kt

@@ -8,11 +8,14 @@ import com.lightningkite.kiteui.navigation.Page
 import com.lightningkite.kiteui.reactive.*
 import com.lightningkite.kiteui.views.*
 import com.lightningkite.kiteui.views.direct.*
+import com.lightningkite.reactive.core.Constant
+import com.lightningkite.reactive.core.Reactive
 import com.lightningkite.reactive.extensions.debounce
 import com.lightningkite.readable.Property
 
 @Routable("markdown-demo")
 object MarkdownDemoPage : Page {
+    override val title: Reactive<String> = Constant("Markdown Demo")
 
     private val sampleMarkdown = """
 # Markdown Demo
@@ -87,20 +90,20 @@ This is a custom block without a link.
         val markdownSource = Property(sampleMarkdown)
         val debouncedSource = markdownSource.debounce(300)
 
-        col {
+        scrolling.col {
             padded.h1("Markdown Editor Demo")
 
-            expanding.rowCollapsingToColumn(60.rem) {
+            rowCollapsingToColumn(60.rem) {
                 // Left side: Editor
-                expanding.card.col {
+                card.col {
                     h3("Editor")
                     expanding.textArea {
                         content bind markdownSource
                     }
                 }
 
                 // Right side: Preview
-                expanding.card.scrolling.col {
+                card.scrolling.col {
                     h3("Preview")
                     swapView {
                         swapping(current = { debouncedSource() }) { md ->

example-app/src/commonMain/kotlin/com/lightningkite/mppexampleapp/internal/RootPage.kt

@@ -118,6 +118,7 @@ object RootPage : Page {
                 linkPage { AudioPage }
                 linkPage { AudioTestPage }
                 linkPage { CameraScannerTestPage }
+                linkPage { MarkdownDemoPage }
 
                 sectionLabel("Animation")
                 linkPage { ShownWhenTransitionPage }

library-lottie/src/jsMain/kotlin/com/lightningkite/kiteui/lottie/views/direct/LottieView.commonHtml.js.kt

@@ -9,7 +9,7 @@ import com.lightningkite.reactive.core.*
 import kotlin.time.Duration.Companion.milliseconds
 
 // External declarations for lottie-web
-@JsModule("lottie-web/build/player/lottie_light")
+@JsModule("lottie-web/build/player/lottie_light.js")
 @JsNonModule
 external object lottie {
     fun loadAnimation(params: dynamic): dynamic

library/src/commonHtmlMain/kotlin/com/lightningkite/kiteui/views/KiteUiCss.kt

@@ -83,6 +83,11 @@ class KiteUiCss(val dynamicCss: DynamicCss) {
             article.kui, aside.kui, details.kui, figcaption.kui, figure.kui, footer.kui, header.kui, hgroup.kui, menu.kui, nav.kui, section.kui {
                 display: block;
             }
+
+            .kui-basic-html-content b, .kui-basic-html-content strong { font-weight: bold; }
+            .kui-basic-html-content i, .kui-basic-html-content em { font-style: italic; }
+            .kui-basic-html-content u { text-decoration: underline; }
+            .kui-basic-html-content s, .kui-basic-html-content strike { text-decoration: line-through; }
 
             body {
                 line-height: 1;

library/src/commonHtmlMain/kotlin/com/lightningkite/kiteui/views/direct/TextView.commonHtml.kt

@@ -77,6 +77,7 @@ actual class TextView actual constructor(context: ElementContext) : NativeElemen
 
     actual fun setBasicHtmlContent(html: String) {
         native.style.whiteSpace = "pre-line"
+        native.classes.add("kui-basic-html-content")
         native.innerHtmlUnsafe = html.parseMPNodes().onEach { it.secure() }.joinToString(" ")
     }
 }