Add CTkHyperlink class

Author: TheKliko

modules/functions/interface/CTkHyperlink.py

@@ -0,0 +1,14 @@
+import customtkinter as ctk
+import webbrowser
+
+
+class CTkHyperlink(ctk.CTkLabel):
+    color: str | tuple[str, str] = ("#0000EE", "#2fa8ff")
+    hover_color: str | tuple[str, str] = ("#0000CC", "#58bbff")
+
+    def __init__(self, master, url: str, text: str | None = None, fg_color: str | tuple[str, str] = "transparent"):
+        super().__init__(master, text=text or url, cursor="hand2", fg_color=fg_color, text_color=self.color)
+
+        self.bind("<Button-1>", lambda _: webbrowser.open_new_tab(url))
+        self.bind("<Enter>", lambda _: self.configure(text_color=self.hover_color))
+        self.bind("<Leave>", lambda _: self.configure(text_color=self.color))

modules/menu/sections/mod_generator.py

@@ -2,7 +2,6 @@
 import re
 from tkinter import messagebox
 from threading import Thread
-import webbrowser
 from tkinter import filedialog
 from typing import Literal
 import uuid
@@ -12,6 +11,7 @@
 from modules import filesystem
 from modules.filesystem import Directory, restore_from_meipass
 from modules.functions.interface.image import load as load_image, load_from_image
+from modules.functions.interface.CTkHyperlink import CTkHyperlink
 from modules.config import settings
 from modules import mod_generator
 from modules.mod_generator.get_mask import get_mask
@@ -72,7 +72,7 @@ def _destroy(self) -> None:
     def _load_title(self) -> None:
         frame: ctk.CTkFrame = ctk.CTkFrame(self.container, fg_color="transparent")
         frame.grid_columnconfigure(0, weight=1)
-        frame.grid(column=0, row=0, sticky="nsew", pady=(0,16))
+        frame.grid(column=0, row=0, sticky="nsew", pady=(0,8))
 
         ctk.CTkLabel(frame, text=self.Constants.SECTION_TITLE, anchor="w", font=self.Fonts.title).grid(column=0, row=0, sticky="nsew")
         ctk.CTkLabel(frame, text=self.Constants.SECTION_DISCLAIMER, anchor="w", font=self.Fonts.large).grid(column=0, row=1, sticky="nsew")
@@ -85,9 +85,24 @@ def _load_content(self) -> None:
         container.grid_columnconfigure(0, weight=1)
         container.grid(column=0, row=1, sticky="nsew", padx=(0,4))
 
+        # Run
+        run_frame: ctk.CTkFrame = ctk.CTkFrame(container, fg_color="transparent")
+        run_frame.grid(column=0, row=0, sticky="nsew", pady=(0, 16))
+        ctk.CTkLabel(run_frame, text="Run", anchor="w", font=self.Fonts.bold).grid(column=0, row=0, sticky="nw")
+
+        run_icon: Path = (Directory.RESOURCES / "menu" / "common" / "image-run").with_suffix(".png")
+        if not run_icon.is_file():
+            restore_from_meipass(run_icon)
+        run_image = load_image(run_icon)
+        
+        ctk.CTkButton(run_frame, text="Generate mod", image=run_image, command=self._run, width=1, anchor="w", compound=ctk.LEFT).grid(column=0, row=1, sticky="w")
+        
+        # Progress label
+        ctk.CTkLabel(run_frame, textvariable=self.progress_variable, anchor="w", font=self.Fonts.bold).grid(column=1, row=1, sticky="w", padx=(4, 0))
+
         # name input
         name_frame: ctk.CTkFrame = ctk.CTkFrame(container, fg_color="transparent")
