Skip to content

add options for custom labels and round points, and change how graphs handle padding #164

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
AtmaWPN wants to merge 2 commits into
base: version-7
Choose a base branch
from
Open

add options for custom labels and round points, and change how graphs handle padding #164

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
a63ade7
add custom labels and change how graphs handle padding
AtmaWPN Mar 25, 2026
1906343
Merge branch 'version-7' into graph-upgrade
AtmaWPN Apr 17, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
52 changes: 4 additions & 48 deletions example-app/src/commonMain/kotlin/com/lightningkite/mppexampleapp/HomePage.kt
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,65 +1,21 @@
package com.lightningkite.mppexampleapp

import com.lightningkite.kiteui.Build
import com.lightningkite.kiteui.HttpMethod
import com.lightningkite.kiteui.Routable
import com.lightningkite.kiteui.WeakReference
import com.lightningkite.kiteui.afterTimeout
import com.lightningkite.kiteui.checkLeakAfterDelay
import com.lightningkite.kiteui.fetch
import com.lightningkite.kiteui.leaks
import com.lightningkite.kiteui.models.DialogSemantic
import com.lightningkite.kiteui.models.Dimension
import com.lightningkite.kiteui.models.Icon
import com.lightningkite.kiteui.models.ScreenTransitions
import com.lightningkite.kiteui.models.VideoRaw
import com.lightningkite.kiteui.models.VideoRemote
import com.lightningkite.kiteui.models.rem
import com.lightningkite.kiteui.navigation.Page
import com.lightningkite.kiteui.reactive.*
import com.lightningkite.kiteui.reactive.Action
import com.lightningkite.kiteui.requestFile
import com.lightningkite.kiteui.views.RView
import com.lightningkite.kiteui.views.ViewWriter
import com.lightningkite.kiteui.views.animateIn
import com.lightningkite.kiteui.views.animateOut
import com.lightningkite.kiteui.views.card
import com.lightningkite.kiteui.views.centered
import com.lightningkite.kiteui.views.direct.RawVideoView
import com.lightningkite.kiteui.views.direct.RowOrCol
import com.lightningkite.kiteui.views.direct.button
import com.lightningkite.kiteui.views.direct.col
import com.lightningkite.kiteui.views.direct.coordinatorDragHandle
import com.lightningkite.kiteui.views.direct.dismissBackground
import com.lightningkite.kiteui.views.direct.h1
import com.lightningkite.kiteui.views.direct.h2
import com.lightningkite.kiteui.views.direct.media
import com.lightningkite.kiteui.views.direct.onClick
import com.lightningkite.kiteui.views.direct.row
import com.lightningkite.kiteui.views.direct.separator
import com.lightningkite.kiteui.views.direct.shownWhen
import com.lightningkite.kiteui.views.direct.sizeConstraints
import com.lightningkite.kiteui.views.direct.space
import com.lightningkite.kiteui.views.direct.text
import com.lightningkite.kiteui.views.direct.video
import com.lightningkite.kiteui.views.direct.*
import com.lightningkite.kiteui.views.expanding
import com.lightningkite.kiteui.views.important
import com.lightningkite.kiteui.views.l2.applySafeInsets
import com.lightningkite.kiteui.views.l2.coordinatorFrame
import com.lightningkite.kiteui.views.l2.dialog
import com.lightningkite.kiteui.views.overlayWriter
import com.lightningkite.kiteui.views.withoutAnimation
import com.lightningkite.mppexampleapp.docs.article
import com.lightningkite.mppexampleapp.docs.example
import com.lightningkite.reactive.context.*
import com.lightningkite.reactive.core.*
import com.lightningkite.reactive.extensions.*
import com.lightningkite.reactive.lensing.*
import com.lightningkite.readable.*
import kotlinx.coroutines.delay
import kotlinx.coroutines.launch
import com.lightningkite.reactive.core.Constant
import com.lightningkite.reactive.core.Reactive
import com.lightningkite.reactive.core.Signal
import kotlin.time.Duration.Companion.milliseconds
import kotlin.time.Duration.Companion.seconds

@Routable("/")
class HomePage : Page {
Expand Down
24 changes: 24 additions & 0 deletions example-app/src/commonMain/kotlin/com/lightningkite/mppexampleapp/docs/CheatSheet.kt
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -362,6 +362,30 @@ object CheatSheet : DocPage {
h6("Header 6")
}
)
example(
name = "graph",
description = "Display a graph",
code = """
graph {
::data { listOf(Point(0.0, 0.0), Point(1.0, 100.0), Point(2.0, 350.0), Point(3.0, 200.0), Point(4.0, 500.0), Point(5.0, 750.0), Point(6.0, 700.0)) }
::xAxisLabels { listOf("Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat") }
padding = 1.rem
pointShape = GraphDelegate.PointShape.Circle
xAxisLabel = "Past Week"
yAxisLabel = "Value"
}
""".trimIndent(),
result = {
graph {
::data { listOf(Point(0.0, 0.0), Point(1.0, 100.0), Point(2.0, 350.0), Point(3.0, 200.0), Point(4.0, 500.0), Point(5.0, 750.0), Point(6.0, 700.0)) }
::xAxisLabels { listOf("Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat") }
padding = 1.rem
pointShape = GraphDelegate.PointShape.Circle
xAxisLabel = "Past Week"
yAxisLabel = "Value"
}
}
)
}
titledSection("Interactive Elements") {
example(
Expand Down
Loading
Loading