@tushar-br/desktop 1.0.283 → 1.0.284

package/staging_area/micro projects/SD -Advanced Media Processing Toolkit Automated Downloader, Segmenter & Neural Dubber/backend/static/css/style.css

@@ -1,333 +0,0 @@
-:root {
-    --primary: #c026d3; /* Vibrant Fuchsia */
-    --primary-hover: #d946ef;
-    --secondary: #8b5cf6; /* Violet */
-    --accent: #22d3ee; /* Cyan */
-    --bg: #020617; /* Very Dark Slate */
-    --card: rgba(30, 41, 59, 0.7); /* Glassmorphism Slate */
-    --text: #f8fafc;
-    --text-muted: #94a3b8;
-    --border: rgba(51, 65, 85, 0.5);
-    --glow: rgba(192, 38, 211, 0.4);
-}
-
-* {
-    box-sizing: border-box;
-    margin: 0;
-    padding: 0;
-}
-
-body {
-    background-color: var(--bg);
-    background-image: 
-        radial-gradient(at 0% 0%, rgba(139, 92, 246, 0.15) 0px, transparent 50%),
-        radial-gradient(at 100% 100%, rgba(192, 38, 211, 0.15) 0px, transparent 50%);
-    color: var(--text);
-    font-family: 'Outfit', 'Inter', system-ui, -apple-system, sans-serif;
-    min-height: 100vh;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    overflow-x: hidden;
-    line-height: 1.6;
-}
-
-/* --- ANIMATIONS --- */
-@keyframes fadeIn {
-    from { opacity: 0; transform: translateY(30px) scale(0.95); }
-    to { opacity: 1; transform: translateY(0) scale(1); }
-}
-
-@keyframes pulse-glow {
-    0% { box-shadow: 0 0 20px rgba(192, 38, 211, 0.2); }
-    50% { box-shadow: 0 0 40px rgba(192, 38, 211, 0.4); }
-    100% { box-shadow: 0 0 20px rgba(192, 38, 211, 0.2); }
-}
-
-.animate-fade {
-    animation: fadeIn 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
-}
-
-/* --- LAYOUT --- */
-.container {
-    width: 600px;
-    max-width: 95%;
-    padding: 2rem 0;
-    z-index: 10;
-}
-
-.container-wide {
-    width: 1100px;
-    max-width: 95%;
-    padding: 2rem 0;
-    z-index: 10;
-}
-
-.card {
-    background: var(--card);
-    backdrop-filter: blur(12px);
-    -webkit-backdrop-filter: blur(12px);
-    padding: 3rem;
-    border-radius: 24px;
-    border: 1px solid var(--border);
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
-    transition: transform 0.3s ease, box-shadow 0.3s ease;
-}
-
-.card:hover {
-    box-shadow: 0 30px 60px -12px rgba(0, 0, 0, 0.6);
-}
-
-/* --- TYPOGRAPHY --- */
-h1 {
-    font-size: 3.5rem;
-    background: linear-gradient(to right, #fff, var(--primary));
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    font-weight: 800;
-    margin-bottom: 0.5rem;
-    letter-spacing: -0.05em;
-    filter: drop-shadow(0 0 10px var(--glow));
-}
-
-h2 {
-    font-size: 1.75rem;
-    font-weight: 700;
-    margin-bottom: 1.5rem;
-    color: white;
-}
-
-h3.section-title {
-    font-size: 0.75rem;
-    text-transform: uppercase;
-    letter-spacing: 0.2em;
-    color: var(--accent);
-    margin: 2rem 0 1rem 0;
-    font-weight: 800;
-}
-
-p {
-    color: var(--text-muted);
-    font-size: 1.1rem;
-}
-
-/* --- INPUTS --- */
-.url-input {
-    width: 100%;
-    padding: 1.25rem 1.5rem;
-    background: rgba(15, 23, 42, 0.6);
-    border: 2px solid var(--border);
-    border-radius: 16px;
-    color: white;
-    font-size: 1.1rem;
-    margin-bottom: 1.5rem;
-    transition: all 0.3s ease;
-    outline: none;
-}
-
-.url-input:focus {
-    border-color: var(--primary);
-    background: rgba(15, 23, 42, 0.8);
-    box-shadow: 0 0 0 4px rgba(192, 38, 211, 0.2);
-}
-
-/* --- BUTTONS --- */
-button {
-    font-family: inherit;
-    cursor: pointer;
-    border: none;
-    border-radius: 16px;
-    font-weight: 700;
-    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 0.5rem;
-}
-
-.btn-primary {
-    background: linear-gradient(135deg, var(--primary), var(--secondary));
-    color: white;
-    width: 100%;
-    padding: 1.25rem;
-    font-size: 1.2rem;
-    box-shadow: 0 10px 20px -5px var(--glow);
-}
-
-.btn-primary:hover:not(:disabled) {
-    transform: translateY(-4px) scale(1.02);
-    box-shadow: 0 15px 30px -5px var(--glow);
-    filter: brightness(1.1);
-}
-
-.btn-primary:active:not(:disabled) {
-    transform: translateY(-1px) scale(0.98);
-}
-
-.btn-primary:disabled {
-    opacity: 0.5;
-    cursor: wait;
-}
-
-.btn-secondary {
-    background: rgba(255, 255, 255, 0.05);
-    border: 1px solid var(--border);
-    color: var(--text);
-    padding: 1rem 1.5rem;
-}
-
-.btn-secondary:hover {
-    background: rgba(255, 255, 255, 0.1);
-    transform: translateY(-2px);
-}
-
-/* --- PREVIEW PANEL --- */
-.preview-layout {
-    display: grid;
-    grid-template-columns: 450px 1fr;
-    gap: 3rem;
-}
-
-.thumb-container {
-    position: relative;
-    border-radius: 20px;
-    overflow: hidden;
-    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
-    border: 1px solid var(--border);
-}
-
-.thumb-large {
-    width: 100%;
-    aspect-ratio: 16/9;
-    object-fit: cover;
-    display: block;
-}
-
-.duration-badge {
-    position: absolute;
-    bottom: 1rem;
-    right: 1rem;
-    background: rgba(0, 0, 0, 0.85);
-    backdrop-filter: blur(4px);
-    padding: 0.25rem 0.75rem;
-    border-radius: 8px;
-    font-weight: 800;
-    font-size: 0.85rem;
-    color: var(--accent);
-}
-
-/* Quality Selection */
-.quality-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
-    gap: 1rem;
-}
-
-.quality-card {
-    background: rgba(15, 23, 42, 0.4);
-    border: 2px solid var(--border);
-    padding: 1rem;
-    border-radius: 12px;
-    text-align: center;
-    cursor: pointer;
-    transition: all 0.2s ease;
-}
-
-.quality-card:hover {
-    border-color: var(--accent);
-    background: rgba(34, 211, 238, 0.05);
-}
-
-.quality-card.active {
-    background: rgba(192, 38, 211, 0.1);
-    border-color: var(--primary);
-    box-shadow: 0 0 15px rgba(192, 38, 211, 0.3);
-}
-
-.q-res {
-    display: block;
-    font-weight: 800;
-    font-size: 1.1rem;
-}
-
-.q-size {
-    display: block;
-    font-size: 0.75rem;
-    color: var(--text-muted);
-}
-
-/* Enhancements */
-.options-row {
-    display: flex;
-    gap: 1rem;
-}
-
-.option-box {
-    flex: 1;
-    background: rgba(15, 23, 42, 0.4);
-    border: 2px solid var(--border);
-    padding: 1.25rem;
-    border-radius: 16px;
-    display: flex;
-    align-items: center;
-    gap: 1rem;
-    cursor: pointer;
-    transition: all 0.2s ease;
-}
-
-.option-box:hover {
-    border-color: var(--primary);
-}
-
-.option-box input {
-    accent-color: var(--primary);
-    width: 20px;
-    height: 20px;
-}
-
-/* Progress Bar */
-.progress-container {
-    height: 12px;
-    background: rgba(15, 23, 42, 0.8);
-    border-radius: 100px;
-    overflow: hidden;
-    margin-bottom: 1rem;
-    border: 1px solid var(--border);
-}
-
-.progress-bar {
-    height: 100%;
-    background: linear-gradient(to right, var(--primary), var(--secondary));
-    box-shadow: 0 0 15px var(--glow);
-    transition: width 0.4s cubic-bezier(0.1, 0.7, 0.1, 1);
-}
-
-.log-window {
-    background: #000;
-    border-radius: 12px;
-    padding: 1.5rem;
-    height: 180px;
-    overflow-y: auto;
-    font-family: 'JetBrains Mono', 'Fira Code', monospace;
-    font-size: 0.85rem;
-    color: #4ade80; /* Terminal Green */
-    border: 1px solid var(--border);
-}
-
-.log-entry {
-    margin-bottom: 0.25rem;
-    opacity: 0.9;
-}
-
-/* Success */
-.success-icon {
-    font-size: 5rem;
-    margin-bottom: 1.5rem;
-    filter: drop-shadow(0 0 15px #10b981);
-}
-
-@media (max-width: 950px) {
-    .preview-layout { grid-template-columns: 1fr; }
-    .container-wide { width: 100%; }
-    h1 { font-size: 2.5rem; }
-}

package/staging_area/micro projects/SD -Advanced Media Processing Toolkit Automated Downloader, Segmenter & Neural Dubber/backend/static/js/App.jsx

@@ -1,234 +0,0 @@
-
-const { useState, useEffect } = React;
-const API_Base = "/api";
-
-function App() {
-    const [screen, setScreen] = useState('input');
-    const [url, setURL] = useState('');
-    const [videoInfo, setVideoInfo] = useState(null);
-    const [selectedFormat, setSelectedFormat] = useState('best');
-    const [isLoading, setIsLoading] = useState(false);
-    const [error, setError] = useState(null);
-    const [progress, setProgress] = useState(0);
-    const [logs, setLogs] = useState([]);
-    const [files, setFiles] = useState([]);
-    const [options, setOptions] = useState({ segmenter: false, dubber: false });
-
-    const fetchVideo = async () => {
-        if (!url) return;
-        setIsLoading(true); setError(null);
-        try {
-            const res = await fetch(`${API_Base}/video-info`, {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ url })
-            });
-            const data = await res.json();
-            if (!data.success) throw new Error(data.error);
-
-            setVideoInfo(data);
-            if (data.formats && data.formats.length > 0) {
-                setSelectedFormat(data.formats[0].format_id);
-            }
-            setScreen('preview');
-        } catch (err) { setError(err.message); }
-        finally { setIsLoading(false); }
-    };
-
-    const startDownload = async () => {
-        setScreen('processing'); setProgress(10);
-        setLogs(["[SYSTEM] Initializing secure connection...", "[INFO] Bypassing DNS bottlenecks...", "[INFO] Forcing IPv4 layer..."]);
-
-        const timer = setInterval(() => {
-            setProgress(p => (p >= 90 ? p : p + 2));
-            const tasks = ["Resolving host...", "Fetching media manifest...", "Merging streams...", "Applying AI Dubbing...", "Optimizing buffer..."];
-            if (Math.random() > 0.7) {
-                setLogs(l => [...l, `[PROCESS] ${tasks[Math.floor(Math.random() * tasks.length)]}`]);
-            }
-        }, 600);
-
-        try {
-            const res = await fetch(`${API_Base}/process`, {
-                method: 'POST', body: JSON.stringify({
-                    url, format: selectedFormat,
-                    enable_segmenter: options.segmenter, enable_dubber: options.dubber
-                }), headers: { 'Content-Type': 'application/json' }
-            });
-            clearInterval(timer);
-
-            const contentType = res.headers.get("content-type");
-            if (contentType && contentType.includes("application/json")) {
-                const result = await res.json();
-                if (!result.success) throw new Error(result.error);
-                setProgress(100); setFiles(result.files);
-                setTimeout(() => setScreen('results'), 800);
-            } else {
-                const blob = await res.blob();
-                const downloadUrl = window.URL.createObjectURL(blob);
-                const a = document.createElement('a');
-                a.href = downloadUrl;
-                a.download = "Media_Toolkit_Video.mp4";
-                document.body.appendChild(a);
-                a.click();
-                a.remove();
-                setProgress(100);
-                setFiles({ vercel: true });
-                setTimeout(() => setScreen('results'), 800);
-            }
-        } catch (err) { clearInterval(timer); setError(err.message); setScreen('preview'); }
-    };
-
-    const reset = () => {
-        setScreen('input'); setURL(''); setVideoInfo(null);
-        setProgress(0); setLogs([]); setFiles([]); setError(null);
-        setOptions({ segmenter: false, dubber: false });
-    };
-
-    if (screen === 'input') {
-        return (
-            <div className="container animate-fade">
-                <Header title="Paste Media URL" />
-                <div className="card">
-                    <input
-                        className="url-input"
-                        placeholder="https://www.youtube.com/watch?v=..."
-                        value={url}
-                        onChange={e => setURL(e.target.value)}
-                        onKeyPress={e => e.key === 'Enter' && fetchVideo()}
-                    />
-                    {error && <div style={{ color: '#ef4444', marginBottom: 20, textAlign: 'left' }}>⚠️ Error: {error}</div>}
-                    <button
-                        className="btn-primary"
-                        onClick={fetchVideo} disabled={isLoading}
-                    >
-                        {isLoading ? "🔍 Analyzing Engine..." : "⚡ Start Processing"}
-                    </button>
-                    <p style={{ marginTop: 20, fontSize: '0.85rem' }}>Bypassing DNS throttles & AI filtering automatically.</p>
-                </div>
-            </div>
-        );
-    }
-
-    if (screen === 'preview' && videoInfo) {
-        return (
-            <div className="container-wide animate-fade">
-                <div className="card">
-                    <div className="preview-layout">
-                        <div className="left-panel">
-                            <div className="thumb-container">
-                                <img src={videoInfo.thumbnail} className="thumb-large" />
-                                <div className="duration-badge">{Math.floor(videoInfo.duration / 60)}:{String(videoInfo.duration % 60).padStart(2, '0')}</div>
-                            </div>
-                            <div style={{ marginTop: 25 }}>
-                                <h3 style={{ color: 'var(--accent)', fontSize: '0.8rem', textTransform: 'uppercase', marginBottom: 10 }}>Source Metadata</h3>
-                                <h2 style={{ fontSize: '1.4rem', lineHeight: '1.3' }}>{videoInfo.title}</h2>
-                                <p>Channel: {videoInfo.uploader}</p>
-                            </div>
-                        </div>
-
-                        <div className="right-panel">
-                            <h3 className="section-title">Step 1: Output Quality</h3>
-                            <div className="quality-grid">
-                                {videoInfo.formats.map((f, i) => (
-                                    <div
-                                        key={i}
-                                        className={`quality-card ${selectedFormat === f.format_id ? 'active' : ''}`}
-                                        onClick={() => setSelectedFormat(f.format_id)}
-                                    >
-                                        <span className="q-res">{f.quality}</span>
-                                        <span className="q-size">{f.mb} MB</span>
-                                    </div>
-                                ))}
-                            </div>
-
-                            <h3 className="section-title">Step 2: AI Enhancements</h3>
-                            <div className="options-row">
-                                <label className="option-box">
-                                    <input type="checkbox" checked={options.segmenter} onChange={e => setOptions({ ...options, segmenter: e.target.checked })} />
-                                    <div>
-                                        <div style={{ fontWeight: 700 }}>Smart Segment</div>
-                                        <div style={{ fontSize: '0.75rem', color: '#94a3b8' }}>30s Clip Extraction</div>
-                                    </div>
-                                </label>
-                                <label className="option-box">
-                                    <input type="checkbox" checked={options.dubber} onChange={e => setOptions({ ...options, dubber: e.target.checked })} />
-                                    <div>
-                                        <div style={{ fontWeight: 700 }}>Neural Dub</div>
-                                        <div style={{ fontSize: '0.75rem', color: '#94a3b8' }}>AI Voice Intro</div>
-                                    </div>
-                                </label>
-                            </div>
-
-                            <div className="action-buttons">
-                                <button className="btn-secondary" style={{ flex: 1 }} onClick={() => setScreen('input')}>Back</button>
-                                <button className="btn-primary" style={{ flex: 2 }} onClick={startDownload}>🚀 Execute Pipeline</button>
-                            </div>
-                        </div>
-                    </div>
-                    {error && <div style={{ color: '#ef4444', marginTop: 20 }}>⚠️ Network Error: {error}</div>}
-                </div>
-            </div>
-        );
-    }
-
-    if (screen === 'processing') {
-        return (
-            <div className="container animate-fade">
-                <Header title="Engine Executing..." />
-                <div className="card">
-                    <div className="progress-container">
-                        <div className="progress-bar" style={{ width: `${progress}%` }}></div>
-                    </div>
-                    <div style={{ display: 'flex', justifyContent: 'space-between', color: 'var(--accent)', marginBottom: 20, fontSize: '0.9rem', fontWeight: 800 }}>
-                        <span>ORCHESTRATING PIPELINE</span>
-                        <span>{progress}%</span>
-                    </div>
-                    <div className="log-window">
-                        {logs.map((l, i) => <div key={i} className="log-entry">{l}</div>)}
-                        <div id="log-end"></div>
-                    </div>
-                </div>
-            </div>
-        );
-    }
-
-    if (screen === 'results') {
-        const isVercel = files.vercel || (files.length > 0 && files[0].url);
-
-        return (
-            <div className="container animate-fade">
-                <Header title="Task Finalized" />
-                <div className="card" style={{ textAlign: 'center' }}>
-                    <div className="success-icon">✨</div>
-
-                    {isVercel ? (
-                        <>
-                            <h2 style={{ color: '#10b981' }}>File Ready</h2>
-                            <p>Processing complete. Your file has been generated.</p>
-                        </>
-                    ) : (
-                        <>
-                            <h2 style={{ color: '#10b981' }}>Saved to Desktop!</h2>
-                            <div className="file-list">
-                                {files.map((f, i) => <div className="file-item" key={i}>📄 {f.filename}</div>)}
-                            </div>
-                        </>
-                    )}
-
-                    <button className="btn-primary" style={{ marginTop: 20 }} onClick={reset}>⚡ Start New Task</button>
-                </div>
-            </div>
-        );
-    }
-
-    return null;
-}
-
-function Header({ title }) {
-    return <div style={{ marginBottom: 40, textAlign: 'center' }}>
-        <h1>Media Toolkit</h1>
-        <p style={{ fontSize: '1.2rem', color: 'var(--accent)', textTransform: 'uppercase', letterSpacing: '0.1em' }}>{title}</p>
-    </div>;
-}
-
-ReactDOM.createRoot(document.getElementById('root')).render(<App />);

