Merge pull request #666 from trheyi/main
[add] SUI component dynamic loading
This commit is contained in:
Max
GitHub
commit
a8d676e374
2 changed files with 258 additions and 42 deletions
247
sui/core/jit.go
Normal file
247
sui/core/jit.go
Normal file
|
|
@ -0,0 +1,247 @@
|
||||||
|
package core
|
||||||
|
|
||||||
|
import (
|
||||||
|
"fmt"
|
||||||
|
"os"
|
||||||
|
"path/filepath"
|
||||||
|
"strings"
|
||||||
|
"time"
|
||||||
|
|
||||||
|
"github.com/PuerkitoBio/goquery"
|
||||||
|
"github.com/yaoapp/gou/application"
|
||||||
|
)
|
||||||
|
|
||||||
|
// JitComponent component
|
||||||
|
type JitComponent struct {
|
||||||
|
html string
|
||||||
|
scripts []ScriptNode
|
||||||
|
styles []StyleNode
|
||||||
|
}
|
||||||
|
|
||||||
|
const (
|
||||||
|
saveComponent uint8 = iota
|
||||||
|
removeComponent
|
||||||
|
)
|
||||||
|
|
||||||
|
type componentData struct {
|
||||||
|
file string
|
||||||
|
comp *JitComponent
|
||||||
|
cmd uint8
|
||||||
|
}
|
||||||
|
|
||||||
|
// Components loaded JIT components
|
||||||
|
var Components = map[string]*JitComponent{}
|
||||||
|
var chComp = make(chan *componentData, 1)
|
||||||
|
|
||||||
|
func init() {
|
||||||
|
go componentWriter()
|
||||||
|
}
|
||||||
|
|
||||||
|
// parseComponent parse the component
|
||||||
|
func (parser *TemplateParser) parseComponent(sel *goquery.Selection) {
|
||||||
|
comp, props, slots, err := parser.getComponent(sel)
|
||||||
|
if err != nil {
|
||||||
|
parser.errors = append(parser.errors, err)
|
||||||
|
setError(sel, err)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
html, err := parser.RenderComponent(comp, props, slots)
|
||||||
|
if err != nil {
|
||||||
|
parser.errors = append(parser.errors, err)
|
||||||
|
setError(sel, err)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
sel.SetHtml(html)
|
||||||
|
}
|
||||||
|
|
||||||
|
// RenderComponent render the component
|
||||||
|
func (parser *TemplateParser) RenderComponent(comp *JitComponent, props map[string]interface{}, slots *goquery.Selection) (string, error) {
|
||||||
|
html := comp.html
|
||||||
|
randvar := fmt.Sprintf("__%s_$props", time.Now().Format("20060102150405"))
|
||||||
|
html = slotRe.ReplaceAllStringFunc(html, func(exp string) string {
|
||||||
|
exp = strings.ReplaceAll(exp, "[{", "{{")
|
||||||
|
exp = strings.ReplaceAll(exp, "}]", "}}")
|
||||||
|
exp = strings.ReplaceAll(exp, "$props", randvar)
|
||||||
|
return exp
|
||||||
|
})
|
||||||
|
|
||||||
|
data := Data{}
|
||||||
|
data[randvar] = props
|
||||||
|
if parser.data != nil {
|
||||||
|
for key, val := range parser.data {
|
||||||
|
data[key] = val
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
sel, err := NewDocumentString(`<body>` + html + `</body>`)
|
||||||
|
if err != nil {
|
||||||
|
return "", err
|
||||||
|
}
|
||||||
|
|
||||||
|
root := sel.Find("body")
|
||||||
|
|
||||||
|
// Replace the slots
|
||||||
|
slots.Each(func(i int, s *goquery.Selection) {
|
||||||
|
name := s.AttrOr("name", "")
|
||||||
|
if name == "" {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
// Find the slot
|
||||||
|
slotSel := root.Find(fmt.Sprintf("slot[name='%s']", name))
|
||||||
|
if slotSel.Length() == 0 {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
// Replace the slot
|
||||||
|
slotSel.ReplaceWithNodes(s.Contents().Nodes...)
|
||||||
|
})
|
||||||
|
|
||||||
|
option := *parser.option
|
||||||
|
compParser := NewTemplateParser(data, &option)
|
||||||
|
|
||||||
|
// Parse the node
|
||||||
|
compParser.parseNode(root.Get(0))
|
||||||
|
for sel, nodes := range compParser.replace {
|
||||||
|
sel.ReplaceWithNodes(nodes...)
|
||||||
|
delete(parser.replace, sel)
|
||||||
|
}
|
||||||
|
|
||||||
|
// Update sequence
|
||||||
|
parser.sequence = compParser.sequence + parser.sequence
|
||||||
|
return root.Html()
|
||||||
|
}
|
||||||
|
|
||||||
|
func (parser *TemplateParser) getComponent(sel *goquery.Selection) (*JitComponent, map[string]interface{}, *goquery.Selection, error) {
|
||||||
|
|
||||||
|
slots := sel.Find("slot")
|
||||||
|
|
||||||
|
props, err := parser.componentProps(sel)
|
||||||
|
if err != nil {
|
||||||
|
return nil, nil, slots, err
|
||||||
|
}
|
||||||
|
|
||||||
|
file, err := parser.componentFile(sel, props)
|
||||||
|
if err != nil {
|
||||||
|
return nil, props, slots, err
|
||||||
|
}
|
||||||
|
|
||||||
|
comp, err := getComponent(file, parser.disableCache())
|
||||||
|
if err != nil {
|
||||||
|
return nil, props, slots, err
|
||||||
|
}
|
||||||
|
|
||||||
|
return comp, props, slots, nil
|
||||||
|
}
|
||||||
|
|
||||||
|
// isComponent check if the selection is a component
|
||||||
|
func (parser *TemplateParser) isComponent(sel *goquery.Selection) bool {
|
||||||
|
_, exist := sel.Attr("s:jit")
|
||||||
|
is := sel.AttrOr("is", "")
|
||||||
|
return exist && is != ""
|
||||||
|
}
|
||||||
|
|
||||||
|
func (parser *TemplateParser) componentProps(sel *goquery.Selection) (map[string]interface{}, error) {
|
||||||
|
props := map[string]string{}
|
||||||
|
parentSel := sel.Parent()
|
||||||
|
if parentSel == nil {
|
||||||
|
return map[string]interface{}{}, nil
|
||||||
|
}
|
||||||
|
|
||||||
|
for _, attr := range parentSel.Nodes[0].Attr {
|
||||||
|
if !strings.HasPrefix(attr.Key, "s:prop") {
|
||||||
|
continue
|
||||||
|
}
|
||||||
|
key := strings.TrimPrefix(attr.Key, "s:prop:")
|
||||||
|
props[key] = attr.Val
|
||||||
|
}
|
||||||
|
|
||||||
|
return parser.parseComponentProps(props)
|
||||||
|
}
|
||||||
|
|
||||||
|
func (parser *TemplateParser) parseComponentProps(props map[string]string) (map[string]interface{}, error) {
|
||||||
|
result := map[string]interface{}{}
|
||||||
|
for key, val := range props {
|
||||||
|
if strings.HasPrefix(key, "...") {
|
||||||
|
values, err := parser.data.Exec(fmt.Sprintf("{{ %s }}", val))
|
||||||
|
if err != nil {
|
||||||
|
return nil, err
|
||||||
|
}
|
||||||
|
|
||||||
|
if values == nil {
|
||||||
|
continue
|
||||||
|
}
|
||||||
|
|
||||||
|
for k, v := range values.(map[string]interface{}) {
|
||||||
|
result[k] = v
|
||||||
|
}
|
||||||
|
|
||||||
|
continue
|
||||||
|
}
|
||||||
|
value, err := parser.data.Exec(val)
|
||||||
|
if err != nil {
|
||||||
|
return nil, err
|
||||||
|
}
|
||||||
|
result[key] = value
|
||||||
|
}
|
||||||
|
return result, nil
|
||||||
|
}
|
||||||
|
|
||||||
|
func (parser *TemplateParser) componentFile(sel *goquery.Selection, props map[string]interface{}) (string, error) {
|
||||||
|
route := sel.AttrOr("is", "")
|
||||||
|
if route == "" {
|
||||||
|
return "", fmt.Errorf("Component route is required")
|
||||||
|
}
|
||||||
|
|
||||||
|
data := Data{"$props": props}
|
||||||
|
route, _ = data.ReplaceUse(slotRe, route)
|
||||||
|
route, _ = parser.data.Replace(route)
|
||||||
|
root := sel.AttrOr("s:root", "/")
|
||||||
|
file := filepath.Join(string(os.PathSeparator), "public", root, route+".jit")
|
||||||
|
return file, nil
|
||||||
|
}
|
||||||
|
|
||||||
|
func componentWriter() {
|
||||||
|
for {
|
||||||
|
select {
|
||||||
|
case data := <-chComp:
|
||||||
|
switch data.cmd {
|
||||||
|
case saveComponent:
|
||||||
|
Components[data.file] = data.comp
|
||||||
|
case removeCache:
|
||||||
|
delete(Components, data.file)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
func getComponent(file string, disableCache ...bool) (*JitComponent, error) {
|
||||||
|
|
||||||
|
noCache := false
|
||||||
|
if len(disableCache) > 0 && disableCache[0] {
|
||||||
|
noCache = true
|
||||||
|
}
|
||||||
|
|
||||||
|
if comp, ok := Components[file]; ok && !noCache {
|
||||||
|
return comp, nil
|
||||||
|
}
|
||||||
|
|
||||||
|
comp, err := readComponent(file)
|
||||||
|
if err != nil {
|
||||||
|
return nil, err
|
||||||
|
}
|
||||||
|
|
||||||
|
// Save the component to the cache
|
||||||
|
chComp <- &componentData{file, comp, saveComponent}
|
||||||
|
return comp, nil
|
||||||
|
}
|
||||||
|
|
||||||
|
// readComponent read the JIT component
|
||||||
|
func readComponent(file string) (*JitComponent, error) {
|
||||||
|
content, err := application.App.Read(file)
|
||||||
|
if err != nil {
|
||||||
|
return nil, err
|
||||||
|
}
|
||||||
|
return &JitComponent{html: string(content)}, nil
|
||||||
|
}
|
||||||
|
|
@ -2,7 +2,6 @@ package core
|
||||||
|
|
||||||
import (
|
import (
|
||||||
"fmt"
|
"fmt"
|
||||||
"os"
|
|
||||||
"path/filepath"
|
"path/filepath"
|
||||||
"strings"
|
"strings"
|
||||||
|
|
||||||
|
|
@ -279,8 +278,8 @@ func (parser *TemplateParser) parseElementNode(sel *goquery.Selection) {
|
||||||
}
|
}
|
||||||
|
|
||||||
// JIT Compile the element
|
// JIT Compile the element
|
||||||
if _, exist := sel.Attr("s:jit"); exist {
|
if parser.isComponent(sel) {
|
||||||
parser.parseJitElementNode(sel)
|
parser.parseComponent(sel)
|
||||||
}
|
}
|
||||||
|
|
||||||
// Parse the attributes
|
// Parse the attributes
|
||||||
|
|
@ -290,45 +289,6 @@ func (parser *TemplateParser) parseElementNode(sel *goquery.Selection) {
|
||||||
parser.transElementNode(sel)
|
parser.transElementNode(sel)
|
||||||
}
|
}
|
||||||
|
|
||||||
func (parser *TemplateParser) parseJitElementNode(sel *goquery.Selection) {
|
|
||||||
|
|
||||||
is := sel.AttrOr("is", "")
|
|
||||||
if is == "" {
|
|
||||||
sel.Remove()
|
|
||||||
return
|
|
||||||
}
|
|
||||||
|
|
||||||
parser.parsed(sel)
|
|
||||||
// Render the JIT component Data
|
|
||||||
is, _ = parser.data.Replace(is)
|
|
||||||
root := sel.AttrOr("s:root", "/")
|
|
||||||
file := filepath.Join(string(os.PathSeparator), "public", root, is+".jit")
|
|
||||||
|
|
||||||
// Should be cached to reduce the file read and unnecessary parsing
|
|
||||||
content, err := application.App.Read(file)
|
|
||||||
if err != nil {
|
|
||||||
log.Error("[parser] %s JIT %s", file, err.Error())
|
|
||||||
setError(sel, err)
|
|
||||||
return
|
|
||||||
}
|
|
||||||
sel.ReplaceWith(string(content))
|
|
||||||
|
|
||||||
// With Properties
|
|
||||||
|
|
||||||
// // copy options
|
|
||||||
// option := *parser.option
|
|
||||||
// option.Component = true
|
|
||||||
// p := NewTemplateParser(parser.data, &option)
|
|
||||||
// html, err := p.Render(string(content))
|
|
||||||
// if err != nil {
|
|
||||||
// log.Error("[parser] %s JIT %s", file, err.Error())
|
|
||||||
// return
|
|
||||||
// }
|
|
||||||
|
|
||||||
// // Replace the node
|
|
||||||
// sel.ReplaceWithHtml(html)
|
|
||||||
}
|
|
||||||
|
|
||||||
func (parser *TemplateParser) transElementNode(sel *goquery.Selection) {
|
func (parser *TemplateParser) transElementNode(sel *goquery.Selection) {
|
||||||
if parser.locale == nil {
|
if parser.locale == nil {
|
||||||
return
|
return
|
||||||
|
|
@ -694,6 +654,11 @@ func (parser *TemplateParser) tidy(s *goquery.Selection) {
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if node.Data == "s:set" {
|
||||||
|
child.Remove()
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
if node.Type == html.CommentNode {
|
if node.Type == html.CommentNode {
|
||||||
child.Remove()
|
child.Remove()
|
||||||
return
|
return
|
||||||
|
|
@ -748,6 +713,10 @@ func (parser *TemplateParser) debug() bool {
|
||||||
return parser.option != nil && parser.option.Debug
|
return parser.option != nil && parser.option.Debug
|
||||||
}
|
}
|
||||||
|
|
||||||
|
func (parser *TemplateParser) disableCache() bool {
|
||||||
|
return (parser.option != nil && parser.option.DisableCache) || parser.debug()
|
||||||
|
}
|
||||||
|
|
||||||
func (parser *TemplateParser) toArray(value interface{}) ([]interface{}, error) {
|
func (parser *TemplateParser) toArray(value interface{}) ([]interface{}, error) {
|
||||||
switch values := value.(type) {
|
switch values := value.(type) {
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue