mirror of
https://github.com/wavetermdev/waveterm.git
synced 2024-12-22 16:48:23 +01:00
56 lines
1.3 KiB
Go
56 lines
1.3 KiB
Go
// Copyright 2024, Command Line Inc.
|
|
// SPDX-License-Identifier: Apache-2.0
|
|
|
|
package main
|
|
|
|
import (
|
|
"context"
|
|
"fmt"
|
|
"log"
|
|
|
|
"github.com/wavetermdev/thenextwave/pkg/vdom"
|
|
"github.com/wavetermdev/thenextwave/pkg/wshutil"
|
|
)
|
|
|
|
func Page(ctx context.Context, props map[string]any) any {
|
|
clicked, setClicked := vdom.UseState(ctx, false)
|
|
var clickedDiv *vdom.Elem
|
|
if clicked {
|
|
clickedDiv = vdom.Bind(`<div>clicked</div>`, nil)
|
|
}
|
|
clickFn := func() {
|
|
log.Printf("run clickFn\n")
|
|
setClicked(true)
|
|
}
|
|
return vdom.Bind(
|
|
`
|
|
<div>
|
|
<h1>hello world</h1>
|
|
<Button onClick="#bind:clickFn">hello</Button>
|
|
<bind key="clickedDiv"/>
|
|
</div>
|
|
`,
|
|
map[string]any{"clickFn": clickFn, "clickedDiv": clickedDiv},
|
|
)
|
|
}
|
|
|
|
func Button(ctx context.Context, props map[string]any) any {
|
|
ref := vdom.UseRef(ctx, nil)
|
|
clName, setClName := vdom.UseState(ctx, "button")
|
|
vdom.UseEffect(ctx, func() func() {
|
|
fmt.Printf("Button useEffect\n")
|
|
setClName("button mounted")
|
|
return nil
|
|
}, nil)
|
|
return vdom.Bind(`
|
|
<div className="#bind:clName" ref="#bind:ref" onClick="#bind:onClick">
|
|
<bind key="children"/>
|
|
</div>
|
|
`, map[string]any{"clName": clName, "ref": ref, "onClick": props["onClick"], "children": props["children"]})
|
|
}
|
|
|
|
func main() {
|
|
wshutil.SetTermRawModeAndInstallShutdownHandlers(true)
|
|
defer wshutil.RestoreTermState()
|
|
}
|