Xampp Meta Panel

XAMPP Meta Panel For VS Code

🚀 Run Apache, MySQL, and PHP directly from VS Code — No need to manually install XAMPP!

---

🎯 Why XAMPP Manager?

Tired of having to open the XAMPP Control Panel repeatedly just to start a local server? Or lazy about downloading and configuring XAMPP on each different computer?

XAMPP Manager provides a portable PHP/MySQL development environment directly within VS Code. This extension detects your XAMPP installation or provides an internal server runtime so you can focus on coding, not server configuration.

✨ Key Features

⚡️ Zero-Download Runtime (Outstanding Feature)

• No Need to Reinstall XAMPP: This extension provides the ability to run an embedded server (PHP built-in server & portable MariaDB) if XAMPP is not detected on your system.
• One Click, Instant Run: Once the extension is active, right-click on your project folder, select XAMPP: Serve Project Here, and your website will open instantly in your browser.

🌐 Website Official

Experience complete control without leaving your code editor.

🎛️ Unified Control Center

• An elegant control panel inside the VS Code Sidebar that displays the status of:
• 🟢 Apache (Port 80/8080)
• 🟢 MySQL (Port 3306)
• Quick action buttons: Start All, Stop All, Restart, and Open phpMyAdmin.

📂 Smart Workspace Detection

• Automatically reads the htdocs folder from your local XAMPP installation.
• Virtual Host Creator: Create *.test virtual host configurations directly from VS Code without manually fiddling with the httpd-vhosts.conf file.

🐳 Database Manager Integration

• Quick access to phpMyAdmin directly from the Status Bar.
• MySQL Shell: Run SQL queries directly from the Command Palette (Ctrl+Shift+P > XAMPP: Run SQL Query).

🔔 Intelligent Notifications

Get real-time notifications when the server is running successfully or encounters a port conflict error.

• Auto-kill Process: If port 80 conflicts (for example, with Skype or IIS), the extension will offer to automatically kill the process.

---

🛜Feature Whatsaap Bot AI

WhatsApp Bot Control	WhatsApp Bot Control
WhatsApp Bot Control	WhatsApp Bot Control

WhatsApp Bot Control	WhatsApp Bot Control
WhatsApp Bot Control	WhatsApp Bot Control

📸 Interface

Experience complete control without leaving your code editor.

🛜 Topology Network

Experience complete control without leaving your code editor.

⚙️ Requirements & Dependencies

This extension is PORTABLE. You are not required to have XAMPP installed on your system.

However, for optimal performance, here are the recommendations:

If you ALREADY have XAMPP installed:

• XAMPP version 7.4.x or 8.x installed in the default directory (C:\xampp or /Applications/XAMPP).
• The extension will automatically detect it and use the default binary.

If you have NOT installed XAMPP:

• Don't worry! This extension will automatically download and extract the XAMPP Portable Launcher (PHP 8.2 + MariaDB 10.11) to the extensions directory on the first run. Please ensure your internet connection is stable.

---

🛠️ Extension Settings

Customize the extension's behavior via Settings.json (VS Code Settings).

Setting ID	Description	Default
xampp-manager.autoStart	Automatically start the server when VS Code opens a PHP workspace.	false
xampp-manager.apachePort	Change the default Apache port (useful if port 80 conflicts).	80
xampp-manager.mysqlPort	Change the default MySQL port.	3306
xampp-manager.useBuiltInPhp	Highlight Feature: Force the use of VS Code's internal PHP server instead of XAMPP's Apache.	false

Example configuration in settings.json:

{
"xampp-manager.autoStart": true,
"xampp-manager.apachePort": 8080,
"xampp-manager.useBuiltInPhp": false
}

---

⌨️ Commands

Open the Command Palette (Ctrl+Shift+P / Cmd+Shift+P) and type XAMPP:

• XAMPP: Start Servers - Starts Apache & MySQL.
• XAMPP: Stop Servers - Stops all services.
• XAMPP: Open htdocs Folder - Opens the document root folder in File Explorer.
• XAMPP: Open phpMyAdmin - Opens the database panel in the default browser.
• XAMPP: Create New Virtual Host - Local domain creation wizard.

---

🆕 What's New in Version 4.2.2

🤖 WhatsApp Bot Control Center

• Persistent Session: Scan the QR code once, and the bot will remember your session permanently (no need to re-scan after VS Code restarts).
• Remote Server Management: Start/Stop Apache and MariaDB directly via WhatsApp commands:
  • !start apache / !stop apache
  • !start mariadb / !stop mariadb
• Laravel & PHP Server Control: Launch your local development servers from anywhere:
  • !start laravel <foldername> / !stop laravel
  • !start php <foldername> / !stop php
• Database Queries via Chat: Execute SQL queries directly from WhatsApp:
  • !query <SQL statement> (global query)
  • !db <database_name> <SQL statement> (targeted query)
• Vercel Cloud Deployment: Deploy projects directly to Vercel from WhatsApp:
  • Set up: !setvercel <API_KEY_ANDA>
  • Deploy: !deploy <project-name> (attach .zip or .html file to your message)
• System Commands:
  • !cleanup - Force kill all XAMPP processes remotely
  • !admin apache - Get Apache mobile preview URL
  • !admin mariadb - Get phpMyAdmin mobile access URL
  • !status - Get full command list

🔬 Network Topology Simulator (SQL to Cisco Visualizer)

• Drag & Drop SQL Import: Upload your .sql files to automatically parse table schemas and visualize them as interactive network nodes (Router, Switch, PC Client, Server DB).
• Live Packet Animation: Click on node methods like "📡 Ping Packet" or "📦 Send Traffic" to see animated packet transfers between nodes with visual effects.
• Auto Traffic Mode: Toggle "Auto Ping/Traffic" to simulate continuous network communication between all detected entities.
• Draggable UML Nodes: Rearrange network topology nodes freely by dragging them around the canvas. All connection lines update in real-time.
• Toggle Views: Switch seamlessly between raw SQL editor and visual network topology mode without losing your file context.
• Real-Time Line Drawing: The SVG-based connection lines dynamically adjust their endpoints as you move nodes, using marker arrows to indicate data flow direction....