README
¶
Hi Gophers! Unfortunately, I don't have the time to maintain this library right now, so I can't add any features. I'll gladly accept pull requests if you're interested. Also, if you'd like to maintaining the library longer term, I'm also happy to welcome you as a contributor. If you're interested in either submitting a PR or being a longer term maintainer, please let me know on the Gophers Slack. My username there is arschles.
functy
Often times, vecty code will have lots of nested function calls and the code gets hard to read and manage. This module has convenience functions for building up vecty elements in a functional pattern.
Below is an example adapted from the vecty example code for rendering Markdown:
import (
"github.com/go-functional/functy"
"github.com/gopherjs/vecty/elem"
"github.com/gopherjs/vecty"
)
// PageView is our main page component.
type PageView struct {
vecty.Core
Input string
}
// Render implements the vecty.Component interface.
func (p *PageView) Render() vecty.ComponentOrHTML {
body := functy.Wrap(elem.Body)
div := functy.Wrap(elem.Div).
Markup(vecty.Style("float", "right"))
textArea := functy.Wrap(elem.TextArea).
Markup(vecty.Style("font-family", "monospace")).
Markup(vecty.Property("rows", 14)).
Markup(vecty.Property("cols", 70)).
Markup(event.Input(func(e *vecty.Event) {
p.Input = e.Target.Get("value").Strting()
vecty.Rerender(p)
}))
Markup(elem.TextArea).
Child(vecty.Text(p.Input))
return functy.Wrap(elem.Body).Child(div.Child(textArea))
}
Inspired by:
And built on the shoulders of vecty, of course!
Documentation
¶
Index ¶
Constants ¶
This section is empty.
Variables ¶
This section is empty.
Functions ¶
This section is empty.
Types ¶
type Wrapper ¶
type Wrapper struct {
// contains filtered or unexported fields
}
Wrapper is the top level struct for any vecty element. Don't create one of these structs directly. Instead, call the Wrap function to bring elements from the vecty world into the functy world
func Wrap ¶
func Wrap(fn func(...vecty.MarkupOrChild) *vecty.HTML) Wrapper
Wrap some standard vecty HTML so that you can manipulate it with functy builders. For example, here's how you'd build a <form>:
form := Wrap(elem.Form). // don't _call_ elem.Form() here!
Markup(vecty.Class("sample-form")). // add class="sample-form"
Child(elem.Input). // add an <input> element into this form
Markup(vecty.Class("edit")). // add class="edit"
Markup(prop.Value("edit something here!")). // value="edit something here!"
Event(event.Input(inputCallback)) // call the (go) function called inputCallback()
func (Wrapper) Apply ¶
Apply converts the wrapper into a vecty.HTML so you can use it in your "regularly scheduled" code
Source Files