diff --git a/napture/Cargo.lock b/napture/Cargo.lock
index 15805902..e32db677 100644
--- a/napture/Cargo.lock
+++ b/napture/Cargo.lock
@@ -177,6 +177,26 @@ dependencies = [
"windows-targets 0.52.5",
]
+[[package]]
+name = "const_format"
+version = "0.2.32"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e3a214c7af3d04997541b18d432afaff4c455e79e2029079647e72fc2bd27673"
+dependencies = [
+ "const_format_proc_macros",
+]
+
+[[package]]
+name = "const_format_proc_macros"
+version = "0.2.32"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c7f6ff08fd20f4f299298a28e2dfa8a8ba1036e6cd2460ac1de7b425d76f2500"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "unicode-xid",
+]
+
[[package]]
name = "core-foundation"
version = "0.9.4"
@@ -1983,6 +2003,12 @@ dependencies = [
"tinyvec",
]
+[[package]]
+name = "unicode-xid"
+version = "0.2.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f962df74c8c05a667b5ee8bcf162993134c104e96440b663c8daa176dc772d8c"
+
[[package]]
name = "url"
version = "2.5.0"
@@ -2125,6 +2151,7 @@ version = "1.3.0"
dependencies = [
"base64",
"chrono",
+ "const_format",
"directories",
"glib",
"glib-build-tools",
diff --git a/napture/Cargo.toml b/napture/Cargo.toml
index 25cae9e1..f03ef7ac 100644
--- a/napture/Cargo.toml
+++ b/napture/Cargo.toml
@@ -6,12 +6,13 @@ edition = "2021"
# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
[dependencies]
-adw = { version = "0.6.0", package = "libadwaita", features = ["v1_5"] }
+adw = { version = "0.6.0", package = "libadwaita", features = ["v1_4"] }
base64 = "0.22.1"
chrono = "0.4.38"
+const_format = "0.2.32"
directories = "5.0.1"
glib = "0.19.4"
-gtk = { version = "0.8.1", package = "gtk4", features = ["v4_14"] }
+gtk = { version = "0.8.1", package = "gtk4", features = ["v4_12"] }
html-escape = "0.2.13"
html_parser = "0.7.0"
lazy_static = "1.4.0"
diff --git a/napture/examples/base64_images/index.html b/napture/examples/base64_images/index.html
new file mode 100644
index 00000000..4ff0b1fa
--- /dev/null
+++ b/napture/examples/base64_images/index.html
@@ -0,0 +1,9 @@
+
+
+ base64_images
+
+
+ base64 images
+ 
+
+
diff --git a/napture/examples/clear_timeout/index.html b/napture/examples/clear_timeout/index.html
new file mode 100644
index 00000000..9a2ff271
--- /dev/null
+++ b/napture/examples/clear_timeout/index.html
@@ -0,0 +1,15 @@
+
+
+ clear_timeout
+
+
+
+ clear_timeout allows you to stop a set_timeout task
+ Text
+
+
+
+
+
+
+
diff --git a/napture/examples/clear_timeout/script.lua b/napture/examples/clear_timeout/script.lua
new file mode 100644
index 00000000..b643ef8a
--- /dev/null
+++ b/napture/examples/clear_timeout/script.lua
@@ -0,0 +1,26 @@
+local timeout_btn = get("timeout_btn")
+local clear_timeout_btn = get("clear_timeout_btn")
+local reset_btn = get("reset_btn")
+local text = get("text")
+local timeout
+
+timeout_btn.on_click(function()
+ if timeout ~= nil then
+ return
+ end
+
+ timeout = set_timeout(function()
+ text.set_content("Different Text")
+ timeout = nil
+ end, 3000)
+end)
+
+clear_timeout_btn.on_click(function()
+ if timeout == nil then return end
+ clear_timeout(timeout)
+ timeout = nil
+end)
+
+reset_btn.on_click(function()
+ text.set_content("Text")
+end)
diff --git a/napture/test/index.html b/napture/examples/full/index.html
similarity index 100%
rename from napture/test/index.html
rename to napture/examples/full/index.html
diff --git a/napture/test/script.lua b/napture/examples/full/script.lua
similarity index 100%
rename from napture/test/script.lua
rename to napture/examples/full/script.lua
diff --git a/napture/test/styles.css b/napture/examples/full/styles.css
similarity index 100%
rename from napture/test/styles.css
rename to napture/examples/full/styles.css
diff --git a/napture/examples/inner_html/index.html b/napture/examples/inner_html/index.html
new file mode 100644
index 00000000..e8863c54
--- /dev/null
+++ b/napture/examples/inner_html/index.html
@@ -0,0 +1,15 @@
+
+
+ set_timeout
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/napture/examples/inner_html/script.lua b/napture/examples/inner_html/script.lua
new file mode 100644
index 00000000..0a644da9
--- /dev/null
+++ b/napture/examples/inner_html/script.lua
@@ -0,0 +1,17 @@
+local btn = get("btn")
+local btn2 = get("btn2")
+local reset_btn = get("reset_btn")
+local text = get("text")
+
+btn.on_click(function()
+ text.append_html("")
+end)
+
+btn2.on_click(function()
+ text.set_inner_html("")
+ print(get(test))
+end)
+
+reset_btn.on_click(function()
+ text.set_inner_html("Text
")
+end)
diff --git a/napture/examples/inner_html/styles.css b/napture/examples/inner_html/styles.css
new file mode 100644
index 00000000..9b91fa4e
--- /dev/null
+++ b/napture/examples/inner_html/styles.css
@@ -0,0 +1,8 @@
+text {
+ direction: column;
+ gap: 5px;
+}
+
+test {
+ font-size: 20px;
+}
diff --git a/napture/examples/inputs/index.html b/napture/examples/inputs/index.html
new file mode 100644
index 00000000..b6853ba7
--- /dev/null
+++ b/napture/examples/inputs/index.html
@@ -0,0 +1,14 @@
+
+
+
+ inputs
+
+
+
+ Inputs!
+
+
+ default input:
+
+
+
diff --git a/napture/examples/inputs/styles.css b/napture/examples/inputs/styles.css
new file mode 100644
index 00000000..45fac98c
--- /dev/null
+++ b/napture/examples/inputs/styles.css
@@ -0,0 +1,4 @@
+input-long {
+ width: 300px;
+ height: 35px;
+}
diff --git a/napture/examples/lists/index.html b/napture/examples/lists/index.html
new file mode 100644
index 00000000..94c6be50
--- /dev/null
+++ b/napture/examples/lists/index.html
@@ -0,0 +1,24 @@
+
+
+
+ lists
+
+
+
+
+ -
+ links ?
+
we got them 😎
+
+ - You can also just use text
+
+
+
+
diff --git a/napture/examples/lists/styles.css b/napture/examples/lists/styles.css
new file mode 100644
index 00000000..4f7108a1
--- /dev/null
+++ b/napture/examples/lists/styles.css
@@ -0,0 +1,9 @@
+text-big {
+ font-size: 20px;
+}
+
+li {
+ gap: 5px;
+ direction: row;
+}
+
diff --git a/napture/examples/require/folder/anotherfolder/print.lua b/napture/examples/require/folder/anotherfolder/print.lua
new file mode 100644
index 00000000..88e3c67a
--- /dev/null
+++ b/napture/examples/require/folder/anotherfolder/print.lua
@@ -0,0 +1,4 @@
+print(__script_path)
+return function(arg)
+ print("DEBUG: " .. arg)
+end
diff --git a/napture/examples/require/folder/hello.lua b/napture/examples/require/folder/hello.lua
new file mode 100644
index 00000000..6a923374
--- /dev/null
+++ b/napture/examples/require/folder/hello.lua
@@ -0,0 +1,6 @@
+print(__script_path)
+local printtest = require("anotherfolder/print.lua")
+
+return function()
+ printtest("Hello, World!")
+end
diff --git a/napture/examples/require/index.html b/napture/examples/require/index.html
new file mode 100644
index 00000000..9e609c9c
--- /dev/null
+++ b/napture/examples/require/index.html
@@ -0,0 +1,14 @@
+
+
+
+ require
+
+
+
+ script relative paths test
+
+ test
+
+
+
+
diff --git a/napture/examples/require/script.lua b/napture/examples/require/script.lua
new file mode 100644
index 00000000..bd1ae1d0
--- /dev/null
+++ b/napture/examples/require/script.lua
@@ -0,0 +1,7 @@
+print(__script_path)
+local printtest = require("folder/anotherfolder/print.lua")
+local hello = require("folder/hello.lua")
+hello()
+printtest("yo")
+
+require("https://raw.githubusercontent.com/face-hh/webx/master/napture/test/script.lua")
diff --git a/napture/examples/set_timeout/index.html b/napture/examples/set_timeout/index.html
index 6cd2391a..f2bcee7b 100644
--- a/napture/examples/set_timeout/index.html
+++ b/napture/examples/set_timeout/index.html
@@ -12,6 +12,5 @@
-