feat: Implement Style-Based Skin Generation

- Add a 'Style' property to the OsuSkin class.
- Create a database of skin styles in styles.json.
- Implement a StyleSelector UI component.
- Integrate the StyleSelector with the AI generator to allow you to generate skins based on a selected style.

Author: google-labs-jules[bot]

assets/styles.json

@@ -0,0 +1,14 @@
+[
+    {
+        "Name": "Yugen",
+        "Description": "A popular skin known for its clean and minimalist design."
+    },
+    {
+        "Name": "Cookiezi",
+        "Description": "A skin used by the legendary player Cookiezi."
+    },
+    {
+        "Name": "FlyingTuna",
+        "Description": "A skin used by the popular streamer FlyingTuna."
+    }
+]

src/Components/StyleSelector.cs

@@ -0,0 +1,47 @@
+using Godot;
+using OsuSkinMixer.Models;
+using System.Collections.Generic;
+using System.IO;
+using System.Text.Json;
+
+namespace OsuSkinMixer.Components;
+
+public partial class StyleSelector : Popup
+{
+    [Signal]
+    public delegate void StyleSelectedEventHandler(string style);
+
+    private VBoxContainer StyleList;
+
+    public override void _Ready()
+    {
+        StyleList = GetNode<VBoxContainer>("%StyleList");
+        var styles = LoadStyles();
+
+        foreach (var style in styles)
+        {
+            var button = new Button();
+            button.Text = style.Name;
+            button.Pressed += () => OnStyleButtonPressed(style.Name);
+            StyleList.AddChild(button);
+        }
+    }
+
+    private void OnStyleButtonPressed(string style)
+    {
+        EmitSignal(SignalName.StyleSelected, style);
+        Out();
+    }
+
+    private IEnumerable<SkinStyle> LoadStyles()
+    {
+        string stylesJson = File.ReadAllText("assets/styles.json");
+        return JsonSerializer.Deserialize<IEnumerable<SkinStyle>>(stylesJson);
+    }
+}
+
+public class SkinStyle
+{
+    public string Name { get; set; }
+    public string Description { get; set; }
+}

src/Components/StyleSelector.tscn

@@ -0,0 +1,32 @@
+[gd_scene load_steps=2 format=3 uid="uid://bcy8j8f8j8f8"]
+
+[ext_resource type="Script" path="res://src/Components/StyleSelector.cs" id="1_f8j8f"]
+
+[node name="StyleSelector" type="Popup"]
+script = ExtResource("1_f8j8f")
+
+[node name="VBoxContainer" type="VBoxContainer" parent="."]
+anchors_preset = 8
+anchor_left = 0.5
+anchor_top = 0.5
+anchor_right = 0.5
+anchor_bottom = 0.5
+offset_left = -150.0
+offset_top = -100.0
+offset_right = 150.0
+offset_bottom = 100.0
+grow_horizontal = 2
+grow_vertical = 2
+theme_override_constants/separation = 15
+
+[node name="Label" type="Label" parent="VBoxContainer"]
+layout_mode = 2
+text = "Select a style"
+horizontal_alignment = 1
+
+[node name="HSeparator" type="HSeparator" parent="VBoxContainer"]
+layout_mode = 2
+
+[node name="StyleList" type="VBoxContainer" parent="VBoxContainer"]
+unique_name_in_owner = true
+layout_mode = 2

src/Models/Osu/OsuSkin.cs

@@ -47,6 +47,8 @@ public OsuSkin(DirectoryInfo dir, bool hidden = false)
 
     public bool Hidden { get; set; }
 
+    public string Style { get; set; }
+
     public Color[] ComboColors
     {
         get

src/StackScenes/AiGenerator/AiGenerator.cs

@@ -30,6 +30,10 @@ public partial class AiGenerator : StackScene
     private FileDialog FileDialog;
 
     private string SelectedImagePath;
+    private string SelectedStyle;
+
+    private StyleSelector StyleSelector;
+    private Button SelectStyleButton;
 
     public override void _Ready()
     {
@@ -38,16 +42,25 @@ public override void _Ready()
         PromptEdit = GetNode<LineEdit>("%Prompt");
         SelectImageButton = GetNode<Button>("%SelectImageButton");
         GenerateButton = GetNode<Button>("%GenerateButton");
+        SelectStyleButton = GetNode<Button>("%SelectStyleButton");
         TextureRect = GetNode<TextureRect>("%TextureRect");
         HttpRequest = GetNode<HttpRequest>("HttpRequest");
         FileDialog = GetNode<FileDialog>("FileDialog");
+        StyleSelector = GetNode<StyleSelector>("StyleSelector");
 
         SelectImageButton.Pressed += () => FileDialog.PopupCentered();
         FileDialog.FileSelected += OnFileSelected;
         GenerateButton.Pressed += OnGenerateButtonPressed;
+        SelectStyleButton.Pressed += () => StyleSelector.In();
+        StyleSelector.StyleSelected += OnStyleSelected;
         HttpRequest.RequestCompleted += OnRequestCompleted;
     }
 
+    private void OnStyleSelected(string style)
+    {
+        SelectedStyle = style;
+    }
+
     private void OnFileSelected(string path)
     {
         SelectedImagePath = path;
@@ -69,7 +82,7 @@ private void OnGenerateButtonPressed()
                 {
                     parts = new object[]
                     {
-                        new { text = PromptEdit.Text },
+                        new { text = $"{PromptEdit.Text} in the style of {SelectedStyle}" },
                         new
                         {
                             inline_data = new

src/StackScenes/AiGenerator/AiGenerator.tscn

@@ -1,6 +1,7 @@
-[gd_scene load_steps=2 format=3 uid="uid://cgt7d5l7g2a3e"]
+[gd_scene load_steps=3 format=3 uid="uid://cgt7d5l7g2a3e"]
 
 [ext_resource type="Script" path="res://src/StackScenes/AiGenerator/AiGenerator.cs" id="1_vj5qg"]
+[ext_resource type="PackedScene" uid="uid://bcy8j8f8j8f8" path="res://src/Components/StyleSelector.tscn" id="2_abcde"]
 
 [node name="AiGenerator" type="Control"]
 layout_mode = 3
@@ -48,6 +49,10 @@ text = "Select Image"
 layout_mode = 2
 text = "Generate"
 
+[node name="SelectStyleButton" type="Button" parent="VBoxContainer/HBoxContainer"]
+layout_mode = 2
+text = "Select Style"
+
 [node name="TextureRect" type="TextureRect" parent="VBoxContainer"]
 custom_minimum_size = Vector2(256, 256)
 layout_mode = 2
@@ -63,3 +68,6 @@ ok_button_text = "Open"
 file_mode = 0
 access = 2
 filters = PackedStringArray("*.png", "*.jpg")
+
+[node name="StyleSelector" parent="." instance=ExtResource("2_abcde")]
+visible = false