Collapsible picker

Author: wnbaum

addons/block_code/ui/main_panel.gd

@@ -9,11 +9,17 @@ var eia: EditorInterfaceAccess
 @onready var _drag_manager: DragManager = %DragManager
 @onready var _title_bar: TitleBar = %TitleBar
 @onready var _editor_inspector: EditorInspector = EditorInterface.get_inspector()
+@onready var _picker_split: HSplitContainer = %PickerSplit
+@onready var _collapse_button: Button = %CollapseButton
+
+@onready var _icon_collapse := EditorInterface.get_editor_theme().get_icon("Back", "EditorIcons")
+@onready var _icon_expand := EditorInterface.get_editor_theme().get_icon("Forward", "EditorIcons")
 
 var block_code_tab: Button
 var _current_block_code_node: BlockCode
 var _scene_root: Node
 var _block_code_nodes: Array
+var _collapsed: bool = false
 
 var undo_redo: EditorUndoRedoManager
 
@@ -30,6 +36,8 @@ func _ready():
 	block_code_tab = eia.Utils.find_child_by_name(eia.context_switcher, "Block Code")
 	undo_redo.version_changed.connect(_on_undo_redo_version_changed)
 
+	_collapse_button.icon = _icon_collapse
+
 
 func _on_undo_redo_version_changed():
 	if _current_block_code_node == null:
@@ -92,6 +100,11 @@ func _input(event):
 			else:
 				_drag_manager.drag_ended()
 
+	if event is InputEventKey:
+		if Input.is_key_pressed(KEY_CTRL) and event.pressed and event.keycode == KEY_BACKSLASH:
+			_collapse_button.button_pressed = not _collapse_button.button_pressed
+			toggle_collapse()
+
 
 func _print_generated_script():
 	if _current_block_code_node == null:
@@ -100,3 +113,15 @@ func _print_generated_script():
 	var script: String = _block_canvas.generate_script_from_current_window(block_script.script_inherits)
 	print(script)
 	print("Debug script! (not saved)")
+
+
+func toggle_collapse():
+	_collapsed = not _collapsed
+
+	_collapse_button.icon = _icon_expand if _collapsed else _icon_collapse
+	_picker.set_collapsed(_collapsed)
+	_picker_split.collapsed = _collapsed
+
+
+func _on_collapse_button_pressed():
+	toggle_collapse()

addons/block_code/ui/main_panel.tscn

@@ -45,24 +45,46 @@ text = "Print Generated Script"
 layout_mode = 2
 size_flags_vertical = 3
 
-[node name="HBoxContainer" type="HBoxContainer" parent="MarginContainer/HBoxContainer/ScriptVBox/MarginContainer"]
+[node name="PickerSplit" type="HSplitContainer" parent="MarginContainer/HBoxContainer/ScriptVBox/MarginContainer"]
+unique_name_in_owner = true
 layout_mode = 2
 size_flags_horizontal = 3
 size_flags_vertical = 3
 
-[node name="Picker" parent="MarginContainer/HBoxContainer/ScriptVBox/MarginContainer/HBoxContainer" instance=ExtResource("2_hv5f3")]
+[node name="Picker" parent="MarginContainer/HBoxContainer/ScriptVBox/MarginContainer/PickerSplit" instance=ExtResource("2_hv5f3")]
+unique_name_in_owner = true
+layout_mode = 2
+
+[node name="MarginContainer" type="MarginContainer" parent="MarginContainer/HBoxContainer/ScriptVBox/MarginContainer/PickerSplit"]
+layout_mode = 2
+theme_override_constants/margin_bottom = 4
+
+[node name="VBoxContainer" type="VBoxContainer" parent="MarginContainer/HBoxContainer/ScriptVBox/MarginContainer/PickerSplit/MarginContainer"]
+layout_mode = 2
+
+[node name="NodeBlockCanvas" parent="MarginContainer/HBoxContainer/ScriptVBox/MarginContainer/PickerSplit/MarginContainer/VBoxContainer" instance=ExtResource("3_ml5y3")]
 unique_name_in_owner = true
 layout_mode = 2
 
-[node name="NodeBlockCanvas" parent="MarginContainer/HBoxContainer/ScriptVBox/MarginContainer/HBoxContainer" instance=ExtResource("3_ml5y3")]
+[node name="BottomBar" type="HBoxContainer" parent="MarginContainer/HBoxContainer/ScriptVBox/MarginContainer/PickerSplit/MarginContainer/VBoxContainer"]
+layout_mode = 2
+
+[node name="CollapseButton" type="Button" parent="MarginContainer/HBoxContainer/ScriptVBox/MarginContainer/PickerSplit/MarginContainer/VBoxContainer/BottomBar"]
 unique_name_in_owner = true
 layout_mode = 2
