Magnyte Preview
Securely share localhost previews with your team — powered by Cloudflare Tunnel
✨ Features
| Feature |
Description |
| 🔒 Secure Tunneling |
Outbound-only connections via Cloudflare Tunnel - no open ports required |
| 🌐 Company-Branded URLs |
Professional preview URLs like https://feature-login.preview.company.com |
| ⚡ Zero Deployment |
Share localhost instantly with QA, managers, and clients |
| 🔌 Multi-Port Routing |
Frontend + Backend on single URL with smart /api/* routing |
| 🔍 Auto Port Detection |
Automatically detects running dev servers on common ports |
| 📦 Auto Cloudflared Install |
Downloads and manages cloudflared automatically |
| 📱 QR Code Sharing |
Generate QR codes for mobile testing |
| 🔄 Health Monitoring |
Real-time tunnel health checks with auto-reconnect |
| 🔐 Password Protection |
Optional password protection for previews |
| ⏱️ Preview Extension |
Extend preview duration when needed |
🚀 Quick Start
Step 1: Install Extension
- Open VS Code
- Go to Extensions (
Ctrl+Shift+X)
- Search for "Magnyte Preview"
- Click Install
Step 2: Login
- Open Command Palette (
Ctrl+Shift+P)
- Run
Magnyte Preview: Login
- Enter your company email and password
Step 3: Start Your Dev Server
npm run dev # or your preferred dev command
Step 4: Create Preview
- Run
Magnyte Preview: Start Preview
- Select your frontend port
- Optionally add backend port for
/api/* routing
- Share the generated URL with your team!
📋 Commands
| Command |
Description |
Magnyte Preview: Login |
Sign in to your Magnyte account |
Magnyte Preview: Logout |
Sign out of your account |
Magnyte Preview: Start Preview |
Create a new preview tunnel |
Magnyte Preview: Stop Preview |
Stop an active preview |
Magnyte Preview: Show Dashboard |
Open the preview dashboard panel |
Magnyte Preview: Detect Running Ports |
Scan for running dev servers |
Magnyte Preview: Add Manual Port |
Manually add a port to track |
Magnyte Preview: Show QR Code |
Display QR code for mobile testing |
Magnyte Preview: Extend Preview Duration |
Extend preview expiry time |
Magnyte Preview: Check Health |
Check health of active previews |
Magnyte Preview: Share Preview |
Share preview via URL, text, or QR |
Magnyte Preview: Quick Start Preview |
One-click preview from context menu |
Magnyte Preview: Show Output Log |
View extension output logs |
Magnyte Preview: Open Settings |
Open extension settings |
Magnyte Preview: Configure API URL |
Configure API endpoint |
⚙️ Configuration
Open VS Code Settings (Ctrl+,) and search for "Magnyte Preview":
| Setting |
Type |
Default |
Description |
magnytePreview.apiUrl |
string |
https://mspreviewbackend.magnytesolution.com |
API URL for backend |
magnytePreview.autoStartPreview |
boolean |
false |
Auto-start preview when dev server detected |
magnytePreview.frontendPorts |
array |
[3000, 3001, 4200, 5173, 5174, 8080] |
Ports to detect as frontend servers |
magnytePreview.backendPorts |
array |
[5000, 5001, 8000, 8001, 4000, 4005] |
Ports to detect as backend servers |
magnytePreview.showQROnCreate |
boolean |
true |
Show QR code when preview is created |
magnytePreview.autoReconnect |
boolean |
true |
Auto-reconnect when tunnel drops |
magnytePreview.healthCheckInterval |
number |
30 |
Health check interval in seconds (10-300) |
Example Settings (settings.json)
{
"magnytePreview.apiUrl": "https://mspreviewbackend.magnytesolution.com",
"magnytePreview.autoStartPreview": true,
"magnytePreview.frontendPorts": [3000, 5173, 8080],
"magnytePreview.backendPorts": [5000, 4000],
"magnytePreview.showQROnCreate": true,
"magnytePreview.healthCheckInterval": 30
}
📌 Requirements
System Requirements
- VS Code: Version 1.85.0 or higher
- Operating System: Windows, macOS, or Linux
- Internet Connection: Required for tunnel creation
Account Requirements
- Active Magnyte Preview subscription for your organization
- Verified company domain
Automatic Dependencies
- Cloudflared: Automatically downloaded and managed by the extension
🔧 How It Works
┌─────────────────────────────────────────────────────────────────┐
│ Your Machine │
│ ┌──────────────┐ ┌──────────────┐ ┌──────────────────┐ │
│ │ Frontend │ │ Backend │ │ VS Code │ │
│ │ :3000 │ │ :5000 │ │ Magnyte Ext. │ │
│ └──────┬───────┘ └──────┬───────┘ └────────┬─────────┘ │
│ │ │ │ │
│ └───────────────────┴─────────────────────┘ │
│ │ │
│ ┌────────▼────────┐ │
│ │ Cloudflared │ (Outbound connection) │
│ │ Tunnel │ │
│ └────────┬────────┘ │
└─────────────────────────────┼───────────────────────────────────┘
│ Encrypted
│ Connection
┌─────────▼─────────┐
│ Cloudflare │
│ Global Network │
└─────────┬─────────┘
│
┌───────────────┼───────────────┐
│ │ │
┌─────▼─────┐ ┌─────▼─────┐ ┌─────▼─────┐
│ QA │ │ Manager │ │ Client │
│ Browser │ │ Browser │ │ Browser │
└───────────┘ └───────────┘ └───────────┘
Access: https://feature-login.preview.company.com
Request Flow
- Developer starts dev server locally (e.g., port 3000)
- Extension creates Cloudflare Tunnel via outbound connection
- Magnyte API registers tunnel and creates DNS entry
- Team members access via branded HTTPS URL
- Traffic routes securely through Cloudflare to localhost
Multi-Port Routing
/ → Frontend (port 3000)/api/* → Backend (port 5000)
🔍 Troubleshooting
Preview not starting?
- ✅ Ensure your dev server is running
- ✅ Check the Output panel:
View → Output → Magnyte Preview
- ✅ Verify your account is active in the sidebar
- ✅ Try
Magnyte Preview: Check Health command
Port not detected?
- Run
Magnyte Preview: Detect Running Ports to manually scan
- Ensure your server is bound to
localhost or 127.0.0.1
- Use
Magnyte Preview: Add Manual Port to add ports manually
- Check
magnytePreview.frontendPorts and magnytePreview.backendPorts settings
Tunnel disconnects frequently?
- Check your internet connection stability
- Enable
magnytePreview.autoReconnect in settings
- Reduce
magnytePreview.healthCheckInterval for faster recovery
Login issues?
- Verify your email and password are correct
- Check if your company domain is verified
- Ensure your subscription is active
Cloudflared errors?
- The extension auto-downloads cloudflared if missing
- Check Output panel for download progress
- Ensure no firewall is blocking outbound connections
🔐 Privacy & Security
Data Handling
- No data storage: Your application code never leaves your machine
- Tunnel traffic: All traffic is encrypted end-to-end via Cloudflare
- Credentials: Stored securely in VS Code's secret storage
- Session tokens: Refreshed automatically, never persist in plaintext
Security Features
- Outbound-only: No open ports required on your machine
- End-to-end encryption: TLS 1.3 via Cloudflare's global network
- Password protection: Optional preview password support
- Organization isolation: Previews restricted to your company domain
- Automatic expiry: Previews expire based on your plan settings
Network Security
- All connections are outbound (no firewall changes needed)
- Uses Cloudflare's enterprise-grade security infrastructure
- Supports IP allowlisting (Enterprise plan)
💬 Support
Get Help
Report a Bug
- Go to GitHub Issues
- Click "New Issue"
- Select "Bug Report" template
- Include:
- Extension version
- VS Code version
- Operating system
- Steps to reproduce
- Error messages from Output panel
📜 Privacy Policy
Effective Date: February 9, 2026
- Account Information: Email, company name, domain for authentication
- Usage Data: Tunnel creation timestamps, port configurations (anonymized)
- Technical Data: Extension version, VS Code version for support
- Your application source code
- Content transmitted through tunnels
- Personal browsing history
- Files on your machine
Data Usage
- Provide and improve the Magnyte Preview service
- Send important service notifications
- Analyze usage patterns to improve features
- Comply with legal obligations
Data Sharing
- We do not sell your data to third parties
- Data may be shared with Cloudflare for tunnel infrastructure
- May disclose data if required by law
Data Retention
- Account data: Until account deletion
- Usage logs: 90 days
- Tunnel metadata: 30 days after tunnel closure
Your Rights
- Access your data upon request
- Request data deletion
- Export your data
- Opt-out of non-essential communications
For privacy inquiries: mailpvt.magnytesolution@gmail.com
📄 Terms and Conditions
Effective Date: February 9, 2026
1. Acceptance of Terms
By installing and using Magnyte Preview, you agree to these terms.
2. Description of Service
Magnyte Preview provides secure localhost preview sharing via Cloudflare Tunnel technology.
3. Account Responsibilities
- You are responsible for maintaining account security
- You must not share account credentials
- You must use valid company email for registration
- You are responsible for all activity under your account
4. Acceptable Use
You agree NOT to:
- Share malicious or illegal content via previews
- Attempt to bypass security measures
- Use the service for production traffic
- Exceed your plan's usage limits
- Reverse engineer the extension
5. Subscription & Billing
- Subscriptions are billed according to chosen plan
- Payments processed via Razorpay
- Refunds subject to our refund policy
- Service may be suspended for non-payment
6. Service Availability
- We aim for 99.9% uptime
- Scheduled maintenance will be announced
- No liability for Cloudflare infrastructure issues
7. Intellectual Property
- Magnyte Preview and its code are owned by Magnyte Software Pvt. Ltd.
- Your content remains your property
- You grant us license to transmit your content through our service
8. Limitation of Liability
- Service provided "as is"
- No warranty for uninterrupted service
- Maximum liability limited to subscription fees paid
9. Termination
- You may terminate anytime by uninstalling and closing your account
- We may terminate for violation of terms
- Data deleted 30 days after termination
10. Changes to Terms
- We may update terms with 30 days notice
- Continued use constitutes acceptance
11. Governing Law
These terms are governed by the laws of India.
For legal inquiries: mailpvt.magnytesolution@gmail.com
🤝 Contributing
We welcome contributions! Visit our repository:
📊 Changelog
See CHANGELOG.md for version history.
Magnyte Preview is a product of Magnyte Software Pvt. Ltd.
© 2026 Magnyte Software Pvt. Ltd. All rights reserved.
Made with ❤️ in India