package/staging_area/micro projects/SD -Advanced Media Processing Toolkit Automated Downloader, Segmenter & Neural Dubber/backend/templates/index.html

@@ -1,65 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta name="description"
-        content="Advanced Media Processing Toolkit - Download, Segment, and AI Dub YouTube videos.">
-    <title>Media Toolkit | AI Powered Pipeline</title>
-
-    <!-- Fallback Style for Instant Loading Appearance -->
-    <style>
-        body {
-            background: #020617;
-            color: white;
-            font-family: sans-serif;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            min-height: 100vh;
-            margin: 0;
-        }
-
-        #root:empty::after {
-            content: "Initializing AI Processing Engine...";
-            font-size: 1.2rem;
-            opacity: 0.5;
-            animation: blink 1.5s infinite;
-        }
-
-        @keyframes blink {
-
-            0%,
-            100% {
-                opacity: 0.3;
-            }
-
-            50% {
-                opacity: 0.7;
-            }
-        }
-    </style>
-
-    <!-- Link Premium CSS with Cache Busting -->
-    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}?v=1.0.1">
-
-    <!-- Load React, ReactDOM, Babel (via CDN) -->
-    <script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script>
-    <script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
-    <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
-
-    <!-- Google Fonts: Outfit & Inter for premium feel -->
-    <link
-        href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800&family=Inter:wght@400;600;700&display=swap"
-        rel="stylesheet">
-</head>
-
-<body>
-    <div id="root"></div>
-
-    <!-- Load Main React App logic (JSX) -->
-    <script type="text/babel" src="{{ url_for('static', filename='js/App.jsx') }}?v=1.0.1"></script>
-</body>
-
-</html>

