diff --git a/element/main.go b/element/main.go
index 4d31e03..0654bb2 100644
--- a/element/main.go
+++ b/element/main.go
@@ -41,15 +40,0 @@ type Node struct {
-type State struct {
- // Id string
- X float32
- Y float32
- Width float32
- Height float32
- Border Border
- Text Text
- EM float32
- Background ic.RGBA
- Hash string
- Margin MarginPadding
- Padding MarginPadding
-}
-
@@ -57,5 +42,5 @@ type Properties struct {
- Id string
- // Computed map[string]float32
- // X float32
- // Y float32
- Hash string
+ Id string
+ Computed map[string]float32
+ X float32
+ Y float32
+ Hash string
@@ -64 +49 @@ type Properties struct {
- // Border Border
+ Border Border
@@ -66,7 +51,8 @@ type Properties struct {
- // EM float32
- // Text Text
- Focusable bool
- Focused bool
- Editable bool
- Hover bool
- Selected []float32
+ EM float32
+ Text Text
+ Focusable bool
+ Focused bool
+ Editable bool
+ Hover bool
+ Selected []float32
+ Test string
@@ -80,7 +65,0 @@ type ClassList struct {
-type MarginPadding struct {
- Top float32
- Left float32
- Right float32
- Bottom float32
-}
-
@@ -114 +92,0 @@ type Text struct {
- Text string
@@ -166,2 +144,18 @@ func (n *Node) CreateElement(name string) Node {
- Id: "",
- Hash: "",
+ Id: "",
+ X: 0,
+ Y: 0,
+ Hash: "",
+ Computed: make(map[string]float32),
+ // Width: 0,
+ // Height: 0,
+ Border: Border{
+ Width: "0px",
+ Style: "solid",
+ Color: ic.RGBA{
+ R: 0,
+ G: 0,
+ B: 0,
+ A: 0,
+ },
+ Radius: "0px",
+ },
@@ -168,0 +163,2 @@ func (n *Node) CreateElement(name string) Node {
+ EM: 16,
+ Text: Text{},
package element
import (
"fmt"
"gui/selector"
"image"
ic "image/color"
"regexp"
"strings"
"golang.org/x/image/font"
)
type Node struct {
TagName string
InnerText string
Parent *Node
Children []Node
Style map[string]string
Id string
ClassList ClassList
Href string
Src string
Title string
Attribute map[string]string
ScrollY float32
Value string
OnClick func(Event)
OnContextMenu func(Event)
OnMouseDown func(Event)
OnMouseUp func(Event)
OnMouseEnter func(Event)
OnMouseLeave func(Event)
OnMouseOver func(Event)
OnMouseMove func(Event)
OnScroll func(Event)
Properties Properties
}
type State struct {
// Id string
X float32
Y float32
Width float32
Height float32
Border Border
Text Text
EM float32
Background ic.RGBA
Hash string
Margin MarginPadding
Padding MarginPadding
}
type Properties struct {
Id string
// Computed map[string]float32
// X float32
// Y float32
Hash string
// Width float32
// Height float32
// Border Border
EventListeners map[string][]func(Event)
// EM float32
// Text Text
Focusable bool
Focused bool
Editable bool
Hover bool
Selected []float32
}
type ClassList struct {
Classes []string
Value string
}
type MarginPadding struct {
Top float32
Left float32
Right float32
Bottom float32
}
func (c *ClassList) Add(class string) {
c.Classes = append(c.Classes, class)
c.Value = strings.Join(c.Classes, " ")
}
func (c *ClassList) Remove(class string) {
for i, v := range c.Classes {
if v == class {
c.Classes = append(c.Classes[:i], c.Classes[i+1:]...)
break
}
}
c.Value = strings.Join(c.Classes, " ")
}
type Border struct {
Width string
Style string
Color ic.RGBA
Radius string
}
type Text struct {
Font font.Face
Color ic.RGBA
Image *image.RGBA
Text string
Underlined bool
Overlined bool
LineThrough bool
DecorationColor ic.RGBA
DecorationThickness int
Align string
Indent int // very low priority
LetterSpacing int
LineHeight int
WordSpacing int
WhiteSpace string
Shadows []Shadow // need
Width int
WordBreak string
EM int
X int
LoadedFont string
}
type Shadow struct {
X int
Y int
Blur int
Color ic.RGBA
}
func (n *Node) GetAttribute(name string) string {
return n.Attribute[name]
}
func (n *Node) SetAttribute(key, value string) {
n.Attribute[key] = value
}
func (n *Node) CreateElement(name string) Node {
return Node{
TagName: name,
InnerText: "",
Children: []Node{},
Style: make(map[string]string),
Id: "",
ClassList: ClassList{
Classes: []string{},
Value: "",
},
Href: "",
Src: "",
Title: "",
Attribute: make(map[string]string),
Value: "",
Properties: Properties{
Id: "",
Hash: "",
EventListeners: make(map[string][]func(Event)),
Focusable: false,
Focused: false,
Editable: false,
Hover: false,
Selected: []float32{},
},
}
}
func (n *Node) QuerySelectorAll(selectString string) *[]*Node {
results := []*Node{}
if TestSelector(selectString, n) {
results = append(results, n)
}
for i := range n.Children {
el := &n.Children[i]
cr := el.QuerySelectorAll(selectString)
if len(*cr) > 0 {
results = append(results, *cr...)
}
}
return &results
}
func (n *Node) QuerySelector(selectString string) *Node {
if TestSelector(selectString, n) {
return n
}
for i := range n.Children {
el := &n.Children[i]
cr := el.QuerySelector(selectString)
if cr.Properties.Id != "" {
return cr
}
}
return &Node{}
}
func TestSelector(selectString string, n *Node) bool {
parts := strings.Split(selectString, ">")
selectors := []string{}
if n.Properties.Focusable {
if n.Properties.Focused {
selectors = append(selectors, ":focus")
}
}
classes := n.ClassList.Classes
for _, v := range classes {
selectors = append(selectors, "."+v)
}
if n.Id != "" {
selectors = append(selectors, "#"+n.Id)
}
selectors = append(selectors, n.TagName)
part := selector.SplitSelector(strings.TrimSpace(parts[len(parts)-1]))
has := selector.Contains(part, selectors)
if len(parts) == 1 || !has {
return has
} else {
return TestSelector(strings.Join(parts[0:len(parts)-1], ">"), n.Parent)
}
}
func (n *Node) AppendChild(c Node) {
c.Parent = n
// Set ID
// Define a regular expression to match numeric digits
re := regexp.MustCompile(`\d+`)
// Find all matches of numeric digits in the input string
matches := re.FindAllString(c.Parent.Properties.Id, -1)
// Concatenate all matches into a single string
numericPart := ""
for _, match := range matches {
numericPart += match
}
c.Properties.Id = c.TagName + numericPart + fmt.Sprint(len(c.Parent.Children))
n.Children = append(n.Children, c)
}
func (n *Node) Focus() {
if n.Properties.Focusable {
n.Properties.Focused = true
n.ClassList.Add(":focus")
}
}
func (n *Node) Blur() {
if n.Properties.Focusable {
n.Properties.Focused = false
n.ClassList.Remove(":focus")
}
}
type Event struct {
X int
Y int
KeyCode int
Key string
CtrlKey bool
MetaKey bool
ShiftKey bool
AltKey bool
Click bool
ContextMenu bool
MouseDown bool
MouseUp bool
MouseEnter bool
MouseLeave bool
MouseOver bool
KeyUp bool
KeyDown bool
KeyPress bool
Input bool
Target Node
}
type EventList struct {
Event Event
List []string
}
func (node *Node) AddEventListener(name string, callback func(Event)) {
if node.Properties.EventListeners == nil {
node.Properties.EventListeners = make(map[string][]func(Event))
}
if node.Properties.EventListeners[name] == nil {
node.Properties.EventListeners[name] = []func(Event){}
}
node.Properties.EventListeners[name] = append(node.Properties.EventListeners[name], callback)
}