Merge branch 'main' into theme

remove erroneous vscode folder

.gitignore

@@ -9,3 +9,6 @@ export_presets.cfg
 # Mono-specific ignores
 .mono/
 data_*/
+
+# VSCode config folder
+.vscode/

Main.gd

@@ -17,26 +17,7 @@ func _start_server(port: int = 3001) -> void:
 		return
 
 	_server = HTTPServer.new()
-	var dir := Directory.new()
-	if dir.open(server_dir) == OK:
-		if dir.list_dir_begin() != OK:
-			# TODO: show error to user here
-			return
-		var file_name := dir.get_next()
-		while file_name != "":
-			if !dir.current_is_dir():
-				if file_name.get_extension() == "import":
-					file_name = dir.get_next()
-					continue
-
-				print(file_name)
-
-				_server.endpoint(HTTPServer.Method.GET, "/%s" % file_name, funcref(self, "_serve_file"), [file_name])
-
-			file_name = dir.get_next()
-
-		_server.endpoint(HTTPServer.Method.GET, "/", funcref(self, "_serve_file"), ["index.html"])
-
+	_server.endpoint(HTTPServer.Method.GET, "/", funcref(self, "_serve_file"))
 
 	if _server.listen(port) != OK:
 		# TODO: show error to user here
@@ -62,27 +43,25 @@ func _process(_delta: float) -> void:
 		return
 
 
-func _serve_file(_request: HTTPServer.Request, response: HTTPServer.Response, binds: Array) -> void:
-	var file_name: String = binds[0] as String
-	print(file_name)
-
+func _serve_file(request: HTTPServer.Request, response: HTTPServer.Response) -> void:
+	var file_name: String = request.endpoint()
+	if file_name == "/": # if the request is for root, serve index
+		file_name = "index.html"
 	var f := File.new()
-	var success = f.open("res://server_files/%s" % file_name, File.READ)
-
-	if success == OK:
+	var success = f.open(server_dir.plus_file(file_name), File.READ)
 
+	if success == OK: # TODO: handle other errors like file not found
 		var mime := mime_types.get(file_name)
-		response.header("content-type", mime.full_type)
+		response.type(mime)
 
-		# variant
-		# warning-ignore:incompatible_ternary
-		var data = f.get_as_text() if mime.type == 'text' else f.get_buffer(f.get_len())
+		var data = f.get_buffer(f.get_len())
 
 		response.data(data)
 
 	else:
-		response.header("content-type", "text/plain")
-		response.data("500 - Read Error")
+		response.type(mime_types.get("txt"))
+		response.status(500)
+		response.data("Internal Server Error")
 
 
 func _on_ServerUI_start_server_button_pressed(port: int, new_dir: String) -> void:
@@ -92,3 +71,7 @@ func _on_ServerUI_start_server_button_pressed(port: int, new_dir: String) -> voi
 
 func _on_ServerUI_stop_server_button_pressed() -> void:
 	_stop_server()
+
+
+func _on_ServerUI_server_folder_changed(new_path: String) -> void:
+	server_dir = new_path

Main.tscn

@@ -1,14 +1,17 @@
-[gd_scene load_steps=3 format=2]
+[gd_scene load_steps=4 format=2]
 
 [ext_resource path="res://Main.gd" type="Script" id=1]
 [ext_resource path="res://ServerUI.tscn" type="PackedScene" id=2]
+[ext_resource path="res://theme/default_theme.theme" type="Theme" id=3]
 
 [node name="Main" type="Control"]
 anchor_right = 1.0
 anchor_bottom = 1.0
+theme = ExtResource( 3 )
 script = ExtResource( 1 )
 
 [node name="ServerUI" parent="." instance=ExtResource( 2 )]
 
+[connection signal="server_folder_changed" from="ServerUI" to="." method="_on_ServerUI_server_folder_changed"]
 [connection signal="start_server_button_pressed" from="ServerUI" to="." method="_on_ServerUI_start_server_button_pressed"]
 [connection signal="stop_server_button_pressed" from="ServerUI" to="." method="_on_ServerUI_stop_server_button_pressed"]

README.md

@@ -1,9 +1,9 @@
-# Godot frontend for Ticle
+# Godot frontend for Tickle
 
-Ticle is a WIP tiny static site "generator" that parses Markdown files right in the browser, with no compilation to HTML necessary, intended for equally tiny blogs.
+Tickle is a WIP tiny static site "generator" that parses Markdown files right in the browser, with no compilation to HTML necessary, intended for equally tiny blogs.
 
