feat: support http debug (#6)

Signed-off-by: Young Xu <xuthus5@gmail.com>

Author: xuthus5

app.go

@@ -35,6 +35,7 @@ type App struct {
 	db       *bolt.DB
 	connects sync.Map
 	logger   *Logger
+	debug    bool
 }
 
 // NewApp creates a new App application struct
@@ -61,6 +62,12 @@ func NewApp() *App {
 // so we can call the runtime methods
 func (app *App) startup(ctx context.Context) {
 	app.ctx = ctx
+	setting, err := app.GetSetting()
+	if err != nil {
+		app.logger.Error("get setting failed", "reason", err)
+	} else {
+		app.debug = setting.Debug
+	}
 }
 
 func (app *App) shutdown(ctx context.Context) {
@@ -177,6 +184,7 @@ func (app *App) GetConnect(name string) (*ConnectConfig, error) {
 }
 
 func (app *App) UpdateSetting(settings *AppSetting) error {
+	app.debug = settings.Debug
 	data, err := json.Marshal(settings)
 	if err != nil {
 		app.logger.Error("update settings failed", "reason", err)
@@ -218,6 +226,9 @@ func (app *App) DialConnect(name string) ([]string, error) {
 		app.logger.Error("dial connect failed: find connect config failed", "reason", err)
 		return nil, err
 	}
+	if app.debug {
+		cc.debug = true
+	}
 	httpClient, err := NewHttpClient(cc)
 	if err != nil {
 		app.logger.Error("dial connect failed: create http client failed", "reason", err)

data_struct.go

@@ -30,13 +30,15 @@ type ConnectConfig struct {
 	EnableAuth        bool   `json:"enable_auth"`
 	Username          string `json:"username"`
 	Password          string `json:"password"`
+	debug             bool   `json:"-"`
 }
 
 var defaultAppSetting = &AppSetting{
 	Language:        "en",
 	ThemeMode:       "light",
 	MaxHistoryCount: 100,
 	DataDirectory:   "./data",
+	Debug:           false,
 }
 
 type AppSetting struct {
@@ -45,6 +47,7 @@ type AppSetting struct {
 	CustomFont      string `json:"custom_font"`
 	MaxHistoryCount int    `json:"max_history_count"`
 	DataDirectory   string `json:"data_dir"`
+	Debug           bool   `json:"debug"`
 }
 
 func (as *AppSetting) Marshal() []byte {
@@ -85,8 +88,8 @@ type ExecuteResponse struct {
 type History struct {
 	ID              string  `json:"id"`
 	Query           string  `json:"query"`
-	Timestamp       int64   `json:"timestamp"`        // Unix timestamp in milliseconds
-	ExecutionTime   float64 `json:"execution_time"`   // Execution time in milliseconds
+	Timestamp       int64   `json:"timestamp"`      // Unix timestamp in milliseconds
+	ExecutionTime   float64 `json:"execution_time"` // Execution time in milliseconds
 	Database        string  `json:"database"`
 	RetentionPolicy string  `json:"retention_policy"`
 	Success         bool    `json:"success"`

frontend/src/components/Settings.vue

@@ -62,6 +62,18 @@
           />
           <span class="setting-hint">{{ $t('settings.dataDirectoryHint') }}</span>
         </div>
+
+        <div class="setting-group">
+          <label class="setting-label setting-checkbox-label">
+            <input
+              v-model="localSettings.debug"
+              type="checkbox"
+              class="setting-checkbox"
+            />
+            <span>{{ $t('settings.debug') }}</span>
+          </label>
+          <span class="setting-hint">{{ $t('settings.debugHint') }}</span>
+        </div>
       </div>
 
       <div class="settings-footer">
@@ -261,4 +273,19 @@ const handleReset = () => {
 .btn-secondary:hover {
   background: var(--bg-hover);
 }
+
+.setting-checkbox-label {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  cursor: pointer;
+  user-select: none;
+}
+
+.setting-checkbox {
+  width: 18px;
+  height: 18px;
+  cursor: pointer;
+  accent-color: #3b82f6;
+}
 </style>

frontend/src/composables/useSettings.ts

@@ -9,6 +9,7 @@ const DEFAULT_SETTINGS: AppSettings = {
   customFont: "",
   maxHistoryCount: 50,
   dataDirectory: "./data",
+  debug: false,
 }
 
 // Data transformation utilities
@@ -19,6 +20,7 @@ const toBackendSettings = (settings: AppSettings): main.AppSetting => {
     custom_font: settings.customFont,
     max_history_count: settings.maxHistoryCount,
     data_dir: settings.dataDirectory,
+    debug: settings.debug,
   }
 }
 
@@ -29,6 +31,7 @@ const fromBackendSettings = (backendSettings: main.AppSetting): AppSettings => {
     customFont: backendSettings.custom_font || "",
     maxHistoryCount: backendSettings.max_history_count,
     dataDirectory: backendSettings.data_dir,
+    debug: backendSettings.debug || false,
   }
 }
 

frontend/src/locales/en.ts

@@ -99,6 +99,8 @@ export default {
     customFontHint: 'Enter custom font family names (comma-separated). Leave empty to use default fonts.',
     maxHistoryCount: 'Max History Count',
     dataDirectory: 'Data Directory',
+    debug: 'Enable Debug Mode',
+    debugHint: 'Enable debug mode to see detailed logs and diagnostic information',
     resetToDefaults: 'Reset to Defaults',
     save: 'Save',
     themeLight: 'Light',

frontend/src/locales/zh-CN.ts

@@ -99,6 +99,8 @@ export default {
     customFontHint: '输入自定义字体名称（用逗号分隔）。留空则使用默认字体。',
     maxHistoryCount: '最大历史记录数',
     dataDirectory: '数据目录',
+    debug: '开启调试模式',
+    debugHint: '启用调试模式以查看详细的日志和诊断信息',
     resetToDefaults: '重置为默认值',
     save: '保存',
     themeLight: '浅色',

frontend/src/types/index.ts

@@ -74,4 +74,5 @@ export interface AppSettings {
   customFont: string
   maxHistoryCount: number
   dataDirectory: string
+  debug: boolean
 }

frontend/wailsjs/go/models.ts

@@ -6,6 +6,7 @@ export namespace main {
 	    custom_font: string;
 	    max_history_count: number;
 	    data_dir: string;
+	    debug: boolean;
 
 	    static createFrom(source: any = {}) {
 	        return new AppSetting(source);
@@ -18,6 +19,7 @@ export namespace main {
 	        this.custom_font = source["custom_font"];
 	        this.max_history_count = source["max_history_count"];
 	        this.data_dir = source["data_dir"];
+	        this.debug = source["debug"];
 	    }
 	}
 	export class ConnectConfig {

http_client.go

@@ -246,7 +246,7 @@ func NewHttpClient(cfg *ConnectConfig) (HttpClient, error) {
 	client.HostPort = schema + "://" + cfg.Address
 
 	client.client.Transport = transport
-	client.SetDebug(true)
+	client.SetDebug(cfg.debug)
 	return client, nil
 }