diff --git a/main.go b/main.go
index 29743b9..b814f6f 100644
--- a/main.go
+++ b/main.go
@@ -170,4 +170,4 @@ func (w *Window) Render(doc *element.Node, state *map[string]element.State, shel
-					can.SetFillStyle(self.Background.R, self.Background.G, self.Background.B, self.Background.A)
-					can.SetLineWidth(10)
-					can.RoundedRect(0, 0, float64(wbw), float64(hbw),
-						[]float64{float64(self.Border.Radius.TopLeft), float64(self.Border.Radius.TopRight), float64(self.Border.Radius.BottomRight), float64(self.Border.Radius.BottomLeft)})
+					can.FillStyle = self.Background
+					can.LineWidth = 10
+					can.RoundedRect(0, 0, wbw, hbw,
+						[]int{int(self.Border.Radius.TopLeft), int(self.Border.Radius.TopRight), int(self.Border.Radius.BottomRight), int(self.Border.Radius.BottomLeft)})
@@ -177 +177 @@ func (w *Window) Render(doc *element.Node, state *map[string]element.State, shel
-					shelf.Set(key, can.RGBA)
+					shelf.Set(key, can.Context)

package gui

import (
	"bufio"
	"bytes"
	"crypto/sha256"
	_ "embed"
	"encoding/json"
	"fmt"
	adapter "gui/adapters"
	"gui/canvas"
	"gui/cstyle"
	"gui/cstyle/plugins/crop"
	"gui/cstyle/plugins/flex"
	"gui/cstyle/plugins/inline"
	"gui/cstyle/plugins/textAlign"
	"gui/cstyle/transformers/background"
	flexprep "gui/cstyle/transformers/flex"
	marginblock "gui/cstyle/transformers/margin-block"
	"gui/cstyle/transformers/ol"
	"gui/cstyle/transformers/scrollbar"
	"gui/cstyle/transformers/text"
	"gui/cstyle/transformers/ul"
	"gui/font"
	"gui/library"
	"gui/scripts"
	"gui/scripts/a"
	"image"

	"gui/element"
	"gui/events"
	"gui/utils"
	"net/url"
	"os"
	"path/filepath"
	"regexp"
	"strconv"
	"strings"

	imgFont "golang.org/x/image/font"

	"golang.org/x/net/html"
)

//go:embed master.css
var mastercss string

type Window struct {
	CSS      cstyle.CSS
	Document element.Node
	Adapter  *adapter.Adapter
	Scripts  scripts.Scripts
}

func Open(path string, adapterFunction *adapter.Adapter) Window {
	window := New(adapterFunction)

	styleSheets, styleTags, htmlNodes := parseHTMLFromFile(path)

	for _, v := range styleSheets {
		window.CSS.StyleSheet(v)
	}

	for _, v := range styleTags {
		window.CSS.StyleTag(v)
	}

	CreateNode(htmlNodes, &window.Document)

	return window
}

func New(adapterFunction *adapter.Adapter) Window {
	css := cstyle.CSS{
		Width:  800,
		Height: 450,
	}

	css.StyleTag(mastercss)
	// This is still apart of computestyle
	css.AddPlugin(inline.Init())
	css.AddPlugin(textAlign.Init())
	css.AddPlugin(flex.Init())
	css.AddPlugin(crop.Init())

	css.AddTransformer(scrollbar.Init())
	css.AddTransformer(flexprep.Init())
	css.AddTransformer(marginblock.Init())
	css.AddTransformer(ul.Init())
	css.AddTransformer(ol.Init())
	css.AddTransformer(text.Init())
	css.AddTransformer(background.Init())

	el := element.Node{}
	document := el.CreateElement("ROOT")
	document.Style["width"] = "800px"
	document.Style["height"] = "450px"
	document.Properties.Id = "ROOT"

	s := scripts.Scripts{}
	s.Add(a.Init())

	return Window{
		CSS:      css,
		Document: document,
		Scripts:  s,
		Adapter:  adapterFunction,
	}
}

func (w *Window) Render(doc *element.Node, state *map[string]element.State, shelf *library.Shelf) []element.State {
	s := *state

	flatDoc := flatten(doc)

	store := []element.State{}

	keys := []string{}

	for _, v := range flatDoc {
		store = append(store, s[v.Properties.Id])
		keys = append(keys, v.Properties.Id)
	}

	// Create a set of keys to keep
	keysSet := make(map[string]struct{}, len(keys))
	for _, key := range keys {
		keysSet[key] = struct{}{}
	}

	// Iterate over the map and delete keys not in the set
	for k := range s {
		if _, found := keysSet[k]; !found {
			delete(s, k)
		}
	}

	if w.CSS.Options.RenderElements {
		for k, self := range store {
			// Option: Have Grim render all elements
			wbw := int(self.Width + self.Border.Left.Width + self.Border.Right.Width)
			hbw := int(self.Height + self.Border.Top.Width + self.Border.Bottom.Width)

			key := strconv.Itoa(wbw) + strconv.Itoa(hbw) + utils.RGBAtoString(self.Background)

			exists := shelf.Check(key)
			bounds := shelf.Bounds(key)
			// fmt.Println(n.Properties.Id, self.Width, self.Height, bounds)

			if exists && bounds[0] == int(wbw) && bounds[1] == int(hbw) {
				lookup := make(map[string]struct{}, len(self.Textures))
				for _, v := range self.Textures {
					lookup[v] = struct{}{}
				}

				if _, found := lookup[key]; !found {
					self.Textures = append([]string{key}, self.Textures...)
					store[k] = self
				}
			} else if self.Background.A > 0 {
				lookup := make(map[string]struct{}, len(self.Textures))
				for _, v := range self.Textures {
					lookup[v] = struct{}{}
				}

				if _, found := lookup[key]; !found {
					// Only make the drawing if it's not found
					can := canvas.NewCanvas(wbw, hbw)
					can.BeginPath()
					can.SetFillStyle(self.Background.R, self.Background.G, self.Background.B, self.Background.A)
					can.SetLineWidth(10)
					can.RoundedRect(0, 0, float64(wbw), float64(hbw),
						[]float64{float64(self.Border.Radius.TopLeft), float64(self.Border.Radius.TopRight), float64(self.Border.Radius.BottomRight), float64(self.Border.Radius.BottomLeft)})
					can.Fill()
					can.ClosePath()

					shelf.Set(key, can.RGBA)
					self.Textures = append([]string{key}, self.Textures...)
					store[k] = self
				}
			}
		}
	}

	return store
}

func flatten(n *element.Node) []*element.Node {
	var nodes []*element.Node
	nodes = append(nodes, n)

	children := n.Children
	if len(children) > 0 {
		for _, ch := range children {
			chNodes := flatten(ch)
			nodes = append(nodes, chNodes...)
		}
	}
	return nodes
}

func View(data *Window, width, height int) {
	shelf := library.Shelf{
		Textures:   map[string]*image.RGBA{},
		References: map[string]bool{},
	}

	debug := false
	data.Document.Style["width"] = strconv.Itoa(int(width)) + "px"
	data.Document.Style["height"] = strconv.Itoa(int(height)) + "px"

	data.Adapter.Library = &shelf
	data.Adapter.Init(width, height)
	// wm.FPSCounterOn = true

	state := map[string]element.State{}
	state["ROOT"] = element.State{
		Width:  float32(width),
		Height: float32(height),
	}

	shouldStop := false

	var hash []byte

	// data.Document.Children[0] = AddStyles(data.CSS, data.Document.Children[0], &data.Document)

	var rd []element.State

	data.CSS.Options = data.Adapter.Options

	// Load init font
	if data.CSS.Fonts == nil {
		data.CSS.Fonts = map[string]imgFont.Face{}
	}
	fid := "Georgia 16px false false"
	if data.CSS.Fonts[fid] == nil {
		f, _ := font.LoadFont("Georgia", 16, 400, false)
		data.CSS.Fonts[fid] = f
	}

	newWidth, newHeight := width, height

	monitor := events.Monitor{
		EventMap: make(map[string]element.Event),
		Adapter:  data.Adapter,
		State:    &state,
		CSS:      &data.CSS,
		Focus: events.Focus{
			Nodes:               []string{},
			Selected:            -1,
			SoftFocused:         "",
			LastClickWasFocused: false,
		},
	}

	data.Adapter.AddEventListener("windowresize", func(e element.Event) {
		wh := e.Data.(map[string]int)
		newWidth = wh["width"]
		newHeight = wh["height"]
	})

	data.Adapter.AddEventListener("close", func(e element.Event) {
		shouldStop = true
	})

	currentEvent := events.EventData{}

	data.Adapter.AddEventListener("keydown", func(e element.Event) {
		currentEvent.Key = e.Data.(int)
		currentEvent.KeyState = true
		monitor.GetEvents(¤tEvent)
	})
	data.Adapter.AddEventListener("keyup", func(e element.Event) {
		currentEvent.Key = 0
		currentEvent.KeyState = false
		monitor.GetEvents(¤tEvent)
	})

	data.Adapter.AddEventListener("mousemove", func(e element.Event) {
		pos := e.Data.([]int)
		currentEvent.Position = pos
		monitor.GetEvents(¤tEvent)
	})

	data.Adapter.AddEventListener("scroll", func(e element.Event) {
		currentEvent.Scroll = e.Data.(int)
		monitor.GetEvents(¤tEvent)
		currentEvent.Scroll = 0
	})

	data.Adapter.AddEventListener("mousedown", func(e element.Event) {
		currentEvent.Click = true
		monitor.GetEvents(¤tEvent)
	})

	data.Adapter.AddEventListener("mouseup", func(e element.Event) {
		currentEvent.Click = false
		monitor.GetEvents(¤tEvent)
	})

	data.Adapter.AddEventListener("contextmenudown", func(e element.Event) {
		currentEvent.Context = true
		monitor.GetEvents(¤tEvent)
	})

	data.Adapter.AddEventListener("contextmenuup", func(e element.Event) {
		currentEvent.Context = true
		monitor.GetEvents(¤tEvent)
	})

	// Main game loop
	for !shouldStop {
		// lastChange := time.Now()

		if !shouldStop && debug {
			shouldStop = true
		}
		// Check if the window size has changed
		resize := false

		if newWidth != width || newHeight != height {
			resize = true
			// Window has been resized, handle the event
			width = newWidth
			height = newHeight

			data.CSS.Width = float32(width)
			data.CSS.Height = float32(height)

			data.Document.Style["width"] = strconv.Itoa(int(width)) + "px"
			data.Document.Style["height"] = strconv.Itoa(int(height)) + "px"
		}

		newHash, _ := hashStruct(&data.Document.Children[0])

		if !bytes.Equal(hash, newHash) || resize {
			// Updating the document here allow new element to be included into the event loop
			hash = newHash
			// fmt.Println("########################")
			// lastChange := time.Now()
			// lastChange1 := time.Now()

			newDoc := AddStyles(data.CSS, data.Document.Children[0], &data.Document)

			// fmt.Println("Copy Node: ", time.Since(lastChange1))
			// lastChange1 = time.Now()

			// This is where the document needs to be updated at
			newDoc = data.CSS.Transform(newDoc)
			// monitor.Document = newDoc
			// fmt.Println("Transform: ", time.Since(lastChange1))
			// lastChange1 = time.Now()

			state["ROOT"] = element.State{
				Width:  float32(width),
				Height: float32(height),
			}

			data.CSS.ComputeNodeStyle(newDoc, &state, &shelf) // speed up
			// fmt.Println("Compute Node Style: ", time.Since(lastChange1))
			// lastChange1 = time.Now()

			rd = data.Render(newDoc, &state, &shelf)
			// fmt.Println("Render: ", time.Since(lastChange1))
			// lastChange1 = time.Now()

			data.Adapter.Load(rd) // speed up
			// fmt.Println("Load: ", time.Since(lastChange1))
			// lastChange1 = time.Now()

			AddHTMLAndAttrs(&data.Document, &state)
			// fmt.Println("Add HTML: ", time.Since(lastChange1))

			data.Scripts.Run(&data.Document)
			// fmt.Println("#", time.Since(lastChange))
			shelf.Clean()
		}

		monitor.RunEvents(data.Document.Children[0])
		// if monitor.Focus != nil {
		// 	fmt.Println("FOCUS")
		// 	monitor.Focus.Focus()
		// }
		data.Adapter.Render(rd)
		// fmt.Println("#", time.Since(lastChange))

	}
}

func AddStyles(c cstyle.CSS, node *element.Node, parent *element.Node) *element.Node {
	n := *node
	n.Parent = parent

	n.Style, n.PseudoElements = c.GetStyles(&n)

	if len(node.Children) > 0 {
		n.Children = make([]*element.Node, 0, len(node.Children))
		for _, v := range node.Children {
			n.Children = append(n.Children, AddStyles(c, v, &n))
		}
	}

	return &n
}

func CreateNode(node *html.Node, parent *element.Node) {
	if node.Type == html.ElementNode {
		newNode := parent.CreateElement(node.Data)
		for _, attr := range node.Attr {
			if attr.Key == "class" {
				classes := strings.Split(attr.Val, " ")
				for _, class := range classes {
					newNode.ClassList.Add(class)
				}
			} else if attr.Key == "id" {
				newNode.Id = attr.Val
			} else if attr.Key == "contenteditable" && (attr.Val == "" || attr.Val == "true") {
				newNode.ContentEditable = true
			} else if attr.Key == "href" {
				newNode.Href = attr.Val
			} else if attr.Key == "src" {
				newNode.Src = attr.Val
			} else if attr.Key == "title" {
				newNode.Title = attr.Val
			} else if attr.Key == "tabindex" {
				newNode.TabIndex, _ = strconv.Atoi(attr.Val)
			} else {
				newNode.SetAttribute(attr.Key, attr.Val)
			}
		}
		newNode.InnerText = strings.TrimSpace(utils.GetInnerText(node))
		// Recursively traverse child nodes
		for child := node.FirstChild; child != nil; child = child.NextSibling {
			if child.Type == html.ElementNode {
				CreateNode(child, &newNode)
			}
		}
		parent.AppendChild(&newNode)

	} else {
		for child := node.FirstChild; child != nil; child = child.NextSibling {
			if child.Type == html.ElementNode {
				CreateNode(child, parent)
			}
		}
	}
}

func AddHTMLAndAttrs(n *element.Node, state *map[string]element.State) {
	// Head is not renderable
	s := (*state)
	n.InnerHTML = utils.InnerHTML(n)
	tag, closing := utils.NodeToHTML(n)
	n.OuterHTML = tag + n.InnerHTML + closing
	// !NOTE: This is the only spot you can pierce the vale
	n.ScrollHeight = s[n.Properties.Id].ScrollHeight
	for i := range n.Children {
		AddHTMLAndAttrs(n.Children[i], state)
	}
}

func parseHTMLFromFile(path string) ([]string, []string, *html.Node) {
	file, _ := os.Open(path)
	defer file.Close()

	scanner := bufio.NewScanner(file)
	var htmlContent string

	for scanner.Scan() {
		htmlContent += scanner.Text() + "\n"
	}

	htmlContent = removeHTMLComments(htmlContent)
	htmlContent = string(ConvertSelfClosingTags([]byte(htmlContent)))

	doc, _ := html.Parse(strings.NewReader(encapsulateText(removeWhitespaceBetweenTags(htmlContent))))

	// Extract stylesheet link tags and style tags
	stylesheets := extractStylesheets(doc, filepath.Dir(path))
	styleTags := extractStyleTags(doc)

	return stylesheets, styleTags, doc
}

func extractStylesheets(n *html.Node, baseDir string) []string {
	var stylesheets []string

	var dfs func(*html.Node)
	dfs = func(node *html.Node) {
		if node.Type == html.ElementNode && node.Data == "link" {
			var href string
			isStylesheet := false

			for _, attr := range node.Attr {
				if attr.Key == "rel" && attr.Val == "stylesheet" {
					isStylesheet = true
				} else if attr.Key == "href" {
					href = attr.Val
				}
			}

			if isStylesheet {
				resolvedHref := localizePath(baseDir, href)
				stylesheets = append(stylesheets, resolvedHref)
			}
		}

		for c := node.FirstChild; c != nil; c = c.NextSibling {
			dfs(c)
		}
	}

	dfs(n)
	return stylesheets
}

func extractStyleTags(n *html.Node) []string {
	var styleTags []string

	var dfs func(*html.Node)
	dfs = func(node *html.Node) {
		if node.Type == html.ElementNode && node.Data == "style" {
			var styleContent strings.Builder
			for c := node.FirstChild; c != nil; c = c.NextSibling {
				if c.Type == html.TextNode {
					styleContent.WriteString(c.Data)
				}
			}
			styleTags = append(styleTags, styleContent.String())
		}

		for c := node.FirstChild; c != nil; c = c.NextSibling {
			dfs(c)
		}
	}

	dfs(n)
	return styleTags
}

func localizePath(rootPath, filePath string) string {
	// Check if the file path has a scheme, indicating it's a URL
	u, err := url.Parse(filePath)
	if err == nil && u.Scheme != "" {
		return filePath
	}

	// Join the root path and the file path to create an absolute path
	absPath := filepath.Join(rootPath, filePath)

	// If the absolute path is the same as the original path, return it
	if absPath == filePath {
		return filePath
	}

	return "./" + absPath
}

func encapsulateText(htmlString string) string {
	openOpen := regexp.MustCompile(`(<\w+[^>]*>)([^<]+)(<\w+[^>]*>)`)
	closeOpen := regexp.MustCompile(`(]*>)([^<]+)(<\w+[^>]*>)`)
	closeClose := regexp.MustCompile(`(<\/\w+[^>]*>)([^<]+)(<\/\w+[^>]*>)`)
	a := matchFactory(openOpen)
	t := openOpen.ReplaceAllStringFunc(htmlString, a)
	// fmt.Println(t)
	b := matchFactory(closeOpen)
	u := closeOpen.ReplaceAllStringFunc(t, b)
	// fmt.Println(u)
	c := matchFactory(closeClose)
	v := closeClose.ReplaceAllStringFunc(u, c)
	// fmt.Println(v)
	return v
}

func matchFactory(re *regexp.Regexp) func(string) string {
	return func(match string) string {
		submatches := re.FindStringSubmatch(match)
		if len(submatches) != 4 {
			return match
		}

		// Process submatches
		if len(removeWhitespace(submatches[2])) > 0 {
			return submatches[1] + "" + submatches[2] + "" + submatches[3]
		} else {
			return match
		}
	}
}
func removeWhitespace(htmlString string) string {
	// Remove extra white space
	reSpaces := regexp.MustCompile(`\s+`)
	htmlString = reSpaces.ReplaceAllString(htmlString, " ")

	// Trim leading and trailing white space
	htmlString = strings.TrimSpace(htmlString)

	return htmlString
}

func removeHTMLComments(htmlString string) string {
	re := regexp.MustCompile(``)
	return re.ReplaceAllString(htmlString, "")
}

// important to allow the notspans to be injected, the spaces after removing the comments cause the regexp to fail
func removeWhitespaceBetweenTags(html string) string {
	// Create a regular expression to match spaces between angle brackets
	re := regexp.MustCompile(`>\s+<`)
	// Replace all matches of spaces between angle brackets with "><"
	return re.ReplaceAllString(html, "><")
}

// Function to hash a struct using SHA-256
func hashStruct(s interface{}) ([]byte, error) {
	// Convert struct to JSON
	jsonData, err := json.Marshal(s)
	if err != nil {
		return nil, err
	}

	// Hash the JSON data using SHA-256
	hasher := sha256.New()
	hasher.Write(jsonData)
	hash := hasher.Sum(nil)

	return hash, nil
}

// ConvertSelfClosingTags converts self-closing tags in the HTML to non-self-closing tags
func ConvertSelfClosingTags(html []byte) []byte {
	// Find the  section
	bodyStart := []byte("")
	bodyEnd := []byte("")

	startIndex := bytes.Index(html, bodyStart)
	endIndex := bytes.Index(html, bodyEnd)

	if startIndex == -1 || endIndex == -1 {
		// If  or  is not found, return the original HTML
		return html
	}

	// Extract the  content
	bodyContent := html[startIndex+len(bodyStart) : endIndex]

	// Regular expression to match self-closing tags (e.g., 
, , 
, etc.)
	re := regexp.MustCompile(`<(\w+)([^>]*?)/>`)
	// Replace the self-closing tag with the non-self-closing form
	convertedBody := re.ReplaceAllFunc(bodyContent, func(match []byte) []byte {
		// Extract the tag name and the attributes
		tagName := strings.Split(string(match), " ")[0][1:]
		attributes := string(match[len(tagName)+2 : len(match)-2])
		// Rebuild the tag as non-self-closing
		if attributes == "" {
			return []byte(fmt.Sprintf("<%s>", tagName, tagName))
		}
		return []byte(fmt.Sprintf("<%s %s>", tagName, attributes, tagName))
	})

	// Reassemble the HTML with the modified body
	return append(append(html[:startIndex+len(bodyStart)], convertedBody...), html[endIndex:]...)
}