Author: LakeFox
Email: [email protected]
Date: Sat, 18 May 2024 15:57:20 -0600
docs/gui/index.html
transformers and text are working
Commits
ae78990ed5b06e02833bd8e578a3af1df49adc00 ae742fdbda42322f4fa1d30761f516bf1ad45a70 1ae1fe418977632fafe3e61c5f02e87f0cad6c87 099527773e9bc03b40b9ce5d8a492ebbcdebcf32 b6acff3a27a7c66e35ab7ea5ffe48f1a69efaf11 07144afe32b8dd752fc4d80efd81529e2df9e4e5 ca735fa2c136dd5f35a5ccf2ffe2133b906c7f94 e2ea9c897ee1e89f89cd5c043632326348191b3a 10f4ce166028ee8ff926170d4d9e17d54e63a4a4 4bd704181610864a1fc4ebe65f20220ea1f1c00b 1c468e139a0f87655e4222b8512c38bec429d067 d8d6cadd2741b05c7a121ccb6753c5a48b8ad1b4 4c0529a8475408ee41d4e4dbd9c969db14594d37 ed8180f077d294d1e2f347f6c30d2977e8670b42 9113424c26a247352fe7b111fff39d1562f6c342 f783d5cacccf047368f8f20fc687bf5ad8f6f66a 66084134570c2a3d87e1336a2ab2ca50341b93b2 031df3b2fd4851345dd6f4c443057141d5b9e65b baf5d8cc1ccf27d14e4e58edcc4c170bba6445df e9c8f7961cf8b188938535b318b50397a76268ba 29572e238d6ba3f401717032bd12a2f409bf1ea9 d6025b04ef9516745adae85a478cbf9f98433597 476d6415583067674f395660961e33b9b40c3e66 906dd99de66ad7df92011a52fb19e0319224741e 4c44132d28d06548d2c90c2f8ca72dd3047fa52d 79e4c754771ba514b29a36e96a7570f266de3c41 36aaa13c4ea4d1235c64febfe9a8fd797037bbb2 6d4b83918686647193953a59c166baf7455b4996 c6a1e4a5102e9a3b5045957c22a0a73ac1a7ca4c db934f090648cdcd96e2f5f12a9bad762c60bfcd 7af8fc3f425ca3814ce1088fbd8a7f82513a1bb2 1c650539c11b715b14ee9013ad7d7faa8f733a7a 717ed8747f4df855c63e13ff95dcab720b8713cd 1c786f0d0efe1a47c285564824c9503881bef393 af527f354d956456e2e71a7f81f1470e74888e69 94ded12a3e3953459ccfbec2f225cecb43b47c73 c0081dc2f877de951fd8b0cd37136568a7ebb586 cbc825d6b458d50debc5913c6b5ed442138d7462 0a3baa3c4708754c79d023ad0addb4cbfb2844c2 a07b34e07b359327e413ccb7ea2dcdf1a91504de 4bf00213a866402775b162fb6f4b7b0bc37a8af7 1b690fa946047f4b897b417d8bc3b02c54cfdb2d 83b05e82a5f28bbe288565ae8a65943ba681cb4a 37d58d4f9de6af12611dada7ba5ae42d51ef05c6 8bbfc0ded0504595111765963d396a4574773e05 81049efedf0b3b521fb2949d8eb03d5ba681b0a5 6dcb369a2fa2bb69f94598fb4224a1349a80db6c c3e4d0cb62570c56ef5bc530f57eeea613f083fc 82d0fbb470daae4091bf30fb57707d66bd193992 166ec9ab6f4a3af0fe522a7dbe166951d2b39b31 992895a8842900d9a0803e7099611d650aba257d 4904b0b2812f9f0f45a59f2efacae89dabe9fe7c 36beac951788f5fb7ab2eeb3381300b07993bfe8 541818a92a5be6442879cd9b3420e1ef27f6e663 43ac3a1bbe6e727869a26ab8697c035eb60577fa d2afd27150a869ff41b8e100e82f20af54146105 0374f24d4685954662fa9db05939a8cbcd492b1c ed04d15b29d4df0329e8a4725c1a371a5cb0a20e 39fc4123096b04a4584b48d6efbb1acd5acacbf9 18315df2eb529bab6c5c79607ecb94626b170ae6 c519a195b90ad689d60d85365252e433b7488eaf d0d2839012c26032488bfe657797b4b590f926c7 8e0cb82ccac15fbc3e08bb53b148563e62437a44 d4413acd4dbad43507018f24e0456a9bc432d156 0dc05886b3ae0c59667f03a245e0728ab094f130 c9a3652d779d9700d9a9d797fd0c58d349a58de1 76425d002c70c3d853c117389a3b407efc53c7c2 fb409ef93b05cd4268e83c7201da73b6b29d482a da1cce88d00f7f7c373df1ce66b18e26e3a2d6e9 fa74cd48bb8959855c9d6b874f874671611611f7 610079be424f3a72ad02aa62e1c89607481750e0 60fda643c807730c3774beaa10a0910a31a4278a 6d2bcdcad816fd2b31c612fe45d3fd5a2fb14f98 b2d960e7d263bee55badbca47dc5d4d4f2d61084 f2ba1e3a96dd571d142c5a37c462743a21148e5f 25cbd33758fdb18f79aa1cf6500d1c1c024ee516 cde2d71846d1f69e5f386d354006465d61a4d19c cf708c22c45491dbdbbdbbb4450b08969f2e33bc 7bda495fbc9ea2c3aa87ac73a5cf4881eecf1482 9499d6967b394b70a22d9be34f47ee1b7a3fc55e 3aa3e67cd8ab769bc2c12b46fc77b11be2b1a0dd abed4927dc46e3e952fd21472f7ae4150ee16044 73953118e02b4c2d8159279624810dddd75e9100 031e4b18d91d825b56ef1e9eda5f1638bcd26629 fa3e1c57efa140ea58f56c6abf1f5f12f9bf2c7d a9b1b82a40fa6c462a9919b2832a89eb6bb47784 a8bf5e2504bdbe257686d48c2bfcaf061abfc95d e2830e4a6650ca8a1c53116a6d86f2975951dbbf 4a48b4c6905999527a7fc8d32e53d8c347c9ac74 9cfdb8c7ddce3a1b34a6590d8872f820601c2c53 128fad8298e89eadafa5feea43ca94f5115b9090 95d4595418fa814d47707441f2dc98d07eac12d6 5e35f7131d999b406eaeafc689374e3426845e6d 3402992fd25a64838e7acecfba3fad645c6c2511 8fcabdf5a34e7d80de988c10426c27adb0622087 1884dd57148595841cfb324f5b812d8640964978 6008cc8c3444f86d729ae5a81ae26919da1bb516 03d40c0d7e8feda38add1d89e3805df74997d915 810685c4aac0a651beaecd0488443a3b293b315d a666abc115c6693b355d5a8ef9cdfc3d77a088ca bcd3619f96c4157ee5b6450bc2bd1f23f27c9d81 9c428f6ab674582e022ea469ef2ac1e3f7ccb933 6e99df4296470d349da01f2e29698dbb34692a0f ed739dfaeb1ca5da10b2c75236faee40bacaf851 006a9351f3320662bff0b96d5d27daa1ba4e52e4 d6b38763cf83ad275aed0450151a97098f48859a 4ea031466d93057705a52caf2dfa21929b215730 a1bead3d96a11f4badedbd5a6eb984473c1cd309 7aa36472009f43cad843b465f67d2927f3428fdf 5f875adcd63ebd9ac9dfaef3ea16e6a6d3735503 4c0cc347e5e52d8ed99e84d42b309c4541d9280c c3de867fbbc27aaefba7aa88f97b5b1406c7c58e 00754639948b6612016ed5c434e97f44e7c65ed6 ffe16b1e768209b1c2021301a142b7fcd9a35a4b 800e568c600187f7228b228874ad20fb57f35166 d36b349e0eea73e99253b64fae3afeb5c4c276ca a7d8eff776e4e28a85e7835ee7ff6d50775748e7 bd0bd280c89d5d742e0ef13673c854436657466f 42da0bb422cdca21c8491af40ca9631206d8e964 e81415f70bedf456983b18692b4ae04355f15283 09c0a9a40ca6d8a8b6eaa6f06ce3f8c2440f7ee1 26eaa5b9c8cc2a84f9de04e17e01f201c122989e 649f49d0618e3c8cb940c4d259a536dfcc66020f 27ec987a8e8a9bc645f6cd38d9f8d5d52e7dbedb eb566ec8284ba205d27699a9bf465e26158b5098 4bdf14d6decad2ef14a77c108227273dd700e9a3 5598cb31dc238e16f58da2f793a1e2f7f5768dba 0bfe812e3d1f25756efcf92162961f5d55c3a5d8 9f96c81ba868d6269f3698c64ca8a83e74b0510f d5f01925db8323eeabbc43ec1b72a685da00dd6b f09195ec50a24c35947cb52feca1978ac5599871 0a10380275edaffc88632ef444a15b15c47ec17e 3f08ca6c77812c1d39f2949d2bab7416c77cc4ca af784841593347b2fd440fb78872fe9ac0fe1c09 9aa492880457b6fc20968f5d036cb6fe912e8964 c622cc4a0d279b98570b0af11fc67278e3355556 4d5dead4c4d3b3e34198e59e6ee0f6b3ca7c64b1 2191ceb040dd58a0794250e9e6c795a509b9fad5 775c1d3bc761967ff2f0a83e345c951117a5e9aa ace03eee6a19e6a12ad12c25e310ac3d223d2d48 f10dbc643cb334dc70657a086a38aadb59b59e29 ea63ec4d6f32b8a652d495d9c66d777313271e4a 038178b09b92d678107449519b75a977a08f45e9 f9cdbbb9ebfc1db9261b430427aa719be56a53c1 0a200674c645cf59ae69f25a25440db0b89c0c30 2e7189bb5db8a803c0ade25613a50bfcc264746a e6ca3edcf724fb8f2457423d9261ab73faf1f5da 6ff2d4a7c2fbc14ea856eb891f019c7978905834 72fac5e32be9bbf531dc8e324f2b865eb265ec4f 351cd2077d369fc0a9b9ec8675ede29288d41f35 061dd2a2659df35d1edd4ba74d67e6e72b531bf7 3c32ab918568bf4f59b0a8b393020de888dc2c3e 08fa11670d73b4f71226541761e09a99fc8a17c9 9d94e556f3eb471fd312af194ca7c4b82b67da6c db70db80c56513ebad6b95b66273e623198c5f44 e666311a274481b4af90702c916004ccbf9b6d8a 9780e12fa7acfb3a5be7d4171068c8c100858c53 baee9c1074cbf844b7c4a3c837ebb17f7861d075 0aae4ce623c90bfd7ea6c4f20967bf50001dc22f c8b42e81407d55a6444986deb435fa8144822c49 9e9967bb87524a82ae9411ca974d3b081ec52c53 3eac611da268444f07e1f718ffd18c7f47bc2a4c fbb2b3a689be07c57cde471e651ba06d7ecf7316 28d61bf3fae304b22ce0380c93a6f997e8c77e32 992c464588845b09ff2b4a61b5de719b9cdaf356 716fff934be2016bc00b2fcf17e19bc0ecfdeeb0 69a2005824c09fa33828ec5ffa24b9df8cd5bcc0 4fa6810e9e944c7d0c4ff06bed6a534e33869034 8dbbcec096317e9016c2f3478be4d458dbb34ad8 2c7c01be15245ae8997185fee247c00106cc81db 5af9b8d40ec97f5741d9a69161ef4aa10c879724 c9851e1b750de6c324c749b4bff5725d79e2b610 0a9f5a297bb97486fc23bb3a0bb39cb8b5b8cc27 aa4bda96b90fab60bf383c255d60b9580b5b6a31 cd8a892d7f6ca71c5d591d4282d98083462d77fe 98cc1a202fd2dbf27e87378c1588edc5eb1c3d60 d3068f5500a98d2a2b71d4c01d5296477224b743 1b28153bff1449200899115d4a1d9f612fac716c d992717d5df7bf68a5907446f9b31c78b5a01f51 497033c40c559bceb5c7980c8d48bd1d935188e3 d967a66b91fd990264e5a4b134385d80e5980c57 a397e9dda8244b6977adb9daeb5ab5ddff6e6140 60b804dc01593469962dae00a1e4004f0a8d7c53 a7b240cf9199d727e494b97ad2d9b65440a9ef1c 2458e3538eef44deb6f3d6a4831aef19414fd0ed c19139b782f5124ea86fc1610fe13ea85f77a279 c67f095bcad89fc6e6b635792a96ed0ed295e1a8 9ecebc8512dbb2a0ed61df1901eafd3832893bf8 95a551f86f299d7f8b424c26da3ff77400368fed ae5c8d61d8c75ed4b01dac60edd37859bc8f9d8f e54f11cae13b053a44afe10cdb47b65f535caca9 9b4fcfd0bee437354defe7e0f431857ff21c0edb ee5c2a995e1b9affef5a8e12f23cff8b0813d2ab 034c3e1601aaa0cba81118030a849485eea2b7ea 0cce165ede3a66867a863d5cb86afff5db406587 375b4fd6eca2d9d63959f9c755de6f8c5d89d302 8bec92a21036bedb734571d443f7b1a14daaa6eb 14d0b11516cd8bbdea84a3fa6cf53cff9619d902 c1e77a9311a8679328d0dc1337dd940682296927 6ab614d3e218d4c5cb3f69001a71350d3d7c65ec 77f6db23a5b65257959cc55e03eff09ee8f25cfc 64b7a40bb5620ec0522d9609fc961cff9cafe68a 62dca0c033d444aa579970c4c871b802c2a82d60 21f5480d3441d7c918a817368172bc14d714a3e8 3fc038d8db20f298b843a7eeeb31f25abf5a2788 492236c84ca4cfc3d8aea9d32d75b6a65a2fe52a 759a12b81483024d52d7b2055f66d675c05ea372 50580213060d8392a2da78eec0b8f08adddeba62 6374e3bb760d470dacdadfc14ef7cb824d9e194c 964b76fe981ab840a2cbc8a807789abae92ae660 b30861536f72d0ffc97c8780b62759fb764ed40b 5edb09e6ea1ba70cdac64a2196481b1f038301c2 34eeb6773589a95ecf66484b999cf443e57632d0 4ee9c48fa4b6f983c03acf77e8d04720fe43e1a6 88ebb8d8af483c96640f7df804e87fca20284c4d ce9fadbe2bd8bac62b475a387a8577f8a806fd52 9e7eb5f80cde5398270e1c4c85258118e22fe8ef a19227e38c38ceb21695ac14ea7754002980cf55 4277bc56f4490533734b1ed78fb5a9c8575f7afb 424479529f31e00ff3263795d42218a026fa528a 91c0289a560e3f3860d7b39549010adf917b8d1b 62a80750f59f92786acc48b18c3365d021bc5590 c0de5849434d88dd115eac9e5bc8eafcd0a0fa76 f869b8a4d7f88ac88437c9f3cfb4416784990e98 ee80bb3fe9cdd54af1ce4aba7f5e2fd136a2499c 8563a689d5957e4fd3ff9fecfbf97def28de4bff de8179675f9250b28678671addf56e33e5829e79 43b815a08101d267bc5d937d0b003a419bb2abd9 9e4164f6b3f847f371351a324905def648ea1747 1f26e1cc07a0de2edb516769b74e99b965b6d75d c36c0e51aad0f40f3f61406e786ba198ab6d90f9 c727bae4cb644789b0a975ec665c8b02652d4651 a61b91abb5ba8128c1438cc59b2f054c71f28d2a 2e1cecf0bba482b9976f3d8f274611195b0cf2f8 707ef18dccda6b917e1b421291e47e658555b3d2 b456956bfd85041b5b70b50d5fb2eaf3c9de64f2 f39d14d001e3dd0e73c4f8200f4132b47ebb40d3 9f0bcb8f5d1922199afb7bc8f8bb57bb10d0fe12 e877036f029a0198d9da39775443c8ac2132309b 2391f2f3881dbdabf96ca33c931e9cd5f42cedc9 82189594b7e20243f5ece31c6f7b804d6b83b0d7 5abd3260994cc77992f5c6437bdcdf45c32d9867 2519053ee4c5b2ce1c2851fee0d47d612d27aa1f 05584371da7da40cdab309ea2809c51c02069384 b61c8342cee8a0942ce276c2d2de773347ab4dcd c7b80824ade46956377b955838b73325d6fbe4d9 9866874e4701f30f1a293a7fd2e5d242bbf82c4f 2308aecbde415948894a55e53201c5abb7184039 e8b44094228f41fa5996788b977d07072fcf87a6 2facd93337f682bd8aa1222805c46720a53edc99 2d9288cec441356241f7d59d120de06ee7b97fdd
Diff
diff --git a/docs/gui/index.html b/docs/gui/index.html
index 583c07e..ecc1b6c 100644
--- a/docs/gui/index.html
+++ b/docs/gui/index.html
@@ -46,131 +46,131 @@
-  9	"gui/cstyle"
- 10	"gui/cstyle/plugins/flex"
- 11	"gui/cstyle/plugins/inline"
- 12	"gui/cstyle/plugins/textAlign"
- 13	"gui/cstyle/transformers/text"
- 14	"gui/window"
- 15
- 16	"gui/element"
- 17	"gui/events"
- 18	"gui/utils"
- 19	"net/url"
- 20	"os"
- 21	"path/filepath"
- 22	"regexp"
- 23	"strconv"
- 24	"strings"
- 25
- 26	rl "github.com/gen2brain/raylib-go/raylib"
- 27	"golang.org/x/net/html"
- 28)
- 29
- 30// _ "net/http/pprof"
- 31
- 32//go:embed master.css
- 33var mastercss string
- 34
- 35type Window struct {
- 36	CSS      cstyle.CSS
- 37	Document element.Node
- 38	Adapter  func()
- 39}
- 40
- 41func Open(path string) Window {
- 42	window := New()
- 43
- 44	styleSheets, styleTags, htmlNodes := parseHTMLFromFile(path)
- 45
- 46	for _, v := range styleSheets {
- 47		window.CSS.StyleSheet(v)
- 48	}
- 49
- 50	for _, v := range styleTags {
- 51		window.CSS.StyleTag(v)
- 52	}
- 53
- 54	CreateNode(htmlNodes, &window.Document)
- 55
- 56	return window
- 57}
- 58
- 59func New() Window {
- 60	css := cstyle.CSS{
- 61		Width:  800,
- 62		Height: 450,
- 63	}
- 64
- 65	css.StyleTag(mastercss)
- 66	// This is still apart of computestyle
- 67	// css.AddPlugin(position.Init())
- 68	css.AddPlugin(inline.Init())
- 69	// css.AddPlugin(block.Init())
- 70	css.AddPlugin(textAlign.Init())
- 71	// css.AddPlugin(inlineText.Init())
- 72	css.AddPlugin(flex.Init())
- 73
- 74	css.AddTransformer(text.Init())
- 75
- 76	el := element.Node{}
- 77	document := el.CreateElement("ROOT")
- 78	document.Style["width"] = "800px"
- 79	document.Style["height"] = "450px"
- 80	document.Properties.Id = "ROOT"
- 81	return Window{
- 82		CSS:      css,
- 83		Document: document,
- 84	}
- 85}
- 86
- 87func (w *Window) Render(doc element.Node, state *map[string]element.State) []element.State {
- 88	s := *state
- 89
- 90	flatDoc := flatten(doc)
- 91
- 92	store := []element.State{}
- 93
- 94	keys := []string{}
- 95
- 96	for _, v := range flatDoc {
- 97		store = append(store, s[v.Properties.Id])
- 98		keys = append(keys, v.Properties.Id)
- 99	}
-100
-101	// Create a set of keys to keep
-102	keysSet := make(map[string]struct{}, len(keys))
-103	for _, key := range keys {
-104		keysSet[key] = struct{}{}
-105	}
-106
-107	// Iterate over the map and delete keys not in the set
-108	for k := range s {
-109		if _, found := keysSet[k]; !found {
-110			delete(s, k)
-111		}
-112	}
-113
-114	return store
-115}
-116
-117func flatten(n element.Node) []element.Node {
-118	var nodes []element.Node
-119	nodes = append(nodes, n)
-120
-121	children := n.Children
-122	if len(children) > 0 {
-123		for _, ch := range children {
-124			chNodes := flatten(ch)
-125			nodes = append(nodes, chNodes...)
-126		}
-127	}
-128	return nodes
-129}
-130
-131// !ISSUE: Need to make it skip over non modified elements
-132
-133func View(data *Window, width, height int32) {
-134	debug := false
-135	data.Document.Style["width"] = strconv.Itoa(int(width)) + "px"
-136	data.Document.Style["height"] = strconv.Itoa(int(height)) + "px"
-137
-138	wm := window.NewWindowManager()
-139	wm.FPS = true
+  9	"fmt"
+ 10	"gui/cstyle"
+ 11	"gui/cstyle/plugins/flex"
+ 12	"gui/cstyle/plugins/inline"
+ 13	"gui/cstyle/plugins/textAlign"
+ 14	"gui/cstyle/transformers/text"
+ 15	"gui/window"
+ 16
+ 17	"gui/element"
+ 18	"gui/events"
+ 19	"gui/utils"
+ 20	"net/url"
+ 21	"os"
+ 22	"path/filepath"
+ 23	"regexp"
+ 24	"strconv"
+ 25	"strings"
+ 26
+ 27	rl "github.com/gen2brain/raylib-go/raylib"
+ 28	"golang.org/x/net/html"
+ 29)
+ 30
+ 31// _ "net/http/pprof"
+ 32
+ 33//go:embed master.css
+ 34var mastercss string
+ 35
+ 36type Window struct {
+ 37	CSS      cstyle.CSS
+ 38	Document element.Node
+ 39	Adapter  func()
+ 40}
+ 41
+ 42func Open(path string) Window {
+ 43	window := New()
+ 44
+ 45	styleSheets, styleTags, htmlNodes := parseHTMLFromFile(path)
+ 46
+ 47	for _, v := range styleSheets {
+ 48		window.CSS.StyleSheet(v)
+ 49	}
+ 50
+ 51	for _, v := range styleTags {
+ 52		window.CSS.StyleTag(v)
+ 53	}
+ 54
+ 55	CreateNode(htmlNodes, &window.Document)
+ 56
+ 57	return window
+ 58}
+ 59
+ 60func New() Window {
+ 61	css := cstyle.CSS{
+ 62		Width:  800,
+ 63		Height: 450,
+ 64	}
+ 65
+ 66	css.StyleTag(mastercss)
+ 67	// This is still apart of computestyle
+ 68	// css.AddPlugin(position.Init())
+ 69	css.AddPlugin(inline.Init())
+ 70	// css.AddPlugin(block.Init())
+ 71	css.AddPlugin(textAlign.Init())
+ 72	// css.AddPlugin(inlineText.Init())
+ 73	css.AddPlugin(flex.Init())
+ 74
+ 75	css.AddTransformer(text.Init())
+ 76
+ 77	el := element.Node{}
+ 78	document := el.CreateElement("ROOT")
+ 79	document.Style["width"] = "800px"
+ 80	document.Style["height"] = "450px"
+ 81	document.Properties.Id = "ROOT"
+ 82	return Window{
+ 83		CSS:      css,
+ 84		Document: document,
+ 85	}
+ 86}
+ 87
+ 88func (w *Window) Render(doc element.Node, state map[string]element.State) []element.State {
+ 89	flatDoc := flatten(doc)
+ 90	// fmt.Println(len(flatDoc))
+ 91	store := []element.State{}
+ 92
+ 93	for _, v := range flatDoc {
+ 94		store = append(store, state[v.Properties.Id])
+ 95	}
+ 96	return store
+ 97}
+ 98
+ 99func flatten(n element.Node) []element.Node {
+100	var nodes []element.Node
+101	nodes = append(nodes, n)
+102
+103	children := n.Children
+104	if len(children) > 0 {
+105		for _, ch := range children {
+106			chNodes := flatten(ch)
+107			nodes = append(nodes, chNodes...)
+108		}
+109	}
+110	return nodes
+111}
+112
+113// !ISSUE: Need to make it skip over non modified elements
+114
+115func View(data *Window, width, height int32) {
+116	debug := false
+117	data.Document.Style["width"] = strconv.Itoa(int(width)) + "px"
+118	data.Document.Style["height"] = strconv.Itoa(int(height)) + "px"
+119
+120	wm := window.NewWindowManager()
+121	wm.FPS = true
+122
+123	wm.OpenWindow(width, height)
+124	defer wm.CloseWindow()
+125
+126	evts := map[string]element.EventList{}
+127
+128	eventStore := &evts
+129
+130	state := map[string]element.State{}
+131
+132	state["ROOT"] = element.State{
+133		Style: map[string]string{
+134			"width":  strconv.Itoa(int(width)) + "px",
+135			"height": strconv.Itoa(int(height)) + "px",
+136		},
+137	}
+138
+139	shouldStop := false
@@ -178,2 +178,2 @@
-141	wm.OpenWindow(width, height)
-142	defer wm.CloseWindow()
+141	var hash []byte
+142	var rd []element.State
@@ -181,10 +181,10 @@
-144	evts := map[string]element.EventList{}
-145
-146	eventStore := &evts
-147
-148	state := map[string]element.State{}
-149
-150	shouldStop := false
-151
-152	var hash []byte
-153	var rd []element.State
+144	// Main game loop
+145	for !wm.WindowShouldClose() && !shouldStop {
+146		// fmt.Println("######################")
+147		rl.BeginDrawing()
+148		if !shouldStop && debug {
+149			shouldStop = true
+150		}
+151		// Check if the window size has changed
+152		newWidth := int32(rl.GetScreenWidth())
+153		newHeight := int32(rl.GetScreenHeight())
@@ -192,22 +192,22 @@
-155	// Main game loop
-156	for !wm.WindowShouldClose() && !shouldStop {
-157		// fmt.Println("######################")
-158		rl.BeginDrawing()
-159		if !shouldStop && debug {
-160			shouldStop = true
-161		}
-162		// Check if the window size has changed
-163		newWidth := int32(rl.GetScreenWidth())
-164		newHeight := int32(rl.GetScreenHeight())
-165
-166		resize := false
-167
-168		if newWidth != width || newHeight != height {
-169			resize = true
-170			rl.ClearBackground(rl.RayWhite)
-171			// Window has been resized, handle the event
-172			width = newWidth
-173			height = newHeight
-174
-175			data.CSS.Width = float32(width)
-176			data.CSS.Height = float32(height)
+155		resize := false
+156
+157		if newWidth != width || newHeight != height {
+158			resize = true
+159			rl.ClearBackground(rl.RayWhite)
+160			// Window has been resized, handle the event
+161			width = newWidth
+162			height = newHeight
+163
+164			data.CSS.Width = float32(width)
+165			data.CSS.Height = float32(height)
+166
+167			state["ROOT"].Style["width"] = strconv.Itoa(int(width)) + "px"
+168			state["ROOT"].Style["height"] = strconv.Itoa(int(height)) + "px"
+169		}
+170
+171		newHash, _ := hashStruct(&data.Document.Children[0])
+172		eventStore = events.GetEvents(&data.Document.Children[0], &state, eventStore)
+173		if !bytes.Equal(hash, newHash) || resize {
+174			// fmt.Println("##############################################")
+175			hash = newHash
+176			newDoc := CopyNode(data.Document.Children[0], &data.Document)
@@ -215,20 +215,20 @@
-178			data.Document.Style["width"] = strconv.Itoa(int(width)) + "px"
-179			data.Document.Style["height"] = strconv.Itoa(int(height)) + "px"
-180		}
-181
-182		newHash, _ := hashStruct(&data.Document.Children[0])
-183		eventStore = events.GetEvents(&data.Document.Children[0], &state, eventStore)
-184		if !bytes.Equal(hash, newHash) || resize {
-185			hash = newHash
-186			newDoc := CopyNode(data.CSS, data.Document.Children[0], &data.Document)
-187
-188			newDoc = data.CSS.Transform(newDoc)
-189
-190			data.CSS.ComputeNodeStyle(&newDoc, &state)
-191			rd = data.Render(newDoc, &state)
-192			wm.LoadTextures(rd)
-193			// !TODO: Clear out state
-194			// !NOTE: Add inner and outerhtml here
-195			AddHTML(&data.Document)
-196		}
-197		wm.Draw(rd)
+178			newDoc = data.CSS.Transform(newDoc)
+179
+180			fmt.Println(utils.InnerHTML(newDoc))
+181			// fmt.Println(newDoc.QuerySelector("h1").InnerText, "hima")
+182			data.CSS.ComputeNodeStyle(&newDoc, &state)
+183			rd = data.Render(newDoc, state)
+184			wm.LoadTextures(rd)
+185			// !TODO: Clear out state
+186			// + fix transforms to allow all element methods
+187			// + run get styles before transforms are ran? this breaks the flow of the self.Styles... unless styles is made when CopyNode is ran
+188			// + clean up could be put there
+189			fmt.Println(len(state))
+190			// for v := range state {
+191			// 	fmt.Println(v)
+192			// }
+193			// !NOTE: Add inner and outerhtml here
+194		}
+195		wm.Draw(rd)
+196
+197		events.RunEvents(eventStore)
@@ -236,27 +236,27 @@
-199		events.RunEvents(eventStore)
-200
-201		rl.EndDrawing()
-202	}
-203}
-204
-205func CopyNode(c cstyle.CSS, node element.Node, parent *element.Node) element.Node {
-206	n := element.Node{}
-207	n.TagName = node.TagName
-208	n.InnerText = node.InnerText
-209	n.Style = node.Style
-210	n.Id = node.Id
-211	n.ClassList = node.ClassList
-212	n.Href = node.Href
-213	n.Src = node.Src
-214	n.Title = node.Title
-215	n.Attribute = node.Attribute
-216	n.Value = node.Value
-217	n.ScrollY = node.ScrollY
-218	n.InnerHTML = node.InnerHTML
-219	n.OuterHTML = node.OuterHTML
-220	n.Properties.Id = node.Properties.Id
-221	n.Properties.Focusable = node.Properties.Focusable
-222	n.Properties.Focused = node.Properties.Focused
-223	n.Properties.Editable = node.Properties.Editable
-224	n.Properties.Hover = node.Properties.Hover
-225	n.Properties.Selected = node.Properties.Selected
+199		rl.EndDrawing()
+200	}
+201}
+202
+203func CopyNode(node element.Node, parent *element.Node) element.Node {
+204	n := element.Node{}
+205	n.TagName = node.TagName
+206	n.InnerText = node.InnerText
+207	n.Style = node.Style
+208	n.Id = node.Id
+209	n.ClassList = node.ClassList
+210	n.Href = node.Href
+211	n.Src = node.Src
+212	n.Title = node.Title
+213	n.Attribute = node.Attribute
+214	n.Value = node.Value
+215	n.ScrollY = node.ScrollY
+216	n.InnerHTML = node.InnerHTML
+217	n.OuterHTML = node.OuterHTML
+218	n.Properties.Id = node.Properties.Id
+219	n.Properties.Focusable = node.Properties.Focusable
+220	n.Properties.Focused = node.Properties.Focused
+221	n.Properties.Editable = node.Properties.Editable
+222	n.Properties.Hover = node.Properties.Hover
+223	n.Properties.Selected = node.Properties.Selected
+224
+225	n.Parent = parent
@@ -264,57 +264,57 @@
-227	n.Parent = parent
-228
-229	n.Style = c.GetStyles(n)
-230
-231	for _, v := range node.Children {
-232		n.Children = append(n.Children, CopyNode(c, v, &n))
-233	}
-234	return n
-235}
-236
-237func CreateNode(node *html.Node, parent *element.Node) {
-238	if node.Type == html.ElementNode {
-239		newNode := parent.CreateElement(node.Data)
-240		for _, attr := range node.Attr {
-241			if attr.Key == "class" {
-242				classes := strings.Split(attr.Val, " ")
-243				for _, class := range classes {
-244					newNode.ClassList.Add(class)
-245				}
-246			} else if attr.Key == "id" {
-247				newNode.Id = attr.Val
-248			} else if attr.Key == "contenteditable" && (attr.Val == "" || attr.Val == "true") {
-249				newNode.Properties.Editable = true
-250			} else if attr.Key == "href" {
-251				newNode.Href = attr.Val
-252			} else if attr.Key == "src" {
-253				newNode.Src = attr.Val
-254			} else if attr.Key == "title" {
-255				newNode.Title = attr.Val
-256			} else {
-257				newNode.SetAttribute(attr.Key, attr.Val)
-258			}
-259		}
-260		newNode.InnerText = strings.TrimSpace(utils.GetInnerText(node))
-261		// Recursively traverse child nodes
-262		for child := node.FirstChild; child != nil; child = child.NextSibling {
-263			if child.Type == html.ElementNode {
-264				CreateNode(child, &newNode)
-265			}
-266		}
-267		parent.AppendChild(newNode)
-268
-269	} else {
-270		for child := node.FirstChild; child != nil; child = child.NextSibling {
-271			if child.Type == html.ElementNode {
-272				CreateNode(child, parent)
-273			}
-274		}
-275	}
-276}
-277
-278func AddHTML(n *element.Node) {
-279	n.InnerHTML = utils.InnerHTML(*n)
-280	tag, closing := utils.NodeToHTML(*n)
-281	n.OuterHTML = tag + n.InnerHTML + closing
-282	for i := range n.Children {
-283		AddHTML(&n.Children[i])
+227	for _, v := range node.Children {
+228		n.Children = append(n.Children, CopyNode(v, &n))
+229	}
+230	return n
+231}
+232
+233func CreateNode(node *html.Node, parent *element.Node) {
+234	if node.Type == html.ElementNode {
+235		newNode := parent.CreateElement(node.Data)
+236		for _, attr := range node.Attr {
+237			if attr.Key == "class" {
+238				classes := strings.Split(attr.Val, " ")
+239				for _, class := range classes {
+240					newNode.ClassList.Add(class)
+241				}
+242			} else if attr.Key == "id" {
+243				newNode.Id = attr.Val
+244			} else if attr.Key == "contenteditable" && (attr.Val == "" || attr.Val == "true") {
+245				newNode.Properties.Editable = true
+246			} else if attr.Key == "href" {
+247				newNode.Href = attr.Val
+248			} else if attr.Key == "src" {
+249				newNode.Src = attr.Val
+250			} else if attr.Key == "title" {
+251				newNode.Title = attr.Val
+252			} else {
+253				newNode.SetAttribute(attr.Key, attr.Val)
+254			}
+255		}
+256		newNode.InnerText = strings.TrimSpace(utils.GetInnerText(node))
+257		// Recursively traverse child nodes
+258		for child := node.FirstChild; child != nil; child = child.NextSibling {
+259			if child.Type == html.ElementNode {
+260				CreateNode(child, &newNode)
+261			}
+262		}
+263		parent.AppendChild(newNode)
+264
+265	} else {
+266		for child := node.FirstChild; child != nil; child = child.NextSibling {
+267			if child.Type == html.ElementNode {
+268				CreateNode(child, parent)
+269			}
+270		}
+271	}
+272
+273}
+274
+275func parseHTMLFromFile(path string) ([]string, []string, *html.Node) {
+276	file, _ := os.Open(path)
+277	defer file.Close()
+278
+279	scanner := bufio.NewScanner(file)
+280	var htmlContent string
+281
+282	for scanner.Scan() {
+283		htmlContent += scanner.Text() + "\n"
@@ -322,8 +322,8 @@
-285}
-286
-287func parseHTMLFromFile(path string) ([]string, []string, *html.Node) {
-288	file, _ := os.Open(path)
-289	defer file.Close()
-290
-291	scanner := bufio.NewScanner(file)
-292	var htmlContent string
+285
+286	htmlContent = removeHTMLComments(htmlContent)
+287
+288	doc, _ := html.Parse(strings.NewReader(encapsulateText(removeWhitespaceBetweenTags(htmlContent))))
+289
+290	// Extract stylesheet link tags and style tags
+291	stylesheets := extractStylesheets(doc, filepath.Dir(path))
+292	styleTags := extractStyleTags(doc)
@@ -331,5 +331,5 @@
-294	for scanner.Scan() {
-295		htmlContent += scanner.Text() + "\n"
-296	}
-297
-298	htmlContent = removeHTMLComments(htmlContent)
+294	return stylesheets, styleTags, doc
+295}
+296
+297func extractStylesheets(n *html.Node, baseDir string) []string {
+298	var stylesheets []string
@@ -337,5 +337,5 @@
-300	doc, _ := html.Parse(strings.NewReader(encapsulateText(removeWhitespaceBetweenTags(htmlContent))))
-301
-302	// Extract stylesheet link tags and style tags
-303	stylesheets := extractStylesheets(doc, filepath.Dir(path))
-304	styleTags := extractStyleTags(doc)
+300	var dfs func(*html.Node)
+301	dfs = func(node *html.Node) {
+302		if node.Type == html.ElementNode && node.Data == "link" {
+303			var href string
+304			isStylesheet := false
@@ -343,25 +343,25 @@
-306	return stylesheets, styleTags, doc
-307}
-308
-309func extractStylesheets(n *html.Node, baseDir string) []string {
-310	var stylesheets []string
-311
-312	var dfs func(*html.Node)
-313	dfs = func(node *html.Node) {
-314		if node.Type == html.ElementNode && node.Data == "link" {
-315			var href string
-316			isStylesheet := false
-317
-318			for _, attr := range node.Attr {
-319				if attr.Key == "rel" && attr.Val == "stylesheet" {
-320					isStylesheet = true
-321				} else if attr.Key == "href" {
-322					href = attr.Val
-323				}
-324			}
-325
-326			if isStylesheet {
-327				resolvedHref := localizePath(baseDir, href)
-328				stylesheets = append(stylesheets, resolvedHref)
-329			}
-330		}
+306			for _, attr := range node.Attr {
+307				if attr.Key == "rel" && attr.Val == "stylesheet" {
+308					isStylesheet = true
+309				} else if attr.Key == "href" {
+310					href = attr.Val
+311				}
+312			}
+313
+314			if isStylesheet {
+315				resolvedHref := localizePath(baseDir, href)
+316				stylesheets = append(stylesheets, resolvedHref)
+317			}
+318		}
+319
+320		for c := node.FirstChild; c != nil; c = c.NextSibling {
+321			dfs(c)
+322		}
+323	}
+324
+325	dfs(n)
+326	return stylesheets
+327}
+328
+329func extractStyleTags(n *html.Node) []string {
+330	var styleTags []string
@@ -369,11 +369,11 @@
-332		for c := node.FirstChild; c != nil; c = c.NextSibling {
-333			dfs(c)
-334		}
-335	}
-336
-337	dfs(n)
-338	return stylesheets
-339}
-340
-341func extractStyleTags(n *html.Node) []string {
-342	var styleTags []string
+332	var dfs func(*html.Node)
+333	dfs = func(node *html.Node) {
+334		if node.Type == html.ElementNode && node.Data == "style" {
+335			var styleContent strings.Builder
+336			for c := node.FirstChild; c != nil; c = c.NextSibling {
+337				if c.Type == html.TextNode {
+338					styleContent.WriteString(c.Data)
+339				}
+340			}
+341			styleTags = append(styleTags, styleContent.String())
+342		}
@@ -381,109 +381,97 @@
-344	var dfs func(*html.Node)
-345	dfs = func(node *html.Node) {
-346		if node.Type == html.ElementNode && node.Data == "style" {
-347			var styleContent strings.Builder
-348			for c := node.FirstChild; c != nil; c = c.NextSibling {
-349				if c.Type == html.TextNode {
-350					styleContent.WriteString(c.Data)
-351				}
-352			}
-353			styleTags = append(styleTags, styleContent.String())
-354		}
-355
-356		for c := node.FirstChild; c != nil; c = c.NextSibling {
-357			dfs(c)
-358		}
-359	}
-360
-361	dfs(n)
-362	return styleTags
-363}
-364
-365func localizePath(rootPath, filePath string) string {
-366	// Check if the file path has a scheme, indicating it's a URL
-367	u, err := url.Parse(filePath)
-368	if err == nil && u.Scheme != "" {
-369		return filePath
-370	}
-371
-372	// Join the root path and the file path to create an absolute path
-373	absPath := filepath.Join(rootPath, filePath)
-374
-375	// If the absolute path is the same as the original path, return it
-376	if absPath == filePath {
-377		return filePath
-378	}
-379
-380	return "./" + absPath
-381}
-382
-383func encapsulateText(htmlString string) string {
-384	openOpen := regexp.MustCompile(`(<\w+[^>]*>)([^<]+)(<\w+[^>]*>)`)
-385	closeOpen := regexp.MustCompile(`(</\w+[^>]*>)([^<]+)(<\w+[^>]*>)`)
-386	closeClose := regexp.MustCompile(`(<\/\w+[^>]*>)([^<]+)(<\/\w+[^>]*>)`)
-387	a := matchFactory(openOpen)
-388	t := openOpen.ReplaceAllStringFunc(htmlString, a)
-389	// fmt.Println(t)
-390	b := matchFactory(closeOpen)
-391	u := closeOpen.ReplaceAllStringFunc(t, b)
-392	// fmt.Println(u)
-393	c := matchFactory(closeClose)
-394	v := closeClose.ReplaceAllStringFunc(u, c)
-395	// fmt.Println(v)
-396	return v
-397}
-398
-399func matchFactory(re *regexp.Regexp) func(string) string {
-400	return func(match string) string {
-401		submatches := re.FindStringSubmatch(match)
-402		if len(submatches) != 4 {
-403			return match
-404		}
-405
-406		// Process submatches
-407		if len(removeWhitespace(submatches[2])) > 0 {
-408			return submatches[1] + "<text>" + submatches[2] + "</text>" + submatches[3]
-409		} else {
-410			return match
-411		}
-412	}
-413}
-414func removeWhitespace(htmlString string) string {
-415	// Remove extra white space
-416	reSpaces := regexp.MustCompile(`\s+`)
-417	htmlString = reSpaces.ReplaceAllString(htmlString, " ")
-418
-419	// Trim leading and trailing white space
-420	htmlString = strings.TrimSpace(htmlString)
-421
-422	return htmlString
-423}
-424
-425func removeHTMLComments(htmlString string) string {
-426	re := regexp.MustCompile(`<!--[\s\S]*?-->`)
-427	return re.ReplaceAllString(htmlString, "")
-428}
-429
-430// important to allow the notspans to be injected, the spaces after removing the comments cause the regexp to fail
-431func removeWhitespaceBetweenTags(html string) string {
-432	// Create a regular expression to match spaces between angle brackets
-433	re := regexp.MustCompile(`>\s+<`)
-434	// Replace all matches of spaces between angle brackets with "><"
-435	return re.ReplaceAllString(html, "><")
-436}
-437
-438// Function to hash a struct using SHA-256
-439func hashStruct(s interface{}) ([]byte, error) {
-440	// Convert struct to JSON
-441	jsonData, err := json.Marshal(s)
-442	if err != nil {
-443		return nil, err
-444	}
-445
-446	// Hash the JSON data using SHA-256
-447	hasher := sha256.New()
-448	hasher.Write(jsonData)
-449	hash := hasher.Sum(nil)
-450
-451	return hash, nil
-452}
+344		for c := node.FirstChild; c != nil; c = c.NextSibling {
+345			dfs(c)
+346		}
+347	}
+348
+349	dfs(n)
+350	return styleTags
+351}
+352
+353func localizePath(rootPath, filePath string) string {
+354	// Check if the file path has a scheme, indicating it's a URL
+355	u, err := url.Parse(filePath)
+356	if err == nil && u.Scheme != "" {
+357		return filePath
+358	}
+359
+360	// Join the root path and the file path to create an absolute path
+361	absPath := filepath.Join(rootPath, filePath)
+362
+363	// If the absolute path is the same as the original path, return it
+364	if absPath == filePath {
+365		return filePath
+366	}
+367
+368	return "./" + absPath
+369}
+370
+371func encapsulateText(htmlString string) string {
+372	openOpen := regexp.MustCompile(`(<\w+[^>]*>)([^<]+)(<\w+[^>]*>)`)
+373	closeOpen := regexp.MustCompile(`(</\w+[^>]*>)([^<]+)(<\w+[^>]*>)`)
+374	closeClose := regexp.MustCompile(`(<\/\w+[^>]*>)([^<]+)(<\/\w+[^>]*>)`)
+375	a := matchFactory(openOpen)
+376	t := openOpen.ReplaceAllStringFunc(htmlString, a)
+377	// fmt.Println(t)
+378	b := matchFactory(closeOpen)
+379	u := closeOpen.ReplaceAllStringFunc(t, b)
+380	// fmt.Println(u)
+381	c := matchFactory(closeClose)
+382	v := closeClose.ReplaceAllStringFunc(u, c)
+383	// fmt.Println(v)
+384	return v
+385}
+386
+387func matchFactory(re *regexp.Regexp) func(string) string {
+388	return func(match string) string {
+389		submatches := re.FindStringSubmatch(match)
+390		if len(submatches) != 4 {
+391			return match
+392		}
+393
+394		// Process submatches
+395		if len(removeWhitespace(submatches[2])) > 0 {
+396			return submatches[1] + "<text>" + submatches[2] + "</text>" + submatches[3]
+397		} else {
+398			return match
+399		}
+400	}
+401}
+402func removeWhitespace(htmlString string) string {
+403	// Remove extra white space
+404	reSpaces := regexp.MustCompile(`\s+`)
+405	htmlString = reSpaces.ReplaceAllString(htmlString, " ")
+406
+407	// Trim leading and trailing white space
+408	htmlString = strings.TrimSpace(htmlString)
+409
+410	return htmlString
+411}
+412
+413func removeHTMLComments(htmlString string) string {
+414	re := regexp.MustCompile(`<!--[\s\S]*?-->`)
+415	return re.ReplaceAllString(htmlString, "")
+416}
+417
+418// important to allow the notspans to be injected, the spaces after removing the comments cause the regexp to fail
+419func removeWhitespaceBetweenTags(html string) string {
+420	// Create a regular expression to match spaces between angle brackets
+421	re := regexp.MustCompile(`>\s+<`)
+422	// Replace all matches of spaces between angle brackets with "><"
+423	return re.ReplaceAllString(html, "><")
+424}
+425
+426// Function to hash a struct using SHA-256
+427func hashStruct(s interface{}) ([]byte, error) {
+428	// Convert struct to JSON
+429	jsonData, err := json.Marshal(s)
+430	if err != nil {
+431		return nil, err
+432	}
+433
+434	// Hash the JSON data using SHA-256
+435	hasher := sha256.New()
+436	hasher.Write(jsonData)
+437	hash := hasher.Sum(nil)
+438
+439	return hash, nil
+440}


    
        
        
        
        
        GRIM UI 
        
        
        
        
    
    
        
        

GUI

GUI is the source package

# Open?(go)

# New?(go)

# View?(go)

# CreateNode?(go)

# extractStylesheets?(go)

# extractStyleTags?(go)

# localizePath?(go)

# encapsulateText?(go)

# matchFactory?(go)

# removeWhitespace?(go)

# removeHTMLComments?(go)

  1package gui
  2
  3import (
  4	"bufio"
  5	"bytes"
  6	"crypto/sha256"
  7	_ "embed"
  8	"encoding/json"
  9	"gui/cstyle"
 10	"gui/cstyle/plugins/flex"
 11	"gui/cstyle/plugins/inline"
 12	"gui/cstyle/plugins/textAlign"
 13	"gui/cstyle/transformers/text"
 14	"gui/window"
 15
 16	"gui/element"
 17	"gui/events"
 18	"gui/utils"
 19	"net/url"
 20	"os"
 21	"path/filepath"
 22	"regexp"
 23	"strconv"
 24	"strings"
 25
 26	rl "github.com/gen2brain/raylib-go/raylib"
 27	"golang.org/x/net/html"
 28)
 29
 30// _ "net/http/pprof"
 31
 32//go:embed master.css
 33var mastercss string
 34
 35type Window struct {
 36	CSS      cstyle.CSS
 37	Document element.Node
 38	Adapter  func()
 39}
 40
 41func Open(path string) Window {
 42	window := New()
 43
 44	styleSheets, styleTags, htmlNodes := parseHTMLFromFile(path)
 45
 46	for _, v := range styleSheets {
 47		window.CSS.StyleSheet(v)
 48	}
 49
 50	for _, v := range styleTags {
 51		window.CSS.StyleTag(v)
 52	}
 53
 54	CreateNode(htmlNodes, &window.Document)
 55
 56	return window
 57}
 58
 59func New() Window {
 60	css := cstyle.CSS{
 61		Width:  800,
 62		Height: 450,
 63	}
 64
 65	css.StyleTag(mastercss)
 66	// This is still apart of computestyle
 67	// css.AddPlugin(position.Init())
 68	css.AddPlugin(inline.Init())
 69	// css.AddPlugin(block.Init())
 70	css.AddPlugin(textAlign.Init())
 71	// css.AddPlugin(inlineText.Init())
 72	css.AddPlugin(flex.Init())
 73
 74	css.AddTransformer(text.Init())
 75
 76	el := element.Node{}
 77	document := el.CreateElement("ROOT")
 78	document.Style["width"] = "800px"
 79	document.Style["height"] = "450px"
 80	document.Properties.Id = "ROOT"
 81	return Window{
 82		CSS:      css,
 83		Document: document,
 84	}
 85}
 86
 87func (w *Window) Render(doc element.Node, state *map[string]element.State) []element.State {
 88	s := *state
 89
 90	flatDoc := flatten(doc)
 91
 92	store := []element.State{}
 93
 94	keys := []string{}
 95
 96	for _, v := range flatDoc {
 97		store = append(store, s[v.Properties.Id])
 98		keys = append(keys, v.Properties.Id)
 99	}
100
101	// Create a set of keys to keep
102	keysSet := make(map[string]struct{}, len(keys))
103	for _, key := range keys {
104		keysSet[key] = struct{}{}
105	}
106
107	// Iterate over the map and delete keys not in the set
108	for k := range s {
109		if _, found := keysSet[k]; !found {
110			delete(s, k)
111		}
112	}
113
114	return store
115}
116
117func flatten(n element.Node) []element.Node {
118	var nodes []element.Node
119	nodes = append(nodes, n)
120
121	children := n.Children
122	if len(children) > 0 {
123		for _, ch := range children {
124			chNodes := flatten(ch)
125			nodes = append(nodes, chNodes...)
126		}
127	}
128	return nodes
129}
130
131// !ISSUE: Need to make it skip over non modified elements
132
133func View(data *Window, width, height int32) {
134	debug := false
135	data.Document.Style["width"] = strconv.Itoa(int(width)) + "px"
136	data.Document.Style["height"] = strconv.Itoa(int(height)) + "px"
137
138	wm := window.NewWindowManager()
139	wm.FPS = true
140
141	wm.OpenWindow(width, height)
142	defer wm.CloseWindow()
143
144	evts := map[string]element.EventList{}
145
146	eventStore := &evts
147
148	state := map[string]element.State{}
149
150	shouldStop := false
151
152	var hash []byte
153	var rd []element.State
154
155	// Main game loop
156	for !wm.WindowShouldClose() && !shouldStop {
157		// fmt.Println("######################")
158		rl.BeginDrawing()
159		if !shouldStop && debug {
160			shouldStop = true
161		}
162		// Check if the window size has changed
163		newWidth := int32(rl.GetScreenWidth())
164		newHeight := int32(rl.GetScreenHeight())
165
166		resize := false
167
168		if newWidth != width || newHeight != height {
169			resize = true
170			rl.ClearBackground(rl.RayWhite)
171			// Window has been resized, handle the event
172			width = newWidth
173			height = newHeight
174
175			data.CSS.Width = float32(width)
176			data.CSS.Height = float32(height)
177
178			data.Document.Style["width"] = strconv.Itoa(int(width)) + "px"
179			data.Document.Style["height"] = strconv.Itoa(int(height)) + "px"
180		}
181
182		newHash, _ := hashStruct(&data.Document.Children[0])
183		eventStore = events.GetEvents(&data.Document.Children[0], &state, eventStore)
184		if !bytes.Equal(hash, newHash) || resize {
185			hash = newHash
186			newDoc := CopyNode(data.CSS, data.Document.Children[0], &data.Document)
187
188			newDoc = data.CSS.Transform(newDoc)
189
190			data.CSS.ComputeNodeStyle(&newDoc, &state)
191			rd = data.Render(newDoc, &state)
192			wm.LoadTextures(rd)
193			// !TODO: Clear out state
194			// !NOTE: Add inner and outerhtml here
195			AddHTML(&data.Document)
196		}
197		wm.Draw(rd)
198
199		events.RunEvents(eventStore)
200
201		rl.EndDrawing()
202	}
203}
204
205func CopyNode(c cstyle.CSS, node element.Node, parent *element.Node) element.Node {
206	n := element.Node{}
207	n.TagName = node.TagName
208	n.InnerText = node.InnerText
209	n.Style = node.Style
210	n.Id = node.Id
211	n.ClassList = node.ClassList
212	n.Href = node.Href
213	n.Src = node.Src
214	n.Title = node.Title
215	n.Attribute = node.Attribute
216	n.Value = node.Value
217	n.ScrollY = node.ScrollY
218	n.InnerHTML = node.InnerHTML
219	n.OuterHTML = node.OuterHTML
220	n.Properties.Id = node.Properties.Id
221	n.Properties.Focusable = node.Properties.Focusable
222	n.Properties.Focused = node.Properties.Focused
223	n.Properties.Editable = node.Properties.Editable
224	n.Properties.Hover = node.Properties.Hover
225	n.Properties.Selected = node.Properties.Selected
226
227	n.Parent = parent
228
229	n.Style = c.GetStyles(n)
230
231	for _, v := range node.Children {
232		n.Children = append(n.Children, CopyNode(c, v, &n))
233	}
234	return n
235}
236
237func CreateNode(node *html.Node, parent *element.Node) {
238	if node.Type == html.ElementNode {
239		newNode := parent.CreateElement(node.Data)
240		for _, attr := range node.Attr {
241			if attr.Key == "class" {
242				classes := strings.Split(attr.Val, " ")
243				for _, class := range classes {
244					newNode.ClassList.Add(class)
245				}
246			} else if attr.Key == "id" {
247				newNode.Id = attr.Val
248			} else if attr.Key == "contenteditable" && (attr.Val == "" || attr.Val == "true") {
249				newNode.Properties.Editable = true
250			} else if attr.Key == "href" {
251				newNode.Href = attr.Val
252			} else if attr.Key == "src" {
253				newNode.Src = attr.Val
254			} else if attr.Key == "title" {
255				newNode.Title = attr.Val
256			} else {
257				newNode.SetAttribute(attr.Key, attr.Val)
258			}
259		}
260		newNode.InnerText = strings.TrimSpace(utils.GetInnerText(node))
261		// Recursively traverse child nodes
262		for child := node.FirstChild; child != nil; child = child.NextSibling {
263			if child.Type == html.ElementNode {
264				CreateNode(child, &newNode)
265			}
266		}
267		parent.AppendChild(newNode)
268
269	} else {
270		for child := node.FirstChild; child != nil; child = child.NextSibling {
271			if child.Type == html.ElementNode {
272				CreateNode(child, parent)
273			}
274		}
275	}
276}
277
278func AddHTML(n *element.Node) {
279	n.InnerHTML = utils.InnerHTML(*n)
280	tag, closing := utils.NodeToHTML(*n)
281	n.OuterHTML = tag + n.InnerHTML + closing
282	for i := range n.Children {
283		AddHTML(&n.Children[i])
284	}
285}
286
287func parseHTMLFromFile(path string) ([]string, []string, *html.Node) {
288	file, _ := os.Open(path)
289	defer file.Close()
290
291	scanner := bufio.NewScanner(file)
292	var htmlContent string
293
294	for scanner.Scan() {
295		htmlContent += scanner.Text() + "\n"
296	}
297
298	htmlContent = removeHTMLComments(htmlContent)
299
300	doc, _ := html.Parse(strings.NewReader(encapsulateText(removeWhitespaceBetweenTags(htmlContent))))
301
302	// Extract stylesheet link tags and style tags
303	stylesheets := extractStylesheets(doc, filepath.Dir(path))
304	styleTags := extractStyleTags(doc)
305
306	return stylesheets, styleTags, doc
307}
308
309func extractStylesheets(n *html.Node, baseDir string) []string {
310	var stylesheets []string
311
312	var dfs func(*html.Node)
313	dfs = func(node *html.Node) {
314		if node.Type == html.ElementNode && node.Data == "link" {
315			var href string
316			isStylesheet := false
317
318			for _, attr := range node.Attr {
319				if attr.Key == "rel" && attr.Val == "stylesheet" {
320					isStylesheet = true
321				} else if attr.Key == "href" {
322					href = attr.Val
323				}
324			}
325
326			if isStylesheet {
327				resolvedHref := localizePath(baseDir, href)
328				stylesheets = append(stylesheets, resolvedHref)
329			}
330		}
331
332		for c := node.FirstChild; c != nil; c = c.NextSibling {
333			dfs(c)
334		}
335	}
336
337	dfs(n)
338	return stylesheets
339}
340
341func extractStyleTags(n *html.Node) []string {
342	var styleTags []string
343
344	var dfs func(*html.Node)
345	dfs = func(node *html.Node) {
346		if node.Type == html.ElementNode && node.Data == "style" {
347			var styleContent strings.Builder
348			for c := node.FirstChild; c != nil; c = c.NextSibling {
349				if c.Type == html.TextNode {
350					styleContent.WriteString(c.Data)
351				}
352			}
353			styleTags = append(styleTags, styleContent.String())
354		}
355
356		for c := node.FirstChild; c != nil; c = c.NextSibling {
357			dfs(c)
358		}
359	}
360
361	dfs(n)
362	return styleTags
363}
364
365func localizePath(rootPath, filePath string) string {
366	// Check if the file path has a scheme, indicating it's a URL
367	u, err := url.Parse(filePath)
368	if err == nil && u.Scheme != "" {
369		return filePath
370	}
371
372	// Join the root path and the file path to create an absolute path
373	absPath := filepath.Join(rootPath, filePath)
374
375	// If the absolute path is the same as the original path, return it
376	if absPath == filePath {
377		return filePath
378	}
379
380	return "./" + absPath
381}
382
383func encapsulateText(htmlString string) string {
384	openOpen := regexp.MustCompile(`(<\w+[^>]*>)([^<]+)(<\w+[^>]*>)`)
385	closeOpen := regexp.MustCompile(`(</\w+[^>]*>)([^<]+)(<\w+[^>]*>)`)
386	closeClose := regexp.MustCompile(`(<\/\w+[^>]*>)([^<]+)(<\/\w+[^>]*>)`)
387	a := matchFactory(openOpen)
388	t := openOpen.ReplaceAllStringFunc(htmlString, a)
389	// fmt.Println(t)
390	b := matchFactory(closeOpen)
391	u := closeOpen.ReplaceAllStringFunc(t, b)
392	// fmt.Println(u)
393	c := matchFactory(closeClose)
394	v := closeClose.ReplaceAllStringFunc(u, c)
395	// fmt.Println(v)
396	return v
397}
398
399func matchFactory(re *regexp.Regexp) func(string) string {
400	return func(match string) string {
401		submatches := re.FindStringSubmatch(match)
402		if len(submatches) != 4 {
403			return match
404		}
405
406		// Process submatches
407		if len(removeWhitespace(submatches[2])) > 0 {
408			return submatches[1] + "<text>" + submatches[2] + "</text>" + submatches[3]
409		} else {
410			return match
411		}
412	}
413}
414func removeWhitespace(htmlString string) string {
415	// Remove extra white space
416	reSpaces := regexp.MustCompile(`\s+`)
417	htmlString = reSpaces.ReplaceAllString(htmlString, " ")
418
419	// Trim leading and trailing white space
420	htmlString = strings.TrimSpace(htmlString)
421
422	return htmlString
423}
424
425func removeHTMLComments(htmlString string) string {
426	re := regexp.MustCompile(`<!--[\s\S]*?-->`)
427	return re.ReplaceAllString(htmlString, "")
428}
429
430// important to allow the notspans to be injected, the spaces after removing the comments cause the regexp to fail
431func removeWhitespaceBetweenTags(html string) string {
432	// Create a regular expression to match spaces between angle brackets
433	re := regexp.MustCompile(`>\s+<`)
434	// Replace all matches of spaces between angle brackets with "><"
435	return re.ReplaceAllString(html, "><")
436}
437
438// Function to hash a struct using SHA-256
439func hashStruct(s interface{}) ([]byte, error) {
440	// Convert struct to JSON
441	jsonData, err := json.Marshal(s)
442	if err != nil {
443		return nil, err
444	}
445
446	// Hash the JSON data using SHA-256
447	hasher := sha256.New()
448	hasher.Write(jsonData)
449	hash := hasher.Sum(nil)
450
451	return hash, nil
452}