package/staging_area/micro projects/SD -Advanced Media Processing Toolkit Automated Downloader, Segmenter & Neural Dubber/requirements.txt

@@ -1,13 +0,0 @@
-flask
-flask-cors
-yt-dlp>=2024.10.0
-moviepy==1.0.3
-requests
-python-dotenv
-gtts
-pydub
-gunicorn
-werkzeug
-decorator>=4.4.2
-proglog
-tqdm

package/staging_area/micro projects/SD -Advanced Media Processing Toolkit Automated Downloader, Segmenter & Neural Dubber/screenshots/README.md

@@ -1,29 +0,0 @@
-# Screenshots Directory
-
-This folder contains UI screenshots for project documentation and reports.
-
-## Required Screenshots
-
-1. **Home Page** - Main interface with input field
-2. **Processing Page** - Real-time progress and logs
-3. **Results Page** - Download buttons and success message
-
-## How to Capture Screenshots
-
-1. Run the application using `RUN_PROJECT.bat`
-2. Navigate through each stage of the workflow
-3. Take screenshots using:
-   - Windows: `Win + Shift + S`
-   - Or use Snipping Tool
-4. Save screenshots here with descriptive names:
-   - `01_home_page.png`
-   - `02_processing.png`
-   - `03_results.png`
-
-## Usage in Report
-
-These screenshots should be included in:
-- Project documentation
-- Final semester report
-- Presentation slides
-- Viva demonstration materials

package/staging_area/micro projects/SD -Advanced Media Processing Toolkit Automated Downloader, Segmenter & Neural Dubber/vercel.json

@@ -1,13 +0,0 @@
-{
-    "rewrites": [
-        {
-            "source": "/(.*)",
-            "destination": "/api/index.py"
-        }
-    ],
-    "functions": {
-        "api/index.py": {
-            "includeFiles": "backend/**"
-        }
-    }
-}