+size_flags_horizontal = 8
+tooltip_text = "Collapse the picker toolbar. Shortcut (Ctrl-Space)"
+flat = true
+
+[node name="HBoxContainer" type="HBoxContainer" parent="MarginContainer/HBoxContainer/ScriptVBox/MarginContainer/PickerSplit/MarginContainer/VBoxContainer/BottomBar"]
+layout_mode = 2
 
 [node name="DragManager" parent="MarginContainer/HBoxContainer/ScriptVBox/MarginContainer" instance=ExtResource("4_yijtu")]
 unique_name_in_owner = true
 layout_mode = 2
 mouse_filter = 2
-picker_path = NodePath("../HBoxContainer/Picker")
-block_canvas_path = NodePath("../HBoxContainer/NodeBlockCanvas")
+picker_path = NodePath("../PickerSplit/Picker")
+block_canvas_path = NodePath("../PickerSplit/MarginContainer/VBoxContainer/NodeBlockCanvas")
 
 [connection signal="pressed" from="MarginContainer/HBoxContainer/ScriptVBox/HBoxContainer/Button" to="." method="_on_button_pressed"]
+[connection signal="pressed" from="MarginContainer/HBoxContainer/ScriptVBox/MarginContainer/PickerSplit/MarginContainer/VBoxContainer/BottomBar/CollapseButton" to="." method="_on_collapse_button_pressed"]

addons/block_code/ui/picker/picker.gd

@@ -7,6 +7,7 @@ signal block_picked(block: Block)
 @onready var _block_list := %BlockList
 @onready var _block_scroll := %BlockScroll
 @onready var _category_list := %CategoryList
+@onready var _widget_container := %WidgetContainer
 
 
 func bsd_selected(bsd: BlockScriptData):
@@ -78,3 +79,7 @@ func _category_selected(category: BlockCategory):
 		if block_category_display.category.name == category.name:
 			_block_scroll.scroll_vertical = block_category_display.position.y
 			break
+
+
+func set_collapsed(collapsed: bool):
+	_widget_container.visible = not collapsed

addons/block_code/ui/picker/picker.tscn

@@ -3,49 +3,52 @@
 [ext_resource type="Script" path="res://addons/block_code/ui/picker/picker.gd" id="1_tkt44"]
 
 [node name="Picker" type="MarginContainer"]
-custom_minimum_size = Vector2(200, 0)
 offset_right = 251.0
 offset_bottom = 253.0
 script = ExtResource("1_tkt44")
 
 [node name="Panel" type="Panel" parent="."]
 layout_mode = 2
 
-[node name="HBoxContainer" type="HBoxContainer" parent="."]
+[node name="WidgetContainer" type="HBoxContainer" parent="."]
+unique_name_in_owner = true
 layout_mode = 2
+size_flags_vertical = 3
 theme_override_constants/separation = 12
 
-[node name="CategoryMarginContainer" type="MarginContainer" parent="HBoxContainer"]
+[node name="CategoryMarginContainer" type="MarginContainer" parent="WidgetContainer"]
 layout_mode = 2
 theme_override_constants/margin_left = 12
 theme_override_constants/margin_top = 12
 theme_override_constants/margin_right = 0
 theme_override_constants/margin_bottom = 12
 
-[node name="CategoryScroll" type="ScrollContainer" parent="HBoxContainer/CategoryMarginContainer"]
+[node name="CategoryScroll" type="ScrollContainer" parent="WidgetContainer/CategoryMarginContainer"]
 layout_mode = 2
 size_flags_horizontal = 3
 horizontal_scroll_mode = 0
 
-[node name="CategoryList" type="VBoxContainer" parent="HBoxContainer/CategoryMarginContainer/CategoryScroll"]
+[node name="CategoryList" type="VBoxContainer" parent="WidgetContainer/CategoryMarginContainer/CategoryScroll"]
 unique_name_in_owner = true
 layout_mode = 2
 theme_override_constants/separation = 4
 
-[node name="BlockMarginContainer" type="MarginContainer" parent="HBoxContainer"]
+[node name="BlockMarginContainer" type="MarginContainer" parent="WidgetContainer"]
 layout_mode = 2
+size_flags_horizontal = 3
 theme_override_constants/margin_left = 0
 theme_override_constants/margin_top = 12
 theme_override_constants/margin_right = 12
 theme_override_constants/margin_bottom = 12
 
-[node name="BlockScroll" type="ScrollContainer" parent="HBoxContainer/BlockMarginContainer"]
+[node name="BlockScroll" type="ScrollContainer" parent="WidgetContainer/BlockMarginContainer"]
 unique_name_in_owner = true
+custom_minimum_size = Vector2(250, 0)
 layout_mode = 2
 size_flags_horizontal = 3
-horizontal_scroll_mode = 0
+horizontal_scroll_mode = 3
 
-[node name="BlockList" type="VBoxContainer" parent="HBoxContainer/BlockMarginContainer/BlockScroll"]
+[node name="BlockList" type="VBoxContainer" parent="WidgetContainer/BlockMarginContainer/BlockScroll"]
 unique_name_in_owner = true
 layout_mode = 2
 theme_override_constants/separation = 0