From a411138732dfe29b7761632ccc1265a3ed8e42c4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=9Cmit=20Tun=C3=A7?= <umitreva@gmail.com>
Date: Sat, 28 Mar 2026 21:38:07 +0300
Subject: [PATCH] feat: add phpMyAdmin service management and UI integration

---
 src/main/services/PhpMyAdminService.ts |   4 +-
 src/renderer/src/App.tsx               | 198 +++++++++++++------------
 src/renderer/src/locales/de.json       |   1 +
 src/renderer/src/locales/en.json       |   1 +
 src/renderer/src/locales/tr.json       |   1 +
 5 files changed, 112 insertions(+), 93 deletions(-)

diff --git a/src/main/services/PhpMyAdminService.ts b/src/main/services/PhpMyAdminService.ts
index 11a878b..a486257 100644
--- a/src/main/services/PhpMyAdminService.ts
+++ b/src/main/services/PhpMyAdminService.ts
@@ -21,9 +21,9 @@ export class PhpMyAdminService {
         }
 
         try {
-            await downloadService.downloadAndExtract(this.downloadUrl, this.pmaDir, (p) => {
+            await downloadService.downloadAndExtract(this.downloadUrl, 'phpmyadmin', (p) => {
                 if (onProgress) onProgress(p)
-            })
+            }, this.pmaDir)
 
             // After extraction, the zip usually contains a folder like phpMyAdmin-x.y.z-all-languages
             // We should move contents to the root of this.pmaDir if they are nested
diff --git a/src/renderer/src/App.tsx b/src/renderer/src/App.tsx
index 5a43b99..68b538f 100644
--- a/src/renderer/src/App.tsx
+++ b/src/renderer/src/App.tsx
@@ -65,7 +65,8 @@ import {
     Folder as FolderIcon,
     Storage as MySQLIcon,
     Language as HostIcon,
-    Launch as LaunchIcon
+    Launch as LaunchIcon,
+    Handyman as ToolsIcon
 } from '@mui/icons-material'
 import { useTranslation } from 'react-i18next'
 
@@ -497,6 +498,12 @@ function App(): JSX.Element {
                                 <ListItemText primary="Projeler" />
                             </ListItemButton>
                         </ListItem>
+                        <ListItem disablePadding>
+                            <ListItemButton selected={activeTab === 'tools'} onClick={() => setActiveTab('tools')}>
+                                <ListItemIcon><ToolsIcon color={activeTab === 'tools' ? 'primary' : 'inherit'} /></ListItemIcon>
+                                <ListItemText primary="Araçlar" />
+                            </ListItemButton>
+                        </ListItem>
                     </List>
                     <Divider />
                     <List>
@@ -577,97 +584,51 @@ function App(): JSX.Element {
                             )}
 
                             {settingsTab === 1 && (
-                                <>
-                                    <Paper sx={{ bgcolor: 'rgba(255, 255, 255, 0.03)', borderRadius: 2 }}>
-                                        <Box sx={{ p: 2, borderBottom: '1px solid rgba(255, 255, 255, 0.05)' }}>
-                                            <Typography variant="subtitle1" sx={{ fontWeight: 'bold' }}>MySQL Sürümleri</Typography>
-                                            <Typography variant="body2" color="text.secondary">Farklı MySQL sürümlerini indirebilir ve sunucunuzda kullanabilirsiniz.</Typography>
-                                        </Box>
-                                        <List sx={{ maxHeight: 500, overflow: 'auto' }}>
-                                            {mySqlVersions.length === 0 && !loadingVersions && (
-                                                <ListItem><ListItemText primary="Yükleniyor veya liste boş..." /></ListItem>
-                                            )}
-                                            {mySqlVersions.map((v) => (
-                                                <ListItem key={v.id} sx={{ py: 2 }}>
-                                                    <ListItemIcon>
-                                                        {v.status === 'installed' ? <InstalledIcon color="success" /> : <AvailableIcon color="action" />}
-                                                    </ListItemIcon>
-                                                    <ListItemText
-                                                        primary={
-                                                            <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>
-                                                                {`MySQL ${v.version} (${v.cycle})`}
-                                                                {v.description && (
-                                                                    <Chip label={v.description} size="small" variant="outlined" sx={{ fontSize: '0.7rem', height: 20 }} />
-                                                                )}
-                                                            </Box>
-                                                        }
-                                                        secondary={v.status === 'downloading' ? `İndiriliyor... %${Math.round(v.progress)}` : v.status === 'installed' ? 'Kurulu' : 'İndirilebilir'}
-                                                        sx={{ flexGrow: 1 }}
-                                                    />
-                                                    <Box sx={{ minWidth: 120, textAlign: 'right' }}>
-                                                        {v.status === 'available' && (
-                                                            <Button variant="outlined" size="small" startIcon={<DownloadIcon />} onClick={() => handleDownloadMySql(v.id)}>
-                                                                İNDİR
-                                                            </Button>
-                                                        )}
-                                                        {v.status === 'downloading' && (
-                                                            <Box sx={{ width: '100%', mt: 1 }}>
-                                                                <LinearProgress variant="determinate" value={v.progress} sx={{ height: 8, borderRadius: 5 }} />
-                                                            </Box>
-                                                        )}
-                                                        {v.status === 'installed' && (
-                                                            <Chip label="HAZIR" color="success" variant="outlined" size="small" />
-                                                        )}
-                                                    </Box>
-                                                </ListItem>
-                                            ))}
-                                        </List>
-                                    </Paper>
-
-                                    <Paper sx={{ mt: 3, p: 2, bgcolor: 'rgba(255, 255, 255, 0.03)', borderRadius: 2 }}>
-                                        <Box sx={{ display: 'flex', alignItems: 'center', gap: 2 }}>
-                                            <Box sx={{ p: 1.5, bgcolor: 'rgba(255, 255, 255, 0.05)', borderRadius: 2 }}>
-                                                <DbIcon color="primary" />
-                                            </Box>
-                                            <Box sx={{ flexGrow: 1 }}>
-                                                <Typography variant="subtitle1" sx={{ fontWeight: 'bold' }}>phpMyAdmin</Typography>
-                                                <Typography variant="body2" color="text.secondary">
-                                                    {pmaInstalled ? 'Veritabanı yönetimi için phpMyAdmin hazır.' : 'Veritabanlarını web üzerinden yönetmek için phpMyAdmin kurun.'}
-                                                </Typography>
-                                            </Box>
-                                            <Box>
-                                                {!pmaInstalled ? (
-                                                    <Button
-                                                        variant="contained"
-                                                        size="small"
-                                                        onClick={handleSetupPma}
-                                                        disabled={pmaLoading}
-                                                        startIcon={pmaLoading ? <CircularProgress size={20} /> : <DownloadIcon />}
-                                                    >
-                                                        {pmaLoading ? 'KURULUYOR...' : 'KURULUMU BAŞLAT'}
-                                                    </Button>
-                                                ) : (
-                                                    <Button
-                                                        variant="outlined"
-                                                        size="small"
-                                                        onClick={handleOpenPma}
-                                                        startIcon={<OpenIcon />}
-                                                    >
-                                                        AÇ
-                                                    </Button>
-                                                )}
-                                            </Box>
-                                        </Box>
-                                        {pmaLoading && (
-                                            <Box sx={{ mt: 2 }}>
-                                                <LinearProgress variant="determinate" value={pmaProgress} sx={{ height: 6, borderRadius: 3 }} />
-                                                <Typography variant="caption" sx={{ mt: 0.5, display: 'block', textAlign: 'center' }}>
-                                                    İndiriliyor... %{Math.round(pmaProgress)}
-                                                </Typography>
-                                            </Box>
+                                <Paper sx={{ bgcolor: 'rgba(255, 255, 255, 0.03)', borderRadius: 2 }}>
+                                    <Box sx={{ p: 2, borderBottom: '1px solid rgba(255, 255, 255, 0.05)' }}>
+                                        <Typography variant="subtitle1" sx={{ fontWeight: 'bold' }}>MySQL Sürümleri</Typography>
+                                        <Typography variant="body2" color="text.secondary">Farklı MySQL sürümlerini indirebilir ve sunucunuzda kullanabilirsiniz.</Typography>
+                                    </Box>
+                                    <List sx={{ maxHeight: 500, overflow: 'auto' }}>
+                                        {mySqlVersions.length === 0 && !loadingVersions && (
+                                            <ListItem><ListItemText primary="Yükleniyor veya liste boş..." /></ListItem>
                                         )}
-                                    </Paper>
-                                </>
+                                        {mySqlVersions.map((v) => (
+                                            <ListItem key={v.id} sx={{ py: 2 }}>
+                                                <ListItemIcon>
+                                                    {v.status === 'installed' ? <InstalledIcon color="success" /> : <AvailableIcon color="action" />}
+                                                </ListItemIcon>
+                                                <ListItemText
+                                                    primary={
+                                                        <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>
+                                                            {`MySQL ${v.version} (${v.cycle})`}
+                                                            {v.description && (
+                                                                <Chip label={v.description} size="small" variant="outlined" sx={{ fontSize: '0.7rem', height: 20 }} />
+                                                            )}
+                                                        </Box>
+                                                    }
+                                                    secondary={v.status === 'downloading' ? `İndiriliyor... %${Math.round(v.progress)}` : v.status === 'installed' ? 'Kurulu' : 'İndirilebilir'}
+                                                    sx={{ flexGrow: 1 }}
+                                                />
+                                                <Box sx={{ minWidth: 120, textAlign: 'right' }}>
+                                                    {v.status === 'available' && (
+                                                        <Button variant="outlined" size="small" startIcon={<DownloadIcon />} onClick={() => handleDownloadMySql(v.id)}>
+                                                            İNDİR
+                                                        </Button>
+                                                    )}
+                                                    {v.status === 'downloading' && (
+                                                        <Box sx={{ width: '100%', mt: 1 }}>
+                                                            <LinearProgress variant="determinate" value={v.progress} sx={{ height: 8, borderRadius: 5 }} />
+                                                        </Box>
+                                                    )}
+                                                    {v.status === 'installed' && (
+                                                        <Chip label="HAZIR" color="success" variant="outlined" size="small" />
+                                                    )}
+                                                </Box>
+                                            </ListItem>
+                                        ))}
+                                    </List>
+                                </Paper>
                             )}
 
                             {settingsTab === 2 && (
@@ -748,6 +709,7 @@ function App(): JSX.Element {
                             )}
                         </Box>
                     )}
+
                     {activeTab === 'dashboard' && (
                         <>
                             <Typography variant="h5" gutterBottom sx={{ mb: 3, fontWeight: 'medium' }}>
@@ -823,6 +785,59 @@ function App(): JSX.Element {
                         </>
                     )}
 
+                    {activeTab === 'tools' && (
+                        <Box>
+                            <Typography variant="h5" sx={{ mb: 3, fontWeight: 'medium' }}>
+                                {t('common.tools')}
+                            </Typography>
+                            <Paper sx={{ mb: 3, p: 3, bgcolor: 'rgba(255, 255, 255, 0.03)', borderRadius: 2, border: '1px solid rgba(255, 255, 255, 0.05)' }}>
+                                <Box sx={{ display: 'flex', alignItems: 'center', gap: 3 }}>
+                                    <Box sx={{ p: 2, bgcolor: 'rgba(255, 255, 255, 0.05)', borderRadius: 3 }}>
+                                        <DbIcon color="primary" sx={{ fontSize: 32 }} />
+                                    </Box>
+                                    <Box sx={{ flexGrow: 1 }}>
+                                        <Typography variant="h6" sx={{ fontWeight: 'bold' }}>phpMyAdmin</Typography>
+                                        <Typography variant="body2" color="text.secondary">
+                                            {pmaInstalled ? 'Veritabanı yönetimi için phpMyAdmin hazır.' : 'Veritabanlarını web üzerinden yönetmek için phpMyAdmin kurun.'}
+                                        </Typography>
+                                    </Box>
+                                    <Box>
+                                        {!pmaInstalled ? (
+                                            <Button
+                                                variant="contained"
+                                                size="large"
+                                                onClick={handleSetupPma}
+                                                disabled={pmaLoading}
+                                                startIcon={pmaLoading ? <CircularProgress size={20} /> : <DownloadIcon />}
+                                                sx={{ borderRadius: 2 }}
+                                            >
+                                                {pmaLoading ? 'KURULUYOR...' : 'KURULUMU BAŞLAT'}
+                                            </Button>
+                                        ) : (
+                                            <Button
+                                                variant="contained"
+                                                size="large"
+                                                onClick={handleOpenPma}
+                                                startIcon={<OpenIcon />}
+                                                sx={{ borderRadius: 2 }}
+                                            >
+                                                AÇ
+                                            </Button>
+                                        )}
+                                    </Box>
+                                </Box>
+                                {pmaLoading && (
+                                    <Box sx={{ mt: 3 }}>
+                                        <LinearProgress variant="determinate" value={pmaProgress} sx={{ height: 8, borderRadius: 4 }} />
+                                        <Typography variant="caption" sx={{ mt: 1, display: 'block', textAlign: 'center', color: 'primary.main', fontWeight: 'bold' }}>
+                                            İndiriliyor... %{Math.round(pmaProgress)}
+                                        </Typography>
+                                    </Box>
+                                )}
+                            </Paper>
+                        </Box>
+                    )}
+
                     {activeTab === 'projects' && (
                         <Box>
                             <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', mb: 3 }}>
@@ -958,6 +973,7 @@ function App(): JSX.Element {
                     {notification.message}
                 </Alert>
             </Snackbar>
+
             {/* Log Viewer Dialog */}
             <Dialog
                 open={logDialogOpen}
diff --git a/src/renderer/src/locales/de.json b/src/renderer/src/locales/de.json
index 13212b3..ea6d8cb 100644
--- a/src/renderer/src/locales/de.json
+++ b/src/renderer/src/locales/de.json
@@ -4,6 +4,7 @@
         "stop": "Stoppen",
         "restart": "Neustart",
         "settings": "Einstellungen",
+        "tools": "Werkzeuge",
         "close": "Schließen",
         "quit": "Beenden"
     },
diff --git a/src/renderer/src/locales/en.json b/src/renderer/src/locales/en.json
index b9fa9cb..a247872 100644
--- a/src/renderer/src/locales/en.json
+++ b/src/renderer/src/locales/en.json
@@ -4,6 +4,7 @@
         "stop": "Stop",
         "restart": "Restart",
         "settings": "Settings",
+        "tools": "Tools",
         "close": "Close",
         "quit": "Quit"
     },
diff --git a/src/renderer/src/locales/tr.json b/src/renderer/src/locales/tr.json
index 583074f..6efdfba 100644
--- a/src/renderer/src/locales/tr.json
+++ b/src/renderer/src/locales/tr.json
@@ -4,6 +4,7 @@
         "stop": "Durdur",
         "restart": "Yeniden Başlat",
         "settings": "Ayarlar",
+        "tools": "Araçlar",
         "close": "Kapat",
         "quit": "Çıkış"
     },