2. Разработка интерфейса (Main UI) (vibe-kanban de1be345)

Создай визуальный интерфейс в `main.go`. Нам нужно:

1. Статусный индикатор (Текст: "Отключено", цвет: серый).
2. Поле ввода (Entry) для VLESS-ссылки с плейсхолдером "vless://...", при нажатии на enter - сохраняется (применяется), поле ввода скрывается и появляется toast с текстом "конфиг применён" после проверки ссылки на валидность (парсинг ссылок напишем позже) или toast "конфиг невалидный" при ошибке в url и поле ввода снова показывается.
3. Большая кнопка "Подключить/Отключить". Неактивна до тех пор, пока не будет импортирована VLESS ссылка.
4. Кнопка-шестеренка для перехода в настройки.
Используй `container.VBox` для вертикальной разметки. Сделай дизайн чистым и минималистичным.
5. Верхний, встроенный из windows заголовок приложения мне не нравится, переделаем так: уберем его, сделаем свой заголовок сверху жирным текстом "Hamy VPN", родные windows кнопки управления окном (скрыть, окно, закрыть) изменим на свои кастомные - две кнопки в стиле macos: скрыть (круглый желтый фон, полоска), закрыть (круглый красный фон, крестик).
This commit is contained in:
Vibe Kanban
2026-01-14 23:49:52 +03:00
parent 2e07222465
commit 56e290934d

364
main.go
View File