-This project aims to provide a nice frontend/UI to manage Ticle files and an easy way to run your site locally.
+This project aims to provide a nice frontend/UI to manage Tickle files and an easy way to run your site locally.
 
 It uses a slightly modified version of [godot-http-server](https://github.com/velopman/godot-http-server) for the server side.
 
-The version of Godot used for this project is 3.5rc4.
+The version of Godot used for this project is 3.5rc5.

ServerUI.gd

@@ -1,11 +1,16 @@
 extends Control
 
 const SERVER_STATUS_TEXT: Dictionary = {
-	"RUNNING": "Server is running!",
-	"NOT_RUNNING": "Server is not running."
+	true: "Server is running!",
+	false: "Server is not running.",
 }
 
-const ACCEPTED_FILE_FORMATS := ["md"] # server should ignore these file types when adding endpoints
+const START_BUTTON_SERVER_TEXT: Dictionary = {
+	true: "Stop server",
+	false: "Start server",
+}
+
+const ACCEPTED_FILE_FORMATS := ["md"]
 
 export(bool) var enable_file_autosave := true # if true, will save the active file's contents every save_file_timeout seconds.
 export(float) var save_file_timeout := 4.0 # the time to save document content after the edited signal of TextEdit
@@ -19,6 +24,7 @@ onready var server_path_label := $"%ServerPathLabel"
 onready var port_spin_box := $"%PortSpinBox"
 onready var start_server_button := $"%StartServerButton"
 onready var server_status_label := $"%ServerStatusLabel"
+onready var open_browser_button := $"%OpenBrowserButton"
 
 onready var document_title_lineedit := $"%DocTitleLineEdit"
 onready var document_date_lineedit := $"%DocDateLineEdit"
@@ -32,12 +38,12 @@ onready var content_preview_richtextlabel := $"%ContentPreviewRichTextLabel"
 onready var server_folder_dialog := $"%ServerFolderDialog"
 
 signal server_folder_changed(new_path) # new_path: String
-signal server_port_changed(new_port) # new_port: int
 signal start_server_button_pressed(port, path) # port: int, path: String
 signal stop_server_button_pressed() # emit from %StartServerButton, when the server is not running.
-signal open_browser_button_pressed(port) # port: int
 
-signal files_selection_changed(new_files) # new_files: Array<String>
+#signal server_port_changed(new_port) # new_port: int
+#signal open_browser_button_pressed(port) # port: int
+#signal files_selection_changed(new_files) # new_files: Array<String>
 
 var server_dir: String setget set_server_dir
 var is_server_running: bool = false setget set_server_running
@@ -68,9 +74,10 @@ func set_server_dir(dir: String) -> void:
 
 	var directory := Directory.new()
 	if directory.open(dir) == OK:
-		directory.list_dir_begin()
+		if directory.list_dir_begin() != OK:
+			push_error("Directory error") # TODO: show a user-facing error
+
 		var file_name: String = directory.get_next()
-		var idx: int = 0
 		while file_name != "":
 			if !directory.current_is_dir() && (file_name.get_extension() in ACCEPTED_FILE_FORMATS):
 				var fd = FileDef(file_name, false)
@@ -84,16 +91,18 @@ func set_server_dir(dir: String) -> void:
 					fd.title = file_metadata["title"]
 					fd.date = file_metadata["date"]
 
-				idx += 1
-
 			file_name = directory.get_next()
 
 		directory.list_dir_end()
 
 	_reconstruct_tree_from_working_files()
+	emit_signal("server_folder_changed", server_dir)
 
 
 func _reconstruct_tree_from_working_files() -> void:
+	current_file = null
+	current_tree_selection = null
+
 	file_tree.clear()
 	var root: TreeItem = file_tree.create_item()
 	root.set_text(0, "Server files")
@@ -128,6 +137,11 @@ func _on_FileTree_item_selected() -> void:
 func _on_FileTree_item_rmb_selected(position: Vector2) -> void:
 	current_tree_selection = file_tree.get_selected()
 	file_tree_context_menu.rect_position = position + file_tree.rect_global_position
+	file_tree_context_menu.popup()
+
+	if is_server_running:
+		return # the file tree can't be edited while the server is running, so disable moving items as well
+
 	if (current_tree_selection.get_metadata(0)["id"] as int) == 0:
 		file_tree_context_menu.set_item_disabled(ContextMenuOptions.MOVE_UP, true)
 	else:
@@ -139,29 +153,23 @@ func _on_FileTree_item_rmb_selected(position: Vector2) -> void:
 		file_tree_context_menu.set_item_disabled(ContextMenuOptions.MOVE_DOWN, false)
 
 
-	file_tree_context_menu.popup()
-
-
 func _on_OpenServerFolderButton_pressed() -> void:
 	server_folder_dialog.popup()
 
 
 func set_server_running(running: bool) -> void:
 	is_server_running = running
-	if is_server_running:
-		server_status_label.text = SERVER_STATUS_TEXT.RUNNING
-		start_server_button.text = "Stop server"
-		port_spin_box.editable = false
-		document_date_lineedit.editable = false
-		document_title_lineedit.editable = false
-		document_input_textedit.readonly = true
-	else:
-		server_status_label.text = SERVER_STATUS_TEXT.NOT_RUNNING
-		start_server_button.text = "Start server"
-		port_spin_box.editable = !false
-		document_date_lineedit.editable = !false
-		document_title_lineedit.editable = !false
-		document_input_textedit.readonly = !true
+
+	port_spin_box.editable = !running
+	document_date_lineedit.editable = !running
+	document_title_lineedit.editable = !running
+	document_input_textedit.readonly = running
+	open_browser_button.disabled = !running
+	_set_file_tree_disabled(running)
+	_set_context_menu_disabled(running)
+
+	server_status_label.text = SERVER_STATUS_TEXT[running]
+	start_server_button.text = START_BUTTON_SERVER_TEXT[running]
 
 
 func _generate_filestxt():
@@ -170,7 +178,7 @@ func _generate_filestxt():
 	for file in working_files:
 		file = file as FileDef
 		if file.include_in_filestxt:
-			files += "%s %s %s\n" % [file.file_path, file.date, file.title]
+			files += ("%s %s %s" % [file.file_path, file.date, file.title]).strip_edges(false, true) + "\n"
 
 	var f := File.new()
 	if f.open(server_dir.plus_file("files.txt"), File.WRITE) == OK:
@@ -235,6 +243,25 @@ func _get_file_content(path: String) -> String:
 	return content
 
 
+func _set_file_tree_disabled(disabled: bool) -> void:
+	var root = file_tree.get_root()
+	var tree_item = root.get_children() as TreeItem
+	while tree_item != null:
+		tree_item.set_editable(0, !disabled)
+		tree_item = tree_item.get_next()
+
+
+func _set_context_menu_disabled(disabled: bool) -> void:
+	for i in file_tree_context_menu.get_item_count():
+		file_tree_context_menu.set_item_disabled(i, disabled)
+
+
+func _commit_all_files() -> void:
+	for file in working_files:
+		file = file as FileDef
+		file.commit(server_dir)
+
+
 func _on_FileTreeContextMenu_id_pressed(id: int) -> void:
 	var idx = current_tree_selection.get_metadata(0)["id"] as int
 	var fd = working_files[idx] as FileDef
@@ -259,6 +286,17 @@ func _on_DocDateLineEdit_text_changed(new_text: String) -> void:
 		current_file.date = new_text
 
 
+func _on_OpenBrowserButton_pressed() -> void:
+	if OS.shell_open("http://localhost:%s" % port_spin_box.value) != OK:
+		push_error("Error opening browser!") # TODO: show a user-facing error
+
+
+func _on_RefreshFilesButton_pressed() -> void:
+	_commit_all_files()
+	_generate_filestxt()
+	self.server_dir = server_dir
+
+
 func _on_DocInputTextEdit_text_changed() -> void:
 	if current_file:
 		var new_text: String = document_input_textedit.text
@@ -270,6 +308,7 @@ func _on_DocInputTextEdit_text_changed() -> void:
 			t.one_shot = true
 			current_file.timer = t
 			add_child(t)
+# warning-ignore:return_value_discarded
 			t.connect("timeout", self, "_on_EditedTimeout_timeout", [t, current_file])
 		else:
 			current_file.timer.stop()
@@ -280,9 +319,7 @@ func _on_EditedTimeout_timeout(timer: Timer, file: FileDef) -> void:
 	file.timer = null
 	timer.queue_free()
 
-	var f := File.new()
-	if f.open(server_dir.plus_file(file.file_path), File.WRITE) == OK:
-		f.store_string(file.content)
+	file.commit(server_dir)
 
 
 func FileDef(
@@ -308,3 +345,15 @@ class FileDef:
 	var content: String
 
 	var timer: Timer
+
+	func commit(server_dir: String) -> void:
+		var f := File.new()
+		var open := f.open(server_dir.plus_file(file_path), File.WRITE)
+		if open == OK:
+			f.store_string(content)
+
+			if timer && !timer.is_stopped(): # if there's an autosave pending, stop it since we're setting it here.
+				timer.stop()
+
+		else:
+			push_error("Error committing file %s, code %s" % [file_path, open]) # TODO: show a user-facing error

ServerUI.tscn

@@ -20,73 +20,75 @@ __meta__ = {
 
 [node name="HBoxContainer" type="HBoxContainer" parent="VBoxContainer"]
 margin_right = 1182.0
-margin_bottom = 32.0
+margin_bottom = 42.0
 alignment = 1
 
 [node name="Label" type="Label" parent="VBoxContainer/HBoxContainer"]
-margin_left = 142.0
-margin_top = 9.0
-margin_right = 227.0
-margin_bottom = 23.0
+margin_left = 95.0
+margin_top = 12.0
+margin_right = 189.0
+margin_bottom = 29.0
 text = "Server folder:"
 
 [node name="ServerPathLabel" type="Label" parent="VBoxContainer/HBoxContainer"]
 unique_name_in_owner = true
-margin_left = 231.0
-margin_top = 9.0
-margin_right = 470.0
-margin_bottom = 23.0
+margin_left = 193.0
+margin_top = 12.0
+margin_right = 446.0
+margin_bottom = 29.0
 text = "/home/username/long/path/to/server"
 
 [node name="OpenServerFolderButton" type="Button" parent="VBoxContainer/HBoxContainer"]
-margin_left = 474.0
-margin_right = 533.0
-margin_bottom = 32.0
+margin_left = 450.0
+margin_right = 517.0
+margin_bottom = 42.0
 rect_min_size = Vector2( 0, 32 )
 text = "Open..."
 
 [node name="Label2" type="Label" parent="VBoxContainer/HBoxContainer"]
-margin_left = 537.0
-margin_top = 9.0
-margin_right = 611.0
-margin_bottom = 23.0
+margin_left = 521.0
+margin_top = 12.0
+margin_right = 603.0
+margin_bottom = 29.0
 text = "Server port:"
 
 [node name="PortSpinBox" type="SpinBox" parent="VBoxContainer/HBoxContainer"]
 unique_name_in_owner = true
-margin_left = 615.0
-margin_right = 689.0
-margin_bottom = 32.0
+margin_left = 607.0
+margin_right = 687.0
+margin_bottom = 42.0
 min_value = 81.0
 max_value = 8000.0
 value = 3001.0
 
 [node name="StartServerButton" type="Button" parent="VBoxContainer/HBoxContainer"]
 unique_name_in_owner = true
-margin_left = 693.0
-margin_right = 778.0
-margin_bottom = 32.0
+margin_left = 691.0
+margin_right = 792.0
+margin_bottom = 42.0
 rect_min_size = Vector2( 0, 32 )
 text = "Start server"
 
 [node name="ServerStatusLabel" type="Label" parent="VBoxContainer/HBoxContainer"]
 unique_name_in_owner = true
-margin_left = 782.0
-margin_top = 9.0
-margin_right = 918.0
-margin_bottom = 23.0
+margin_left = 796.0
+margin_top = 12.0
+margin_right = 947.0
+margin_bottom = 29.0
 text = "Server is not running."
 
 [node name="OpenBrowserButton" type="Button" parent="VBoxContainer/HBoxContainer"]
-margin_left = 922.0
-margin_right = 1040.0
-margin_bottom = 32.0
+unique_name_in_owner = true
+margin_left = 951.0
+margin_right = 1086.0
+margin_bottom = 42.0
 rect_min_size = Vector2( 0, 32 )
 size_flags_horizontal = 12
+disabled = true
 text = "Open in browser"
 
 [node name="HSplitContainer" type="HSplitContainer" parent="VBoxContainer"]
-margin_top = 41.0
+margin_top = 51.0
 margin_right = 1182.0
 margin_bottom = 611.0
 size_flags_vertical = 3
@@ -94,34 +96,34 @@ split_offset = -263
 
 [node name="VBoxContainer2" type="VBoxContainer" parent="VBoxContainer/HSplitContainer"]
 margin_right = 322.0
-margin_bottom = 570.0
+margin_bottom = 560.0
 size_flags_horizontal = 3
 
 [node name="HBoxContainer2" type="HBoxContainer" parent="VBoxContainer/HSplitContainer/VBoxContainer2"]
 margin_right = 322.0
-margin_bottom = 32.0
+margin_bottom = 40.0
 
 [node name="Label" type="Label" parent="VBoxContainer/HSplitContainer/VBoxContainer2/HBoxContainer2"]
-margin_top = 9.0
-margin_right = 30.0
-margin_bottom = 23.0
+margin_top = 11.0
+margin_right = 34.0
+margin_bottom = 28.0
 size_flags_horizontal = 0
 text = "Files"
 
 [node name="RefreshFilesButton" type="Button" parent="VBoxContainer/HSplitContainer/VBoxContainer2/HBoxContainer2"]
 unique_name_in_owner = true
-margin_left = 262.0
+margin_left = 251.0
 margin_right = 322.0
-margin_bottom = 32.0
+margin_bottom = 40.0
 rect_min_size = Vector2( 0, 32 )
 size_flags_horizontal = 10
 text = "Refresh"
 
 [node name="FileTree" type="Tree" parent="VBoxContainer/HSplitContainer/VBoxContainer2"]
 unique_name_in_owner = true
-margin_top = 36.0
+margin_top = 44.0
 margin_right = 322.0
-margin_bottom = 570.0
+margin_bottom = 560.0
 size_flags_horizontal = 3
 size_flags_vertical = 3
 allow_rmb_select = true
@@ -130,84 +132,85 @@ hide_root = true
 [node name="VBoxContainer" type="VBoxContainer" parent="VBoxContainer/HSplitContainer"]
 margin_left = 334.0
 margin_right = 1182.0
-margin_bottom = 570.0
+margin_bottom = 560.0
 size_flags_horizontal = 3
 
 [node name="HBoxContainer" type="HBoxContainer" parent="VBoxContainer/HSplitContainer/VBoxContainer"]
 margin_right = 848.0
-margin_bottom = 570.0
+margin_bottom = 560.0
 size_flags_vertical = 3
 
 [node name="VBoxContainer" type="VBoxContainer" parent="VBoxContainer/HSplitContainer/VBoxContainer/HBoxContainer"]
 margin_right = 848.0
-margin_bottom = 570.0
+margin_bottom = 560.0
 size_flags_horizontal = 3
 
 [node name="HBoxContainer" type="HBoxContainer" parent="VBoxContainer/HSplitContainer/VBoxContainer/HBoxContainer/VBoxContainer"]
 margin_right = 848.0
-margin_bottom = 24.0
+margin_bottom = 42.0
 
 [node name="Label" type="Label" parent="VBoxContainer/HSplitContainer/VBoxContainer/HBoxContainer/VBoxContainer/HBoxContainer"]
-margin_top = 5.0
-margin_right = 32.0
-margin_bottom = 19.0
+margin_top = 12.0
+margin_right = 34.0
+margin_bottom = 29.0
 text = "Title:"
 
 [node name="DocTitleLineEdit" type="LineEdit" parent="VBoxContainer/HSplitContainer/VBoxContainer/HBoxContainer/VBoxContainer/HBoxContainer"]
 unique_name_in_owner = true
-margin_left = 36.0
+margin_left = 38.0
 margin_right = 848.0
-margin_bottom = 24.0
+margin_bottom = 42.0
 size_flags_horizontal = 3
 placeholder_text = "(Optional)"
 
 [node name="HBoxContainer2" type="HBoxContainer" parent="VBoxContainer/HSplitContainer/VBoxContainer/HBoxContainer/VBoxContainer"]
-margin_top = 28.0
+margin_top = 46.0
 margin_right = 848.0
-margin_bottom = 52.0
+margin_bottom = 88.0
 
 [node name="Label" type="Label" parent="VBoxContainer/HSplitContainer/VBoxContainer/HBoxContainer/VBoxContainer/HBoxContainer2"]
-margin_top = 5.0
-margin_right = 34.0
-margin_bottom = 19.0
+margin_top = 12.0
+margin_right = 37.0
+margin_bottom = 29.0
 text = "Date:"
 
 [node name="DocDateLineEdit" type="LineEdit" parent="VBoxContainer/HSplitContainer/VBoxContainer/HBoxContainer/VBoxContainer/HBoxContainer2"]
 unique_name_in_owner = true
-margin_left = 38.0
+margin_left = 41.0
 margin_right = 848.0
-margin_bottom = 24.0
+margin_bottom = 42.0
 size_flags_horizontal = 3
 placeholder_text = "(Optional)"
 
 [node name="HSplitContainer" type="HSplitContainer" parent="VBoxContainer/HSplitContainer/VBoxContainer/HBoxContainer/VBoxContainer"]
-margin_top = 56.0
+margin_top = 92.0
 margin_right = 848.0
-margin_bottom = 570.0
+margin_bottom = 560.0
 size_flags_vertical = 3
 split_offset = 328
 
 [node name="ContentEditContainer" type="VBoxContainer" parent="VBoxContainer/HSplitContainer/VBoxContainer/HBoxContainer/VBoxContainer/HSplitContainer"]
-margin_right = 378.0
-margin_bottom = 514.0
+margin_right = 848.0
+margin_bottom = 468.0
 size_flags_vertical = 3
 
 [node name="Label" type="Label" parent="VBoxContainer/HSplitContainer/VBoxContainer/HBoxContainer/VBoxContainer/HSplitContainer/ContentEditContainer"]
-margin_right = 378.0
-margin_bottom = 14.0
+margin_right = 848.0
+margin_bottom = 17.0
 text = "Content"
 
 [node name="DocInputTextEdit" type="TextEdit" parent="VBoxContainer/HSplitContainer/VBoxContainer/HBoxContainer/VBoxContainer/HSplitContainer/ContentEditContainer"]
 unique_name_in_owner = true
-margin_top = 18.0
-margin_right = 378.0
-margin_bottom = 514.0
+margin_top = 21.0
+margin_right = 848.0
+margin_bottom = 468.0
 size_flags_horizontal = 3
 size_flags_vertical = 3
 show_line_numbers = true
 wrap_enabled = true
 
 [node name="ContentPreviewContainer" type="VBoxContainer" parent="VBoxContainer/HSplitContainer/VBoxContainer/HBoxContainer/VBoxContainer/HSplitContainer"]
+visible = false
 margin_left = 390.0
 margin_right = 848.0
 margin_bottom = 514.0
@@ -248,6 +251,8 @@ items = [ "Move Up", null, 0, false, false, 0, 0, null, "", false, "Move Down",
 
 [connection signal="pressed" from="VBoxContainer/HBoxContainer/OpenServerFolderButton" to="." method="_on_OpenServerFolderButton_pressed"]
 [connection signal="pressed" from="VBoxContainer/HBoxContainer/StartServerButton" to="." method="_on_StartServerButton_pressed"]
+[connection signal="pressed" from="VBoxContainer/HBoxContainer/OpenBrowserButton" to="." method="_on_OpenBrowserButton_pressed"]
+[connection signal="pressed" from="VBoxContainer/HSplitContainer/VBoxContainer2/HBoxContainer2/RefreshFilesButton" to="." method="_on_RefreshFilesButton_pressed"]
 [connection signal="item_edited" from="VBoxContainer/HSplitContainer/VBoxContainer2/FileTree" to="." method="_on_FileTree_item_edited"]
 [connection signal="item_rmb_selected" from="VBoxContainer/HSplitContainer/VBoxContainer2/FileTree" to="." method="_on_FileTree_item_rmb_selected"]
 [connection signal="item_selected" from="VBoxContainer/HSplitContainer/VBoxContainer2/FileTree" to="." method="_on_FileTree_item_selected"]

addons/http_server/http_server.gd

@@ -13,7 +13,7 @@ const Status = preload("res://addons/http_server/status.gd")
 
 var __endpoints: Dictionary = {
 	# key: [Int, String], array with 0 index representing method, 1 index representing endpoint
-	# value: [FuncRef, Array], index 0 = reference to function to call, index 1 = binds to pass to func
+	# value: FuncRef, reference to function to call
 }
 var __fallback: FuncRef = null
 var __server: TCP_Server = null
@@ -32,7 +32,7 @@ func endpoint(type: int, endpoint: String, function: FuncRef, binds: Array = [])
 		)
 		return
 
-	__endpoints[endpoint_hash] = [function, binds]
+	__endpoints[endpoint_hash] = function
 
 
 func fallback(function: FuncRef) -> void:
@@ -106,7 +106,7 @@ func __process_connection(connection: StreamPeerTCP) -> void:
 		body = PoolStringArray(body_parts).join("\r\n")
 
 	var response: Response = __process_request(method, endpoint, headers, body)
-	connection.put_data(response.to_utf8())
+	connection.put_data(response.get_data())
 
 
 func __process_request(method: String, endpoint: String, headers: Dictionary, body: String) -> Response:
@@ -121,22 +121,15 @@ func __process_request(method: String, endpoint: String, headers: Dictionary, bo
 
 	var endpoint_func: FuncRef = null
 	var endpoint_parts: PoolStringArray = endpoint.split("/", false)
-	var binds
 
-	# special case for if endpoint is just root
-	if endpoint == "/":
-		var endpoint_hash: Array = [type, "/"]
+	while !endpoint_func:
+		var endpoint_hash: Array = [type, "/" + endpoint_parts.join("/")]
 		if __endpoints.has(endpoint_hash):
-			endpoint_func = __endpoints[endpoint_hash][0]
-			binds = __endpoints[endpoint_hash][1]
-	else:
-		while (!endpoint_func && !endpoint_parts.empty()):
-			var endpoint_hash: Array = [type, "/" + endpoint_parts.join("/")]
-			if __endpoints.has(endpoint_hash):
-				endpoint_func = __endpoints[endpoint_hash][0]
-				binds = __endpoints[endpoint_hash][1]
-			else:
-				endpoint_parts.remove(endpoint_parts.size() - 1)
+			endpoint_func = __endpoints[endpoint_hash]
+		elif endpoint_parts.empty():
+			break
+		else:
+			endpoint_parts.remove(endpoint_parts.size() - 1)
 
 
 	if !endpoint_func:
@@ -160,10 +153,7 @@ func __process_request(method: String, endpoint: String, headers: Dictionary, bo
 			"[INF] Recieved request method: %s, endpoint: %s" % [method, endpoint]
 		)
 
-		if !binds:
-			endpoint_func.call_func(request, response)
-		else:
-			endpoint_func.call_func(request, response, binds)
+		endpoint_func.call_func(request, response)
 
 	return response
 

addons/http_server/mimetypes.gd

@@ -11,7 +11,7 @@ enum SOURCE{
 const UTF8 := "UTF-8"
 
 class MimeType:
-	
+
 	var full_type := "application/octet-stream"
 	var type := "application"
 	var sub_type := "octet-stream"
@@ -49,20 +49,20 @@ class MimeTypeDb:
 
 
 	func process_raw_db(raw_db: Dictionary) -> void:
-		
+
 		for type in raw_db:
 			var mime_type := MimeType.new()
 			mime_type.setup(type, raw_db[type])
 
 			if not mime_type.extensions or type == _default_mime_type.type:
 				continue;
-			
+
 			for extension in mime_type.extensions:
 				if extension in _types and (_types[extension] as MimeType).source > mime_type.source:
 					continue
 				_types[extension] = mime_type
 
-		
+
 	func get(ext_or_filename: String) -> MimeType:
 		var ext := ("x."+ext_or_filename.trim_prefix(".")).get_extension().to_lower()
 		if not (ext in _types):

addons/http_server/response.gd

@@ -11,6 +11,7 @@ var __headers: Dictionary = {
 	# value: Variant, header value
 }
 var __status: int = 200
+var __type: MimeTypeHelper.MimeType
 
 
 # Public methods
@@ -32,6 +33,10 @@ func status(status: int) -> void:
 	__status = status
 
 
+func type(type: MimeTypeHelper.MimeType) -> void:
+	__type = type
+
+
 func to_utf8() -> PoolByteArray:
 	var content = PoolStringArray()
 
@@ -45,6 +50,7 @@ func to_utf8() -> PoolByteArray:
 		data = JSON.print(data)
 
 	__headers['content-length'] = len(data)
+	__headers["content-type"] = "application/octet-stream" if !__type else __type.full_type
 
 	for header in __headers:
 		content.append("%s: %s" % [header, String(__headers[header])])
@@ -55,3 +61,48 @@ func to_utf8() -> PoolByteArray:
 		content.append(data)
 
 	return content.join("\r\n").to_utf8()
+
+
+func get_data() -> PoolByteArray:
+	var res = __response_headers()
+
+	var data = __data
+	if !data:
+		return res
+
+	var type: MimeTypeHelper.MimeType = __type
+	if !type:
+		type = MimeTypeHelper.MimeType.new()
+
+	if data is String: # else, assume data is PoolByteArray
+		data = data.to_utf8()
+
+	res.append_array(data)
+
+	return res
+
+
+# Private methods
+
+func __response_headers() -> PoolByteArray:
+	var res = PoolStringArray()
+
+	res.append(Status.code_to_status_line(__status))
+
+	var data = __data
+	if !data:
+		data = Status.code_to_description(__status)
+
+	__headers["content-length"] = len(data)
+
+	__headers["content-type"] = "application/octet-stream" if !__type else __type.full_type
+
+	for header in __headers:
+		res.append("%s: %s" % [header, String(__headers[header])])
+
+	res.append("")
+
+	var s = res.join("\r\n")
+	s = s + "\r\n"
+
+	return s.to_utf8()

project.godot

@@ -26,8 +26,9 @@ _global_script_class_icons={
 
 [application]
 
-config/name="Ticle Frontend"
+config/name="Tickle Frontend"
 run/main_scene="res://Main.tscn"
+boot_splash/bg_color=Color( 0.141176, 0.141176, 0.141176, 1 )
 config/icon="res://icon.png"
 
 [display]
@@ -42,6 +43,7 @@ enabled=PoolStringArray( "res://addons/http_server/plugin.cfg" )
 [gui]
 
 common/drop_mouse_on_gui_input_disabled=true
+theme/custom="res://theme/default_theme.theme"
 
 [physics]
 
@@ -49,4 +51,5 @@ common/enable_pause_aware_picking=true
 
 [rendering]
 
+environment/default_clear_color=Color( 0.1023, 0.11, 0.102942, 1 )
 environment/default_environment="res://default_env.tres"

theme/FontRg.tres

@@ -0,0 +1,6 @@
+[gd_resource type="DynamicFont" load_steps=2 format=2]
+
+[ext_resource path="res://theme/FiraSans-Regular.otf" type="DynamicFontData" id=1]
+
+[resource]
+font_data = ExtResource( 1 )

theme/FontWriter.tres

@@ -0,0 +1,7 @@
+[gd_resource type="DynamicFont" load_steps=2 format=2]
+
+[ext_resource path="res://theme/FiraSans-Light.otf" type="DynamicFontData" id=1]
+
+[resource]
+size = 18
+font_data = ExtResource( 1 )

theme/styleboxes/button/BtnDisabledStylebox.tres

@@ -0,0 +1,14 @@
+[gd_resource type="StyleBoxFlat" format=2]
+
+[resource]
+content_margin_left = 8.0
+content_margin_right = 8.0
+content_margin_top = 10.0
+content_margin_bottom = 10.0
+bg_color = Color( 0.168, 0.192, 0.2, 1 )
+border_width_bottom = 3
+border_color = Color( 0.2788, 0.41, 0.296293, 1 )
+corner_radius_top_left = 4
+corner_radius_top_right = 4
+corner_radius_bottom_right = 4
+corner_radius_bottom_left = 4

theme/styleboxes/button/BtnHoverStylebox.tres

@@ -0,0 +1,17 @@
+[gd_resource type="StyleBoxFlat" format=2]
+
+[resource]
+content_margin_left = 8.0
+content_margin_right = 8.0
+content_margin_top = 10.0
+content_margin_bottom = 10.0
+bg_color = Color( 0.0705882, 0.164706, 0.196078, 1 )
+border_width_left = 2
+border_width_top = 2
+border_width_right = 2
+border_width_bottom = 5
+border_color = Color( 0.164706, 0.85098, 0.254902, 1 )
+corner_radius_top_left = 4
+corner_radius_top_right = 4
+corner_radius_bottom_right = 4
+corner_radius_bottom_left = 4

theme/styleboxes/button/BtnNormalStylebox.tres

@@ -0,0 +1,14 @@
+[gd_resource type="StyleBoxFlat" format=2]
+
+[resource]
+content_margin_left = 8.0
+content_margin_right = 8.0
+content_margin_top = 10.0
+content_margin_bottom = 10.0
+bg_color = Color( 0.0705882, 0.164706, 0.196078, 1 )
+border_width_bottom = 3
+border_color = Color( 0.164706, 0.85098, 0.254902, 1 )
+corner_radius_top_left = 4
+corner_radius_top_right = 4
+corner_radius_bottom_right = 4
+corner_radius_bottom_left = 4

theme/styleboxes/button/BtnPressedStylebox.tres

@@ -0,0 +1,17 @@
+[gd_resource type="StyleBoxFlat" format=2]
+
+[resource]
+content_margin_left = 8.0
+content_margin_right = 8.0
+content_margin_top = 10.0
+content_margin_bottom = 10.0
+bg_color = Color( 0.0705882, 0.164706, 0.196078, 1 )
+border_width_left = 2
+border_width_top = 2
+border_width_right = 2
+border_width_bottom = 2
+border_color = Color( 0.164706, 0.85098, 0.254902, 1 )
+corner_radius_top_left = 4
+corner_radius_top_right = 4
+corner_radius_bottom_right = 4
+corner_radius_bottom_left = 4

theme/styleboxes/lineedit/LineEditNormalStylebox.tres

@@ -0,0 +1,17 @@
+[gd_resource type="StyleBoxFlat" format=2]
+
+[resource]
+content_margin_left = 8.0
+content_margin_right = 8.0
+content_margin_top = 10.0
+content_margin_bottom = 12.0
+bg_color = Color( 0.0705882, 0.164706, 0.196078, 1 )
+border_width_left = 2
+border_width_top = 3
+border_width_right = 3
+border_width_bottom = 6
+border_color = Color( 0.164706, 0.85098, 0.254902, 1 )
+corner_radius_top_left = 4
+corner_radius_top_right = 4
+corner_radius_bottom_right = 4
+corner_radius_bottom_left = 4

theme/styleboxes/lineedit/LineEditReadonlyStylebox.tres

@@ -0,0 +1,17 @@
+[gd_resource type="StyleBoxFlat" format=2]
+
+[resource]
+content_margin_left = 8.0
+content_margin_right = 8.0
+content_margin_top = 10.0
+content_margin_bottom = 10.0
+bg_color = Color( 0.168, 0.192, 0.2, 1 )
+border_width_left = 2
+border_width_top = 3
+border_width_right = 3
+border_width_bottom = 6
+border_color = Color( 0.2788, 0.41, 0.296293, 1 )
+corner_radius_top_left = 4
+corner_radius_top_right = 4
+corner_radius_bottom_right = 4
+corner_radius_bottom_left = 4

theme/styleboxes/scrollbar/ScrollBarGrabberHighlightStylebox.tres

@@ -0,0 +1,8 @@
+[gd_resource type="StyleBoxFlat" format=2]
+
+[resource]
+bg_color = Color( 0.615686, 0.921569, 0.658824, 1 )
+corner_radius_top_left = 12
+corner_radius_top_right = 12
+corner_radius_bottom_right = 12
+corner_radius_bottom_left = 12

theme/styleboxes/scrollbar/ScrollBarGrabberPressedStylebox.tres

@@ -0,0 +1,8 @@
+[gd_resource type="StyleBoxFlat" format=2]
+
+[resource]
+bg_color = Color( 0.1764, 0.63, 0.23688, 1 )
+corner_radius_top_left = 12
+corner_radius_top_right = 12
+corner_radius_bottom_right = 12
+corner_radius_bottom_left = 12

theme/styleboxes/scrollbar/ScrollBarGrabberStylebox.tres

@@ -0,0 +1,8 @@
+[gd_resource type="StyleBoxFlat" format=2]
+
+[resource]
+bg_color = Color( 0.164706, 0.85098, 0.254902, 1 )
+corner_radius_top_left = 12
+corner_radius_top_right = 12
+corner_radius_bottom_right = 12
+corner_radius_bottom_left = 12

theme/styleboxes/scrollbar/ScrollBarScrollStylebox.tres

@@ -0,0 +1,13 @@
+[gd_resource type="StyleBoxFlat" format=2]
+
+[resource]
+bg_color = Color( 0.168627, 0.192157, 0.2, 0 )
+border_width_left = 3
+border_width_top = 4
+border_width_right = 3
+border_width_bottom = 4
+border_color = Color( 0.168627, 0.192157, 0.2, 0 )
+corner_radius_top_left = 10
+corner_radius_top_right = 10
+corner_radius_bottom_right = 10
+corner_radius_bottom_left = 10

theme/textures/checkmark.svg

@@ -0,0 +1,118 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="320.47662mm"
+   height="317.19357mm"
+   viewBox="0 0 320.47662 317.19357"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.2 (1:1.2.1+202207142221+cd75a1ee6d)"
+   sodipodi:docname="checkmark.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#505050"
+     inkscape:document-units="mm"
+     showgrid="false"
+     inkscape:zoom="0.56"
+     inkscape:cx="353.57143"
+     inkscape:cy="677.67857"
+     inkscape:window-width="1920"
+     inkscape:window-height="1016"
+     inkscape:window-x="1440"
+     inkscape:window-y="255"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer3" />
+  <defs
+     id="defs2" />
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="enabled-unchecked"
+     style="display:inline"
+     transform="translate(21.187991,13.079903)">
+    <rect
+       style="display:inline;fill:#122a32;fill-opacity:1;stroke:#2ad941;stroke-width:12;stroke-linecap:square;stroke-dasharray:none;stroke-opacity:1;stop-color:#000000"
+       id="rect8653"
+       width="141.06651"
+       height="141.06651"
+       x="-15.187991"
+       y="-7.0799026"
+       ry="16"
+       rx="16"
+       inkscape:label="enabled-unchecked" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="enabled-checked"
+     style="display:inline"
+     transform="translate(181.23232,167.12706)">
+    <g
+       id="g1009">
+      <rect
+         style="fill:#122a32;fill-opacity:1;stroke:#2ad941;stroke-width:12;stroke-linecap:square;stroke-dasharray:none;stroke-opacity:1;stop-color:#000000"
+         id="rect61"
+         width="141.06651"
+         height="141.06651"
+         x="-7.8222208"
+         y="3.0000012"
+         ry="16"
+         rx="16" />
+      <path
+         style="fill:none;stroke:#2ad941;stroke-width:12;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 16.639226,54.462173 54.694346,120.37558 108.78285,26.691533"
+         id="path3909" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer4"
+     inkscape:label="disabled-unchecked"
+     style="display:inline"
+     transform="translate(21.148772,161.05655)">
+    <rect
+       style="display:inline;fill:#2b3133;fill-opacity:1;stroke:#47694c;stroke-width:12;stroke-linecap:square;stroke-dasharray:none;stroke-opacity:1;stop-color:#000000"
+       id="rect4965"
+       width="141.06651"
+       height="141.06651"
+       x="152.26134"
+       y="-154.46455"
+       ry="16"
+       rx="16"
+       inkscape:label="disabled-unchecked" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="disabled-checked"
+     style="display:inline"
+     transform="translate(21.187991,13.079903)">
+    <g
+       id="g988">
+      <rect
+         style="fill:#2b3133;fill-opacity:1;stroke:#47694c;stroke-width:12;stroke-linecap:square;stroke-dasharray:none;stroke-opacity:1;stop-color:#000000"
+         id="rect6419"
+         width="141.06651"
+         height="141.06651"
+         x="-15.187979"
+         y="157.04716"
+         ry="16"
+         rx="16" />
+      <path
+         style="fill:none;stroke:#47694c;stroke-width:12;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 9.27349,208.50934 47.32861,274.42275 101.4171,180.7387"
+         id="path6421" />
+    </g>
+  </g>
+</svg>

theme/textures/checkmark.svg.import

@@ -0,0 +1,35 @@
+[remap]
+
+importer="texture"
+type="StreamTexture"
+path="res://.import/checkmark.svg-c593fbe7a89846c0bcb217f6ec227e9b.stex"
+metadata={
+"vram_texture": false
+}
+
+[deps]
+
+source_file="res://theme/textures/checkmark.svg"
+dest_files=[ "res://.import/checkmark.svg-c593fbe7a89846c0bcb217f6ec227e9b.stex" ]
+
+[params]
+
+compress/mode=0
+compress/lossy_quality=0.7
+compress/hdr_mode=0
+compress/bptc_ldr=0
+compress/normal_map=0
+flags/repeat=0
+flags/filter=true
+flags/mipmaps=false
+flags/anisotropic=false
+flags/srgb=2
+process/fix_alpha_border=true
+process/premult_alpha=false
+process/HDR_as_SRGB=false
+process/invert_color=false
+process/normal_map_invert_y=false
+stream=false
+size_limit=0
+detect_3d=true
+svg/scale=1.0

theme/textures/checkmark_disabled-checked.png.import

@@ -0,0 +1,35 @@
+[remap]
+
+importer="texture"
+type="StreamTexture"
+path="res://.import/checkmark_disabled-checked.png-5aba26a5162a237fec800f8930559eb4.stex"
+metadata={
+"vram_texture": false
+}
+
+[deps]
+
+source_file="res://theme/textures/checkmark_disabled-checked.png"
+dest_files=[ "res://.import/checkmark_disabled-checked.png-5aba26a5162a237fec800f8930559eb4.stex" ]
+
+[params]
+
+compress/mode=0
+compress/lossy_quality=0.7
+compress/hdr_mode=0
+compress/bptc_ldr=0
+compress/normal_map=0
+flags/repeat=0
+flags/filter=true
+flags/mipmaps=false
+flags/anisotropic=false
+flags/srgb=2
+process/fix_alpha_border=true
+process/premult_alpha=false
+process/HDR_as_SRGB=false
+process/invert_color=false
+process/normal_map_invert_y=false
+stream=false
+size_limit=0
+detect_3d=true
+svg/scale=1.0

theme/textures/checkmark_disabled-unchecked.png.import

@@ -0,0 +1,35 @@
+[remap]
+
+importer="texture"
+type="StreamTexture"
+path="res://.import/checkmark_disabled-unchecked.png-8bfdd3103b550628b3014ec8cdc80614.stex"
+metadata={
+"vram_texture": false
+}
+
+[deps]
+
+source_file="res://theme/textures/checkmark_disabled-unchecked.png"
+dest_files=[ "res://.import/checkmark_disabled-unchecked.png-8bfdd3103b550628b3014ec8cdc80614.stex" ]
+
+[params]
+
+compress/mode=0
+compress/lossy_quality=0.7
+compress/hdr_mode=0
+compress/bptc_ldr=0
+compress/normal_map=0
+flags/repeat=0
+flags/filter=true
+flags/mipmaps=false
+flags/anisotropic=false
+flags/srgb=2
+process/fix_alpha_border=true
+process/premult_alpha=false
+process/HDR_as_SRGB=false
+process/invert_color=false
+process/normal_map_invert_y=false
+stream=false
+size_limit=0
+detect_3d=true
+svg/scale=1.0

theme/textures/checkmark_enabled-checked.png.import

@@ -0,0 +1,35 @@
+[remap]
+
+importer="texture"
+type="StreamTexture"
+path="res://.import/checkmark_enabled-checked.png-625146d8028545daff92e68e0d2b234e.stex"
+metadata={
+"vram_texture": false
+}
+
+[deps]
+
+source_file="res://theme/textures/checkmark_enabled-checked.png"
+dest_files=[ "res://.import/checkmark_enabled-checked.png-625146d8028545daff92e68e0d2b234e.stex" ]
+
+[params]
+
+compress/mode=0
+compress/lossy_quality=0.7
+compress/hdr_mode=0
+compress/bptc_ldr=0
+compress/normal_map=0
+flags/repeat=0
+flags/filter=true
+flags/mipmaps=false
+flags/anisotropic=false
+flags/srgb=2
+process/fix_alpha_border=true
+process/premult_alpha=false
+process/HDR_as_SRGB=false
+process/invert_color=false
+process/normal_map_invert_y=false
+stream=false
+size_limit=0
+detect_3d=true
+svg/scale=1.0

theme/textures/checkmark_enabled-unchecked.png.import

@@ -0,0 +1,35 @@
+[remap]
+
+importer="texture"
+type="StreamTexture"
+path="res://.import/checkmark_enabled-unchecked.png-d280edb9026f565cdf11b0af8d45d426.stex"
+metadata={
+"vram_texture": false
+}
+
+[deps]
+
+source_file="res://theme/textures/checkmark_enabled-unchecked.png"
+dest_files=[ "res://.import/checkmark_enabled-unchecked.png-d280edb9026f565cdf11b0af8d45d426.stex" ]
+
+[params]
+
+compress/mode=0
+compress/lossy_quality=0.7
+compress/hdr_mode=0
+compress/bptc_ldr=0
+compress/normal_map=0
+flags/repeat=0
+flags/filter=true
+flags/mipmaps=false
+flags/anisotropic=false
+flags/srgb=2
+process/fix_alpha_border=true
+process/premult_alpha=false
+process/HDR_as_SRGB=false
+process/invert_color=false
+process/normal_map_invert_y=false
+stream=false
+size_limit=0
+detect_3d=true
+svg/scale=1.0