ryan/via
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases 12 Wiki Activity

fix: component nil pointer on sync; improve realtimechart example

Browse Source
This commit is contained in:
Joao Goncalves
2025-11-15 03:01:53 -01:00
parent 80879216b2
commit 03019364ca
2 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
context.go
View File

@@ -193,7 +193,7 @@ func (c *Context) getPatchChan() chan patch {
// components use parent page sse stream // components use parent page sse stream
var patchChan chan patch var patchChan chan patch
if c.isComponent() { if c.isComponent() {
patchChan = c.parentPageCtx.parentPageCtx.patchChan patchChan = c.parentPageCtx.patchChan
} else { } else {
patchChan = c.patchChan patchChan = c.patchChan
} }

9
internal/examples/realtimechart/main.go
View File

@@ -41,6 +41,7 @@ func chartCompFn(c *via.Context) {
labels := make([]string, 1000) labels := make([]string, 1000)
isLive := true isLive := true
isLiveSig := c.Signal("on")
refreshRate := c.Signal(1) refreshRate := c.Signal(1)
tkr := time.NewTicker(1000 * time.Millisecond) tkr := time.NewTicker(1000 * time.Millisecond)
@@ -49,7 +50,7 @@ func chartCompFn(c *via.Context) {
}) })
toggleIsLive := c.Action(func() { toggleIsLive := c.Action(func() {
isLive = !isLive isLive = isLiveSig.Bool()
}) })
go func() { go func() {
@@ -76,7 +77,7 @@ func chartCompFn(c *via.Context) {
return h.Div( return h.Div(
h.Div(h.ID("chart"), h.Style("width:100%;height:400px;"), h.Div(h.ID("chart"), h.Style("width:100%;height:400px;"),
h.Script(h.Raw(` h.Script(h.Raw(`
prefersDark = window.matchMedia('(prefers-color-scheme: dark)'); var prefersDark = window.matchMedia('(prefers-color-scheme: dark)');
var myChart = echarts.init(document.getElementById('chart'), prefersDark.matches ? 'dark' : 'light'); var myChart = echarts.init(document.getElementById('chart'), prefersDark.matches ? 'dark' : 'light');
var option = { var option = {
backgroundColor: prefersDark.matches ? 'transparent' : '#ffffff', backgroundColor: prefersDark.matches ? 'transparent' : '#ffffff',
@@ -145,9 +146,9 @@ func chartCompFn(c *via.Context) {
h.Div(h.Class("grid"), h.Div(h.Class("grid"),
h.FieldSet( h.FieldSet(
h.Legend(h.Text("Live Data")), h.Legend(h.Text("Live Data")),
h.Input(h.Type("checkbox"), h.Role("switch"), toggleIsLive.OnChange()), h.Input(h.Type("checkbox"), h.Role("switch"), isLiveSig.Bind(), toggleIsLive.OnChange()),
), ),
h.Label(h.ID("refresh-rate-input"), h.Span(h.Text("Refresh Rate (")), h.Span(refreshRate.Text()), h.Span(h.Text(" Hz)")), h.Label(h.Span(h.Text("Refresh Rate (")), h.Span(refreshRate.Text()), h.Span(h.Text(" Hz)")),
h.Input(h.Type("range"), h.Attr("min", "1"), h.Attr("max", "200"), refreshRate.Bind(), updateRefreshRate.OnChange()), h.Input(h.Type("range"), h.Attr("min", "1"), h.Attr("max", "200"), refreshRate.Bind(), updateRefreshRate.OnChange()),
), ),
), ),