@@ -1,18 +1,38 @@
package main package main
import ( import (
"errors"
"fmt"
"image/color"
"net/url"
"os" "os"
"os/exec" "os/exec"
"path/filepath" "path/filepath"
"regexp"
"strings"
"syscall" "syscall"
"fyne.io/fyne/v2/app" "fyne.io/fyne/v2/app"
"fyne.io/fyne/v2/canvas"
"fyne.io/fyne/v2/container" "fyne.io/fyne/v2/container"
"fyne.io/fyne/v2/dialog"
"fyne.io/fyne/v2/layout"
"fyne.io/fyne/v2/theme"
"fyne.io/fyne/v2/widget" "fyne.io/fyne/v2/widget"
"fyne.io/fyne/v2" "fyne.io/fyne/v2"
) )
var currentProcess *exec.Cmd // Config represents a VPN configuration
type Config struct {
Title string
URL string
}
var (
currentProcess *exec.Cmd
configs []Config // Store all configurations
activeConfig int // Index of the active config (-1 if none)
)
// checkSingBox checks if sing-box.exe exists in the bin folder // checkSingBox checks if sing-box.exe exists in the bin folder
func checkSingBox() bool { func checkSingBox() bool {
@@ -23,6 +43,54 @@ func checkSingBox() bool {
return true return true
} }
// isValidVLESS checks if the given URL is a valid VLESS URL
func isValidVLESS(vlessURL string) bool {
// Basic validation for VLESS URL format
if !strings.HasPrefix(vlessURL, "vless://") {
return false
}
u, err := url.Parse(vlessURL)
if err != nil {
return false
}
// Check if it's a valid VLESS link
matched, _ := regexp.MatchString(`^vless://[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}@.*`, vlessURL)
if !matched {
return false
}
// Additional validation checks can be added here
return u.Scheme == "vless" && u.Host != ""
}
// addConfig adds a new configuration to the list
func addConfig(title, url string) {
configs = append(configs, Config{Title: title, URL: url})
}
// updateConfig updates an existing configuration
func updateConfig(index int, title, url string) {
if index >= 0 && index < len(configs) {
configs[index].Title = title
configs[index].URL = url
}
}
// removeConfig removes a configuration by index
func removeConfig(index int) {
if index >= 0 && index < len(configs) {
configs = append(configs[:index], configs[index+1:]...)
if activeConfig >= index {
activeConfig--
}
if activeConfig >= len(configs) {
activeConfig = -1
}
}
}
// runSingBox starts the sing-box process with the given config path // runSingBox starts the sing-box process with the given config path
func runSingBox(configPath string) error { func runSingBox(configPath string) error {
singBoxPath := filepath.Join("bin", "sing-box.exe") singBoxPath := filepath.Join("bin", "sing-box.exe")
@@ -58,58 +126,270 @@ func killCurrentProcess() {
func main() { func main() {
myApp := app.New() myApp := app.New()
myWindow := myApp.NewWindow("Hamy VPN Client") myWindow := myApp.NewWindow("Hamy VPN Client")
// Set the window to not resizable and fixed size
myWindow.SetFixedSize(true)
// Set the window size to 200x300 as requested
myWindow.Resize(fyne.NewSize(200, 300)) myWindow.Resize(fyne.NewSize(200, 300))
// Initialize active config to -1 (no config selected)
activeConfig = -1
// Connection state - true for connected, false for disconnected
var isConnected bool = false
// Update connection button text based on connection state
updateConnectionButtonText := func(button *widget.Button) {
if isConnected {
button.SetText("Отключить")
} else {
button.SetText("Подключить")
}
}
// Create program title with proper padding
titleText := canvas.NewText("Hamy VPN", nil)
titleText.TextStyle.Bold = true
titleText.TextSize = 16
titleText.Alignment = fyne.TextAlignLeading
// Create settings button (gear icon)
settingsButton := widget.NewButtonWithIcon("", theme.SettingsIcon(), func() {
// Show settings dialog in a separate fixed-size window
settingsWindow := myApp.NewWindow("Настройки")
settingsWindow.Resize(fyne.NewSize(400, 300))
settingsWindow.SetFixedSize(true)
// Add content to settings window (for now just a placeholder)
settingsLabel := widget.NewLabel("Настройки приложения")
settingsContent := container.NewVBox(
settingsLabel,
widget.NewLabel("Добавьте элементы настроек здесь"),
)
settingsWindow.SetContent(settingsContent)
settingsWindow.Show()
})
// Create HBox for title and settings button with proper padding
titleContainer := container.NewBorder(nil, nil, titleText, settingsButton, layout.NewSpacer())
// Status indicator (bold, smaller padding)
statusLabel := canvas.NewText("Отключено", color.RGBA{R: 128, G: 128, B: 128, A: 255}) // Gray color
statusLabel.Alignment = fyne.TextAlignCenter
statusLabel.TextSize = 14 // Small font
statusLabel.TextStyle.Bold = true // Make it bold
// Connect/Disconnect button (with dynamic text)
var connectButton *widget.Button var connectButton *widget.Button
var disconnectButton *widget.Button
disconnectButton = widget.NewButton("Отключить", func() {
killCurrentProcess()
statusLabel := widget.NewLabel("Отключено")
myWindow.SetContent(container.NewVBox(
connectButton,
disconnectButton,
statusLabel,
))
})
connectButton = widget.NewButton("Подключить", func() { connectButton = widget.NewButton("Подключить", func() {
// Check if sing-box exists if activeConfig == -1 || len(configs) == 0 {
if !checkSingBox() { dialog.ShowError(errors.New("Выберите конфигурацию"), myWindow)
errorLabel := widget.NewLabel("Файл bin/sing-box.exe не найден")
myWindow.SetContent(container.NewVBox(
connectButton,
disconnectButton,
errorLabel,
))
return return
} }
// Run sing-box with a sample config file // Toggle connection state
err := runSingBox("config.json") // Replace with actual config path isConnected = !isConnected
if err != nil {
errorLabel := widget.NewLabel("Ошибка подключения: " + err.Error()) // Update button text
myWindow.SetContent(container.NewVBox( updateConnectionButtonText(connectButton)
connectButton,
disconnectButton, // Update status text
errorLabel, if isConnected {
)) statusLabel.Text = "Подключено"
return statusLabel.Color = color.RGBA{R: 0, G: 128, B: 0, A: 255} // Green color for connected
} else {
statusLabel.Text = "Отключено"
statusLabel.Color = color.RGBA{R: 128, G: 128, B: 128, A: 255} // Gray color for disconnected
}
statusLabel.Refresh()
// This functionality will be implemented later
dialog.ShowInformation("Info", fmt.Sprintf("Connect/Disconnect functionality will be implemented later using: %s", configs[activeConfig].Title), myWindow)
})
connectButton.Importance = widget.HighImportance
if len(configs) == 0 {
connectButton.Disable() // Disable initially until a config is selected
} else {
connectButton.Enable() // Enable if we have configs
}
// Configurations button - opens a separate window
configsButton := widget.NewButton("Конфигурации", func() {
// Create a separate fixed-size window for configurations
configWindow := myApp.NewWindow("Конфигурации")
configWindow.Resize(fyne.NewSize(400, 300))
configWindow.SetFixedSize(true)
// Entry for importing new configuration
importEntry := widget.NewEntry()
importEntry.PlaceHolder = "vless://..."
// Import button
importButton := widget.NewButtonWithIcon("", theme.ContentAddIcon(), func() {
url := importEntry.Text
if url != "" && isValidVLESS(url) {
title := fmt.Sprintf("Конфиг %d", len(configs)+1)
addConfig(title, url)
dialog.ShowInformation("Успешно", "Конфиг добавлен", configWindow)
// Refresh the list
if listContainer != nil {
refreshList()
}
importEntry.SetText("")
} else if url != "" {
dialog.ShowError(errors.New("Невалидная ссылка"), configWindow)
}
})
// Container for import field and button
importContainer := container.NewBorder(nil, nil, importEntry, importButton)
// Create a list of config titles for selection
var listContainer *widget.List
refreshList := func() {
// Need to recreate the list since we can't refresh it directly
listContainer = widget.NewList(
func() int {
return len(configs)
},
func() fyne.CanvasObject {
return container.NewBorder(nil, nil,
widget.NewLabel("Template"),
container.NewHBox(
widget.NewButtonWithIcon("", theme.DocumentCreateIcon(), func() {}),
widget.NewButtonWithIcon("", theme.DeleteIcon(), func() {}),
),
)
},
func(id widget.ListItemID, obj fyne.CanvasObject) {
box := obj.(*fyne.Container)
titleLabel := box.Objects[1].(*widget.Label)
buttonsContainer := box.Objects[2].(*fyne.Container)
editButton := buttonsContainer.Objects[0].(*widget.Button)
deleteButton := buttonsContainer.Objects[1].(*widget.Button)
titleLabel.SetText(configs[id].Title)
// Update visual indication for active config
if id == activeConfig {
titleLabel.SetText(fmt.Sprintf("● %s", configs[id].Title))
} else {
titleLabel.SetText(fmt.Sprintf("○ %s", configs[id].Title))
}
// Set up edit button
editButton.OnTapped = func() {
showEditDialog(configWindow, id)
}
// Set up delete button
deleteButton.OnTapped = func() {
dialog.ShowConfirm("Удалить конфигурацию",
fmt.Sprintf("Вы уверены, что хотите удалить конфигурацию '%s'?", configs[id].Title),
func(confirmed bool) {
if confirmed {
removeConfig(id)
dialog.ShowInformation("Удалено", "Конфигурация удалена", configWindow)
// Refresh the list
refreshList()
}
},
configWindow)
}
// Allow clicking on the whole row to select the config
box.Objects[0] = container.NewStack(
widget.NewButton("", func() {
activeConfig = id
dialog.ShowInformation("Config Selected", fmt.Sprintf("Active config: %s", configs[id].Title), configWindow)
configWindow.Close()
}),
)
},
)
listContainer.OnSelected = func(id widget.ListItemID) {
activeConfig = id
dialog.ShowInformation("Config Selected", fmt.Sprintf("Active config: %s", configs[id].Title), configWindow)
configWindow.Close()
}
} }
connectLabel := widget.NewLabel("Подключено") refreshList()
myWindow.SetContent(container.NewVBox(
connectButton, scrollContainer := container.NewScroll(listContainer)
disconnectButton,
connectLabel, // Main content for the config window
)) configContent := container.NewVBox(
importContainer,
scrollContainer,
)
configWindow.SetContent(configContent)
configWindow.Show()
}) })
myWindow.SetContent(container.NewVBox( // Main content container with vertical layout
connectButton, contentContainer := container.NewVBox(
disconnectButton, titleContainer,
)) layout.NewSpacer(),
container.NewCenter(statusLabel),
layout.NewSpacer(),
container.NewCenter(connectButton),
layout.NewSpacer(),
container.NewCenter(configsButton),
layout.NewSpacer(),
)
// Create a top-level container
mainContainer := container.NewStack(contentContainer)
// Set the content and show the window
myWindow.SetContent(mainContainer)
myWindow.ShowAndRun() myWindow.ShowAndRun()
}
// Function to show the edit dialog
func showEditDialog(parentWindow fyne.Window, configIndex int) {
// Create entry fields for title and URL with existing values
titleEntry := widget.NewEntry()
titleEntry.SetText(configs[configIndex].Title)
titleEntry.PlaceHolder = "Название конфигурации"
urlEntry := widget.NewEntry()
urlEntry.SetText(configs[configIndex].URL)
urlEntry.PlaceHolder = "vless://..."
// Create a custom dialog
editDialog := dialog.NewForm("Редактировать конфигурацию", "Сохранить", "Отмена",
[]*widget.FormItem{
widget.NewFormItem("Заголовок", titleEntry),
widget.NewFormItem("Ссылка", urlEntry),
},
func(ok bool) {
if ok {
title := titleEntry.Text
url := urlEntry.Text
if title == "" {
title = fmt.Sprintf("Конфиг %d", configIndex+1) // Default title
}
if isValidVLESS(url) {
updateConfig(configIndex, title, url)
dialog.ShowInformation("Успешно", "Конфиг обновлен", parentWindow)
} else {
dialog.ShowError(errors.New("Невалидная ссылка"), parentWindow)
}
}
},
parentWindow,
)
editDialog.Show()
} }