A powerful, high-performance AST-based code analyzer and optimizer designed to instantly upgrade your codebase. Whether you are building heavy React CRMs or backend PHP systems, this extension automates performance best practices with just one click.
🌍 Supported Languages
Currently, the extension fully supports and optimizes:
React (.jsx, .tsx)
JavaScript / TypeScript (.js, .ts)
PHP (.php)
⚙️ How It Works (Features)
The extension uses advanced Abstract Syntax Tree (AST) parsing to read your code, understand its structure, and safely apply optimizations without breaking your logic.
⚛️ For React / JavaScript
Auto-Memoization: Automatically wraps your default exports with React.memo() to prevent unnecessary component re-renders.
Smart Lazy Loading: Scans your imports. If it detects heavy components like Modal or Dialog, it automatically converts them into dynamic React.lazy() imports to boost initial page load speed.
Auto Suspense Injection: Safely wraps your lazy-loaded components within a <React.Suspense fallback={<div>Loading...</div>}> boundary.
Memory Leak Prevention (useCallback): Automatically finds inline event handlers (functions starting with handle... like handleDelete) and wraps them in React.useCallback() to save memory during re-renders.
🐘 For PHP
Strict Types Injection: Automatically adds declare(strict_types=1); at the top of your files to enforce type safety and improve PHP execution engine performance.
Modern Array Syntax: Scans for the outdated array() syntax and automatically converts it to the modern, cleaner short syntax [].
🛠️ Step-by-Step: How to Use
Open your file: Open any supported file (.jsx, .js, or .php) in VS Code.
Run the Optimizer: Press Ctrl + Shift + P (Windows/Linux) or Cmd + Shift + P (Mac) to open the Command Palette.
Search the Command: Type "Optimize Code (Multi-Language)" and hit Enter.
Review the Magic: The extension will instantly open a Split Diff-View.
On the Left: Your original code.
On the Right: The newly optimized code (highlighted in green).
🖱️ Where are the Accept & Decline Buttons?
We respect your code! The extension will never modify your files without your permission.
Once the Diff-View opens, look at the Bottom-Right Corner of your VS Code window (in the blue/purple Status Bar). You will see two interactive buttons:
✓ Accept Optimization: Clicks this to instantly apply the optimized code to your file and close the preview.
X Reject: Clicks this to cancel the process. Your original file remains untouched.
Built with ❤️ for developers who care about speed and clean code.