-        name_frame.grid(column=0, row=0, sticky="nsew")
+        name_frame.grid(column=0, row=1, sticky="nsew")
         ctk.CTkLabel(name_frame, text="Mod name", anchor="w", font=self.Fonts.bold).grid(column=0, row=0, sticky="nw")
         self.mod_name_entry = ctk.CTkEntry(
             name_frame, width=256, height=40, validate="key",
@@ -97,7 +112,7 @@ def _load_content(self) -> None:
 
         # color/angle inputs
         color_frame: ctk.CTkFrame = ctk.CTkFrame(container, fg_color="transparent")
-        color_frame.grid(column=0, row=1, sticky="nsew", pady=(16, 0))
+        color_frame.grid(column=0, row=2, sticky="nsew", pady=(16, 0))
 
         color1_frame: ctk.CTkFrame = ctk.CTkFrame(color_frame, fg_color="transparent")
         color1_frame.grid(column=0, row=1)
@@ -129,21 +144,18 @@ def _load_content(self) -> None:
         self.angle_entry.bind("<Control-s>", lambda _: self.root.focus())
         self.angle_entry.bind("<FocusOut>", lambda _: self._generate_preview())
 
+        # Possible colors
         possible_colors_frame: ctk.CTkFrame = ctk.CTkFrame(container, fg_color="transparent")
-        possible_colors_frame.grid(column=0, row=2, sticky="w", pady=(4, 0))
+        possible_colors_frame.grid(column=0, row=3, sticky="w", pady=(4, 0))
         ctk.CTkLabel(possible_colors_frame, text="A list of available color formats can be found at ").grid(column=0, row=0)
         url: str = r"https://pillow.readthedocs.io/en/stable/reference/ImageColor.html#color-names"
-        unhover_color: str | tuple[str ,str] = ("#0000EE", "#2fa8ff")
-        hover_color: str | tuple[str ,str] = ("#0000CC", "#58bbff")
-        hyperlink: ctk.CTkLabel = ctk.CTkLabel(possible_colors_frame, text=url, cursor="hand2", text_color=unhover_color)
-        hyperlink.bind("<Button-1>", lambda _: self._open_in_browser(url))
+        
+        hyperlink: CTkHyperlink = CTkHyperlink(possible_colors_frame, url)
         hyperlink.grid(column=1, row=0)
-        hyperlink.bind("<Enter>", lambda _: hyperlink.configure(text_color=hover_color))
-        hyperlink.bind("<Leave>", lambda _: hyperlink.configure(text_color=unhover_color))
 
-        # Preview
+        # Color Preview
         preview_frame: ctk.CTkFrame = ctk.CTkFrame(container, fg_color="transparent")
-        preview_frame.grid(column=0, row=3, sticky="nsew", pady=(16, 0))
+        preview_frame.grid(column=0, row=4, sticky="nsew", pady=(12, 0))
 
         ctk.CTkLabel(preview_frame, text="Preview", anchor="w", font=self.Fonts.bold).grid(column=0, row=0, sticky="w")
         self.preview_image = ctk.CTkLabel(preview_frame, text="", fg_color="#000", width=self.Constants.PREVIEW_SIZE, height=self.Constants.PREVIEW_SIZE)
@@ -153,7 +165,7 @@ def _load_content(self) -> None:
         # User selected files
         user_selected_files_frame: ctk.CTkFrame = ctk.CTkFrame(container, fg_color="transparent")
         user_selected_files_frame.grid_columnconfigure(0, weight=1)
-        user_selected_files_frame.grid(column=0, row=4, pady=(16, 0), sticky="nsew")
+        user_selected_files_frame.grid(column=0, row=5, pady=(16, 0), sticky="nsew")
         ctk.CTkLabel(user_selected_files_frame, text="Additional files", anchor="w", font=self.Fonts.bold).grid(column=0, row=0, sticky="nw")
         ctk.CTkLabel(user_selected_files_frame, text="Select additional files to be generated on top of the default ones. (only PNG files are supported)", anchor="w").grid(column=0, row=1, sticky="nw")
 
@@ -169,21 +181,6 @@ def _load_content(self) -> None:
         self.user_selected_files_container = ctk.CTkFrame(user_selected_files_frame)
         self.user_selected_files_container.grid_columnconfigure(0, weight=1)
         self._load_user_selected_files()
-
-        # Run
-        run_frame: ctk.CTkFrame = ctk.CTkFrame(container, fg_color="transparent")
-        run_frame.grid(column=0, row=5, sticky="nsew", pady=(32, 0))
-        ctk.CTkLabel(run_frame, text="Run", anchor="w", font=self.Fonts.bold).grid(column=0, row=0, sticky="nw")
-
-        run_icon: Path = (Directory.RESOURCES / "menu" / "common" / "image-run").with_suffix(".png")
-        if not run_icon.is_file():
-            restore_from_meipass(run_icon)
-        run_image = load_image(run_icon)
-        
-        ctk.CTkButton(run_frame, text="Generate mod", image=run_image, command=self._run, width=1, anchor="w", compound=ctk.LEFT).grid(column=0, row=1, sticky="w")
-        
-        # Progress label
-        ctk.CTkLabel(container, textvariable=self.progress_variable, anchor="w", font=self.Fonts.bold).grid(column=0, row=6, sticky="w", pady=(4, 0))
     # endregion
 
 
@@ -346,10 +343,6 @@ def _load_user_selected_files(self) -> None:
         self.user_selected_files_container.grid(column=0, row=3, sticky="nsew", pady=(8, 0))
 
 
-    def _open_in_browser(self, url: str) -> None:
-        webbrowser.open_new_tab(url)
-
-
     def _generate_preview(self, default: bool = False) -> None:
         if default:
             self.default_image: Image.Image = get_mask(ImageColor.getcolor("black", "RGBA"), None, 0, size=(self.Constants.PREVIEW_SIZE, self.Constants.PREVIEW_SIZE))